@media(min-width: 1025px){.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}}.main [data-motion]{opacity:0;-webkit-transform:translateY(12%);transform:translateY(12%);-webkit-transition:.8s;transition:.8s}.main [data-motion].is_animated{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media(max-width: 1024px){.main [data-motion]{-webkit-transform:translateY(8%);transform:translateY(8%)}}


@media(max-width: 1024px){
.main .main_visual .btn:not(.pause,.play),.main .investors .btn:not(.pause,.play),.main .esg .btn:not(.pause,.play),.main .media .btn:not(.pause,.play){

min-width:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));padding:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent)));font-size:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
line-height:1.5;letter-spacing:-0.02em}}
.main .container{overflow:hidden;padding-top:0;margin-bottom:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}
.main .sec .tit_wrap{position:relative;margin-bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}
.main .sec .tit_wrap .btn_wrap{margin-top:0;position:absolute;right:0;top:0}
.main .sec h2{font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1.2916666667;letter-spacing:-0.02em;color:#1c1c1c;font-weight:bold;word-break:keep-all;word-wrap:break-word}
.main .sec h2.white{color:#fff}
.main .sec h3{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;color:#1c1c1c;font-weight:600}
.main .sec h3.white{color:#fff}@media(max-width: 1024px){.main .container{margin-bottom:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}
.main .sec .tit_wrap{margin-bottom:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}
.main .sec h2{font-size:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height:1.2777777778;letter-spacing:-0.02em}
.main .sec h3{font-size:max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em}}
.main .kv_wrap{position:relative}



.main .kv_wrap .main_visual{overflow:hidden;position:relative;margin-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));padding-bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}
.main .kv_wrap .main_visual .control_wrap{z-index:10;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:start;-ms-flex-align:start;align-items:flex-start;position:absolute;left:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));bottom:70%;width:100%}
.main .kv_wrap .main_visual .control_wrap .control{position:relative;display:inline-block;width:100%}
.main .kv_wrap .main_visual .control_wrap .swiper-pagination{bottom:0;height:max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent)));text-align:left}

.main .kv_wrap .main_visual .control_wrap 
.swiper-pagination-bullet{opacity:1;overflow:hidden;position:relative;margin:0 max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) 
* var(--base-percent)));width:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));

height:max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent)));
background:rgba(0,0,0,0);border-radius:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)))}
.main .kv_wrap .main_visual .control_wrap .swiper-pagination-bullet::after{content:"";position:absolute;left:0;top:0;opacity:.2;width:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
height:max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent)));
background-color:#fff}.main .kv_wrap .main_visual .control_wrap .swiper-pagination 
.progress{opacity:0;display:block;position:absolute;width:0;height:max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent)));
background-color:#fff;border-radius:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));-webkit-transition:width .2s ease;

transition:width .2s ease}

.main .kv_wrap .main_visual .control_wrap 
.swiper-pagination-bullet-active .progress{opacity:1}
.main .kv_wrap .main_visual 
.control_wrap .btn{display:block;margin-top:max(calc(calc(5px * var(--base-ratio)) * -1), calc(calc(calc(5 / var(--base-size)) * var(--base-percent)) * -1));
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)))}
.main .kv_wrap .main_visual .control_wrap .btn.play{background:url("/resources/kr/images/button/ico_swiper_play.svg") center no-repeat;
background-size:cover;background-size:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent))) max(calc(11px * var(--base-ratio)), calc(calc(11 / var(--base-size)) * var(--base-percent)))}
.main .kv_wrap .main_visual .control_wrap .btn.pause{background:url("/resources/kr/images/button/ico_swiper_pause.svg") center no-repeat;background-size:cover;background-size:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent))) max(calc(11px * var(--base-ratio)), calc(calc(11 / var(--base-size)) * var(--base-percent)))}

.main .kv_wrap .main_visual .swiper_wrap{
	overflow:hidden;
	width:100.1%;
	height:calc(var(--vh, 1vh)*100 - max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent))));
	
	border-radius:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))
}

.main .kv_wrap .main_visual .swiper{
	width:100%;height:100%
}

.main .kv_wrap .main_visual .swiper_button{
	display:none
}

.main .kv_wrap .main_visual .swiper-slide{
	height:100%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden
}

.main .kv_wrap .main_visual .swiper-slide .video_wrap{
	position:absolute;left:50.5%;top:50.5%;-webkit-transform:translate(-50.5%, -50.5%);transform:translate(-50.5%, -50.5%);width:101%;height:101%
}

