@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%}#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(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));left:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));width:max(calc(82px * var(--base-ratio)), calc(calc(82 / var(--base-size)) * var(--base-percent)));margin:0 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:"";display:none;position:absolute;top:0;left:0;width:100%;height:100%;border:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent))) solid #fff;-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{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 span.cadillac_txt{font-family:"CadillacGothicWide",sans-serif;font-size:max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));line-height:1.6153846154;letter-spacing:-0.071em}#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-family:"CadillacGothic",sans-serif;font-weight:bold;color:#fff}#header .list_wrap .list li:hover .img_box::before,#header .list_wrap .list li.active .img_box::before{display:block}#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{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-family:"CadillacGothic",sans-serif;margin:0 0 max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent))) 0}#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/cad_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/cad_images/brandstory/common/icon_arrow_black.svg") center no-repeat;background-size:cover}.sec_banner{position:relative;width:100%;font-size:0;-webkit-transition:background .4s;transition:background .4s;background:url("/httpobject/cad_images/brandstory/common/sec_banner_default.jpg") center no-repeat;background-size:cover}.sec_banner.one_type a{width:100%;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.375;letter-spacing:0em}.sec_banner.one_type a::after{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)))}.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(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;text-align:center}.sec_banner a span{display:inline-block;margin-right:max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));font-family:"CadillacGothic",sans-serif;font-weight:500}.sec_banner a:first-of-type::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:hsla(0,0%,100%,.5)}.sec_banner a::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-left:max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));background:url("/httpobject/cad_images/brandstory/common/icon_arrow_white.svg") center no-repeat;background-size:cover}.brandstory_view{word-break:keep-all;word-wrap:break-word}.brandstory_view *{font-family:"NotoSansKRWeb",sans-serif}.brandstory_view .cadillac_txt{font-family:"CadillacGothicWide",sans-serif}.brandstory_view .top_blur_txt.chars{margin:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent))) auto}.brandstory_view .top_blur_txt.chars h3{font-family:"CadillacGothicWide",sans-serif;font-size:max(calc(112px * var(--base-ratio)), calc(calc(112 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0.33em;color:#fff;font-weight:600;text-align:center}.brandstory_view .sticky_wrap{position:relative}.brandstory_view .sticky{overflow:hidden;position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:calc(var(--vh, 1vh)*100)}.brandstory_view .sec{position:relative}.brandstory_view .sec01{width:100%;height:100vh;padding-top:max(calc(101px * var(--base-ratio)), calc(calc(101 / var(--base-size)) * var(--base-percent)));background:url("/httpobject/cad_images/brandstory/view3/visual_img.jpg") center no-repeat;background-size:cover;text-align:center}.brandstory_view .sec01 h2{display:block;width:100%;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0.33em;font-family:"CadillacGothicWide",sans-serif;color:#fff}.brandstory_view .sec01 .bottom_txt{position:absolute;bottom:max(calc(84px * var(--base-ratio)), calc(calc(84 / var(--base-size)) * var(--base-percent)));left:0;width:100%;z-index:2}.brandstory_view .sec01 .bottom_txt .scroll_box{position:absolute;bottom:max(calc(calc(calc(84 / 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)));overflow:hidden}.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-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0em;font-family:"CadillacGothicWide",sans-serif;font-weight:bold;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-size:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:0.33em;font-family:"CadillacGothicWide",sans-serif;font-weight:bold;color:#fff;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 .bottom_txt small{display:block;font-family:"CadillacGothic",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:0.33em;color:#fff;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 .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 .sec01.active .bottom_txt small{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.brandstory_view .sec02{width:100%;padding-bottom:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));background:url("/httpobject/cad_images/brandstory/view3/sec02_bg.jpg") center top no-repeat;background-size:100% auto;background-color:#0a0a0c}.brandstory_view .sec02 .sec_inner{width:100%}.brandstory_view .sec02 .top_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:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100vh}.brandstory_view .sec02 .top_box .box{text-align:center}.brandstory_view .sec02 .top_box .box[data-motion] h3{position:relative;-webkit-transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));opacity:0;-webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}.brandstory_view .sec02 .top_box .box[data-motion] p{position:relative;-webkit-transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));opacity:0;-webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}.brandstory_view .sec02 .top_box .box[data-motion].active h3{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.brandstory_view .sec02 .top_box .box[data-motion].active p{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.brandstory_view .sec02 .top_box .box02{margin-top:max(calc(48px * var(--base-ratio)), calc(calc(48 / 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}.brandstory_view .sec02 .top_box .box03{margin-top:max(calc(32px * var(--base-ratio)), calc(calc(32 / 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.5;letter-spacing:-0.02em}.brandstory_view .sec02 .top_box h3{font-size:max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));line-height:1.1979166667;letter-spacing:-0.001em;font-family:"CadillacGothicWide",sans-serif;font-weight:400;color:#fff}.brandstory_view .sec02 .top_box p{font-weight:600;color:#fff;word-break:keep-all;word-wrap:break-word}.brandstory_view .sec02 .top_box p span{font-family:"CadillacGothic",sans-serif;font-weight:500}.brandstory_view .sec02 .con{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:normal;-ms-flex-align:normal;align-items:normal;width:100%;gap:0 max(calc(126px * var(--base-ratio)), calc(calc(126 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .con+.con{margin-top:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .con.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.brandstory_view .sec02 .con.left .title_box{text-align:right}.brandstory_view .sec02 .con.left .title_box .box::after{left:0}.brandstory_view .sec02 .con.right{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.brandstory_view .sec02 .con.right .title_box{text-align:left}.brandstory_view .sec02 .con.right .title_box .box::after{right:0}.brandstory_view .sec02 .con .title_box{width:max(calc(552px * var(--base-ratio)), calc(calc(552 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .con .title_box .box{width:100%;position:relative;padding-bottom:max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .con .title_box .box::after{content:"";position:absolute;bottom:0;width:100%;height:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));background-color:#fff}.brandstory_view .sec02 .con .title_box strong{display:block;font-size:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.001em;font-family:"CadillacGothic",sans-serif;color:#fff;font-weight:400}.brandstory_view .sec02 .con .title_box span{display:block;margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1.1818181818;letter-spacing:-0.012em;font-family:"CadillacGothic",sans-serif;font-weight:bold;color:#fff}.brandstory_view .sec02 .con .title_box[data-motion] .box::after{width:0;-webkit-transition:width .6s ease-in-out;transition:width .6s ease-in-out}.brandstory_view .sec02 .con .title_box[data-motion].active .box::after{width:100%}.brandstory_view .sec02 .con .info_box{width:max(calc(690px * var(--base-ratio)), calc(calc(690 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .con .info_box .img_box{width:100%}.brandstory_view .sec02 .con .info_box .img_box[data-motion] img{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);-webkit-transition:-webkit-clip-path .7s ease-in-out;transition:-webkit-clip-path .7s ease-in-out;transition:clip-path .7s ease-in-out;transition:clip-path .7s ease-in-out, -webkit-clip-path .7s ease-in-out}.brandstory_view .sec02 .con .info_box .img_box[data-motion].active img{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.brandstory_view .sec02 .con .info_box .txt_wrap{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box01 p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em;color:#fff;word-break:keep-all;word-wrap:break-word}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box01[data-motion] p{position:relative;-webkit-transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));opacity:0;-webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box01[data-motion].active p{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02{margin-top:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02 .sub_top strong{display:block;font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.1666666667;letter-spacing:-0.01em;font-family:"CadillacGothic",sans-serif;font-weight:400;color:#fff}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02 .sub_top[data-motion] strong{position:relative;-webkit-transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));opacity:0;-webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02 .sub_top[data-motion].active strong{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02 .sub_box{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02 .sub_box .box+.box{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02 .sub_box .box strong{display:block;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em;font-weight:600;color:#fff}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02 .sub_box .box span{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:-0.01em;color:#8c8c8c}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02 .sub_box[data-motion] .box{position:relative;-webkit-transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));opacity:0;-webkit-transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition:transform .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}.brandstory_view .sec02 .con .info_box .txt_wrap .txt_box02 .sub_box[data-motion].active .box{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.brandstory_view .sec03{width:100%;height:max(calc(3600px * var(--base-ratio)), calc(calc(3600 / var(--base-size)) * var(--base-percent)));background-color:#0a0a0c}.brandstory_view .sec03.active{background-color:#fff}.brandstory_view .sec03.active .con01::after{opacity:0}.brandstory_view .sec03.active .con02{opacity:1}.brandstory_view .sec03 .con{position:absolute;top:0;left:0;width:100%;height:100vh}.brandstory_view .sec03 .con01{opacity:1}.brandstory_view .sec03 .con01::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));background:rgba(10,10,12,0);background:-webkit-gradient(linear, left top, left bottom, from(rgba(10, 10, 12, 0)), color-stop(42%, rgb(10, 10, 12)));background:linear-gradient(180deg, rgba(10, 10, 12, 0) 0%, rgb(10, 10, 12) 42%)}.brandstory_view .sec03 .con01 .top_box{position:absolute;top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));left:0;z-index:1;width:100%;text-align:center}.brandstory_view .sec03 .con01 .top_box .box strong{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;font-weight:600;color:#fff}.brandstory_view .sec03 .con01 .top_box .box strong span{font-family:"CadillacGothic",sans-serif;font-weight:bold}.brandstory_view .sec03 .con01 .top_box .box p{margin-top:max(calc(6px * var(--base-ratio)), calc(calc(6 / 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.375;letter-spacing:-0.02em;font-weight:600;color:#fff}.brandstory_view .sec03 .con01 .top_box[data-motion] .box{-webkit-transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));opacity:0;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:opacity .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out;transition:transform .6s ease-in-out,opacity .6s ease-in-out,-webkit-transform .6s ease-in-out}.brandstory_view .sec03 .con01 .top_box[data-motion].active .box{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.brandstory_view .sec03 .con01 .top_box[data-motion].hidden .box{-webkit-transform:translateY(max(calc(calc(calc(10 / var(--base-size)) * var(--base-percent)) * -1)));transform:translateY(max(calc(calc(calc(10 / var(--base-size)) * var(--base-percent)) * -1)));opacity:0}.brandstory_view .sec03 .con01 .list{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:normal;-ms-flex-align:normal;align-items:normal;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0 max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));position:absolute;top:50%;left:50%;-webkit-transform:translate(max(calc(calc(calc(192 / var(--base-size)) * var(--base-percent)) * -1)), -50%);transform:translate(max(calc(calc(calc(192 / var(--base-size)) * var(--base-percent)) * -1)), -50%)}.brandstory_view .sec03 .con01 .list li{width:max(calc(384px * var(--base-ratio)), calc(calc(384 / var(--base-size)) * var(--base-percent)));opacity:.5;-webkit-transition:opacity .5s;transition:opacity .5s}.brandstory_view .sec03 .con01 .list li img{width:100%}.brandstory_view .sec03 .con01 .list li.first{position:relative;z-index:1}.brandstory_view .sec03 .con01 .list li.first .bg{position:absolute;top:0;left:0;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(4);transform:scale(4);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}@media(max-width: 1599px){.brandstory_view .sec03 .con01 .list li.first .bg{-webkit-transform:scale(3.8);transform:scale(3.8)}}.brandstory_view .sec03 .con01 .list li.first .bg img{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center;transform-origin:center}.brandstory_view .sec03 .con01 .list li.first>img{position:relative;z-index:1;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(3.2);transform:scale(3.2);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.brandstory_view .sec03 .con01 .list li.first.active .bg{-webkit-transform:scale(1);transform:scale(1)}.brandstory_view .sec03 .con01 .list li.first.active .bg img{-webkit-transform:scale(1) !important;transform:scale(1) !important;-webkit-transition:-webkit-transform .5s !important;transition:-webkit-transform .5s !important;transition:transform .5s !important;transition:transform .5s, -webkit-transform .5s !important}.brandstory_view .sec03 .con01 .list li.first.active>img{-webkit-transform:scale(1);transform:scale(1)}.brandstory_view .sec03 .con01 .list li.on{opacity:1}.brandstory_view .sec03 .con01 .bot_box{position:absolute;bottom:max(calc(86px * var(--base-ratio)), calc(calc(86 / var(--base-size)) * var(--base-percent)));left:0;z-index:1;width:100%;text-align:center}.brandstory_view .sec03 .con01 .bot_box p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em;font-weight:600;color:#fff}.brandstory_view .sec03 .con01 .bot_box[data-motion] p{-webkit-transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));opacity:0;-webkit-transition:opacity .7s ease-in-out,-webkit-transform .7s ease-in-out;transition:opacity .7s ease-in-out,-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out,opacity .7s ease-in-out;transition:transform .7s ease-in-out,opacity .7s ease-in-out,-webkit-transform .7s ease-in-out}.brandstory_view .sec03 .con01 .bot_box[data-motion].active p{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.brandstory_view .sec03 .con01 .bot_box[data-motion].hidden p{-webkit-transform:translateY(max(calc(calc(calc(10 / var(--base-size)) * var(--base-percent)) * -1)));transform:translateY(max(calc(calc(calc(10 / var(--base-size)) * var(--base-percent)) * -1)));opacity:0}.brandstory_view .sec03 .con02{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;gap:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0}.brandstory_view .sec03 .con02 .img_box{width:max(calc(640px * var(--base-ratio)), calc(calc(640 / var(--base-size)) * var(--base-percent)));opacity:0;-webkit-filter:blur(max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))));filter:blur(max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))))}.brandstory_view .sec03 .con02 .img_box img{width:100%}.brandstory_view .sec03 .con02 .txt_box{opacity:0;-webkit-transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));transform:translateY(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));text-align:center}.brandstory_view .sec03 .con02 .txt_box p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em;font-weight:600;color:#262626}.brandstory_view .sec04{width:100%;padding:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent))) 0;text-align:center}.brandstory_view .sec04 strong{display:block;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.3333333333;letter-spacing:-0.02em;font-weight:600;color:#262626}.brandstory_view .sec04 p{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.01em;color:#262626}.brandstory_view .sec04 .btn_wrap{margin-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec04 .btn_wrap .btn{width:max(calc(328px * var(--base-ratio)), calc(calc(328 / var(--base-size)) * var(--base-percent)));background-color:#171473;border-color:#171473;color:#fff;-webkit-transition:none;transition:none}.brandstory_view .sec04 .btn_wrap .btn::after{margin-left:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}.brandstory_view .sec04 .btn_wrap .btn:hover{background-color:#171473;color:#fff}.brandstory_view .sec04 .btn_wrap .btn:hover::after{background:url("/httpobject/cad_images/brandstory/common/icon_arrow_white.svg") center no-repeat;background-size:cover}.brandstory_view .sec_banner{background:none;background-color:#fff;border-top:1px solid #282828}.brandstory_view .sec_banner a{color:#282828}.brandstory_view .sec_banner a:first-of-type::before{background-color:#d2d2d2}.brandstory_view .sec_banner a::after{background:url("/httpobject/cad_images/brandstory/common/icon_arrow_black.svg") center no-repeat;background-size:cover}.brandstory_view .sec_banner:hover a{color:#fff}.brandstory_view .sec_banner:hover a::after{background:url("/httpobject/cad_images/brandstory/common/icon_arrow_white.svg") center no-repeat;background-size:cover}