@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.history .sec01 #historyLnb{position:fixed;top:max(calc(calc(calc(64 / var(--base-size)) * var(--base-percent)) * -1));left:0;z-index:2;width:100%;height:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)));transition:top .75s;background-color:#fff}.company.history .sec01 #historyLnb .list_wrap{position:relative;background-color:#f7f9fd;width:100%;height:100%}.company.history .sec01 #historyLnb .progress{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-clip-path:inset(0% 100% 0% 0%);clip-path:inset(0% 100% 0% 0%);background-color:#aa91ff}.company.history .sec01 #historyLnb .list{position:absolute;top:0;left:0;z-index:1;display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;width:100%;height:100%}.company.history .sec01 #historyLnb .list li{width:20%;height:100%;overflow:hidden}.company.history .sec01 #historyLnb .list li a{position:relative;display:block;width:100%;text-align:center;height:100%}.company.history .sec01 #historyLnb .list li a>div{position:absolute;top:0;left:0;width:100%;height:100%}.company.history .sec01 #historyLnb .list li a .white{left:0;width:100%;-webkit-clip-path:inset(0% 100% 0% 0%);clip-path:inset(0% 100% 0% 0%)}.company.history .sec01 #historyLnb .list li a .white span{color:#fff}.company.history .sec01 #historyLnb .list li a span{position:relative;display:inline-block;vertical-align:top;font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:3.5555555556;letter-spacing:-0.02em;color:#aa91ff;transition:padding-left .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.company.history .sec01 #historyLnb .list li a span::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));height:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));border-radius:50%;background-color:#aa91ff;opacity:0}.company.history .sec01 #historyLnb .list li.active a span{padding-left:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 #historyLnb .list li.active a span::before{opacity:1;transition:opacity .2s}.company.history .sec01 #historyLnb .list li.active a .white span::before{background-color:#fff}.company.history .sec01 #historyLnb.active{top:max(calc(0px * var(--base-ratio)), calc(calc(0 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){.company.history .sec01 #historyLnb{top:max(calc(calc(calc(72 / var(--base-size)) * var(--base-percent)) * -1));height:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 #historyLnb .list_wrap{height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));overflow-x:auto}.company.history .sec01 #historyLnb .progress{min-width:max(calc(600px * var(--base-ratio)), calc(calc(600 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 #historyLnb .list{display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;width:100%;height:100%;overflow:hidden;min-width:max(calc(600px * var(--base-ratio)), calc(calc(600 / var(--base-size)) * var(--base-percent)));white-space:nowrap}.company.history .sec01 #historyLnb .list li a span{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:3.4285714286;letter-spacing:-0.02em}.company.history .sec01 #historyLnb .list li a span::before{width:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));height:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 #historyLnb .list li.active a span{padding-left:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}}.company.history .sec01 .con01 .common_visual_box .visual_box{background:url("/resources/en/images/page/company/history/visual_img.jpg") 0 0 no-repeat;background-size:cover}.company.history .sec01 .con02 .cont_wrap .cont{padding-top:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 .con02 .cont_wrap .cont::after{content:"";display:block;clear:both;height:0;visibility:hidden}.company.history .sec01 .con02 .cont_wrap .cont .sticky{height:auto;z-index:1}.company.history .sec01 .con02 .cont_wrap .cont.cont01 .year_box .img_wrap .full_img{background:url("/resources/en/images/page/company/history/sec01_cont01_fullimg.jpg") center 0 no-repeat;background-size:cover}.company.history .sec01 .con02 .cont_wrap .cont.cont02 .year_box .img_wrap .full_img{background:url("/resources/en/images/page/company/history/sec01_cont02_fullimg.jpg") center 0 no-repeat;background-size:cover}.company.history .sec01 .con02 .cont_wrap .cont.cont03 .year_box .img_wrap .full_img{background:url("/resources/en/images/page/company/history/sec01_cont03_fullimg.jpg") center 0 no-repeat;background-size:cover}.company.history .sec01 .con02 .cont_wrap .cont.cont04 .year_box .img_wrap .full_img{background:url("/resources/en/images/page/company/history/sec01_cont04_fullimg.jpg") center 0 no-repeat;background-size:cover}.company.history .sec01 .con02 .cont_wrap .cont.cont05 .year_box .img_wrap .full_img{background:url("/resources/en/images/page/company/history/sec01_cont05_fullimg.jpg") center 0 no-repeat;background-size:cover}.company.history .sec01 .con02 .cont_wrap .year_box{width:100%;text-align:center;padding-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 .con02 .cont_wrap .year_box .tit_box{padding-bottom:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 .con02 .cont_wrap .year_box .tit_box[data-motion] h2,.company.history .sec01 .con02 .cont_wrap .year_box .tit_box[data-motion] span{transform:translateY(max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .75s,opacity .75s}.company.history .sec01 .con02 .cont_wrap .year_box .tit_box[data-motion].active h2,.company.history .sec01 .con02 .cont_wrap .year_box .tit_box[data-motion].active span{transform:translateY(0);opacity:1}.company.history .sec01 .con02 .cont_wrap .year_box h2{font-size:max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent)));line-height:1.2352941176;letter-spacing:-0.02em;font-family:"BrandNewHyosung",sans-serif;font-weight:bold;color:#2e008b}.company.history .sec01 .con02 .cont_wrap .year_box span{display:block;margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / 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.2083333333;letter-spacing:-0.02em;font-weight:600;color:#1c1c1c}.company.history .sec01 .con02 .cont_wrap .year_box .img_wrap{position:relative;width:100%;height:max(calc(370px * var(--base-ratio)), calc(calc(370 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 .con02 .cont_wrap .year_box .img_wrap[data-motion] .img_box{transform:translateY(max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))));opacity:0;transition:transform .75s,opacity .75s}.company.history .sec01 .con02 .cont_wrap .year_box .img_wrap[data-motion].active .img_box{transform:translateY(0);opacity:1}.company.history .sec01 .con02 .cont_wrap .year_box .img_box{position:absolute;top:0;left:0;width:100%;height:100%}.company.history .sec01 .con02 .cont_wrap .year_box .m_visual_img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden}.company.history .sec01 .con02 .cont_wrap .year_box .full_img{position:absolute;top:0;left:0;width:100%;height:100%}.company.history .sec01 .con02 .cont_wrap .year_box .img_list{position:absolute;top:0;left:0;width:100%;height:100%}.company.history .sec01 .con02 .cont_wrap .year_box .img_list li{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-clip-path:inset(101% 0% 0% 0%);clip-path:inset(101% 0% 0% 0%);transition:-webkit-clip-path .75s;transition:clip-path .75s;transition:clip-path .75s, -webkit-clip-path .75s}.company.history .sec01 .con02 .cont_wrap .year_box .img_list li img{width:100%;height:100%}.company.history .sec01 .con02 .cont_wrap .year_box .img_list li.active{-webkit-clip-path:inset(-1% 0% 0% 0%);clip-path:inset(-1% 0% 0% 0%)}.company.history .sec01 .con02 .cont_wrap .m_tit_box{display:none}.company.history .sec01 .con02 .cont_wrap .list_wrap{float:right;width:max(calc(562px * var(--base-ratio)), calc(calc(562 / var(--base-size)) * var(--base-percent)));margin-top:100vh;border-top:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid #ddd}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box{padding-top:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box h3{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.2142857143;letter-spacing:-0.02em;font-family:"BrandNewHyosung",sans-serif;font-weight:bold;color:#1c1c1c}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box .list{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));width:100%}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box .list li+li{margin-top:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box .list li span{position:relative;display:block;padding-left:max(calc(10px * var(--base-ratio)), calc(calc(10 / 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;word-break:keep-all;word-wrap:break-word;color:#666}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box .list li span::before{content:"";position:absolute;top:max(calc(11px * var(--base-ratio)), calc(calc(11 / var(--base-size)) * var(--base-percent)));left:0;width:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));height:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));background-color:#666;border-radius:50%}@media(max-width: 1024px){.company.history .sec01 .con01 .common_visual_box{display:none}.company.history .sec01 .con01 .top_inner{margin-bottom:0}.company.history .sec01 .con02 .cont_wrap .cont{display:block;padding-top:0}.company.history .sec01 .con02 .cont_wrap .year_box{display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;flex-direction:column-reverse;width:100%;text-align:center;padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) 0 max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));background-color:#fff}.company.history .sec01 .con02 .cont_wrap .year_box .tit_box{display:none}.company.history .sec01 .con02 .cont_wrap .year_box .img_wrap{position:relative;width:100%;height:auto;padding-top:79.7014925373%}.company.history .sec01 .con02 .cont_wrap .year_box .m_visual_img{opacity:1;visibility:visible;background:url("/resources/en/images/page/company/history/m_visual_img.jpg") 0 0 no-repeat;background-size:cover;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:-webkit-clip-path .75s;transition:clip-path .75s;transition:clip-path .75s, -webkit-clip-path .75s;z-index:1}.company.history .sec01 .con02 .cont_wrap .year_box .m_visual_img.active{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}.company.history .sec01 .con02 .cont_wrap .m_tit_box{display:block;width:100%;text-align:center;padding-bottom:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));border-bottom:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid #ddd}.company.history .sec01 .con02 .cont_wrap .m_tit_box h2{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;font-family:"BrandNewHyosung",sans-serif;font-weight:bold;color:#2e008b}.company.history .sec01 .con02 .cont_wrap .m_tit_box span{display:block;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:600;color:#1c1c1c}.company.history .sec01 .con02 .cont_wrap .list_wrap{float:none;width:100%;margin-top:0;border-top:0}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box{padding-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box h3{font-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));line-height:1.2631578947;letter-spacing:-0.02em}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box .list{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box .list li+li{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box .list li span{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}.company.history .sec01 .con02 .cont_wrap .list_wrap .list_box .list li span::before{top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}}