.main .kv_wrap .main_visual .swiper-slide .video_wrap video{
	position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;border:none
}




.main .kv_wrap .main_visual .main_txt{
	position:absolute;
	left:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));
	top:10%;
	z-index:10
}



.main .kv_wrap .main_visual .main_txt h2{
	margin-bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));color:#fff
}

.main .kv_wrap .main_visual .main_txt .bg.tablet,.main .kv_wrap .main_visual .main_txt .bg.mobile{
	display:none
}

.main .kv_wrap .main_visual .outlink_wrap{
	z-index:2;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;position:absolute;bottom:0;left:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));width:calc(100% - max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))))}.main .kv_wrap .main_visual .outlink_wrap .btn{overflow:hidden;min-width:max(calc(176px * var(--base-ratio)), calc(calc(176 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));padding:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));border-top-left-radius:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));border-top-right-radius:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.2777777778;letter-spacing:-0.02em;color:#1c1c1c;font-weight:500;color:#fff;background-color:#ff3600}.main .kv_wrap .main_visual .outlink_wrap .btn i{display:block;position:relative}.main .kv_wrap .main_visual .outlink_wrap .btn i::before,.main .kv_wrap .main_visual .outlink_wrap .btn i::after{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);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)));background:url("/resources/kr/images/button/ico_arrow_right_b.svg") center no-repeat;background-size:cover;background-size:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .outlink_wrap .btn i::after{opacity:0}.main .kv_wrap .main_visual .outlink_wrap .btn.white i::before,.main .kv_wrap .main_visual .outlink_wrap .btn.white i::after{background-image:url("/resources/kr/images/button/ico_arrow_right_w.svg")}@media(min-width: 1025px)and (pointer: fine){.main .kv_wrap .main_visual .outlink_wrap .btn:hover i::before{-webkit-animation:arrowBefore .3s forwards;animation:arrowBefore .3s forwards}.main .kv_wrap .main_visual .outlink_wrap .btn:hover i::after{-webkit-animation:arrowAfter .3s .3s forwards;animation:arrowAfter .3s .3s forwards}}.main .kv_wrap .main_visual .outlink_wrap .btn_visualPopup{min-width:max(calc(209px * var(--base-ratio)), calc(calc(209 / var(--base-size)) * var(--base-percent)));color:#1c1c1c;background-color:#fff}@-webkit-keyframes arrowBefore{from{opacity:1;right:0}to{opacity:0;right:max(calc(calc(20px * var(--base-ratio)) * -1), calc(calc(calc(20 / var(--base-size)) * var(--base-percent)) * -1))}}@keyframes arrowBefore{from{opacity:1;right:0}to{opacity:0;right:max(calc(calc(20px * var(--base-ratio)) * -1), calc(calc(calc(20 / var(--base-size)) * var(--base-percent)) * -1))}}@-webkit-keyframes arrowAfter{from{opacity:0;right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}to{opacity:1;right:0}}@keyframes arrowAfter{from{opacity:0;right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}to{opacity:1;right:0}}.main .kv_wrap .main_visual .btn_wrap{margin-top:0;text-align:left}.main .kv_wrap .main_visual .out_video_wrap{z-index:2;overflow:hidden;position:absolute;bottom:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)));right:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));width:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));cursor:pointer}.main .kv_wrap .main_visual .out_video_wrap::before{content:"";display:block;padding-bottom:56.25%}.main .kv_wrap .main_visual .out_video_wrap .ico{z-index:1;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));height:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));background:url("/images/ico_video_play.svg") center no-repeat;background-size:cover}.main .kv_wrap .main_visual .out_video_wrap .inner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .out_video_wrap .video{width:100%;height:100%;border-radius:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .out_video_wrap .video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:calc(var(--vh, 1vh)*100 - max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent))));background-repeat:no-repeat;background-position:center;background-size:cover}.main .kv_wrap .main_visual .bg.mobile{display:none}.main .kv_wrap .swiper_wrap{overflow:hidden;position:relative;width:100%;height:calc(var(--vh, 1vh)*100)}@media(max-width: 1024px){.main .kv_wrap .main_visual{margin-top:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)));padding-bottom:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .control_wrap{bottom:50%;left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .control_wrap .btn{margin-top:max(calc(calc(3px * var(--base-ratio)) * -1), calc(calc(calc(3 / var(--base-size)) * var(--base-percent)) * -1))}.main .kv_wrap .main_visual .swiper_wrap{height:calc(var(--vh, 1vh)*100 - max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent))))}.main .kv_wrap .main_visual .main_txt{top:30px;bottom:25%;left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .main_txt h2{margin-bottom:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .bg{height:calc(var(--vh, 1vh)*100 - max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent))))}.main .kv_wrap .main_visual .bg.web{display:none}.main .kv_wrap .main_visual .bg.mobile{display:block}.main .kv_wrap .main_visual .outlink_wrap{left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .outlink_wrap .btn{min-width:max(calc(176px * var(--base-ratio)), calc(calc(176 / var(--base-size)) * var(--base-percent)));padding:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent))) max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .outlink_wrap .btn_visualPopup{min-width:max(calc(190px * var(--base-ratio)), calc(calc(190 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .out_video_wrap{display:none}}@media(max-width: 767px){.main .kv_wrap .main_visual{margin-top:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .control_wrap{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:19%;text-align:center}.main .kv_wrap .main_visual .control_wrap .swiper-pagination{bottom:0;width:100%;height:auto;text-align:center}.main .kv_wrap .main_visual .control_wrap .swiper-pagination-bullet{opacity:.5;margin:0 max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent))) max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent)));width:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));background-color:#fff;border-radius:max(calc(999px * var(--base-ratio)), calc(calc(999 / var(--base-size)) * var(--base-percent)));-webkit-transition:.3s;transition:.3s}.main .kv_wrap .main_visual .control_wrap .swiper-pagination-bullet::after{display:none}.main .kv_wrap .main_visual .control_wrap .swiper-pagination .progress{display:none}.main .kv_wrap .main_visual .control_wrap .swiper-pagination-bullet-active{opacity:1}.main .kv_wrap .main_visual .control_wrap .swiper-pagination-bullet-active .progress{display:none}.main .kv_wrap .main_visual .control_wrap .btn{display:none}.main .kv_wrap .main_visual .swiper_wrap{height:calc(var(--vh, 1vh)*100 - max(calc(163px * var(--base-ratio)), calc(calc(163 / var(--base-size)) * var(--base-percent))))}.main .kv_wrap .main_visual .main_txt{bottom:27%;left:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .main_txt .btn_wrap{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}.main .kv_wrap .main_visual .bg{height:calc(var(--vh, 1vh)*100 - max(calc(163px * var(--base-ratio)), calc(calc(163 / var(--base-size)) * var(--base-percent))))}.main .kv_wrap .main_visual .outlink_wrap{left:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));width:calc(100% - max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))))}.main .kv_wrap .main_visual .outlink_wrap .btn{min-width:inherit;width:max(calc(176px * var(--base-ratio)), calc(calc(176 / 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.25;letter-spacing:-0.02em}}.main .business{padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0 0}.main .business .box{display:block;overflow:hidden;border-radius:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}.main .business .box h2{color:#fff}.main .business .box h2 i{padding-right:max(calc(74px * var(--base-ratio)), calc(calc(74 / var(--base-size)) * var(--base-percent)));position:relative}.main .business .box h2 i::before{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent)));height:max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent)));background:url("/images/ico_service_arrow_w.svg") center no-repeat;background-size:cover;background-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));-webkit-transition:.3s;transition:.3s}@media(min-width: 1025px)and (pointer: fine){.main .business .box h2:hover i::before{background-position:right center}}.main .business .box h3{color:#fff}.main .business .box .txt{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / 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:500;word-break:keep-all;word-wrap:break-word}.main .business .box_wrap{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;gap:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));margin-bottom:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .box{overflow:hidden;position:relative;width:100%;height:100%}.main .business .box_wrap .box::before{z-index:-1;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);width:100%;height:100%;-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease, -webkit-transform .6s ease;background-position:center;background-repeat:no-repeat;background-size:cover}

