@media(min-width: 1025px){.col-1{flex:0 0 auto;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);box-sizing:border-box;position:relative}.offset-1{margin-left:8.3333333333%;position:relative}.col-2{flex:0 0 auto;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);box-sizing:border-box;position:relative}.offset-2{margin-left:16.6666666667%;position:relative}.col-3{flex:0 0 auto;flex-basis:25%;width:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-3{margin-left:25%;position:relative}.col-4{flex:0 0 auto;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);box-sizing:border-box;position:relative}.offset-4{margin-left:33.3333333333%;position:relative}.col-5{flex:0 0 auto;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);box-sizing:border-box;position:relative}.offset-5{margin-left:41.6666666667%;position:relative}.col-6{flex:0 0 auto;flex-basis:50%;width:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-6{margin-left:50%;position:relative}.col-7{flex:0 0 auto;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);box-sizing:border-box;position:relative}.offset-7{margin-left:58.3333333333%;position:relative}.col-8{flex:0 0 auto;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);box-sizing:border-box;position:relative}.offset-8{margin-left:66.6666666667%;position:relative}.col-9{flex:0 0 auto;flex-basis:75%;width:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-9{margin-left:75%;position:relative}.col-10{flex:0 0 auto;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);box-sizing:border-box;position:relative}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{flex:0 0 auto;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);box-sizing:border-box;position:relative}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{flex:0 0 auto;flex-basis:100%;width:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-12{margin-left:100%;position:relative}}.company.brand-story .content{padding-top:0}.company.brand-story .sec .common_txt_box{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;padding:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));text-align:center}.company.brand-story .sec .common_txt_box .box{transform:translateY(max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .75s,opacity .75s}.company.brand-story .sec .common_txt_box .box.active{transform:translateY(0);opacity:1}.company.brand-story .sec .common_txt_box .box strong{display:block;font-size:max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;font-family:"BrandNewHyosung",sans-serif;font-weight:bold;color:#fff;word-break:keep-all;word-wrap:break-word}.company.brand-story .sec .common_txt_box .box p{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / 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.5;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:600;color:#fff}.company.brand-story .sec .common_txt_box .box p+p{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){.company.brand-story .sec .common_txt_box .box strong{font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em}.company.brand-story .sec .common_txt_box .box p{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}.company.brand-story .sec .common_txt_box .box p+p{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}}.company.brand-story .sec .common_txt_box[data-brandmotion].active .box{transform:translateY(0);opacity:1}.company.brand-story .sec .cont{position:relative;width:100%;height:100%}.company.brand-story .sec .cont .bg{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.4);transition:transform 5s}.company.brand-story .sec .cont .bg.active{transform:scale(1)}.company.brand-story .sec01{padding-top:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)))}.company.brand-story .sec01 .con01 .common_top_box .top_inner{margin-bottom:0}.company.brand-story .sec01 .con01 .sticky_visual{position:relative;width:100%;height:200vh}.company.brand-story .sec01 .con01 .sticky_visual .cont01{-webkit-clip-path:inset(max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0px max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))));clip-path:inset(max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0px max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))))}.company.brand-story .sec01 .con01 .sticky_visual .cont01 .bg01{background:url("/resources/en/images/page/company/brand-story/visual_img01_01.jpg") center 0 no-repeat;background-size:cover}@media(max-width: 1024px){.company.brand-story .sec01{padding-top:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)))}.company.brand-story .sec01 .con01 .sticky_visual{height:200dvh}.company.brand-story .sec01 .con01 .sticky_visual .cont01{-webkit-clip-path:inset(max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0px max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));clip-path:inset(max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0px max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))))}}@media(max-width: 767px){.company.brand-story .sec01 .con01 .sticky_visual .cont01{-webkit-clip-path:inset(max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0px max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))));clip-path:inset(max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0px max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))))}.company.brand-story .sec01 .con01 .sticky_visual .cont01 .bg01{background:url("/resources/en/images/page/company/brand-story/m_visual_img01_01.jpg") center 0 no-repeat;background-size:cover}}.company.brand-story .sec02{position:relative;height:200vh}.company.brand-story .sec02 .cont01 .bg01{background:url("/resources/en/images/page/company/brand-story/visual_img02_01.jpg") center 0 no-repeat;background-size:cover}.company.brand-story .sec02[data-brandmotion].active .bg{transform:scale(1)}@media(max-width: 1024px){.company.brand-story .sec02{height:200dvh}.company.brand-story .sec02 .cont01 .bg01{background:url("/resources/en/images/page/company/brand-story/t_visual_img02_01.jpg") center 0 no-repeat;background-size:cover}}@media(max-width: 767px){.company.brand-story .sec02 .cont01 .bg01{background:url("/resources/en/images/page/company/brand-story/m_visual_img02_01.jpg") center 0 no-repeat;background-size:cover}}.company.brand-story .sec03{position:relative;width:100%;height:200vh}.company.brand-story .sec03 .video_wrap{position:relative;width:100%;height:100%}.company.brand-story .sec03 .video_wrap::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.company.brand-story .sec03 .video_wrap video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.company.brand-story .sec03 .txt_box{position:absolute;top:50%;left:0;z-index:1;transform:translateY(-50%);width:100%;padding:0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));text-align:center;transition:transform .75s}.company.brand-story .sec03 .txt_box p{font-size:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:600;color:#fff}.company.brand-story .sec03 .txt_box strong{display:block;margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));font-size:max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;font-weight:bold;word-break:keep-all;word-wrap:break-word;font-family:"BrandNewHyosung",sans-serif;color:#fff}.company.brand-story .sec03.active .video_wrap{transform:translateY(0)}@media(max-width: 1024px){.company.brand-story .sec03{height:200dvh}.company.brand-story .sec03 .txt_box{padding:0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.company.brand-story .sec03 .txt_box p{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}.company.brand-story .sec03 .txt_box strong{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / 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.5;letter-spacing:-0.02em}}@media(max-width: 767px){.company.brand-story .sec03 .txt_box{padding:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}.company.brand-story .sec_banner{margin-top:0}