@media(min-width: 1024px){.col-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;width:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-1{margin-left:8.3333333333%;position:relative}.col-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;width:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-2{margin-left:16.6666666667%;position:relative}.col-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:25%;flex-basis:25%;width:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-3{margin-left:25%;position:relative}.col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;width:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-4{margin-left:33.3333333333%;position:relative}.col-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;width:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-5{margin-left:41.6666666667%;position:relative}.col-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:50%;flex-basis:50%;width:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-6{margin-left:50%;position:relative}.col-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;width:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-7{margin-left:58.3333333333%;position:relative}.col-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;width:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-8{margin-left:66.6666666667%;position:relative}.col-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:75%;flex-basis:75%;width:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-9{margin-left:75%;position:relative}.col-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;width:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;width:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:100%;flex-basis:100%;width:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-12{margin-left:100%;position:relative}}:root{--base-ratio: 0.75;--base-size: 1536;--base-percent: 100vw}#wrap{width:100%;overflow:visible}#header{position:absolute;top:0;left:0;z-index:5;width:100%;height:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)));overflow:hidden}#header .dim{position:fixed;top:0;left:0;z-index:1;width:100%;height:100vh;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s}#header .dim.active{opacity:1;visibility:visible}#header .header_wrap{position:fixed;top:0;left:0;width:100%;height:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)));opacity:0;background-color:rgba(0,0,0,.4);-webkit-transition:opacity .75s;transition:opacity .75s}#header .logo{position:absolute;top:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));left:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));margin:0 auto;width:max(calc(135px * var(--base-ratio)), calc(calc(135 / var(--base-size)) * var(--base-percent)));height:auto}#header .logo img{width:100%}#header .menu_btn{position:absolute;top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));right:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));width:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#header .menu_btn img{width:100%}#header.active .header_wrap{opacity:1}#header.scroll .header_wrap{opacity:0}#header .list_wrap{position:fixed;top:0;right:-100%;z-index:2;width:max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)));height:100vh;padding:max(calc(88px * var(--base-ratio)), calc(calc(88 / var(--base-size)) * var(--base-percent))) max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))) max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))) max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));background-color:#000;-webkit-transition:right .5s;transition:right .5s}#header .list_wrap.active{right:0}#header .list_wrap .close_btn{position:absolute;top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));width:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#header .list_wrap .close_btn img{width:100%}#header .list_wrap .list{position:relative;width:100%;height:100%;padding:0 max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))) max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))) max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent)));overflow-y:scroll}#header .list_wrap .list::-webkit-scrollbar{width:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)))}#header .list_wrap .list::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)))}#header .list_wrap .list::-webkit-scrollbar-track{background-color:#000}#header .list_wrap .list li{width:100%}#header .list_wrap .list li+li{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#header .list_wrap .list li a{display:block}#header .list_wrap .list li .img_box{position:relative;width:100%;height:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#header .list_wrap .list li .img_box::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid hsla(0,0%,100%,.2);-webkit-box-sizing:border-box;box-sizing:border-box}#header .list_wrap .list li .img_box img{width:100%;height:100%}#header .list_wrap .list li .txt_box{font-family:"Stratum",sans-serif;margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#header .list_wrap .list li .txt_box span{display:block;font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0em;color:#ddd}#header .list_wrap .list li .txt_box strong{display:block;margin-top:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0em;font-weight:bold;color:#fff}#header .list_wrap .list li:hover .img_box::before,#header .list_wrap .list li.active .img_box::before{border-width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));border-color:#fff}#header .list_wrap .list li.coming a{cursor:auto}#header .list_wrap .list li.coming .txt_box{text-align:center}#header .list_wrap .list li.coming .txt_box strong{margin:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) 0 max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em}#header .list_wrap .list li.coming .txt_box p{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#d2d2d2}#container{width:100%;height:100%;position:static;z-index:0}.inner{position:relative;width:max(calc(980px * var(--base-ratio)), calc(calc(980 / var(--base-size)) * var(--base-percent)));margin:0 auto}.sticky{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden}[class*=timeline_hidden]{display:none;visibility:hidden;text-indent:-9999px;width:0;height:0;font-size:0}.overflow_txt_box{position:relative;overflow:hidden;z-index:1;-webkit-transition:opacity .75s;transition:opacity .75s}.overflow_txt_box>*{position:relative;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .75s;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s, -webkit-transform .75s;display:block}.overflow_txt_box.active>*{-webkit-transform:translateY(0);transform:translateY(0)}.btn_wrap{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));text-align:center}.btn_wrap .btn{display:inline-block;vertical-align:top;position:relative;width:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));padding:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) 0;border:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid #fff;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0em;font-weight:600;color:#fff;-webkit-transition:background .4s;transition:background .4s}.btn_wrap .btn::after{content:"";display:inline-block;vertical-align:middle;width:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));height:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));margin:max(calc(calc(calc(4 / var(--base-size)) * var(--base-percent)) * -1)) 0 0 max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent)));background:url("/httpobject/gmc_images/brandstory/common/icon_arrow_white.svg") center no-repeat;background-size:cover}.btn_wrap .btn:hover{background-color:#fff;color:#222}.btn_wrap .btn:hover::after{background:url("/httpobject/gmc_images/brandstory/common/icon_arrow_black.svg") center no-repeat;background-size:cover}.sec_banner{position:relative;width:100%;font-size:0;background-color:#0a0a0c}.sec_banner.w100 a{width:100%}.sec_banner .bg_img{position:absolute;top:0;left:0;width:100%;height:100%}.sec_banner .bg_img img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}.sec_banner .bg_img img.active{opacity:1}.sec_banner a{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:top;width:50%;height:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.4166666667;letter-spacing:-0.02em;font-weight:600;color:#fff;text-align:center}.sec_banner a::before{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent)));height:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));background-color:#d2d2d2}.sec_banner a:last-of-type::before{display:none}.sec_banner a::after{content:"";display:inline-block;vertical-align:middle;width:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));height:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));background:url("/httpobject/gmc_images/brandstory/common/icon_right_arrow.svg") center no-repeat;background-size:cover}.intro{position:relative;width:100%;height:100vh;overflow:hidden;font-family:"NotoSansKRWeb",sans-serif}.intro.active{height:auto;overflow:visible}.intro .logo_box{position:absolute;top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));left:0;z-index:1;width:100%;opacity:0;visibility:hidden;-webkit-transition:opacity .5s,visibility .5s;transition:opacity .5s,visibility .5s}.intro .logo_box.active{opacity:1;visibility:visible}.intro .logo_box a{position:static;display:block;width:max(calc(166px * var(--base-ratio)), calc(calc(166 / var(--base-size)) * var(--base-percent)));margin:0 auto}.intro .logo_box a img{width:100%}.intro .visual_wrap{position:relative;width:100%;height:100%;padding-top:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));background-color:#000;text-align:center}.intro .visual_wrap.active .list_slide{opacity:1;visibility:visible}.intro .visual_wrap.active .slide_wrap::before,.intro .visual_wrap.active .slide_wrap::after{display:block}.intro .visual_wrap.active .slide_wrap>span{opacity:1;visibility:visible}.intro .visual_wrap.active>.overflow_txt_box>*,.intro .visual_wrap.active .swiper-slide .overflow_txt_box>*{-webkit-transform:translateY(0);transform:translateY(0)}.intro .visual_wrap .slide_wrap{position:relative}.intro .visual_wrap .slide_wrap>span{position:absolute;background:#777;opacity:0;visibility:hidden;-webkit-transition:opacity .75s .5s,visibility .75s .5s;transition:opacity .75s .5s,visibility .75s .5s}.intro .visual_wrap .slide_wrap>span.width_line{left:0;width:100%;height:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));background:-webkit-gradient(linear, left top, right top, from(rgba(119, 119, 119, 0)), color-stop(50%, rgb(119, 119, 119)), to(rgba(119, 119, 119, 0)));background:linear-gradient(90deg, rgba(119, 119, 119, 0) 0%, rgb(119, 119, 119) 50%, rgba(119, 119, 119, 0) 100%)}.intro .visual_wrap .slide_wrap>span.height_line{top:max(calc(calc(calc(222 / var(--base-size)) * var(--base-percent)) * -1));width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:100vh;background:-webkit-gradient(linear, left bottom, left top, from(rgba(119, 119, 119, 0)), color-stop(50%, rgb(119, 119, 119)), to(rgba(119, 119, 119, 0)));background:linear-gradient(0deg, rgba(119, 119, 119, 0) 0%, rgb(119, 119, 119) 50%, rgba(119, 119, 119, 0) 100%)}.intro .visual_wrap .slide_wrap>span:nth-of-type(1){top:max(calc(51px * var(--base-ratio)), calc(calc(51 / var(--base-size)) * var(--base-percent)))}.intro .visual_wrap .slide_wrap>span:nth-of-type(2){bottom:max(calc(92px * var(--base-ratio)), calc(calc(92 / var(--base-size)) * var(--base-percent)))}.intro .visual_wrap .slide_wrap>span:nth-of-type(3){left:max(calc(454px * var(--base-ratio)), calc(calc(454 / var(--base-size)) * var(--base-percent)))}.intro .visual_wrap .slide_wrap>span:nth-of-type(4){right:max(calc(454px * var(--base-ratio)), calc(calc(454 / var(--base-size)) * var(--base-percent)))}.intro .visual_wrap .list_slide{width:100%;opacity:0;visibility:hidden;-webkit-transition:opacity .75s .3s,visibility .75s .3s;transition:opacity .75s .3s,visibility .75s .3s}.intro .visual_wrap .list_slide .swiper-slide{width:max(calc(648px * var(--base-ratio)), calc(calc(648 / var(--base-size)) * var(--base-percent)));-webkit-transform:scale(0.9);transform:scale(0.9);opacity:.5;-webkit-transition:-webkit-transform .75s;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s, -webkit-transform .75s}.intro .visual_wrap .list_slide .swiper-slide:not(.swiper-slide-active){pointer-events:none}.intro .visual_wrap .list_slide .swiper-slide span{font-family:"Stratum",sans-serif;font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0em;font-weight:300;color:#fff;-webkit-transition:-webkit-transform .75s .6s;transition:-webkit-transform .75s .6s;transition:transform .75s .6s;transition:transform .75s .6s, -webkit-transform .75s .6s}.intro .visual_wrap .list_slide .swiper-slide .overflow_txt_box.txt_box2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}.intro .visual_wrap .list_slide .swiper-slide .img_box{width:100%;height:max(calc(308px * var(--base-ratio)), calc(calc(308 / var(--base-size)) * var(--base-percent)));margin:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0;-webkit-box-shadow:0 max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent))) max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent))) 0 hsla(0,0%,100%,.2);box-shadow:0 max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent))) max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent))) 0 hsla(0,0%,100%,.2);-webkit-transition:-webkit-box-shadow .75s;transition:-webkit-box-shadow .75s;transition:box-shadow .75s;transition:box-shadow .75s, -webkit-box-shadow .75s}.intro .visual_wrap .list_slide .swiper-slide .img_box img{width:100%;height:100%}.intro .visual_wrap .list_slide .swiper-slide strong{font-family:"Stratum",sans-serif;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.2916666667;letter-spacing:-0.02em;color:#fff;font-weight:bold;-webkit-transition:-webkit-transform .75s .6s;transition:-webkit-transform .75s .6s;transition:transform .75s .6s;transition:transform .75s .6s, -webkit-transform .75s .6s}.intro .visual_wrap .list_slide .swiper-slide:hover .img_box{-webkit-box-shadow:0 max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent))) max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent))) 0 rgba(34,34,34,.3);box-shadow:0 max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent))) max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent))) 0 rgba(34,34,34,.3);-webkit-box-sizing:border-box;box-sizing:border-box}.intro .visual_wrap .list_slide .swiper-slide.swiper-slide-active{-webkit-transform:scale(1);transform:scale(1);opacity:1}.intro .visual_wrap .list_slide .swiper-slide.swiper-slide-active::after{opacity:0;visibility:hidden;background:rgba(0,0,0,0)}.intro .visual_wrap .list_slide .swiper-slide.coming{height:max(calc(405px * var(--base-ratio)), calc(calc(405 / var(--base-size)) * var(--base-percent)));padding-top:max(calc(41px * var(--base-ratio)), calc(calc(41 / var(--base-size)) * var(--base-percent)))}.intro .visual_wrap .list_slide .swiper-slide.coming a{display:block;width:100%;height:max(calc(308px * var(--base-ratio)), calc(calc(308 / var(--base-size)) * var(--base-percent)));cursor:auto}.intro .visual_wrap .list_slide .swiper-slide.coming a .img_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;text-align:center;border-color:hsla(0,0%,100%,.2);background:linear-gradient(0deg, #090909, #090909),linear-gradient(104.78deg, rgba(35, 35, 35, 0) 0%, #000000 88.64%)}.intro .visual_wrap .list_slide .swiper-slide.coming a strong{display:block;font-family:"Stratum",sans-serif;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0em;font-weight:bold;color:#fff}.intro .visual_wrap .list_slide .swiper-slide.coming a p{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#d2d2d2}.intro .visual_wrap .list_slide .arrow{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0;width:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}.intro .visual_wrap .list_slide .arrow.swiper-button-prev{background:url("/httpobject/gmc_images/brandstory/intro/slide_arrow_prev.svg") center no-repeat;background-size:cover;left:max(calc(333px * var(--base-ratio)), calc(calc(333 / var(--base-size)) * var(--base-percent)))}.intro .visual_wrap .list_slide .arrow.swiper-button-prev::after{display:none}.intro .visual_wrap .list_slide .arrow.swiper-button-next{background:url("/httpobject/gmc_images/brandstory/intro/slide_arrow_next.svg") center no-repeat;background-size:cover;right:max(calc(333px * var(--base-ratio)), calc(calc(333 / var(--base-size)) * var(--base-percent)))}.intro .visual_wrap .list_slide .arrow.swiper-button-next::after{display:none}.intro .visual_wrap .list_slide .arrow.swiper-button-disabled{opacity:.3}.intro .visual_wrap .pagetranstion_box{position:absolute;top:max(calc(263px * var(--base-ratio)), calc(calc(263 / var(--base-size)) * var(--base-percent)));left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:max(calc(648px * var(--base-ratio)), calc(calc(648 / var(--base-size)) * var(--base-percent)));height:max(calc(308px * var(--base-ratio)), calc(calc(308 / var(--base-size)) * var(--base-percent)));text-align:center}.intro .visual_wrap .pagetranstion_box .white_box{position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#fff}.intro .visual_wrap .pagetranstion_box.active{z-index:5}.intro .visual_wrap .bot_txt{width:100%;margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));text-align:center}.intro .visual_wrap .bot_txt span{display:block;font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0.03em;font-family:"ChevySans",sans-serif;color:#444;-webkit-transition-delay:.7s;transition-delay:.7s}.brandstory_view{font-family:"NotoSansKRWeb",sans-serif}.brandstory_view img{display:inline-block}.brandstory_view .en{font-family:"Stratum" !important;font-size:1.25em;font-weight:inherit}.brandstory_view .sticky{height:calc(var(--vh, 1vh)*100)}.brandstory_view .sec07 .txt_wrap,.brandstory_view .sec04 .img_list,.brandstory_view .img_box_list li,.brandstory_view .comm_txt_wrap .tit,.brandstory_view .comm_txt_wrap .txt,.brandstory_view .comm_sec_tit h1,.brandstory_view .comm_sec_tit span{opacity:0;-webkit-transform:translateY(max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))));-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.brandstory_view .sec07 .txt_wrap[data-motion].active,.brandstory_view .sec04 .img_list[data-motion].active,.brandstory_view .img_box_list li[data-motion].active,.brandstory_view .comm_txt_wrap[data-motion].active .tit,.brandstory_view .comm_txt_wrap[data-motion].active .txt,.brandstory_view .comm_sec_tit[data-motion].active h1,.brandstory_view .comm_sec_tit[data-motion].active span{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.brandstory_view .sec_inner{width:max(calc(1200px * var(--base-ratio)), calc(calc(1200 / var(--base-size)) * var(--base-percent)));margin:0 auto}.brandstory_view .comm_sec_tit{position:absolute;left:50%;top:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:1;font-family:"Stratum",sans-serif;color:#fff;text-align:center;text-transform:uppercase}.brandstory_view .comm_sec_tit h1{font-size:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:500;-webkit-transition-delay:.2s;transition-delay:.2s}.brandstory_view .comm_sec_tit span{display:block;margin-bottom:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold}.brandstory_view .comm_txt_wrap.second{margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}.brandstory_view .comm_txt_wrap.right{text-align:right}.brandstory_view .comm_txt_wrap .tit{font-family:"Stratum",sans-serif;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.375;letter-spacing:-0.02em;color:#fff;font-weight:bold;text-transform:uppercase}.brandstory_view .comm_txt_wrap .txt{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#fff;-webkit-transition-delay:.2s;transition-delay:.2s}.brandstory_view .comm_txt_wrap .txt p{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.brandstory_view .comm_txt_wrap .txt p:first-child{margin-top:0}.brandstory_view .img_box_list li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;margin-top:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)))}.brandstory_view .img_box_list li[data-motion].active .img{-webkit-clip-path:inset(0% 0% 0% 0%);clip-path:inset(0% 0% 0% 0%)}.brandstory_view .img_box_list li:nth-child(even) .txt_wrap{padding-left:0;padding-right:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));text-align:right}.brandstory_view .img_box_list .img{width:max(calc(792px * var(--base-ratio)), calc(calc(792 / var(--base-size)) * var(--base-percent)));-webkit-clip-path:inset(50% 50% 50% 50%);clip-path:inset(50% 50% 50% 50%);-webkit-transition:-webkit-clip-path .5s ease-in-out;transition:-webkit-clip-path .5s ease-in-out;transition:clip-path .5s ease-in-out;transition:clip-path .5s ease-in-out, -webkit-clip-path .5s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.brandstory_view .img_box_list .txt_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - max(calc(792px * var(--base-ratio)), calc(calc(792 / var(--base-size)) * var(--base-percent))));padding-left:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)))}.brandstory_view .img_box_list .txt_wrap .tit{font-family:"Stratum",sans-serif;font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#fff;font-weight:bold}.brandstory_view .img_box_list .txt_wrap .txt{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#d2d2d2;font-weight:600}.brandstory_view .bg_list{position:relative;width:100%;padding-top:65%}.brandstory_view .bg_list::after{content:"";position:absolute;bottom:max(calc(calc(calc(10 / var(--base-size)) * var(--base-percent)) * -1));left:0;width:100%;height:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));background:-webkit-gradient(linear, left bottom, left top, from(#0A0A0C), to(rgba(0, 0, 0, 0)));background:linear-gradient(0deg, #0A0A0C 0%, rgba(0, 0, 0, 0) 100%);-webkit-transition:opacity .75s;transition:opacity .75s}.brandstory_view .bg_list li{position:absolute;left:0;top:0;width:100%;z-index:1;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}.brandstory_view .bg_list li img{width:100%}.brandstory_view .bg_list li.bg1{opacity:1}.brandstory_view .bg_list li.bg2{opacity:0}.brandstory_view .bg_list[data-bg-motion].active li.bg1{opacity:0}.brandstory_view .bg_list[data-bg-motion].active li.bg2{opacity:1}.brandstory_view .sec{position:relative}.brandstory_view .sec.bg::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0a0a0c;z-index:-1}.brandstory_view .sec01{overflow:hidden;width:100%;height:calc(var(--vh, 1vh)*100);padding-top:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)));text-align:center}.brandstory_view .sec01 .bg{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("/httpobject/gmc_images//brandstory/view1/visual_img.jpg") center no-repeat;background-size:cover;-webkit-transform:scale(1.04);transform:scale(1.04);-webkit-transition:-webkit-transform 2s ease;transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease, -webkit-transform 2s ease}.brandstory_view .sec01 .bottom_txt{position:absolute;bottom:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));left:0;width:100%;z-index:2}.brandstory_view .sec01 .bottom_txt .scroll_box{overflow:hidden;position:absolute;bottom:max(calc(calc(calc(80 / var(--base-size)) * var(--base-percent)) * -1));left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec01 .bottom_txt .scroll_box::before,.brandstory_view .sec01 .bottom_txt .scroll_box::after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.brandstory_view .sec01 .bottom_txt .scroll_box::before{bottom:0;background-color:hsla(0,0%,100%,.2)}@-webkit-keyframes scrollMotion{0%{top:-100%}100%{top:100%}}@keyframes scrollMotion{0%{top:-100%}100%{top:100%}}.brandstory_view .sec01 .bottom_txt .scroll_box::after{top:-100%;background-color:#fff}.brandstory_view .sec01 .bottom_txt span{display:block;font-family:"Stratum",sans-serif;font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0em;color:#fff;opacity:0;-webkit-transform:translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));-webkit-transition:opacity .75s .2s,-webkit-transform .75s .2s;transition:opacity .75s .2s,-webkit-transform .75s .2s;transition:opacity .75s .2s,transform .75s .2s;transition:opacity .75s .2s,transform .75s .2s,-webkit-transform .75s .2s}.brandstory_view .sec01 .bottom_txt strong{display:block;font-family:"Stratum",sans-serif;font-size:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height:1.2222222222;letter-spacing:-0.02em;color:#fff;font-weight:bold;opacity:0;-webkit-transform:translateY(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))));-webkit-transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,-webkit-transform .75s;transition:opacity .75s,transform .75s;transition:opacity .75s,transform .75s,-webkit-transform .75s}.brandstory_view .sec01.active .bg{-webkit-transform:scale(1);transform:scale(1)}.brandstory_view .sec01.active::before{opacity:1}.brandstory_view .sec01.active .bottom_txt .scroll_box::after{-webkit-animation:scrollMotion 1.5s ease-in-out infinite forwards;animation:scrollMotion 1.5s ease-in-out infinite forwards}.brandstory_view .sec01.active .bottom_txt span{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.brandstory_view .sec01.active .bottom_txt strong{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.brandstory_view .sec02{height:calc(var(--vh, 1vh)*1000)}.brandstory_view .sec02 .video_wrap{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:calc(var(--vh, 1vh)*100)}.brandstory_view .sec02 .video_wrap video,.brandstory_view .sec02 .video_wrap img{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.brandstory_view .sec02 .video_wrap video::-webkit-media-controls-play-button{display:none !important}.brandstory_view .sec02 .cover{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}.brandstory_view .sec02 .logo_wrap{overflow:hidden}.brandstory_view .sec02 .logo_wrap .logo_dim{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:50%;top:35%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10000%;height:10000%}.brandstory_view .sec02 .logo_wrap .logo_dim:before{content:"";width:26%;height:100%;position:absolute;left:0;top:0;background-color:#0a0a0c}.brandstory_view .sec02 .logo_wrap .logo_dim:after{content:"";width:26%;height:100%;position:absolute;right:0;bottom:0;background-color:#0a0a0c}.brandstory_view .sec02 .logo_wrap .logo_dim .dim{position:absolute;left:0;top:0;width:100%;height:100%}.brandstory_view .sec02 .logo_wrap .logo_dim .dim:before{content:"";width:100%;height:30%;position:absolute;left:0;top:0;background-color:#0a0a0c}.brandstory_view .sec02 .logo_wrap .logo_dim .dim:after{content:"";width:100%;height:50%;position:absolute;left:0;bottom:-18%;background-color:#0a0a0c}.brandstory_view .sec02 .logo_wrap .logo_dim svg{width:100%;height:100%}.brandstory_view .sec02 .logo_wrap .logo_dim object{width:100%;height:100%;position:relative;z-index:-1}.brandstory_view .sec02 .logo_wrap .logo_dim img{width:100%}.brandstory_view .sec02 .logo_wrap .txt_wrap{overflow:hidden;position:absolute;left:50%;top:54%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:100%;z-index:3}.brandstory_view .sec02 .logo_wrap .txt_wrap .tit,.brandstory_view .sec02 .logo_wrap .txt_wrap .txt{overflow:hidden;color:#fff;text-align:center;opacity:0;-webkit-transform:translateY(60);transform:translateY(60);-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.brandstory_view .sec02 .logo_wrap .txt_wrap .tit{margin-bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));font-family:"Stratum",sans-serif;font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold}.brandstory_view .sec02 .logo_wrap .txt_wrap .txt{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.4285714286;letter-spacing:-0.02em;font-weight:600}.brandstory_view .sec02 .logo_wrap .txt_wrap .txt.txt1{-webkit-transition-delay:.2s;transition-delay:.2s}.brandstory_view .sec02 .logo_wrap .txt_wrap .txt.txt2{-webkit-transition-delay:.4s;transition-delay:.4s}.brandstory_view .sec02 .logo_wrap .txt_wrap.active .tit,.brandstory_view .sec02 .logo_wrap .txt_wrap.active .txt{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.brandstory_view .sec02 .circle_list_wrap{opacity:0;background-color:#0a0a0c}.brandstory_view .sec02 .circle_list_wrap .inner{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:max(calc(1200px * var(--base-ratio)), calc(calc(1200 / var(--base-size)) * var(--base-percent)));height:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .circle_list_wrap .circle_list{position:relative;width:100%;height:100%}.brandstory_view .sec02 .circle_list_wrap .circle_list li{position:absolute;top:0;width:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)));height:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)));border:1px solid #666;border-radius:100%;opacity:0}.brandstory_view .sec02 .circle_list_wrap .circle_list li.circle1{left:0}.brandstory_view .sec02 .circle_list_wrap .circle_list li.circle2{left:50%;margin-left:max(calc(calc(calc(180 / var(--base-size)) * var(--base-percent)) * -1))}.brandstory_view .sec02 .circle_list_wrap .circle_list li.circle3{right:0}.brandstory_view .sec02 .circle_list_wrap .circle_list li p{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-family:"Stratum",sans-serif;font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.28125;letter-spacing:-0.02em;color:#fff;font-weight:bold;text-align:center;text-transform:uppercase}.brandstory_view .sec02 .circle_reveal{opacity:0;background-color:#0a0a0c}.brandstory_view .sec02 .circle_reveal .circle{width:100%;height:100%;-webkit-clip-path:circle(0% at 50% 50%);clip-path:circle(0% at 50% 50%);background:#fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:clip-path}.brandstory_view .sec02 .circle_reveal .txt_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;width:100vw;height:100vh;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) translateZ(0);transform:translate(-50%, -50%) translateZ(0);text-align:center;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}.brandstory_view .sec02 .circle_reveal .txt_wrap .txt{margin-top:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.4166666667;letter-spacing:-0.02em;color:#262626;font-weight:600}.brandstory_view .sec02 .circle_reveal .txt_wrap .txt>span:not(.en){display:block}.brandstory_view .sec03{padding-bottom:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec03 .sec_inner{position:relative;margin-top:max(calc(calc(calc(100 / var(--base-size)) * var(--base-percent)) * -1));z-index:1}.brandstory_view .sec04{padding-bottom:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec04 .sec_inner{position:relative;margin-top:max(calc(calc(calc(100 / var(--base-size)) * var(--base-percent)) * -1));z-index:1}.brandstory_view .sec04 .img_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;gap:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec04 .img_list.type_box{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.brandstory_view .sec04 .img_list li{width:calc(50% - max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))))}.brandstory_view .sec04 .img_list li .box{height:max(calc(241px * var(--base-ratio)), calc(calc(241 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec04 .img_list li .box:first-child{margin-top:0}.brandstory_view .sec04 .img_list li .box.box1{height:100%}.brandstory_view .sec05{padding-bottom:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec05 .sec_inner{position:relative;margin-top:max(calc(calc(calc(170 / var(--base-size)) * var(--base-percent)) * -1));z-index:1}.brandstory_view .sec06 .sec_inner{position:relative;margin-top:max(calc(calc(calc(180 / var(--base-size)) * var(--base-percent)) * -1));z-index:1}.brandstory_view .sec06 .img_box_list .txt_wrap .txt{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.375;letter-spacing:-0.02em;color:#fff}.brandstory_view .sec07{padding:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent))) 0}.brandstory_view .sec07 .txt_wrap{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.375;letter-spacing:-0.02em;color:#fff;font-weight:600;text-align:center}.brandstory_view .sec08{height:calc(var(--vh, 1vh)*1400)}.brandstory_view .sec08 .swiper_wrap{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}.brandstory_view .sec08 .swiper_wrap .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));padding-left:calc(50% - max(calc(294px * var(--base-ratio)), calc(calc(294 / var(--base-size)) * var(--base-percent))))}.brandstory_view .sec08 .swiper_wrap .swiper-slide{width:max(calc(588px * var(--base-ratio)), calc(calc(588 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec08 .cover_img{position:absolute;left:0;top:0;width:100%;height:100%}.brandstory_view .sec08 .cover_img .dim{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background-color:#0a0a0c}.brandstory_view .sec08 .cover_img .txt_wrap{opacity:0;position:absolute;left:50%;top:55%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.375;letter-spacing:-0.02em;color:#fff;font-weight:600;text-align:center}.brandstory_view .sec08 .txt_bg_list{position:absolute;width:100%;height:calc(var(--vh, 1vh)*100)}.brandstory_view .sec08 .txt_bg_list li{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;opacity:0;-webkit-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}.brandstory_view .sec08 .txt_bg_list li.active{opacity:1;z-index:2}.brandstory_view .sec08 .scroll_txt{position:relative;top:100%;z-index:2;opacity:0;background-color:#0a0a0c}.brandstory_view .sec08 .scroll_txt .sec_inner{position:relative;z-index:2}.brandstory_view .sec08 .scroll_txt .tit{margin-bottom:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));padding-top:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#fff;font-weight:bold;text-align:center}.brandstory_view .sec08 .scroll_txt .txt_list li{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));font-family:"Stratum",sans-serif;font-size:max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;color:#fff;font-weight:bold;text-align:center;opacity:.2;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.brandstory_view .sec08 .scroll_txt .txt_list li:first-child{margin-top:0}.brandstory_view .sec08 .scroll_txt .txt_list li.active{opacity:1}.brandstory_view .sec08 .scroll_txt .txt_wrap{margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec08 .scroll_txt .txt_wrap p{margin-top:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#fff;font-weight:600;text-align:center;opacity:0}.brandstory_view .sec08 .scroll_txt .txt_wrap p:first-child{margin-top:0}.brandstory_view .sec09{padding:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent))) 0 max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)));background:url("/httpobject/gmc_images//brandstory/view1/sec09_bg.jpg") center bottom no-repeat;background-size:100%}.brandstory_view .sec09 .txt_wrap{text-align:center}.brandstory_view .sec09 .txt_wrap .tit{font-family:"Stratum",sans-serif;font-size:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height:1.3888888889;letter-spacing:-0.02em;color:#fff;font-weight:500}.brandstory_view .sec09 .txt_wrap .tit strong{font-weight:800}.brandstory_view .sec09 .txt_wrap .txt{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.375;letter-spacing:-0.02em;color:#fff;font-weight:600}.brandstory_view .sec09 .video_wrap{overflow:hidden;position:relative;margin-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));width:max(calc(1200px * var(--base-ratio)), calc(calc(1200 / var(--base-size)) * var(--base-percent)));padding-top:56.25%}.brandstory_view .sec09 .video_wrap .thumbnail{position:absolute;top:-1%;left:-1%;width:102%;height:102%;z-index:2}.brandstory_view .sec09 .video_wrap .thumbnail::after{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:max(calc(128px * var(--base-ratio)), calc(calc(128 / var(--base-size)) * var(--base-percent)));height:max(calc(128px * var(--base-ratio)), calc(calc(128 / var(--base-size)) * var(--base-percent)));background:url("/httpobject/gmc_images//brandstory/view1/ico_video_play.svg") center no-repeat;background-size:cover}.brandstory_view .sec09 .video_wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;border:none}