.main .business .box_wrap .box.bg_technology::before{background-image:url("/images/bg_technology.jpg")}


.main .business .box_wrap .box.bg_network::before{background-image:url("/images/bg_network.jpg")}
.main .business .box_wrap .box.bg_network2::before{background-image:url("/images/bg_price.jpg")}


.main .business .box_wrap .box video{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main .business .box_wrap .left_box{width:63%;height:max(calc(520px * var(--base-ratio)), calc(calc(520 / var(--base-size)) * var(--base-percent)));padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .left_box .txt{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / 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.02em}.main .business .box_wrap .left_box .btn_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:normal;-ms-flex-align:normal;align-items:normal;gap:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));width:83%;margin-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));text-align:left}.main .business .box_wrap .left_box .btn_wrap li:first-child{margin-left:0}.main .business .box_wrap .left_box .btn_wrap .btn{min-width:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));padding:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(999px * var(--base-ratio)), calc(calc(999 / var(--base-size)) * var(--base-percent)));background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));backdrop-filter:blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));font-weight:bold}.main .business .box_wrap .left_box .btn_wrap .btn::before{background-color:#fff}@media(min-width: 1025px)and (pointer: fine){.main .business .box_wrap .left_box .btn_wrap .btn:hover{color:#1c1c1c}.main .business .box_wrap .left_box .btn_wrap .btn:hover.white.arrow i::after{background-image:url("/resources/kr/images/button/ico_arrow_right_b.svg")}}.main .business .box_wrap .right_box{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));width:36%}.main .business .box_wrap .right_box .box{padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));height:calc(50% - max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))))}@media(min-width: 1025px)and (pointer: fine){.main .business .box_wrap .right_box .box:hover::before{-webkit-transform:translate(-50%, -50%) scale(1.05);transform:translate(-50%, -50%) scale(1.05)}}.main .business .loop_text_wrap{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;position:relative;white-space:nowrap}.main .business .loop_text_wrap .loop_text{font-size:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#e8eef4;font-weight:bold}@media(max-width: 1024px){.main .business{padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) 0 0}.main .business .box .txt{margin-top:max(calc(6px * var(--base-ratio)), calc(calc(6 / 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}.main .business .box_wrap{display:block;gap:0;margin-bottom:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .box.bg_technology::before{background-image:url("/images/m/bg_technology.jpg")}.main .business .box_wrap .left_box{width:100%;height:auto;padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .left_box .txt{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / 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}.main .business .box_wrap .left_box .btn_wrap{margin-top:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .left_box .btn_wrap .btn{padding:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(16px * var(--base-ratio)), calc(calc(16 / 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}.main .business .box_wrap .right_box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .right_box .box{padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));width:calc(50% - max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));min-height:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)))}.main .business .loop_text_wrap .loop_text{font-size:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em}}@media(max-width: 767px){.main .business{padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) 0 max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap{margin-bottom:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .left_box{width:100%;height:auto;padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .left_box .btn_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:normal;-ms-flex-align:normal;align-items:normal;width:100%;gap:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .right_box{display:block;gap:0;margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}.main .business .box_wrap .right_box .box{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));width:100%}.main .business .loop_text_wrap .loop_text{font-size:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}}.main .investors{position:relative;padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) 0}.main .investors .bg{position:absolute;left:0;top:0;width:100%;height:100%}.main .investors .bg video{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main .investors .sec_inner{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main .investors .tit_wrap{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:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .investors .tit_wrap .btn_wrap{position:static}.main .investors .tit_wrap .btn_wrap .btn{background-color:rgba(0,0,0,0)}.main .investors .info_box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.main .investors .info_box .inner{overflow:hidden;width:calc(100% - max(calc(415px * var(--base-ratio)), calc(calc(415 / var(--base-size)) * var(--base-percent))));height:max(calc(420px * var(--base-ratio)), calc(calc(420 / var(--base-size)) * var(--base-percent)));background-color:#fff;border-radius:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}.main .investors .box{display:block;position:relative;float:left;width:50%;height:100%;padding:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .investors .box:first-child{border-right:1px solid #ddd}.main .investors .box::before{content:"";position:absolute;right:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));width:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));height:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));background-repeat:no-repeat;background-position:0 0;background-size:cover}.main .investors .box.box1::before{background-image:url("/images/ico_investors_1.svg")}.main .investors .box.box2::before{background-image:url("/images/ico_investors_2.svg")}.main .investors .box h3{display:inline-block;position:relative;width:100%}.main .investors .box h3::before{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);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)));background:url("/resources/kr/images/button/ico_arrow_right_b.svg") center no-repeat;background-size:cover;background-size:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));-webkit-transition:.3s;transition:.3s}@media(min-width: 1025px)and (pointer: fine){.main .investors .box:hover h3::before{background-position:right center}}.main .investors .box .txt{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / 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:#666;font-weight:500;word-break:keep-all;word-wrap:break-word}.main .investors .link_box{overflow:hidden;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:max(calc(380px * var(--base-ratio)), calc(calc(380 / var(--base-size)) * var(--base-percent)));height:max(calc(420px * var(--base-ratio)), calc(calc(420 / var(--base-size)) * var(--base-percent)));padding:0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));background-color:#fff}.main .investors .link_box .link_list{width:100%}.main .investors .link_box .link_list li{border-top:1px solid #ddd}.main .investors .link_box .link_list li:first-child{border-top:none}.main .investors .link_box a{display:block;position:relative;padding:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent))) 0;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:#1c1c1c;font-weight:600}.main .investors .link_box a i{position:relative;display:block}.main .investors .link_box a i::before{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);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)));background:url("/resources/kr/images/button/ico_arrow_right_g.svg") center no-repeat;background-size:cover;background-size:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));-webkit-transition:.3s;transition:.3s}@media(min-width: 1025px)and (pointer: fine){.main .investors .link_box a:hover i::before{background-position:right center}}@media(max-width: 1024px){.main .investors{padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0}.main .investors .tit_wrap{margin-bottom:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}.main .investors .info_box{display:block}.main .investors .info_box .inner{overflow:hidden;width:100%;height:max(calc(320px * var(--base-ratio)), calc(calc(320 / var(--base-size)) * var(--base-percent)))}.main .investors .box{float:left;padding:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .investors .box::before{width:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));height:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}.main .investors .box .txt{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / 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}.main .investors .link_box{-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;height:auto;margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));padding:0}.main .investors .link_list{overflow:hidden}.main .investors .link_list li{float:left;width:33.33%;border-top:none;border-left:1px solid #ddd}.main .investors .link_list li:first-child{border-left:none}.main .investors .link_list a{padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(32px * var(--base-ratio)), calc(calc(32 / 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}}@media(max-width: 767px){.main .investors .info_box{display:block}.main .investors .info_box .inner{height:auto}.main .investors .box{float:none;width:100%;height:max(calc(210px * var(--base-ratio)), calc(calc(210 / var(--base-size)) * var(--base-percent)));padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.main .investors .box:first-child{border-right:none;border-bottom:1px solid #ddd}.main .investors .box::before{right:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));bottom:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.main .investors .link_box{display:block;margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.main .investors .link_list li{float:none;width:100%;border-top:1px solid #ddd;border-left:none}.main .investors .link_list li:first-child{border-top:none}.main .investors .link_list a{padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}.main .esg{position:relative;width:100%;height:calc(var(--vh, 1vh)*100)}.main .esg .swiper-pagination{visibility:hidden}.main .esg .bg_list{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000}.main .esg .bg_list li{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out}.main .esg .bg_list li:nth-child(1){background-image:url("/images/bg_esg_1.jpg")}.main .esg .bg_list li:nth-child(2){background-image:url("/images/bg_esg_2.jpg")}.main .esg .bg_list li:nth-child(3){background-image:url("/images/bg_esg_3.jpg")}.main .esg .bg_list li.on{z-index:2;opacity:1}.main .esg .accordion_wrap .accordion_list{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.main .esg .accordion_wrap .accordion_item{overflow:hidden;height:calc(var(--vh, 1vh)*100)}.main .esg .accordion_wrap .accordion_item.active:first-child .accordion_tit{border-left:none}.main .esg .accordion_wrap .accordion_item.active:nth-child(2) .accordion_tit{border-left:none}.main .esg .accordion_wrap .accordion_item.active:nth-child(2) .accordion_cont{border-left:1px solid #fff}.main .esg .accordion_wrap .accordion_item.active:nth-child(3) .accordion_cont{border-left:1px solid #fff}.main .esg .accordion_wrap .accordion_item.active .accordion_tit{display:none}.main .esg .accordion_wrap .accordion_item.active .accordion_cont{opacity:1;visibility:visible}.main .esg .accordion_wrap .accordion_tit{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;width:8vw;height:100%;padding:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent))) max(calc(38px * var(--base-ratio)), calc(calc(38 / 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;color:hsla(0,0%,100%,.5);font-weight:bold;border-left:1px solid #fff;cursor:pointer;-webkit-user-select:all;-moz-user-select:all;user-select:all;-webkit-touch-callout:none;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}@media(min-width: 1025px)and (pointer: fine){.main .esg .accordion_wrap .accordion_tit:hover{color:#fff;background:rgba(0,0,0,.3)}.main .esg .accordion_wrap .accordion_tit:hover p{-webkit-transform:scale(1.05);transform:scale(1.05)}}.main .esg .accordion_wrap .accordion_tit p{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;-webkit-writing-mode:sideways-lr;-ms-writing-mode:sideways-lr;writing-mode:sideways-lr;text-orientation:upright}.main .esg .accordion_wrap .accordion_cont{opacity:0;visibility:hidden;overflow:hidden;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:auto;height:100%}.main .esg .swiper_wrap h2.mobile{display:none}.main .esg .swiper_wrap .swiper-slide{width:auto}.main .esg .info_wrap{min-width:max(calc(964px * var(--base-ratio)), calc(calc(964 / var(--base-size)) * var(--base-percent)));width:max(calc(964px * var(--base-ratio)), calc(calc(964 / var(--base-size)) * var(--base-percent)));padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .esg .tit_wrap h2{color:#fff}.main .esg .tit_wrap h3{color:#fff}.main .esg .tit_wrap .txt{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:500;word-break:keep-all;word-wrap:break-word}.main .esg .tit_wrap .btn_wrap{position:static}.main .esg .info{position:relative;padding:max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));-webkit-box-shadow:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0 rgba(0,0,0,.1);box-shadow:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0 rgba(0,0,0,.1);border-radius:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}.main .esg .info::before{content:"";z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;background:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));backdrop-filter:blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));border-radius:inherit}.main .esg .info .tit_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;padding-bottom:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));border-bottom:1px solid #fff}.main .esg .info .tit_wrap>div{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:center;-ms-flex-align:center;align-items:center;gap:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .esg .info ul{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;overflow:hidden;position:relative;margin-bottom:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}.main .esg .info ul li{width:33.33%;border-left:1px solid #fff}.main .esg .info ul li:first-child{border-left:none}.main .esg .info dl{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.main .esg .info dl dt{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;height:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));margin-bottom:max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)))}.main .esg .info dl dt.number{position:relative}.main .esg .info dl dt .num{padding-left:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;color:#fff;font-weight:bold}.main .esg .info dl dt .num.arrow{position:relative}.main .esg .info dl dt .num.arrow::before{content:"";position:absolute;left:0;top:12%;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)));background:url("/images/ico_arrow_down.svg") center no-repeat;background-size:cover}.main .esg .info dl dt .num.arrow.up::before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.main .esg .info dl dt .unit{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;color:#fff;font-weight:500}.main .esg .info dl dd{margin:0 auto;width:100%;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;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;line-height:1.5;max-height:4.5em;word-break:keep-all;word-wrap:break-word}.main .esg .info .icon .ico{display:inline-block;width:max(calc(144px * var(--base-ratio)), calc(calc(144 / var(--base-size)) * var(--base-percent)));height:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));background-repeat:no-repeat;background-size:contain;background-position:center}@media(max-width: 1024px){.main .esg{overflow:hidden;height:auto}.main .esg .swiper-pagination{visibility:visible}.main .esg .bg_list{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000}.main .esg .bg_list li:nth-child(1){background-image:url("/images/t/bg_esg_1.jpg")}.main .esg .bg_list li:nth-child(2){background-image:url("/images/t/bg_esg_2.jpg")}.main .esg .bg_list li:nth-child(3){background-image:url("/images/t/bg_esg_3.jpg")}.main .esg .accordion_wrap{overflow:visible}.main .esg .accordion_wrap .accordion_list{overflow:visible;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:auto}.main .esg .accordion_wrap .accordion_item{width:100%;height:auto;-webkit-transition:none;transition:none}.main .esg .accordion_wrap .accordion_item.active{height:auto}.main .esg .accordion_wrap .accordion_tit{display:none}.main .esg .accordion_wrap .accordion_cont{display:block;opacity:1 !important;visibility:visible}.main .esg .accordion_wrap .accordion_cont .info_wrap{width:100%}.main .esg .swiper_wrap{overflow:hidden;padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(112px * var(--base-ratio)), calc(calc(112 / var(--base-size)) * var(--base-percent)))}.main .esg .swiper_wrap h2.mobile{display:block;margin-bottom:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));color:#fff}.main .esg .swiper_wrap .swiper-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.main .esg .swiper_wrap .swiper-wrapper .swiper-slide{height:100%}.main .esg .swiper_wrap .swiper-pagination{bottom:max(calc(69px * var(--base-ratio)), calc(calc(69 / var(--base-size)) * var(--base-percent)))}.main .esg .swiper_wrap .swiper-pagination-bullet{opacity:.5;margin:max(calc(calc(1px * var(--base-ratio)) * -1), calc(calc(calc(1 / var(--base-size)) * var(--base-percent)) * -1)) max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent))) 0;width:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));background-color:#fff;-webkit-transition:.3s;transition:.3s}.main .esg .swiper_wrap .swiper-pagination-bullet-active{opacity:1}.main .esg .info_wrap{min-width:inherit;padding:0}.main .esg .info_wrap .tit_wrap{margin-bottom:0}.main .esg .info_wrap .tit_wrap h2{display:none}.main .esg .info{min-width:inherit;min-height:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));padding:max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .esg .info .tit_wrap{padding-bottom:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));margin-bottom:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}.main .esg .info .tit_wrap>div{display:block}.main .esg .info .tit_wrap .txt{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}.main .esg .info .tit_wrap .btn_wrap{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.main .esg .info dl{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.main .esg .info dl dt{margin-bottom:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));height:max(calc(75px * var(--base-ratio)), calc(calc(75 / var(--base-size)) * var(--base-percent)))}.main .esg .info dl dt .num{padding-left:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}.main .esg .info dl dt .num.arrow{position:relative}.main .esg .info dl dt .num.arrow::before{width:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}.main .esg .info dl dt .unit{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}.main .esg .info dl dd{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;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;line-height:1.5;max-height:4.5em}.main .esg .info .icon{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.main .esg .info .icon .ico{width:max(calc(90px * var(--base-ratio)), calc(calc(90 / var(--base-size)) * var(--base-percent)));height:max(calc(75px * var(--base-ratio)), calc(calc(75 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){.main .esg .bg_list li:nth-child(1){background-image:url("/images/m/bg_esg_1.jpg")}.main .esg .bg_list li:nth-child(2){background-image:url("/images/m/bg_esg_2.jpg")}.main .esg .bg_list li:nth-child(3){background-image:url("/images/m/bg_esg_3.jpg")}.main .esg .swiper_wrap{padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(112px * var(--base-ratio)), calc(calc(112 / var(--base-size)) * var(--base-percent)))}.main .esg .info{padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));min-height:max(calc(540px * var(--base-ratio)), calc(calc(540 / var(--base-size)) * var(--base-percent)))}.main .esg .info .tit_wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:0}.main .esg .info .tit_wrap .btn_wrap{position:static;margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));text-align:left}.main .esg .info ul{margin-bottom:0}.main .esg .info ul li{float:none;width:100%;border-left:none;border-top:1px solid hsla(0,0%,100%,.3)}.main .esg .info ul li:first-child{border-top:none}.main .esg .info dl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0}.main .esg .info dl dt{width:40%;padding-right:4%;margin-bottom:0}.main .esg .info dl dd{width:56%;text-align:left}.main .esg .info .icon .ico{margin:0 auto}}.main .media{padding-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}.main .media .tit_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main .media .tit_wrap .btn_wrap{position:static}.main .media 
.board_list.news a{-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;padding:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}.main .media 
.board_list.news .date{width:max(calc(120px * var(--base-ratio)), calc(calc(120 / 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;letter-spacing:-0.02em;color:#aaa;text-align:left}.main .media 
.board_list.news .tit{width:calc(100% - max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))));overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}@media(max-width: 1024px){.main .media{padding-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}.main .media 
.board_list a{display:block;padding:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent))) max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}.main .media 
.board_list .date{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}.main .media 
.board_list .tit{width:100%;white-space:normal}}@media(max-width: 767px){.main .media 
.board_list.box_type .txt{max-height:5em;-webkit-line-clamp:3}.main .media 
.board_list a{padding:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent))) max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}}.main .main_popup{display:none;z-index:2000;position:absolute;left:0;top:0;width:100%;height:calc(var(--vh, 1vh)*100)}.main .main_popup .dim{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent))));backdrop-filter:blur(max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent))))}.main .main_popup .popup_cont{overflow:hidden;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:max(calc(440px * var(--base-ratio)), calc(calc(440 / var(--base-size)) * var(--base-percent)));background-color:#fff;border-radius:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)))}.main .main_popup .swiper_wrap{position:relative;padding:max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)))}.main .main_popup .swiper_wrap .item{overflow:hidden;position:relative;display:block;padding-top:90%}.main .main_popup .swiper_wrap .item .img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%}.main .main_popup .swiper_wrap .item .img img{width:100%;height:100%;max-width:inherit}.main .main_popup .swiper-pagination-bullets{top:unset;bottom:max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)))}.main .main_popup .swiper-pagination-bullet{opacity:1;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)));margin:0 max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));background-color:#afafaf;border-radius:max(calc(999px * var(--base-ratio)), calc(calc(999 / var(--base-size)) * var(--base-percent)));-webkit-transition:width .35s;transition:width .35s}.main .main_popup .swiper-pagination-bullet-active{background-color:#1c1c1c}.main .main_popup .close_btn_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-top:1px solid #e2e2e2}.main .main_popup .close_btn_wrap button{width:50%;height:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));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:#1c1c1c;font-weight:500;text-align:center}.main .main_popup .close_btn_wrap .checkbox_area{position:relative;width:50%;height:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));border-right:1px solid #e2e2e2}.main .main_popup .close_btn_wrap .checkbox_area label{display:block;width:100%;height:100%;padding:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))) max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));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:#1c1c1c;font-weight:500;text-align:center;cursor:pointer}.main .main_popup .close_btn_wrap .checkbox_area input{display:none}@media(max-width: 1024px){.main .main_popup .popup_cont{width:max(calc(350px * var(--base-ratio)), calc(calc(350 / var(--base-size)) * var(--base-percent)))}.main .main_popup .swiper_wrap{padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .main_popup .swiper-pagination-bullets{bottom:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){.main .main_popup .popup_cont{width:94%;max-width:max(calc(350px * var(--base-ratio)), calc(calc(350 / var(--base-size)) * var(--base-percent)));top:45%}}.main .main_layer_popup.active_end .popup_cont{opacity:1;visibility:visible;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.main .main_layer_popup .close_btn{position:absolute;top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));right:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));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)));border:none}.main .main_layer_popup .popup_cont{z-index:1002;opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -40%);transform:translate(-50%, -40%);-webkit-transition:.5s;transition:.5s;width:100%;height:100%;background-color:#222}.main .main_layer_popup .swiper_wrap .swiper{width:100%;height:calc(var(--vh, 1vh)*100)}.main .main_layer_popup .swiper_wrap .swiper-button{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));height:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));margin-top:0}.main .main_layer_popup .swiper_wrap .swiper-button-prev{left:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/button/ico_arrow_right_w.svg") center no-repeat;background-size:cover;background-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));-webkit-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}.main .main_layer_popup .swiper_wrap .swiper-button-prev::after{content:none}.main .main_layer_popup .swiper_wrap .swiper-button-next{right:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));background:url("/resources/kr/images/button/ico_arrow_right_w.svg") center no-repeat;background-size:cover;background-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}.main .main_layer_popup .swiper_wrap .swiper-button-next::after{content:none}.main .main_layer_popup .swiper_wrap .swiper-button-disabled{opacity:.4}.main .main_layer_popup .bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:calc(var(--vh, 1vh)*100);background:center no-repeat;background-size:cover}.main .main_video_popup.active_end .popup_cont{opacity:1;visibility:visible;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.main .main_video_popup .dim{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));backdrop-filter:blur(max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))))}.main .main_video_popup .close_btn{width:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));height:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}.main .main_video_popup .popup_cont{z-index:1002;opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -40%);transform:translate(-50%, -40%);-webkit-transition:.5s;transition:.5s;max-width:max(calc(942px * var(--base-ratio)), calc(calc(942 / var(--base-size)) * var(--base-percent)));max-height:max(calc(530px * var(--base-ratio)), calc(calc(530 / var(--base-size)) * var(--base-percent)));width:100%;height:auto;text-align:right}.main .main_video_popup .popup_cont .video_wrap{z-index:2;overflow:hidden;position:relative;width:100%;height:0;padding-top:54.5%;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));cursor:pointer}.main .main_video_popup .popup_cont .video_wrap video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(max-width: 1024px){.main .main_video_popup .popup_cont{max-width:inherit;width:96%}}