/************************************************************************************************************************************************ * STORY *************************************************************************************************************************************************/ .story_main {} .story_main .story_main_01 {margin-bottom:10px;} .story_main .story_main_02 {margin-bottom:10px;} .story_main section {position:relative;padding-bottom:0px;} .story_main section .section_inner {padding:0px;position:relative;max-width:inherit;} .story_main section .section_inner .bg {text-align:center;position:relative;left:0px;} .story_main section .section_inner .bg img {width:100%;} .story_main section .section_inner .cont {position:absolute;top:0px;left:0px;width:100%;height:100%;} .story_main section .section_inner .cont .cont_inner {position:relative;height:100%;padding:0 50px; max-width: 1588px;margin: 0 auto;overflow:hidden;} .story_main section .section_inner .cont .cont_inner .title {margin-top:100px;color:#000;font-weight:bold;} .story_main section .section_inner .cont .cont_inner .title h2 {font-size:26px;margin-bottom:30px;font-family:"dpm", arial, san-serif;font-weight:100;} .story_main section .section_inner .cont .cont_inner .title span.line {opacity:0.5;width:20px;height:1px;background:#000;display:inline-block;margin-bottom:60px;} .story_main section .section_inner .cont .cont_inner .title p {font-size:24px;line-height:36px;} .story_main section .section_inner .cont .cont_inner .thumb_wrap {position:absolute;bottom:90px;right:50px;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul {} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li {float:left;position:relative;overflow:hidden;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li .txt {position:absolute;left:30px;bottom:30px;color:#fff;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li .txt h3 {font-size:12px;margin-bottom:10px;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li .txt p {font-size:14px;margin-bottom:10px;font-weight:700;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li .txt span {text-decoration:underline;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li a {position:relative;overflow:hidden;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul:after {content:"";display:block;clear:both;} .story_main section.last {padding-bottom:100px;} @media all and (min-width: 1280px) { .story_main section .section_inner .cont {;--margin:0 auto;--max-width:1588px;} } @media all and (min-width: 1025px) and (max-width: 1500px) { .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li img {width:100%;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li {width:240px;} } @media all and (min-width: 740px) and (max-width: 1024px) { .story_main section .section_inner .bg img {width:100%;} .story_main section .section_inner .cont .cont_inner .thumb_wrap {margin-top:100px;--position:static;left:0px;bottom:50px;--width:100%;padding:0 50px;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li {width:33.3%;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li img {width:100%;} } @media all and (min-width: 100px) and (max-width: 740px) { .story_main section {margin-bottom:50px;} .story_main section .section_inner .bg {position:absolute;top:0px;left:0px;} .story_main section .section_inner .bg img {width:100%;} .story_main section .section_inner .cont {position:relative;} .story_main section .section_inner .cont .cont_inner {padding:0 25px;} .story_main section .section_inner .cont .cont_inner .title {margin-top:50px;color:#000;font-weight:bold;} .story_main section .section_inner .cont .cont_inner .title h2 {font-size:18px;margin-bottom:15px;} .story_main section .section_inner .cont .cont_inner .title span.line {opacity:0.5;width:10px;height:1px;background:#000;display:inline-block;margin-bottom:30px;} .story_main section .section_inner .cont .cont_inner .title p {font-size:15px;line-height:25px;} .story_main section .section_inner .cont .cont_inner .thumb_wrap {margin-top:100px;position:static;left:initial;bottom:50px;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li {width:100%;} .story_main section .section_inner .cont .cont_inner .thumb_wrap ul li img {width:100%;} } /* .story_alton_01 .visual_copy .visual_copy_inner .txt.t1 {width:125%;transition:all 0.5s;} .story_alton_01 .visual_copy .visual_copy_inner .txt.t1 span {width: 11.1%;margin-right: 0%;} */ .story .visual_copy .visual_copy_inner .txt2 {font-family:"NotoL", dotum, arial, san-serif;font-size:15px !important;font-weight:700;color:#7b7a7a !important;} .always {} section.always {padding-bottom:200px;} .always .section_inner {} .always .section_inner > ul > li .text_inner {font-family:"NotoR", dotum, arial, san-serif;} .always.section1 .section_inner {} .always.section1 .section_inner > ul {} .always.section1 .section_inner > ul > li {float:left;} .always.section1 .section_inner > ul > li.part1 {width:74.3%;margin-right:2.5%;} .always.section1 .section_inner > ul > li.part1 p.img img {width:100%;} .always.section1 .section_inner > ul > li.part2 {width:23%;padding-top:200px;} .always.section1 .section_inner > ul:after {content:"";display:block;clear:both;} .always.section2 .section_inner {} .always.section2 .section_inner > ul {} .always.section2 .section_inner > ul > li {float:left;} .always.section2 .section_inner > ul > li.part1 {width:23%;margin-right:2.5%} .always.section2 .section_inner > ul > li.part2 {width:23%;margin-right:2.5%} .always.section2 .section_inner > ul > li.part3 {width:48%;} .always.section2 .section_inner > ul:after {content:"";display:block;clear:both;} .always.section3 .section_inner {background:#00a650;color:#fff;} .always.section3 .section_inner > ul {} .always.section3 .section_inner > ul > li {float:left;} .always.section3 .section_inner > ul > li.part1 {width:48%;margin-right:2.5%;text-align:center;} .always.section3 .section_inner > ul > li.part2 {width:23%;margin-right:2.5%} .always.section3 .section_inner > ul > li.part3 {width:23%;} .always.section3 .section_inner > ul:after {content:"";display:block;clear:both;} .always.section4 .section_inner {} .always.section4 .section_inner > ul {} .always.section4 .section_inner > ul > li {float:left;} .always.section4 .section_inner > ul > li.part1 {width:23%;margin-right:2.5%} .always.section4 .section_inner > ul > li.part2 {width:23%;margin-right:2.5%} .always.section4 .section_inner > ul > li.part3 {width:48%;} .always.section4 .section_inner > ul:after {content:"";display:block;clear:both;} .always.section5 .section_inner {} .always.section5 .section_inner > ul {} .always.section5 .section_inner > ul > li {float:left;} .always.section5 .section_inner > ul > li.part1 {width:48%;margin-right:2.5%} .always.section5 .section_inner > ul > li.part2 {width:23%;margin-right:2.5%} .always.section5 .section_inner > ul > li.part3 {width:23%;} .always.section5 .section_inner > ul:after {content:"";display:block;clear:both;} /* story */ .creative .txt {font-weight:700;} .creative .txt1 {font-weight:700;} .creative.create01 .visual_copy {} .creative.create02 .visual_copy {font-family:"NotoR";} .inovation .txt {font-weight:700;} .inovation .txt1 {font-weight:700;} .inovation.inov01 .visual_copy {} .inovation.inov03 .visual_copy {font-family:"NotoR";} .wid230 {width:230px !important;} .inov01 .visual_copy .visual_copy_inner .txt {letter-spacing:3px !important;} .inov01 .visual_copy .visual_copy_inner .txt.t1 {width:141%;width:100%;transition:all 0.5s;} .inov01 .visual_copy .visual_copy_inner .txt.t1 span {width: 33.3%;margin-right: 0%;} .inov01 .visual_copy .visual_copy_inner .txt.t2 {width:103%;width:100%;transition:all 0.5s;} .inov01 .visual_copy .visual_copy_inner .txt.t2 span {width: 7.6%;margin-right: 0%;text-align:center;} .inov01 .visual_copy .visual_copy_inner .txt.t3 {width:113%;transition:all 0.5s;} .inov01 .visual_copy .visual_copy_inner .txt.t3 {color:#fbf523 !important;width: 16.6%;width:100%;margin-right: 0%;} .inov03 .visual_copy .visual_copy_inner .txt {letter-spacing:10px !important;} .inov03 .visual_copy .visual_copy_inner .txt.t1 {width:113%;transition:all 0.5s;} .inov03 .visual_copy .visual_copy_inner .txt.t1 span {width: 16.6%;margin-right: 0%;} .inov03 .visual_copy .visual_copy_inner .txt.t2 {width:117%;transition:all 0.5s;} .inov03 .visual_copy .visual_copy_inner .txt.t2 span {width: 20%;margin-right: 0%;} .inov03 .visual_copy .visual_copy_inner .txt.t3 {width:188%;transition:all 0.5s;} .inov03 .visual_copy .visual_copy_inner .txt.t3 {color:#fbf523 !important;width: 50%;margin-right: 0%;} .inov04 .visual_copy .visual_copy_inner .txt {letter-spacing:10px !important;} .inov04 .visual_copy .visual_copy_inner .txt.t1 {width:113%;transition:all 0.5s;} .inov04 .visual_copy .visual_copy_inner .txt.t1 span {width: 16.6%;margin-right: 0%;} .inov04 .visual_copy .visual_copy_inner .txt.t2 {width:117%;transition:all 0.5s;} .inov04 .visual_copy .visual_copy_inner .txt.t2 span {width: 20%;margin-right: 0%;} .inov04 .visual_copy .visual_copy_inner .txt.t3 {width:188%;transition:all 0.5s;} .inov04 .visual_copy .visual_copy_inner .txt.t3 {color:#fbf523 !important;width: 50%;margin-right: 0%;} .create01 .visual_copy .visual_copy_inner .txt {letter-spacing:-3px !important;} .create01 .visual_copy .visual_copy_inner .txt.t1 {width:117%;width:100%;transition:all 0.5s;} .create01 .visual_copy .visual_copy_inner .txt.t1 span {width: 20%;margin-right: 0%;} .create01 .visual_copy .visual_copy_inner .txt.t2 {width:113%;width:100%;transition:all 0.5s;} .create01 .visual_copy .visual_copy_inner .txt.t2 span {width: 16.6%;margin-right: 0%;} .create01 .visual_copy .visual_copy_inner .txt.t3 {width:105%;width:100%;transition:all 0.5s;} .create01 .visual_copy .visual_copy_inner .txt.t3 {color:#fbf523 !important;width:100%;margin-right: 0%;} .create02 .visual_copy .visual_copy_inner .txt {letter-spacing:-3px !important;} .create02 .visual_copy .visual_copy_inner .txt.t1 {width:141%;width:100%;transition:all 0.5s;} .create02 .visual_copy .visual_copy_inner .txt.t1 span {width: 33.3%;margin-right: 0%;} .create02 .visual_copy .visual_copy_inner .txt.t2 {width:117%;width:100%;transition:all 0.5s;} .create02 .visual_copy .visual_copy_inner .txt.t2 span {width: 20%;margin-right: 0%;} .create02 .visual_copy .visual_copy_inner .txt.t3 {width:113%;transition:all 0.5s;} .create02 .visual_copy .visual_copy_inner .txt.t3 {color:#fbf523 !important;width:16.6%;width:100%;margin-right: 0%;} .story .brand_section.category .visual_copy .visual_copy_inner .txt {color:#ffcc00 !important;} .inov04 .visual_copy .visual_copy_inner .txt.t1 {width:141%;transition:all 0.5s;} .inov04 .visual_copy .visual_copy_inner .txt.t1 span {width: 33.3%;margin-right: 0%;} .inov04 .visual_copy .visual_copy_inner .txt.t2 {width:141%;transition:all 0.5s;} .inov04 .visual_copy .visual_copy_inner .txt.t2 span {width: 33.3%;margin-right: 0%;} .inov04 .visual_copy .visual_copy_inner .txt.t3 {width:117%;transition:all 0.5s;} .inov04 .visual_copy .visual_copy_inner .txt.t3 span {color:#fbf523 !important;width: 20%;margin-right: 0%;} .inovation.cont01 {} .inovation.cont01 .section_inner {} .inovation.cont01 .section_inner h3 {color:#202020;font-size:48px;margin-bottom:168px;font-family:"dpm", arial, san-serif;} .inovation.cont01 .section_inner .innr_wrap {} .inovation.cont01 .section_inner .innr_wrap .left {position:relative;float:left;width:60.8%;} .inovation.cont01 .section_inner .innr_wrap .left img {width:100%;} .inovation.cont01 .section_inner .innr_wrap .left p {position:absolute;right:30px;bottom:30px;width:100%;color:#fff;text-align:right;} .inovation.cont01 .section_inner .innr_wrap .left p span {display:block;margin-bottom:10px;font-size:18px;font-weight:bold;} .inovation.cont01 .section_inner .innr_wrap .left p br {display:none;} .inovation.cont01 .section_inner .innr_wrap .right {float:left;width:39.2%;} .inovation.cont01 .section_inner .innr_wrap .right .right_wrap {position:relative;padding-left:41%;} .inovation.cont01 .section_inner .innr_wrap .right .right_wrap .text_inner {font-family:"NotoR";} .inovation.cont01 .section_inner .innr_wrap .right .right_wrap .txt {color:#7b7a7a;margin-top:86px;line-height:22px;} .inovation.cont01 .section_inner .innr_wrap:after {content:"";display:block;clear:both;} .inovation.cont02 .section_inner {} .inovation.cont02 .section_inner h3 {color:#202020;font-size:48px;margin-bottom:168px;} .inovation.cont02 .section_inner .innr_wrap {} .inovation.cont02 .section_inner .innr_wrap .right {float:left;width:61.8%;} .inovation.cont01 .section_inner .innr_wrap .right img {width:100%;} .inovation.cont02 .section_inner .innr_wrap .left {float:left;width:38.2%;} .inovation.cont02 .section_inner .innr_wrap .left .left_wrap {position:relative;padding-right:41%;} .inovation.cont02 .section_inner .innr_wrap .left .left_wrap .text_inner {font-family:"NotoR";} .inovation.cont02 .section_inner .innr_wrap .left .left_wrap .txt {color:#7b7a7a;margin-top:86px;line-height:22px;} .inovation.cont02 .section_inner .innr_wrap:after {content:"";display:block;clear:both;} .inovation.cont03 .section_inner {} .inovation.cont03 .section_inner .text_inner {font-family:"NotoR";} .inovation.cont03 .section_inner .top_txt {color:#7b7a7a;margin:6px 0 50px 0;line-height:22px;font-weight:700;} .inovation.cont03 .section_inner .iot_link {display:inline-block;padding:14px 28px;border:1px solid #c5c5c5;color:#666666;} .inovation.cont03 .section_inner .iot_link:hover {color:#ffcc00;border:1px solid #ffcc00} .inovation.cont03 .section_inner .iot_bike_img {position:absolute;right:50px;bottom:0px;} .inovation.cont03 .section_inner .list ul {} .inovation.cont03 .section_inner .list ul li {position:relative;float:left;margin-right:40px;width:23%;margin-right:2%;text-align:center;background:#f6f6f6;} .inovation.cont03 .section_inner .list ul li .li_inner {padding:50px 50px;} .inovation.cont03 .section_inner .list ul li .li_inner .img img {width:100%;max-width:273px;} .inovation.cont03 .section_inner .list ul li h4 {font-size:31px;font-family:"dpm", arial, san-serif;font-weight:bold;margin-bottom:20px;width:100% !important; overflow:hidden; white-space:nowrap; --text-overflow:ellipsis;} .inovation.cont03 .section_inner .list ul li span.line {display:inline-block;width:20px;height:1px;background-color:#999;margin-bottom:30px;} .inovation.cont03 .section_inner .list ul li .txt {color:#7b7a7a;margin-top:0px;margin-bottom:50px;height:40px;line-height:20px;} .inovation.cont03 .section_inner .list ul li .spec_wrap {position:relative;display:inline-block;margin-top:46px;height:100px;} .inovation.cont03 .section_inner .list ul li .spec_wrap dl {font-weight:700;color:#7b7a7a;margin-bottom:10px;text-align:left;line-height:20px;} .inovation.cont03 .section_inner .list ul li .spec_wrap dt {position:absolute;left:0px;color:#7b7a7a;width:50px;display:inline-block;} .inovation.cont03 .section_inner .list ul li .spec_wrap dd {margin-left:50px;color:#7b7a7a;display:inline-block;} .inovation.cont03 .section_inner .list ul li .spec_wrap dl:after {content:"";display:Block;clear:both;} .inovation.cont03 .section_inner .list ul li.last {margin-right:0px;} .inovation.cont03 .section_inner .list ul:after {content:"";display:Block;clear:both;} .inovation.inov_03_01.con1 .section_inner {font-weight:700;} .inovation.inov_03_01.con1 .section_inner h3 {width:438px;margin-bottom:95px;font-size:48px;} .inovation.inov_03_01.con1 .section_inner .top_title h3 .txt1 {margin-bottom:10px;width:112%;--margin-left:-24px;transition:all 0.5s;} .inovation.inov_03_01.con1 .section_inner .top_title h3 .txt1 span {width: 14.2%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .inovation.inov_03_01.con1 .section_inner .top_title h3 .txt2 {width:112%;transition:all 0.5s;} .inovation.inov_03_01.con1 .section_inner .top_title h3 .txt2 span {width:14.2%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .inovation.inov_03_01.con1 .section_inner .top_title h3 p:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con1 .section_inner .innr_wrap {margin-bottom:100px;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul {} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li {position:relative;float:left;width:22%;margin-right:3%;height:364px;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li.last {margin-right:0px;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li h4 {font-size:18px;margin-bottom:20px;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li h4 p {display:inline-block;padding:8px 0px;font-weight:bold} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li .txt {font-size:14px;color:#7b7a7a;line-height:20px;margin-bottom:28px;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li .img {position:absolute;bottom:0px;left:0px;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li .img img {width:100%;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con1 .section_inner .box {color:#7b7a7a;} .inovation.inov_03_01.con1 .section_inner .box .box_inner {padding:30px 50px 12px 50px;border:3px solid #cccccc} .inovation.inov_03_01.con1 .section_inner .box .box_inner .left {float:left;width:50%;} .inovation.inov_03_01.con1 .section_inner .box .box_inner .right {float:left;width:50%;} .inovation.inov_03_01.con1 .section_inner .box .box_inner dl {position:relative;margin-bottom:18px;} .inovation.inov_03_01.con1 .section_inner .box .box_inner dl dt {position:absolute;top:0px;left:0px;width:100px;} .inovation.inov_03_01.con1 .section_inner .box .box_inner dl dd {padding-left:100px;margin-bottom:18px;} .inovation.inov_03_01.con1 .section_inner .box .box_inner dl:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con1 .section_inner .box .box_inner:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con2 {margin-bottom:200px;} .inovation.inov_03_01.con2 .section_inner {} .inovation.inov_03_01.con2 .section_inner h3 {margin-bottom:30px;font-size:48px;font-family:"dpm", arial, san-serif;} .inovation.inov_03_01.con2 .section_inner .top_txt {font-weight:700;color:#7b7a7a;line-height:30px;margin-bottom:120px;;} .inovation.inov_03_01.con2 .section_inner .innr_wrap {border-top:3px solid #cccccc;border-bottom:3px solid #cccccc;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul {padding:30px 0px 30px 130px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li {float:left;width:13.6%;margin-right:3%;background:url(/frontend/assets/images/icons/story_03_01_tabIcon_arrow.png) right center no-repeat;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li.last {background:none;margin-right:0px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li p {width:120px;text-align:center;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li p span.txt {display:block;font-family:"dpm", arial, san-serif;font-weight:normal;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li p span.img {display:block;height:70px;line-height:70px;margin-bottom:10px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li p span.img img {vertical-align:middle;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con3 {margin-bottom:200px;} .inovation.inov_03_01.con3 .section_inner {} .inovation.inov_03_01.con3 .section_inner .inner_wrap {} .inovation.inov_03_01.con3 .section_inner .inner_wrap .left {float:left;width:45%;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .left img {width:100%;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .ct {float:left;width:31%;padding-top:50px;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .ct .ct_wrap {padding-left:15%;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .ct .ct_wrap .text_inner {font-family:"NotoR";} .inovation.inov_03_01.con3 .section_inner .inner_wrap .right {float:left;width:22%;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .right .img {margin-bottom:50px;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .right .img img {width:100%;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .right h4 {margin-bottom:50px;font-size:48px;font-family:"dpm", arial, san-serif;font-weight:bold;} .inovation.inov_03_01.con3 .section_inner h4 .txt1 {width:105%;margin-left:-10px;transition:all 0.5s;} .inovation.inov_03_01.con3 .section_inner h4 .txt1 span {width: 12.5%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .inovation.inov_03_01.con3 .section_inner h4 .txt2 {width: 116%;margin-left: -30px;transition:all 0.5s;} .inovation.inov_03_01.con3 .section_inner h4 .txt2 span {width:20%;margin-right: 0%;float:left;text-align:center;} .inovation.inov_03_01.con3 .section_inner h4 p:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .right .txt {color:#7b7a7a;line-height:24px;} .inovation.inov_03_01.con3 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con4 {margin-bottom:200px;} .inovation.inov_03_01.con4 .section_inner {} .inovation.inov_03_01.con4 .section_inner h3 {margin-bottom:30px;font-size:48px;} .inovation.inov_03_01.con4 .section_inner .inner_wrap {} .inovation.inov_03_01.con4 .section_inner .inner_wrap .right {float:left;width:48%;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .right img {width:100%;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left {float:left;width:50%;padding-top:50px;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left .img {margin-bottom:52px;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left .img img {width:100%;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left h4 {height:125px;margin-bottom:50px;width:320px;font-size:48px;font-family:"dpm", arial, san-serif;font-weight:700;} .inovation.inov_03_01.con4 .section_inner h4 .txt1 {width:114%;margin-left:-24px;transition:all 0.5s;} .inovation.inov_03_01.con4 .section_inner h4 .txt1 span {width: 20%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .inovation.inov_03_01.con4 .section_inner h4 .txt2 {width: 104%;margin-left: -2px;transition:all 0.5s;} .inovation.inov_03_01.con4 .section_inner h4 .txt2 span {width:14.2%;margin-right: 0%;float:left;text-align:center;} .inovation.inov_03_01.con3 .section_inner h4 p:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left .txt {color:#7b7a7a;line-height:24px;max-width:320px;margin-top:80px;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left .text_inner {font-family:"NotoR";} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left ul {margin-bottom:100px;} .inovation.inov_03_01.con4 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con5 {margin-bottom:200px;} .inovation.inov_03_01.con5 .section_inner {} .inovation.inov_03_01.con5 .section_inner h3 {margin-bottom:30px;font-size:48px;} .inovation.inov_03_01.con5 .section_inner .inner_wrap {position:relative;height:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .left {float:left;width:45%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .left img {width:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct {position:relative;float:left;width:25%;height:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct ul {padding-top:50px;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct .ct_wrap {position:relative;height:100%;padding-left:10%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct .ct_wrap .ct_wrap_inner {position:relative;height:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct .ct_wrap .img {position:absolute;bottom:0px;width:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct .ct_wrap img {width:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct .ct_wrap .text_inner {font-family:"NotoR";} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right {float:left;width:25%;height:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right .right_wrap {position:relative;height:100%;padding-left:10%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right .img {position:absolute;bottom:0px;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right .img img {width:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right h4 {padding-top:50px;margin-bottom:50px;font-size:48px;font-weight:bold;font-family:"dpm", arial, san-serif;} .inovation.inov_03_01.con5 .section_inner h4 .txt1 {letter-spacing:5px;width:100%;margin-left:-10px;transition:all 0.5s;} .inovation.inov_03_01.con5 .section_inner h4 .txt1 span {width: 12.5%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right .txt {color:#7b7a7a;line-height:24px;} .inovation.inov_03_01.con5 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con6 {margin-bottom:200px;} .inovation.inov_03_01.con6 .section_inner {} .inovation.inov_03_01.con6 .section_inner h3 {margin-bottom:30px;font-size:48px;} .inovation.inov_03_01.con6 .section_inner .inner_wrap {} .inovation.inov_03_01.con6 .section_inner .inner_wrap .right {float:left;width:48%;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .right img {width:100%;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .ct {position:relative;float:left;width:23%;padding-right:2.5%;padding-top:50px;height:100%;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .ct .txt {color:#7b7a7a;padding:0 50px;line-height:24px;max-width:320px;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left {float:left;width:23%;padding-right:2.5%;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left ul {padding-top:50px;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left .img {margin-bottom:50px;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left .img img {width:100%;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left h4 {width:320px;margin-bottom:50px;font-size:48px;font-weight:bold;font-family:"dpm", arial, san-serif;} .inovation.inov_03_01.con6 .section_inner h4 .txt1 {width:114%;margin-left:0px;transition:all 0.5s;} .inovation.inov_03_01.con6 .section_inner h4 .txt1 span {width: 12.5%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .inovation.inov_03_01.con6 .section_inner h4 .txt2 {width: 126%;margin-left: -20px;transition:all 0.5s;} .inovation.inov_03_01.con6 .section_inner h4 .txt2 span {width:20%;margin-right: 0%;float:left;text-align:center;} .inovation.inov_03_01.con6 .section_inner h4 p:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left .txt {color:#7b7a7a;line-height:24px;max-width:320px;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left .text_inner {font-family:"NotoR";} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left ul {margin-bottom:100px;} .inovation.inov_03_01.con6 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con7 {margin-bottom:200px;} .inovation.inov_03_01.con7 .section_inner {} .inovation.inov_03_01.con7 .section_inner h3 {margin-bottom:30px;font-size:48px;} .inovation.inov_03_01.con7 .section_inner .inner_wrap {position:relative;height:100%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .left {float:left;width:45%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .left img {width:100%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .ct {padding-top:50px;position:relative;float:left;width:26%;height:100%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .ct .ct_wrap {position:relative;height:100%;padding-left:10%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .ct .ct_wrap .ct_wrap_inner {position:relative;height:100%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .ct .txt {color:#7b7a7a;line-height:20px;padding:0 30px;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right {float:left;width:26%;height:100%;padding-top:50px;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right .right_wrap {position:relative;height:100%;padding-left:10%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right .img {position:absolute;bottom:0px;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right .img img {width:100%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right h4 {margin-top:80px;margin-bottom:50px;font-size:48px;font-weight:bold;font-family:"dpm", arial, san-serif;} .inovation.inov_03_01.con7 .section_inner h4 .txt1 {width:114%;margin-left:0px;transition:all 0.5s;} .inovation.inov_03_01.con7 .section_inner h4 .txt1 span {width: 12.5%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .inovation.inov_03_01.con7 .section_inner h4 .txt2 {width: 124%;margin-left: -20px;transition:all 0.5s;} .inovation.inov_03_01.con7 .section_inner h4 .txt2 span {width:20%;margin-right: 0%;float:left;text-align:center;} .inovation.inov_03_01.con7 .section_inner h4 p:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right .text_inner {font-family:"NotoR";} .inovation.inov_03_01.con7 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con8 {margin-bottom:200px;} .inovation.inov_03_01.con8 .section_inner {;} .inovation.inov_03_01.con8 .section_inner h3 {margin-bottom:30px;font-size:48px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap {} .inovation.inov_03_01.con8 .section_inner .inner_wrap .right {float:left;width:50%;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .right img {width:100%;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .ct {position:relative;float:left;width:25%;height:100%;padding-top:50px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .ct .txt {color:#7b7a7a;line-height:20px;max-width:320px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left {float:left;width:25%;padding-top:50px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left .img {margin-bottom:50px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left .img img {width:100%;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left h4 {width:320px;margin-bottom:50px;font-size:48px;font-weight:bold;font-family:"dpm", arial, san-serif;} .inovation.inov_03_01.con8 .section_inner h4 .txt1 {width:114%;margin-left:0px;transition:all 0.5s;} .inovation.inov_03_01.con8 .section_inner h4 .txt1 span {width: 12.5%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .inovation.inov_03_01.con8 .section_inner h4 .txt2 {width: 124%;margin-left: -20px;transition:all 0.5s;} .inovation.inov_03_01.con8 .section_inner h4 .txt2 span {width:20%;margin-right: 0%;float:left;text-align:center;} .inovation.inov_03_01.con8 .section_inner h4 p:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left .txt {color:#7b7a7a;line-height:20px;max-width:320px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left .text_inner {font-family:"NotoR";} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left ul {margin-bottom:100px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con9 {margin-bottom:200px;} .inovation.inov_03_01.con9 {} .inovation.inov_03_01.con9 .section_inner {position:relative;} .inovation.inov_03_01.con9 .section_inner .bg {position:relative;} .inovation.inov_03_01.con9 .section_inner .bg img {width:100%;} .inovation.inov_03_01.con9 .section_inner .left {position:absolute;top:80px;right:595px;} .inovation.inov_03_01.con9 .section_inner .right {position:absolute;top:80px;right:75px;width:300px;color:#fff;} .inovation.inov_03_01.con9 .section_inner .right h4 {margin-bottom:34px;font-size:32px;line-height:40px;} .inovation.inov_03_01.con9 .section_inner .right .txt {line-height:25px;} .inovation.inov_03_01.con9 .section_inner .left .text_inner {font-weight:bold;} .inovation.inov04.cont02 {} .inovation.inov04.cont02 .right p img {width:100%;} .inovation.inov04 {} .inovation.inov04.cont04 {margin-bottom:200px;} .inovation.inov04.cont04 .section_inner {} .inovation.inov04.cont04 .section_inner h3 {margin-bottom:30px;font-size:48px;} .inovation.inov04.cont04 .section_inner .inner_wrap {position:relative;height:100%;} .inovation.inov04.cont04 .section_inner .inner_wrap .left {float:left;width:45%;} .inovation.inov04.cont04 .section_inner .inner_wrap .left img {width:100%;} .inovation.inov04.cont04 .section_inner .inner_wrap .ct {padding-top:50px;position:relative;float:left;width:26%;height:100%;} .inovation.inov04.cont04 .section_inner .inner_wrap .ct .ct_wrap {position:relative;height:100%;padding-left:10%;} .inovation.inov04.cont04 .section_inner .inner_wrap .ct .ct_wrap .ct_wrap_inner {position:relative;height:100%;} .inovation.inov04.cont04 .section_inner .inner_wrap .ct .txt {color:#7b7a7a;line-height:20px;padding:0 30px;} .inovation.inov04.cont04 .section_inner .inner_wrap .right {float:right;width:26%;height:100%;padding-top:50px;} .inovation.inov04.cont04 .section_inner .inner_wrap .right .right_wrap {position:relative;height:100%;padding-left:10%;} .inovation.inov04.cont04 .section_inner .inner_wrap .right .text_inner {font-family:"NotoR";} .inovation.inov04.cont04 .section_inner .inner_wrap .right .right_wrap ul {text-align:right;} .inovation.inov04.cont04 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} .inovation.inov04.cont03 .innr_wrap {position:relative;padding:80px 60px;background:#f2f2f2;} .inovation.inov04.cont03 .innr_wrap .top_txt {color:#3d3a3a;font-size:16px;} .creative02_02 {} .creative02_02 .section_inner {} .creative02_02 .section_inner h3 {font-size:48px;color:#000;margin-bottom:170px;font-family:"dpm", arial, san-serif;} .creative02_02 .section_inner .inner_wrap {margin-bottom:75px;position:relative;padding-bottom:50px;--border-bottom:1px solid #cccccc;} .creative02_02 .section_inner .inner_wrap .left {} .creative02_02 .section_inner .inner_wrap .left h4 {font-family:"dpm", arial, san-serif;display:inline-block;font-weight:bold;font-size:30px;color:#000;letter-spacing:2px;padding-bottom:5px;--border-bottom:2px solid #000;margin-bottom:20px;} .creative02_02 .section_inner .inner_wrap .left .txt {color:#666666;line-height:24px;margin-bottom:50px;} .creative02_02 .section_inner .inner_wrap .left .txt span {font-family:"NotoR", dotum, arial, san-serif;font-weight:100;} .creative02_02 .section_inner .inner_wrap .left a {display:block;width:228px;height:43px;line-height:43px;text-align:center;border:1px solid #999999;color:#7b7a7a;font-weight:700;} .creative02_02 .section_inner .inner_wrap .left a:hover {color:#fe7700;border:1px solid #fe7700;} .creative02_02 .section_inner .inner_wrap .right {position:absolute;right:0px;bottom:0px;} .creative02_02 .section_inner .inner_wrap .right .title {position:absolute;left:-100px;top:65px;line-height:30px;font-size:24px;color:#333333;width:300px;} .creative02_02 .section_inner .inner_wrap .right .title span {display:block;margin-top:34px;} .creative02_01 {} .creative02_01.con1 {margin-bottom:200px;} .creative02_01.con1 .section_inner {} .creative02_01.con1 .section_inner .top_title h3 {margin-bottom:95px;font-size:48px;width:435px;position:relative;font-family:"dpm", arial, san-serif;} .creative02_01.con1 .section_inner .top_title h3 .txt1 {width:112%;margin-left:-24px;transition:all 0.5s;} .creative02_01.con1 .section_inner .top_title h3 .txt1 span {width: 20%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .creative02_01.con1 .section_inner .top_title h3 .txt2 {width:100%;transition:all 0.5s;} .creative02_01.con1 .section_inner .top_title h3 .txt2 span {width:10%;margin-right: 0%;float:left;padding-bottom:45px;text-align:center;} .creative02_01.con1 .section_inner .top_title h3 p:after {content:"";display:block;clear:both;} .creative02_01.con1 .section_inner .inner_wrap {position:relative;height:100%;margin-bottom:40px;} .creative02_01.con1 .section_inner .inner_wrap .left {float:left;width:48%;} .creative02_01.con1 .section_inner .inner_wrap .left p {float:left;} .creative02_01.con1 .section_inner .inner_wrap .left img {width:100%;} .creative02_01.con1 .section_inner .inner_wrap .left .st1 {width:100%;margin-bottom:40px;} .creative02_01.con1 .section_inner .inner_wrap .left .st2 {width:47%;margin-right:6%;} .creative02_01.con1 .section_inner .inner_wrap .left .st3 {width:47%;} .creative02_01.con1 .section_inner .inner_wrap .left:after{content:"";display:block;clear:both;} .creative02_01.con1 .section_inner .inner_wrap .ct {position:relative;float:left;width:23%;padding-left:2.5%;margin-top:50px;} .creative02_01.con1 .section_inner .inner_wrap .ct .ct_wrap {position:relative;height:100%;} .creative02_01.con1 .section_inner .inner_wrap .ct .ct_wrap .ct_wrap_inner {position:relative;height:100%;} .creative02_01.con1 .section_inner .inner_wrap .ct .txt {color:#7b7a7a;line-height:20px;margin-top:80px;} .creative02_01.con1 .section_inner .inner_wrap .ct .text_inner {font-family:"NotoR";} .creative02_01.con1 .section_inner .inner_wrap .right {float:left;width:23%;padding-left:2.5%;margin-top:50px;} .creative02_01.con1 .section_inner .inner_wrap .right .right_wrap {position:relative;height:100%;} .creative02_01.con1 .section_inner .inner_wrap .right .img {position:absolute;bottom:0px;} .creative02_01.con1 .section_inner .inner_wrap .right .img img {width:100%;} .creative02_01.con1 .section_inner .inner_wrap .right h4 {margin-bottom:50px;font-size:48px;font-weight:bold;font-family:"dpm", arial, san-serif;} .creative02_01.con1 .section_inner .inner_wrap .right .txt1 {width:100%;transition:all 0.5s;} .creative02_01.con1 .section_inner .inner_wrap .right .txt1 span {width: 16.6%;margin-right: 0%;float:left;padding-bottom:45px;} .creative02_01.con1 .section_inner .inner_wrap .right .txt2 {width:170%;transition:all 0.5s;} .creative02_01.con1 .section_inner .inner_wrap .right .txt2 span {width: 50%;margin-right: 0%;float:left;padding-bottom:45px;} .creative02_01.con1 .section_inner .inner_wrap .right .txt3 {width:104%;transition:all 0.5s;} .creative02_01.con1 .section_inner .inner_wrap .right .txt3 span {width: 20%;margin-right: 0%;float:left;} .creative02_01.con1 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} .creative02_01.con1 .section_inner .bottom_img {} .creative02_01.con1 .section_inner .bottom_img p {float:left;margin-right:3%;} .creative02_01.con1 .section_inner .bottom_img p.st1 {width:48.5%;} .creative02_01.con1 .section_inner .bottom_img p.st2 {width:48.5%;} .creative02_01.con1 .section_inner .bottom_img p img {width:100%;} .creative02_01.con1 .section_inner .bottom_img p.st2 {margin-right:0px;} .creative02_01.con1 .section_inner .bottom_img:after {content:"";display:block;clear:both;} .creative02_01.con2 {margin-bottom:200px;} .creative02_01.con2 .section_inner {} .creative02_01.con2 .section_inner h3 {margin-bottom:30px;font-size:48px;} .creative02_01.con2 .section_inner .inner_wrap {position:relative;height:100%;margin-bottom:20px;} .creative02_01.con2 .section_inner .inner_wrap .left {float:left;width:23%;padding-right:2.5%;height:100%;padding-top:50px;} .creative02_01.con2 .section_inner .inner_wrap .left .img img {width:100%;} .creative02_01.con2 .section_inner .inner_wrap .left h4 {margin-bottom:50px;font-size:48px;font-weight:bold;font-family:"dpm", arial, san-serif;} .creative02_01.con2 .section_inner .inner_wrap .left .txt1 {width:103%;transition:all 0.5s;} .creative02_01.con2 .section_inner .inner_wrap .left .txt1 span {width: 14.2%;margin-right: 0%;float:left;padding-bottom:45px;} .creative02_01.con2 .section_inner .inner_wrap .left .txt2 {width:100%;transition:all 0.5s;} .creative02_01.con2 .section_inner .inner_wrap .left .txt2 span {width: 12.5%;margin-right: 0%;float:left;} .creative02_01.con2 .section_inner .inner_wrap .ct {position:relative;float:left;width:23%;padding-right:2.5%;padding-top:50px;} .creative02_01.con2 .section_inner .inner_wrap .ct .text_inner {font-family:"NotoR";} .creative02_01.con2 .section_inner .inner_wrap .ct .txt {color:#7b7a7a;line-height:24px;margin-top:50px;} .creative02_01.con2 .section_inner .inner_wrap .right {float:left;width:48%;} .creative02_01.con2 .section_inner .inner_wrap .right p {float:left;} .creative02_01.con2 .section_inner .inner_wrap .right img {width:100%;} .creative02_01.con2 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} .creative02_01.con3 {margin-bottom:200px;} .creative02_01.con3 .section_inner {} .creative02_01.con3 .section_inner h3 {margin-bottom:30px;font-size:48px;} .creative02_01.con3 .section_inner .inner_wrap {position:relative;height:100%;margin-bottom:20px;} .creative02_01.con3 .section_inner .inner_wrap .left {float:left;width:48%;height:100%;} .creative02_01.con3 .section_inner .inner_wrap .left .img img {width:100%;} .creative02_01.con3 .section_inner .inner_wrap .ct {position:relative;float:left;width:23%;padding-left:2.5%;padding-top:50px;} .creative02_01.con3 .section_inner .inner_wrap .ct .text_inner {font-family:"NotoR";} .creative02_01.con3 .section_inner .inner_wrap .ct .txt {color:#7b7a7a;line-height:24px;margin-top:80px;} .creative02_01.con3 .section_inner .inner_wrap .right {float:left;width:23%;padding-left:2.5%;padding-top:50px;} .creative02_01.con3 .section_inner .inner_wrap .right h4 {font-size:48px;font-weight:bold;font-family:"dpm", arial, san-serif;} .creative02_01.con3 .section_inner .inner_wrap .right .txt1 {width:106%;transition:all 0.5s;} .creative02_01.con3 .section_inner .inner_wrap .right .txt1 span {width: 14.2%;margin-right: 0%;float:left;padding-bottom:45px;} .creative02_01.con3 .section_inner .inner_wrap .right h4 p:after {content:"";display:block;clear:both;} .creative02_01.con3 .section_inner .inner_wrap .right .txt2 {width:102%;transition:all 0.5s;} .creative02_01.con3 .section_inner .inner_wrap .right .txt2 span {width: 11.1%;margin-right: 0%;float:left;} .creative02_01.con3 .section_inner .inner_wrap:after {content:"";display:block;clear:both;} /************************************************************************************************************************************************ * - away *************************************************************************************************************************************************/ .brand_way_wrap {padding-bottom:200px;} .brand_way_wrap .sec_bg1 {background:url(/frontend/assets/images/cont/story_away_img04.png) center bottom no-repeat; background-size:35%;} .brand_way_wrap .sec_bg2 {height:693px; background:url(/frontend/assets/images/cont/story_away_img08.png) center center no-repeat;} .brand_way_wrap .brand_way {padding:0 50px; margin:0 auto; max-width:1588px; color:#7b7a7a;} .brand_way_wrap .brand_way ul {*zoom:1;} .brand_way_wrap .brand_way ul:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} .brand_way_wrap .brand_way ul li {float:left;} .brand_way_wrap .brand_way ul li.part1 {width:74.3%; margin-right:2.5%;} .brand_way_wrap .brand_way ul li.part1 .img {margin-top:36px;} .brand_way_wrap .brand_way ul li.part1 .img img {width:100%;} .brand_way_wrap .brand_way ul li.part1 .txt1 {font-size:15px; line-height:24px;margin-top:40px;} .brand_way_wrap .brand_way ul li.part2 {width:23%; padding-top:450px; } .brand_way_wrap .brand_way ul li.part2 .text_inner {font-family:"NotoR", dotum, arial, san-serif; position:relative; display:inline-block; height:64px; line-height:64px; font-size:48px; --color:#ffb400;} .brand_way_wrap .brand_way ul li.part3 {width:45%; margin-right:5%;} .brand_way_wrap .brand_way ul li.part3 li {float:none;} .brand_way_wrap .brand_way ul li.part3 .text_inner {font-family:"NotoR", dotum, arial, san-serif; position:relative; display:inline-block; height:64px; line-height:64px; font-size:48px; --color:#ffb400;} .brand_way_wrap .brand_way ul li.part3 .t_fl {margin-top:40px; *zoom:1;} .brand_way_wrap .brand_way ul li.part3 .t_fl:after {content:" ";display:block;clear:both;height:0;visibility:hidden;} .brand_way_wrap .brand_way ul li.part3 .t_fl li {float:left; font-size:14px; line-height:24px; } .brand_way_wrap .brand_way ul li.part3 .t_fl li.f1 {width:45%; margin-right:5%;} .brand_way_wrap .brand_way ul li.part3 .t_fl li.f2 {width:45%;} .brand_way_wrap .brand_way ul li.part4 {width:50%;} .brand_way_wrap .brand_way ul li.part5 {width:46%; margin-right:3%; text-align:center;} .brand_way_wrap .brand_way ul li.part5 img {padding-top:180px;} .brand_way_wrap .brand_way ul li.part6 {width:25%; padding-top:95px; position:relative;} .brand_way_wrap .brand_way ul li.part6 li {float:none;} .brand_way_wrap .brand_way ul li.part6 li.t_fl {font-family:"NotoR", dotum, arial, san-serif; position:relative; height:64px; line-height:64px; font-size:48px; color:#ffffff;} .brand_way_wrap .brand_way ul li.part6 li.t_fl2 {font-family:"NotoR", dotum, arial, san-serif; position:relative; line-height:24px; font-size:14px; color:#ffffff; margin-top:30px;} .story_alton_01 .text_inner {font-family:"NotoR", dotum, arial, san-serif; } .story_alton_02 .text_inner {font-family:"NotoR", dotum, arial, san-serif; } .story_alton_03 .text_inner {font-family:"NotoR", dotum, arial, san-serif; } /************************************************************************************************************************************************ * *************************************************************************************************************************************************/ .story .visual_copy_inner {background:rgba(255,255,255,0.7) !important;--border:1px solid #fff !important} .story .visual_copy_inner .txt {color:#fe8b21 !important;font-weight:bold !important} .story .brand_section.category .visual_copy .visual_copy_inner .txt {color:#fe8b21 !important;font-weight:bold !important} .story_alton_01 .txt1 {font-weight:700;} .story_alton_01 .visual_copy{bottom:-270px;} .story_alton_01 .visual_copy .visual_copy_inner{width:605px;padding:45px 40px;border:10px solid #fbf523;background:rgba(255,255,255,0.5);font-family:"NotoR", dotum, arial, san-serif;} .story_alton_01 .visual_copy .visual_copy_inner .txt{margin:0 0 40px;color:#ffcc00;font-weight:normal;} .story_alton_01 .visual_copy .visual_copy_inner .txt.t1{width:106%;} .story_alton_01 .visual_copy .visual_copy_inner .txt.t1 span{width:11.1%;} .story_alton_01 .visual_copy .visual_copy_inner .txt.t2{width:106%;} .story_alton_01 .visual_copy .visual_copy_inner .txt.t2 span{width:11.1%;} .story_alton_01 .visual_copy .visual_copy_inner .txt.t3{width:110.5%;transition:all 0.5s;} .story_alton_01 .visual_copy .visual_copy_inner .txt.t3 span{width:14.2%;} .story_alton_01 .visual_copy .visual_copy_inner .bar{margin:58px 0 25px;display:none;} .story_alton_01 .visual_copy .visual_copy_inner .txt2{margin:0px;margin-right:50px;color:#7b7a7a;} .story_alton_01 .brand_section .section_wide{} .story_alton_01 .brand_section .section_inner .alton_story_header{padding:85px 0 52px;} .story_alton_01 .brand_section .section_inner .alton_story_header .story_headline{font-size:56px;line-height:66px;} .story_alton_01 .brand_way_wrap .brand_way ul {} .story_alton_01 .brand_way_wrap .brand_way ul li{position:relative;margin-right:0;} .story_alton_01 .brand_way_wrap .brand_way ul li .img img{width:100%;} .story_alton_01 .brand_way_wrap .brand_way ul li .txt1 {line-height:24px;letter-spacing:-0.5px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part1{width:50%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part1 .img{margin:0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part2{float:right;width:29%;padding:0;padding-top:100px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part2 .text_inner_wrap {min-width:350px;margin:-12px 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part2 .txt1{padding:75px 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part3{width:30.6%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part3 .text_inner_wrap{} .story_alton_01 .brand_way_wrap .brand_way ul li.part3 .text_inner_wrap li{float:left;} .story_alton_01 .brand_way_wrap .brand_way ul li.part3 .txt1{padding:75px 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part4{float:right;width:68.5%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part5{width:70%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part5 img{padding:0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part6{float:right;width:27.1%;padding:0px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part6 .text_inner_wrap li .text_inner{letter-spacing:0px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part6 .txt1{padding:75px 0 0;line-height:24px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7{width:48.8%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 .text_inner_wrap {float:left;max-width:310px;margin:45px 9.8% 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 .txt1{float:left;width:47.4%;margin:45px 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part8{float:right;width:48.7%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part8 .txt1{float:left;margin:0 5% 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part8 .text_inner_wrap{float:left;max-width:260px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part9{width:48.8%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10{float:right;width:48.7%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .txt1{float:left;width:47.8%;margin:45px 5.1% 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .text_inner_wrap{float:right;max-width:270px;margin:35px 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .text_inner_wrap li {text-align:right !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part11{width:25.6%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part11 .text_inner_wrap{max-width:290px;margin:26px 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part11 .txt1{padding:75px 0 0;} .story_alton_01 .brand_way_wrap .brand_way ul li.part12{width:74.3%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13{width:100%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area{position:relative;width:100%;height:530px;background:#353535;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .epilogue{position:absolute;top:0;left:59px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .img{position:absolute;top:5.4%;left:12.2%;width:33.5%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .text_inner_wrap{position:absolute;top:13.7%;left:51.2%;max-width:240px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .text_inner_wrap li .text_inner{margin:0 0 6px;color:#fff;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .text_inner_wrap li .text_inner p{background:#fff;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .text_inner_wrap li .text_inner p .white{background:#fff;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap{position:absolute;top:15.8%;right:4.2%;width:33.5%;max-width:320px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap .head{line-height:40px;display:block;margin:0 0 34px;font-size:32px;color:#fff;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap .txt1{color:#fff;font-weight:100;} /************************************************************************************************************************************************ * *************************************************************************************************************************************************/ .story_alton_02 {color:#7b7a7a;} .story_alton_02 .txt1 {font-weight:700;} .story_alton_02 .visual_copy{bottom:-270px;} .story_alton_02 .visual_copy .visual_copy_inner{width:605px;padding:45px 40px;border:10px solid #fbf523;background:none;} .story_alton_02 .visual_copy .visual_copy_inner .txt{margin:0 0 44px;color:#ffcc00;font-weight:normal;} .story_alton_02 .visual_copy .visual_copy_inner .txt.t1{width:117%;} .story_alton_02 .visual_copy .visual_copy_inner .txt.t1 span{width:20%;} .story_alton_02 .visual_copy .visual_copy_inner .txt.t2{width:125.5%;} .story_alton_02 .visual_copy .visual_copy_inner .txt.t2 span{width:25%;} .story_alton_02 .visual_copy .visual_copy_inner .txt.t3{width:113.5%;transition:all 0.5s;} .story_alton_02 .visual_copy .visual_copy_inner .txt.t3 span{width:16.6%;} .story_alton_02 .visual_copy .visual_copy_inner .bar{display:none;margin:60px 0 25px;} .story_alton_02 .visual_copy .visual_copy_inner .txt2{margin:0px;margin-right:50px;color:#7b7a7a;} .story_alton_02 .brand_section .section_wide{} .story_alton_02 .brand_section .section_inner{max-width:1920px;margin:0;background:url(/frontend/assets/images/icons/story_alton_02_section_inner_bg.png) 0 0 no-repeat;background-size:63.3%;} .story_alton_02 .brand_section .section_inner .alton_as_header{position:relative;max-width:1588px;margin:0 auto 200px;} .story_alton_02 .brand_section .section_inner .alton_as_header .text_inner_wrap{padding:77px 0 0;} .story_alton_02 .brand_section .section_inner .alton_as_header .txt.front{padding:75px 0 0;line-height:24px;font-weight:700;} .story_alton_02 .brand_section .section_inner .alton_as_header .alton_searching{padding:94px 0 0;} .story_alton_02 .brand_section .section_inner .alton_as_header .alton_searching a{display:block;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent{position:relative;margin:246px 0 0;overflow:hidden;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent img {--width:100%;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent .text_inner_wrap{position:absolute;top:65px;left:80px;padding:0;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent .txt{position:absolute;top:242px;left:80px;color:#fff;line-height:24px;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list{min-width:1px;padding:58px 0 20px;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list:after{content:"";display:block;clear:both;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list li{float:left;width:25%;text-align:center;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list li img{display:block;width:58px;margin:0 auto;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list li .line{display:block;width:30px;height:1px;margin:35px auto 27px;background:#ccc;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list li .txt{line-height:20px;font-weight:700;} .story_alton_02 .brand_way_wrap .brand_way ul {} .story_alton_02 .brand_way_wrap .brand_way ul li{position:relative;margin-right:0;} .story_alton_02 .brand_way_wrap .brand_way ul li .img img{width:100%;} .story_alton_02 .brand_way_wrap .brand_way ul li .txt1 {line-height:24px;letter-spacing:-0.5px;text-align:left;} .story_alton_02 .brand_way_wrap .brand_way ul li.part1{width:18.2%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part1 .text_inner_wrap{padding:37px 0 0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part1 .txt1{padding:75px 0 0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part2{float:right;width:74.4%;padding:0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part3{width:48.7%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part4{float:right;width:48.6%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part4 .text_inner_wrap{float:left;max-width:310px;margin:0 13.1% 0 0;padding:43px 0 0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part4 .txt1{float:left;padding:45px 0 0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part5{width:19.5%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part5 .text_inner_wrap{padding:36px 0 0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part5 .txt1{padding:75px 0 0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part6{float:right;width:70.1%;padding:0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part7{width:22%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part7 .text_inner_wrap{min-width:300px;margin:-11px 0 0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part7 .txt1{padding:75px 0 0;} .story_alton_02 .brand_way_wrap .brand_way ul li.part8{float:right;width:74.3%;} /************************************************************************************************************************************************ * *************************************************************************************************************************************************/ .story_alton_03 .txt1 {font-weight:700;} .story_alton_03 .visual_copy{bottom:-270px;} .story_alton_03 .visual_copy .visual_copy_inner{width:524px;padding:45px 40px;border:10px solid #fbf523;background:none;font-family:"NotoR", dotum, arial, san-serif;} .story_alton_03 .visual_copy .visual_copy_inner .txt{padding:0px;color:#ffcc00;font-weight:normal;} .story_alton_03 .visual_copy .visual_copy_inner .txt.t1{width:120%;margin:0;padding:0px;} .story_alton_03 .visual_copy .visual_copy_inner .txt.t1 span{width:20%;} .story_alton_03 .visual_copy .visual_copy_inner .txt.t2{width:109%;} .story_alton_03 .visual_copy .visual_copy_inner .txt.t2 span{width:16.6%;} .story_alton_03 .visual_copy .visual_copy_inner .txt.t3{width:113.5%;transition:all 0.5s;} .story_alton_03 .visual_copy .visual_copy_inner .txt.t3 span{width:20%;} .story_alton_03 .visual_copy .visual_copy_inner .bar{display:none;margin:58px 0 25px 10px;} .story_alton_03 .visual_copy .visual_copy_inner .txt2{margin:0 50px 0 0;color:#7b7a7a;} .story_alton_03 .brand_section .section_inner{} .story_alton_03 .brand_section .section_inner .alton_myth_header{padding:90px 0 50px;} .story_alton_03 .brand_section .section_inner .alton_myth_header .story_headline{font-size:56px;color:#202020;line-height:63px;} .story_alton_03 .brand_section .section_inner .alton_myth_header .text_inner_wrap{padding:77px 0 0;} .story_alton_03 .brand_way_wrap .brand_way ul {} .story_alton_03 .brand_way_wrap .brand_way ul li{position:relative;margin-right:0;} .story_alton_03 .brand_way_wrap .brand_way ul li .img img{width:100%;} .story_alton_03 .brand_way_wrap .brand_way ul li .txt1 {line-height:24px;letter-spacing:-0.5px;text-align:left;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1{width:59%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap {} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap .movieContainer {display:none;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap.on {} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap.on .movieContainer {display:block;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap.on .imgBtn {display:none;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap .movieContainer a {opacity:0;display:block;position:absolute;top:36px;right:-48px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap .movieContainer a img {display:block;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap .movieContainer a .ov {display:none;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap .movieContainer a .out {display:block;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap .movieContainer a.on .ov {display:block;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 .movie_wrap .movieContainer a.on .out {display:none;} .story_alton_03 .brand_way_wrap .brand_way ul li.part2{float:right;width:23.1%;padding:34px 0 0;} .story_alton_03 .brand_way_wrap .brand_way ul li.part2 .text_inner_wrap{max-width:250px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part2 .txt1{padding:75px 0 0;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3{width:25.8%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 .text_inner_wrap{padding:36px 0 0;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 .text_inner_wrap li{float:left;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 .txt1{padding:75px 0 0;letter-spacing:-0.5px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part4{float:right;width:70.2%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part5{width:66.43%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part5 img{padding:0;} .story_alton_03 .brand_way_wrap .brand_way ul li.part6{float:right;width:23.1%;padding:0;} .story_alton_03 .brand_way_wrap .brand_way ul li.part6 .text_inner_wrap{padding:36px 0 0;} .story_alton_03 .brand_way_wrap .brand_way ul li.part6 .txt1{padding:75px 0 0;} .story_alton_03 .brand_way_wrap .brand_way ul li.part7{width:22.2%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part8{float:right;width:74.4%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part8 .text_inner_wrap{float:left;max-width:320px;margin:0 9% 0 0;} .story_alton_03 .brand_way_wrap .brand_way ul li.part8 .txt{float:left;width:65.4%;} /************************************************************************************************************************************************ * *************************************************************************************************************************************************/ /************************************************************************************************************************************************ * *************************************************************************************************************************************************/ /************************************************************************************************************************************************ * *************************************************************************************************************************************************/ /************************************************************************************************************************************************ * - DP-780 *************************************************************************************************************************************************/ /************************************************************************************************************************************************ * - innovation *************************************************************************************************************************************************/ /* .innovation .brand_section .section_wide.visual{margin:0 0 100px;} {margin:0 0 20px;font-size:48px;color:#000;letter-spacing:-1.5px;} .innovation .brand_section .section_inner .copy {margin:0 0 113px;font-size:14px;;line-height:30px;} .innovation .brand_section .solution_area {border-top:3px solid #000;border-bottom:3px solid #000;} .innovation .brand_section .solution_area .solution_process {min-width:1px;} .innovation .brand_section .solution_area .solution_process:after {content:"";display:block;clear:both;} .innovation .brand_section .solution_area .solution_process li {float:left;width:16.6%;} .innovation .brand_section .solution_area .solution_process li .process_wrap {display:block;padding:34px 0 30px;text-align:center;} .innovation .brand_section .solution_area .solution_process li .process_wrap .icon {display:block;margin:0 0 25px;} .innovation .brand_way ul li.part1 {position:relative;width:45.6%;} .innovation .brand_way ul li.part1 .visual_inner .visual_title {top:39px;left:inherit;right:-380px;} .innovation .brand_way ul li.part1 .visual_inner .visual_title ul {} .innovation .brand_way ul li.part1 .visual_inner ul li {float:none;} .innovation .brand_way ul li.part2 {float:right;width:23%;padding:0;} */ .story .text_inner_wrap li {float:none !important;text-align:left !important;} @media all and (min-width: 1280px) and (max-width: 1600px) { .story .text_inner {font-size:36px !important;height:50px !important;line-height:50px !important;} } @media all and (min-width: 100px) and (max-width: 1280px) { .story .txt1 br {display:none;} .story .txt2 br {display:none;} .story .text_inner {font-size:30px !important;height:40px !important;line-height:40px !important;letter-spacing:0px !important;} } @media all and (min-width: 1280px) { .creative02_02 .section_inner .inner_wrap .left {margin-right:800px;} } @media all and (min-width: 1025px) and (max-width: 1280px) { .creative02_02 .section_inner .inner_wrap .right {position:relative;} .creative02_02 .section_inner .inner_wrap .right .title {left:0px;} .creative02_02 .section_inner .inner_wrap .right .img {text-align:right;} .creative02_02 .section_inner .inner_wrap {padding-bottom:0px;} .inovation.cont03 .section_inner .list ul li .li_inner {padding:25px;} } @media all and (min-width: 640px) and (max-width: 1100px) { .story1 .visual_copy {--margin-top:120px;position:relative;right:initial;--bottom:initial;} .story1 .visual_copy .visual_copy_inner {margin:0px auto;padding:50px;width:400px;transition:all 0.5s;} .story1 .visual_copy .visual_copy_inner .txt.t1 {letter-spacing:13px;} .story1 .visual_copy .visual_copy_inner .txt.t2 {letter-spacing:49px;} .sstory1tory .visual_copy .visual_copy_inner .txt.t3 {letter-spacing:31px;} .story1 .visual_copy {bottom:240px;position:relative;right:initial;} .story1 .visual_inner {margin-bottom:-300px;} .story1 .visual_title {position:absolute;left:50px;margin-top:60px;top:initial;} .story1 .visual_title h2 {display:none;} .story1 .visual_title {top:0px;} .story1 .visual_title .line {margin:20px 0 20px 0;display:none;} .story1 .visual_title .text_inner {font-size:30px;height:50px;line-height:50px;transition:all 0.5s;} } @media all and (min-width: 1025px) and (max-width: 1280px) { .story_alton_01 .visual_copy .visual_copy_inner {width:500px;;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 {width:30%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part2 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part3 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part6 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 .txt1 {width:100%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .txt1 {width:100%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part11 .txt1 br {display:none;} } @media all and (min-width: 100px) and (max-width: 1024px) { .story_alton_01 section {padding-bottom:70px;margin-bottom:70px;border-bottom:1px solid #ededed;} .story_alton_01 .brand_section {border-bottom:0px;} .story_alton_01 .brand_section .visual_inner {margin-bottom:0px;} .story_alton_01 .brand_section .section_inner .alton_story_header {padding:0px;} .brand_way_wrap .brand_way {padding:0 25px;} .story_alton_01 section {padding-bottom:50px;} .story_alton_01 .visual_copy {bottom:250px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part1 {float:none;width:100% !important;margin-bottom:50px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part2 {float:none;width:100% !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part3 {float:none;width:100% !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part4 {float:none;width:100% !important;margin-bottom:50px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part5 {float:none;width:100% !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part6 {float:none;width:100% !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 {float:none;width:100% !important;--margin-bottom:50px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 .text_inner_wrap {float:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 .txt1 {float:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 ul li {float:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part8 {float:none;width:100% !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part9 {float:none;width:100% !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 {float:none;width:100% !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part11 {float:none;width:100% !important;--margin-bottom:50px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part12 {float:none;width:100% !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .text_inner_wrap {top:80px;left:60%;max-width:200px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .text_inner_wrap .text_inner {font-size:24px;height:34px;line-height:34px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap {top:initial;width:initial;left:4.2%;bottom:50px;max-width:initial;} .story_alton_01 .brand_way_wrap .brand_way ul li.part2 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part3 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part6 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 .txt1 {width:100%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .txt1 {width:100%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part11 .txt1 br {display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap .head{margin-bottom:15px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap .head br {display:none;} } @media all and (min-width: 100px) and (max-width: 640px) { .story_alton_01 .brand_way_wrap .brand_way ul li.part4 {margin-bottom:25px;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .ct .txt {padding:0px;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .ct .txt {padding:0px;} } @media all and (min-width: 1024px) and (max-width: 1252px) { main.story_alton_01 section.brand_section {padding-bottom:100px;transition:all 0.5s;} } @media all and (min-width: 100px) and (max-width: 1024px) { .story_alton_02 section {padding-bottom:70px;margin-bottom:70px;border-bottom:1px solid #ededed;} .story_alton_02 .brand_section .visual_inner {margin-bottom:0px;} .story_alton_02 .visual_copy {bottom:250px;} .story_alton_02 .brand_section .section_inner {padding:0 25px;margin-top:-606px;} .story_alton_02 .brand_section .section_inner .alton_as_header .text_inner_wrap {padding-top:450px;} .story_alton_02 .brand_section .section_inner .alton_as_header .txt.front br {display:none;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent {margin-top:70px;} .story_alton_02 .brand_section .section_inner .alton_as_header {margin-bottom:0px;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list {padding-bottom:0px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part1 {float:none;width:100%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part1 .text_inner_wrap {width:30%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part1 .txt1 {padding-top:50px;margin-top:0px;--margin-bottom:50px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part1 .txt1 br {display:none;} .story_alton_02 .brand_way_wrap .brand_way ul li.part2 {float:none;width:100%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part2 img {width:100%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part3 {float:none;width:100%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part4 {float:none;width:100%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part5 {float:none;width:100%;--margin-bottom:50px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part6 {float:none;width:100%;} .story_alton_02 .brand_way_wrap .brand_way ul li.part7 {float:none;width:100%;margin-bottom:50px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part8 {float:none;width:100%;} } @media all and (min-width: 100px) and (max-width: 1024px) { .story_alton_03 section {padding-bottom:70px;margin-bottom:70px;border-bottom:1px solid #ededed;} .story_alton_03 .brand_section .visual_inner {margin-bottom:0px;} .story_alton_03 .visual_copy {bottom:250px;} .story_alton_03 .brand_section {border-bottom:0px;} .story_alton_03 .brand_section .section_inner .alton_myth_header {padding:0px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 {float:none;width:100%;margin-bottom:50px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part2 {float:none;width:100%;padding-top:0px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part2 .txt1 {padding-top:50px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part2 .txt1 br {display:none;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 {float:none;width:100%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 .text_inner_wrap {width:40%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 .txt1 {padding-top:50px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 .txt1 br {display:none;} .story_alton_03 .brand_way_wrap .brand_way ul li.part4 {float:none;width:100%;margin-bottom:50px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part5 {float:none;width:100%;margin-bottom:50px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part6 {float:none;width:100%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part6 .txt1 {padding-top:50px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part6 .txt1 br {display:none;} .story_alton_03 .brand_way_wrap .brand_way ul li.part7 {float:none;width:100%;margin-bottom:50px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part7 .img {width:254px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part8 {float:none;width:100%;} .story_alton_03 .brand_way_wrap .brand_way ul li.part8 .text_inner_wrap {float:none;margin-bottom:50px;} } @media all and (min-width: 100px) and (max-width: 1024px) { section.creative {padding-bottom:70px;margin-bottom:70px;border-bottom:1px solid #ededed;} .creative02_01.con1 .section_inner .inner_wrap .left {float:none;width:100%;} .creative02_01.con1 .section_inner .inner_wrap .ct {float:none;width:100%;} .creative02_01.con1 .section_inner .inner_wrap .right {float:none;width:100%;} .creative02_01.con2 .section_inner .inner_wrap .left {float:none;width:100%;} .creative02_01.con2 .section_inner .inner_wrap .left h4:after {content:"";display:block;clear:both;} .creative02_01.con2 .section_inner .inner_wrap .ct {float:none;width:100%;margin-bottom:50px;padding-top:0px;} .creative02_01.con2 .section_inner .inner_wrap .right {float:none;width:100%;} .creative02_01.con3 .section_inner .inner_wrap .left {float:none;width:100%;} .creative02_01.con3 .section_inner .inner_wrap .ct {float:none;width:100%;padding-top:0px;} .creative02_01.con3 .section_inner .inner_wrap .ct .txt {margin-top:50px;} .creative02_01.con3 .section_inner .inner_wrap .right {float:none;width:100%;margin-bottom:50px;} } @media all and (min-width: 100px) and (max-width: 640px) { .story_alton_03 .brand_way_wrap .brand_way ul li.part7 .img {width:100px;} } @media all and (min-width: 100px) and (max-width: 1024px) { .creative02_02 .section_inner .inner_wrap {padding-bottom:0px;} .creative02_02 .section_inner .inner_wrap .right {position:relative;} .creative02_02 .section_inner .inner_wrap .right .title {left:0px;} .creative02_02 .section_inner .inner_wrap .right .img {text-align:right;} } @media all and (min-width: 100px) and (max-width: 1024px) { section.inovation.inov01 {border-bottom:0px;} section.inovation {padding-bottom:70px;margin-bottom:70px !important;border-bottom:1px solid #ededed;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li {width:49%;margin-right:2%;margin-bottom:50px;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li.x2 {margin-right:0px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul {padding:20px 0;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .left {float:none;width:100%;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .ct {float:none;width:100%;margin-bottom:50px;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .ct .ct_wrap {padding-left:0px;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .right {float:none;width:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .left {float:none;width:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct {float:none;width:100%;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right {float:none;width:100%;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left {float:none;width:100%;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .ct {float:none;width:100%;margin-bottom:50px;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .right {float:none;width:100%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .left {float:none;width:100%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .ct {float:none;width:100%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .ct .ct_wrap {padding-left:0px;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right {float:none;width:100%;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right .right_wrap {padding-left:0px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left {float:none;width:100%;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .ct {float:none;width:100%;margin-bottom:50px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .right {float:none;width:100%;} .inovation.cont03 .section_inner .list ul li .li_inner {padding:25px;} .inovation.cont03 .section_inner .list ul li .spec_wrap {height:117px;} } @media all and (min-width: 100px) and (max-width: 1024px) { section.inovation.inov03 {border-bottom:0px;} .inovation.cont01 .section_inner .innr_wrap .left {float:none;width:100%;margin-bottom:50px;} .inovation.cont01 .section_inner .innr_wrap .right {float:none;width:100%;} .inovation.cont01 .section_inner .innr_wrap .right .right_wrap {padding-left:0px;} .inovation.cont02 .section_inner .innr_wrap .left{float:none;width:100%;margin-bottom:50px;} .inovation.cont02 .section_inner .innr_wrap .left .left_wrap {width:100%;} .inovation.cont02 .section_inner .innr_wrap .left .left_wrap .txt br {display:none;} .inovation.cont02 .section_inner .innr_wrap .right{float:none;width:100%;margin-bottom:0px;} .inovation.cont03 .section_inner .list ul li {width:49%;margin-right:2%;margin-bottom:30px;} .inovation.cont03 .section_inner .list ul li.x2 {margin-right:0px;} .inovation.inov04.cont04 .section_inner .inner_wrap .left {float:none;width:100%;margin-bottom:50px;} .inovation.inov04.cont04 .section_inner .inner_wrap .ct {float:none;width:100%;margin-bottom:50px;padding-top:0px;} .inovation.inov04.cont04 .section_inner .inner_wrap .ct .txt {padding-left:0px;} .inovation.inov04.cont04 .section_inner .inner_wrap .right {float:none;width:100%;padding-top:0px;} .inovation.inov04.cont04 .section_inner .inner_wrap .right .right_wrap {padding-left:0px;} .inovation.cont02 .section_inner .innr_wrap .left .left_wrap .txt {margin-top:50px;} } @media all and (min-width: 100px) and (max-width: 640px) { .inovation.inov04.cont04 .section_inner .inner_wrap .left {float:none;width:100%;margin-bottom:25px;} .inovation.inov04.cont04 .section_inner .inner_wrap .ct {float:none;width:100%;margin-bottom:25px;} .inovation.inov04.cont04 .section_inner .inner_wrap .right {float:none;width:100%;} .inovation.inov04.cont04 .section_inner .inner_wrap .right .right_wrap {padding-left:0px;} } @media all and (min-width: 641px) and (max-width: 725px) { .story .visual_copy .visual_copy_inner {width:initial;} } @media all and (min-width: 641px) and (max-width: 1024px) { section.inovation.inov01 {padding-bottom:0px !important;;} section.inovation.inov04:first-child {padding-bottom:0px !important;;} section.brand_section.inovation.inov03 {padding-bottom:0px !important;;} .inovation.cont01 .section_inner h3 {margin-bottom:70px;} .creative02_01.con1 .section_inner .top_title h3 {margin-bottom:70px;} .story_alton_01 .brand_section {padding-bottom:0px !important;;} .story_alton_02 .brand_section .section_inner .alton_as_header .alton_searching {padding-top:50px;} .story_alton_01 .brand_section .section_inner .alton_story_header .story_headline {--display:none;} .story_alton_03 .brand_section .section_inner .alton_myth_header .story_headline {--display:none;} .story_alton_02 .brand_way_wrap .brand_way ul li.part5 .txt1 {padding-top:50px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part7 .txt1 {padding-top:50px;} .story section .section_inner {padding:0 50px;} .story section {padding-bottom:70px;margin-bottom:70px !important;} .story .brand_section {margin-bottom:0px !important;border-bottom:0px !important;} .story .brand_section .visual_inner {margin-bottom:0px;} .story .brand_section .visual_inner {margin-bottom:-160px;} .story .visual_copy {position:relative;right:0px;bottom:250px;} .story .visual_copy .visual_copy_inner span.bar {display:none;} .story .visual_copy .visual_copy_inner span.line {display:none !important;} .top_title {--display:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part2 ul li {float:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part3 {--margin-bottom:50px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part6 {margin-top:50px;} .story_alton_02 section.brand_section {padding-bottom:70px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 .text_inner_wrap {padding-top:0px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part6 .text_inner_wrap {padding-top:0px;} .creative02_01.con2 .section_inner .inner_wrap .right p {width:100%;} .inovation.inov_03_01.con3 .section_inner h4 p {margin-left:0px !important;} .inovation.inov_03_01.con3 .section_inner h4 p span {text-align:left !important;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct .ct_wrap {padding-left:0px;height:initial !important;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct .ct_wrap .img {position:static;margin-top:50px;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right .right_wrap {padding-left:0px;height:initial;} .inovation.inov_03_01.con5 .section_inner h4 .txt1 span {padding-bottom:0px;} .inovation.inov_03_01.con5 .section_inner h4 .txt1:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right .img {position:static;margin-top:50px;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left ul {padding-top:0px;} .inovation.inov_03_01.con7 .section_inner h4 p {margin-left:0px !important;} .inovation.inov_03_01.con7 .section_inner h4 p span {text-align:left !important;} .inovation.cont03 .section_inner .top_txt {margin-bottom:70px;} } @media all and (min-width: 100px) and (max-width: 640px) { .story_alton_01 .brand_section .section_inner .alton_story_header .story_headline {font-size:24px;line-height:34px;} .story_alton_03 .brand_section {padding-bottom:0px;} .story_alton_03 .brand_section .section_inner .alton_myth_header .story_headline {font-size:24px;line-height:34px;} .story_alton_02 .brand_section .section_inner .alton_as_header .alton_searching img {width:100%;max-width:286px;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent img {width:100%;} .story_alton_02 .brand_section .section_inner {padding:0 25px;margin-top:-336px;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent .text_inner_wrap {top:120px;left:25px;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent .txt {left:25px;top:220px;font-size:12px;line-height:16px;margin-right:25px;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent .txt br {display:none;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list li {width:49%;margin-right:2%;margin-bottom:25px;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list li.x2 {margin-right:0%;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_list li .txt br {display:none;} .story section .section_inner {padding:0 25px;} .story section {padding-bottom:35px;margin-bottom:35px !important;} .story .brand_section {margin-bottom:0px !important;border-bottom:0px !important;} .story .brand_section .visual_inner {margin-bottom:0px;} .story .visual_cont {min-width:460px;} .story .visual_copy .visual_copy_inner {padding:25px !important;height:initial;} .story .visual_copy .visual_copy_inner span.bar {display:none;} .story .visual_copy .visual_copy_inner span.line {display:none !important;} .story .visual_copy .visual_copy_inner .txt {padding-bottom:0px !important;font-size:24px !important;} .story .visual_copy .visual_copy_inner .txt2 {font-size:12px !important;margin:90px 0px 0 0;position:relative !important;top:initial !important;bottom:initial !important;} .story .visual_copy .visual_copy_inner .txt2 br {display:none;} .story .visual_copy {bottom:153px !important;} .story .text_inner_wrap {width:100% !important;} .story .text_inner_wrap li {float:none !important;} .story .text_inner {letter-spacing:0px !important;font-size:24px !important;height:34px !important;line-height:24px !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part1 {margin-bottom:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part2 .txt1 {padding-top:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part3 {margin-bottom:0px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part3 .txt1 {padding-top:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part5 {margin-bottom:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part6 .txt1 {padding-top:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 .txt1 {margin-top:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part7 {margin-bottom:0px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .txt1 {margin-top:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .text_inner_wrap {margin-top:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part11 .txt1 {padding-top:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part11 {margin-bottom:0px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .text_inner_wrap {left:initial;right:10px;;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap {bottom:25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap .head {font-size:24px;line-height:34px;margin-bottom:15px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap .txt1 {font-size:12px;line-height:16px;} .story_alton_02 .brand_section .section_inner .alton_as_header .txt.front {padding-top:25px;} .story_alton_02 .brand_section .section_inner .alton_as_header .alton_searching {padding-top:25px;} .story_alton_02 .brand_section .section_inner .alton_as_header .differ_agent {margin-top:25px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part1 .txt1 {padding-top:25px;margin-bottom:25px;margin-bottom:0px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part4 .text_inner_wrap {padding-top:25px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part4 .txt1 {padding-top:25px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part4 .txt1 br {display:none;} .story_alton_02 .brand_way_wrap .brand_way ul li.part5 .text_inner_wrap {padding-top:0px;text-align:left;} .story_alton_02 .brand_way_wrap .brand_way ul li.part5 .txt1 {padding-top:25px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part5 .txt1 br {display:none;} .story_alton_02 .brand_way_wrap .brand_way ul li.part5 {margin-bottom:0px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part6 {margin-bottom:25px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part7 .txt1 {padding-top:25px;} .story_alton_02 .brand_way_wrap .brand_way ul li.part7 .txt1 br {display:none;} .story_alton_03 .brand_way_wrap .brand_way ul li.part1 {margin-bottom:25px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part2 {padding-top:0px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part2 .txt1 {padding-top:25px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 .text_inner_wrap {padding-top:0px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 .txt1 {padding-top:25px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part3 {margin-bottom:25px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part5 {margin-bottom:25px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part6 .text_inner_wrap {padding-top:0px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part6 .txt1 {padding-top:25px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part7 {margin-bottom:25px;} .story_alton_03 .brand_way_wrap .brand_way ul li.part8 .text_inner_wrap {margin-bottom:25px;} .story_alton_03 .brand_way_wrap .brand_way ul li .txt1 br {display:none;} .top_title {--display:none;} .creative02_01.con1 .section_inner .inner_wrap {margin-bottom:25px;} .creative02_01.con1 .section_inner .inner_wrap .left .st1 {margin-bottom:15px;} .creative02_01.con1 .section_inner .inner_wrap .ct {margin-top:25px;} .creative02_01.con1 .section_inner .inner_wrap .ct .txt {margin-top:25px;} .creative02_01.con1 .section_inner .inner_wrap .right {margin-top:25px;} .creative h4 {width:50%;font-size:24px !important;margin-bottom:0px !important;} .creative h4 p:after {content:"";display:block;clear:both;} .creative h4 span {padding-bottom:15px !important;} .creative02_01.con2 .section_inner .inner_wrap .left {padding-top:0px;} .creative02_01.con2 .section_inner .inner_wrap .ct .txt {margin-top:25px;} .creative02_01.con2 .section_inner .inner_wrap .ct {margin-bottom:25px;} .creative02_01.con2 .section_inner .inner_wrap {margin-bottom:0px;} .creative02_01.con3 .section_inner .inner_wrap .ct {--padding-top:25px;} .creative02_01.con3 .section_inner .inner_wrap .ct .txt {margin-top:25px;} .creative02_01.con3 .section_inner .inner_wrap .ct .txt br {display:none;} .creative02_01.con3 .section_inner .inner_wrap {margin-bottom:0px;} .creative02_02 .section_inner h3 {--display:none;} .creative02_02 .section_inner .inner_wrap .left .txt {margin-top:25px;margin-bottom:25px;} .creative02_02 .section_inner .inner_wrap .right {margin-top:25px;} .creative02_02 .section_inner .inner_wrap .right .title {position:static;} .creative02_02 .section_inner .inner_wrap .right .title span {margin-top:10px;} .creative02_02 .section_inner .inner_wrap .right .img img {width:100%;} .inovation.inov_03_01.con1 .section_inner .innr_wrap {margin-bottom:25px;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li {float:none;width:100%;height:initial;margin-bottom:25px;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li .img {position:static;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li .img img {width:100%;} .inovation.inov_03_01.con1 .section_inner .box .box_inner {padding:15px 25px 12px 25px;} .inovation.inov_03_01.con1 .section_inner .box .box_inner .left {float:none;width:100%;} .inovation.inov_03_01.con1 .section_inner .box .box_inner .right {float:none;width:100%;} .inovation.inov_03_01.con1 .section_inner .box .box_inner dl {margin-bottom:10px;font-size:12px;} .inovation.inov_03_01.con1 .section_inner .box .box_inner dl dd {padding-left:80px;} .inovation h3 {font-size:24px !important;margin-bottom:25px !important;} .inovation h4 {width:50% !important;font-size:24px !important;margin-bottom:0px !important;} .inovation h4 p:after {content:"";display:block;clear:both;} .inovation h4 span {padding-bottom:15px !important;} .inovation.inov_03_01.con2 .section_inner .top_txt {margin-bottom:25px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul {padding:0px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li {width:26%;height:104px;margin-bottom:20px;background-size:20%;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li.x2 {margin-right:0px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li p {width:60px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li p span.txt {font-size:12px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li p span.img {height:65px;} .inovation.inov_03_01.con2 .section_inner .innr_wrap ul li p span.img img {width:50%;--margin-top:28px;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .ct {margin-bottom:25px;padding-top:25px;} .inovation.inov_03_01.con3 .section_inner .inner_wrap .right .img {margin-bottom:25px;} .inovation.inov_03_01.con3 .section_inner h4 .txt1 {margin-left:0px;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left {float:none;padding-top:0px;width:100%;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .right {float:none;width:100%;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left ul {margin-bottom:25px;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left h4 {height:initial;} .inovation.inov_03_01.con4 .section_inner h4 .txt1 {margin:0px;} .inovation.inov_03_01.con4 .section_inner h4 .txt1 span {text-align:left;} .inovation.inov_03_01.con4 .section_inner h4 .txt2 {margin:0px;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .left .txt {margin-top:25px;} .inovation.inov_03_01.con4 .section_inner .inner_wrap .right {margin-top:25px;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct .ct_wrap {padding-left:0px;height:initial !important;;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .ct .ct_wrap .img {margin-top:25px;position:static} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right .right_wrap {padding-left:0px;height:initial !important;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right h4 {padding-top:25px;} .inovation.inov_03_01.con5 .section_inner .inner_wrap .right .img {position:static;margin-top:25px;} .inovation.inov_03_01.con5 .section_inner h4 .txt1 {margin-left:0px;} .inovation.inov_03_01.con5 .section_inner h4 .txt1:after {content:"";display:block;clear:both;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left ul {padding-top:0px;margin-bottom:25px;} .inovation.inov_03_01.con6 .section_inner h4 .txt2 {margin-left:0px;} .inovation.inov_03_01.con6 .section_inner h4 .txt2 span {text-align:left;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .ct {margin-bottom:25px;padding-top:25px;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .ct {padding-top:25px;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right {padding-top:25px;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right h4 {margin-top:25px;} .inovation h4 .txt2 {margin-left:0px !important;} .inovation h4 .txt1 span {text-align:left !important;} .inovation h4 .txt2 span {text-align:left !important;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left {padding-top:0px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .left ul {margin-bottom:25px;} .inovation.inov_03_01.con8 .section_inner .inner_wrap .ct {padding-top:25px;margin-bottom:25px;} .inovation.inov_03_01.con9 .section_inner .left {right:25px;} .inovation.inov_03_01.con9 .section_inner .right {left:25px;top:50%;margin-top:-80px;width:100%;} .inovation.inov_03_01.con9 .section_inner .right h4 {line-height:20px;width:40% !important;margin-bottom:15px !important;} .inovation.inov_03_01.con9 .section_inner .right h4 span {display:inline;font-size:16px;} .inovation.inov_03_01.con9 .section_inner .right .txt {font-size:12px;line-height:18px;margin-right:50px;} .inovation.cont01 .section_inner .innr_wrap .left {margin-bottom:25px;} .inovation.cont01 .section_inner .innr_wrap .left p {font-size:12px;right:10px;bottom:10px;line-height:16px;} .inovation.cont01 .section_inner .innr_wrap .left p span {font-size:14px;margin-bottom:5px;} .inovation.cont01 .section_inner .innr_wrap .left p br {display:block;} .inovation.cont01 .section_inner .innr_wrap .right .right_wrap .txt {margin-top:25px;} .inovation.cont02 .section_inner .innr_wrap .left .left_wrap .txt {margin-top:25px;} .inovation.cont02 .section_inner .innr_wrap .right img {width:100%;} .inovation.cont02 .section_inner .innr_wrap .right p img {width:100%;} .inovation.cont03 .section_inner .top_txt {margin:25px 0 ;} .inovation.cont03 .section_inner .list ul li .li_inner {padding:25px;} .inovation.cont03 .section_inner .list ul li {float:none;width:100%;margin-bottom:25px;} .inovation.cont03 .section_inner .list ul li h4 {width:100% !important;margin-bottom:20px !important;} .inovation.cont03 .section_inner .list ul li p.spec {font-size:12px;} .inovation.cont03 .section_inner .list ul li.last {margin-bottom:0px;} .inovation.inov_03_01.con1 h4 {font-size:18px !important;} } @media all and (min-width: 100px) and (max-width:1350px) { .inovation.inov04.cont03 .innr_wrap {padding-bottom:0px;} .inovation.cont03 .section_inner .iot_bike_img {position:relative;right:inherit;bottom:inherit;margin-top:50px;} .inovation.cont03 .section_inner .iot_bike_img img {width:100%;} } @media all and (min-width: 100px) and (max-width:1024px) { .inovation.inov04.cont03 .innr_wrap {padding:25px 25px 0px 25px;} .inovation.inov04.cont03 .innr_wrap .top_txt {font-size:12px;margin:10px 0 17px 0 ;} .inovation.cont03 .section_inner .iot_link {font-size:12px;padding:12px 24px;} } @media all and (min-width: 100px) and (max-width:640px) { .inovation.inov04.cont03 .innr_wrap .text_inner {font-size:20px !important;line-height:26px !important;height:26px !important} } @media all and (min-width: 1024px) and (max-width:3000px) { main.story .brand_way_wrap .text_inner {font-size:36px !important;} main.story .creative02_01 .text_inner {font-size:36px !important;} .inovation.inov04 .text_inner {font-size:36px !important;} .inovation.inove03 .text_inner {font-size:36px !important;} } @media all and (min-width: 1280px) and (max-width:3000px) { .inovation.inov_03_01 .text_inner {font-size:36px !important;} } @media all and (min-width: 1024px) and (max-width:1280px) { .inovation.inov_03_01 .text_inner {font-size:30px !important;} } @media all and (min-width: 100px) and (max-width:1024px) { .story_alton_02 .brand_section .section_inner {background:none;} main.story .visual_title {top:50px;} } @media all and (min-width: 100px) and (max-width:640px) { main.story .visual_copy .visual_copy_inner {margin:-30px auto !important;} .story_alton_01 .brand_way_wrap .brand_way ul li.part10 .text_inner_wrap {max-width:inherit;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area {height:550px;} .story_alton_02 .brand_section .section_inner {margin-top:-440px;} .brand_way_wrap .brand_way ul li.part1 .img iframe {height:200px;} .creative02_01.con1 .section_inner .top_title h3 .txt1 {width:initial;margin:0px;} .creative02_01.con1 .section_inner .top_title h3 .txt1 span {padding-bottom:0px;width:initial;float:none;display:inline-block;} .creative02_01.con1 .section_inner .top_title h3 .txt2 span {padding-bottom:0px;width:initial;float:none;display:inline-block;} .creative02_01.con1 .section_inner .top_title h3 {font-size:30px;} .creative02_01.con1 .section_inner .top_title h3 {margin-bottom:35px;} .creative02_02 .section_inner h3 {margin-bottom:35px;font-size:30px;letter-spacing:1px;} .creative02_02 .section_inner .inner_wrap .left .txt br {display:none;} .inovation.inov_03_01.con1 .section_inner .top_title h3 .txt1 {--padding-left:25px;} .inovation.inov_03_01.con1 .section_inner h3 p {font-size:24px !important;} .inovation.inov_03_01.con1 .section_inner .innr_wrap ul li h4 {width:100% !important;} .inovation.inov04.cont01 h3 {font-size:24px !important;} .inovation.cont01.inove03 h3 {font-size:24px !important;} .brand_section.creative.create02.category {padding-bottom:0px;} .brand_section.inovation.inov01.category {padding-bottom:0px;} .brand_section.inovation.inov02.category {padding-bottom:0px;} .brand_section.inovation.inov03.category {padding-bottom:0px;} } @media all and (min-width: 100px) and (max-width:1280px) { .creative02_02 .section_inner .inner_wrap .left .txt br {display:none;} } @media all and (min-width: 100px) and (max-width: 640px) { .brand_way_wrap .brand_way ul li {float:none;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area {padding-top:150px;height:inherit;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .epilogue {left:30px;z-index:10;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .img{position: relative;top:0%;left:0px;width: 100%;text-align:center;margin-bottom:50px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .img img {width:80%;margin-left:5%;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .text_inner_wrap {position:relative;left:0px;top:0px;right:inherit;margin-bottom:50px;padding:0 25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap {position:relative;left:0px;bottom:inherit;padding:0 25px 50px 25px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap .head {margin-bottom:20px;} .story_alton_01 .brand_way_wrap .brand_way ul li.part13 .epilogue_area .head_wrap .txt1 {letter-spacing:0px;} .story .inovation.cont03.inove03 .text_inner {font-size:16px !important} } .inovation.inov_03_01.con9 .section_inner .left .text_inner {font-family:"dpm", arial, san-serif;} @media all and (min-width: 640px) and (max-width: 1024px) { .creative02_01.con1 .section_inner .top_title h3 p span {width:inherit !important;float:none !important;padding-bottom:0px !important;} .creative02_01.con1 .section_inner .top_title h3 .txt1 {margin-left:0px;} .creative02_01.con1 .section_inner .inner_wrap .right h4 p span {width:inherit !important;float:none !important;padding-bottom:0px !important;} .creative02_01.con2 .section_inner .inner_wrap .left h4 span {width:inherit !important;float:none !important;padding-bottom:0px !important;} .creative02_01.con3 .section_inner .inner_wrap .right h4 span {width:inherit !important;float:none !important;padding-bottom:0px !important;} .inovation.inov_03_01.con3 .section_inner h4 p span {width:inherit !important;float:none !important;padding-bottom:0px !important;} .inovation.inov_03_01.con6 .section_inner .inner_wrap .left h4 p span {width:inherit !important;float:none !important;padding-bottom:0px !important;} .inovation.inov_03_01.con7 .section_inner .inner_wrap .right h4 p span {width:inherit !important;float:none !important;padding-bottom:0px !important;} .inovation.inov_03_01.con6 .section_inner h4 .txt2 {margin-left:0px;} .creative02_02 .section_inner h3 {margin-bottom:70px;} .creative02_02 .section_inner .inner_wrap .right .title span {margin-top:20px;} section.creative {border-bottom:0px !important;margin-bottom:0px !important;padding-bottom:0px !important} .inovation.inov_03_01.con9 .section_inner .left {right:inherit;left:100px;;} }