@charset "utf-8";
.pcbr{display:block;}
.ptbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}

#container{overflow: hidden;}
* {
font-family: "Wix Madefor Display", "Noto Sans KR";
box-sizing:border-box;
}


.innerwrap{
	width: 94%;
	max-width: 1480px;
	margin: 0 auto;
}
.innerwrap2{
	width: 96%;
	max-width: 1740px;
	margin: 0 auto;
}


#custom_cursor{width: 120px;height: 120px;position: fixed;top: 0;left: 0;z-index: 15000;pointer-events: none;}
.custom_cursor_inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom_hover_circle{width: 0;height: 0;position: absolute;top: 50%;left: 50%;margin-top: -106px;margin-left: -106px;overflow: hidden;opacity: 0;border-radius: 50%;}
.custom_hover_circle {z-index: 1;background: rgba(0,0,0,0.8);transition:transform 0.3s; display: flex;flex-direction: column;align-items: center;justify-content: center;}


.sec_tit{
	position: relative;
	z-index: 1;
}
.sec_tit .tit .tit_en{
	font-family: "Wix Madefor Display";
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.sec_tit .tit .tit_kr{
	margin-top: 30px;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.4em;
	color: #fff;
}
.sec_tit .link{
	margin-top: 40px;
	display: flex;
	align-items: center;
}
.sec_tit .link span{
	font-size: 17px;
	color: #fff;
	margin-right: 15px;
}
.sec_tit .link a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(255,255,255,0.4);
	border-radius: 50%;
	box-sizing: border-box;
}
.sec_tit .link a:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(0);
	transform-origin: center;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	transition: all 0.3s;
}
.sec_tit .link a:hover:after{
	transform: scale(1);
}
.sec_tit .link a i{
	position: relative;
	z-index: 1;
	display: block;
	width: 15px;
	height: 14px;
	background: url(/images/main/link_arr.png) no-repeat center / cover;
	transition: all 0.3s;
}
.sec_tit .link a:hover i{
	background: url(/images/main/link_arr_bl.png) no-repeat center / cover;
}

.sec_tit.bl .tit .tit_en{color: #000;}
.sec_tit.bl .tit .tit_kr{color: #000;}
.sec_tit.bl .link span{color: #000;}
.sec_tit.bl .link a{border: 1px solid #000;}
.sec_tit.bl .link a:after{background: #000;}
.sec_tit.bl .link a i{background: url(/images/main/link_arr_bl.png) no-repeat center / cover;}
.sec_tit.bl .link a:hover i{background: url(/images/main/link_arr.png) no-repeat center / cover;}


/* visual */
.visual{
	overflow:hidden;
	position:relative;
	width:100%; height: 100vh;
}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-slide .bg{
	position:absolute;left:0%;top:0%;z-index:-1;
	width:100%;height:100%;	
	transform:scale(1.1);
	transition:all 4s;
}
.visual .swiper-slide-active .bg{transform:scale(1);}
.visual .swiper-slide.v1 .bg{background:url(/images/main/main_visual1.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v2 .bg{background:url(/images/main/main_visual1.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v3 .bg{background:url(/images/main/main_visual1.jpg) no-repeat center;background-size:cover;}


.visual .txtwrap{
	position:absolute;left:4%;top:50%;z-index:10;
	transform:translateY(-50%);
	width:92%;
}
.visual .txtwrap .tit h2, .visual .txtwrap .tit h3{
	overflow: hidden;
}
.visual .txtwrap .tit h2 span{
	display: inline-block;
	font-size: 72px;
	font-weight: 700;
	color: #fff;
}
.visual .txtwrap .tit h3 span{
	display: inline-block;
	font-size: 28px;
	color: #fff;
	margin-top: 30px;
}

.visual .vpaging {
	position: absolute;
	width: 92%;
	left: 4%;
	bottom: 70px;
	z-index: 100;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.visual .vpaging span{
	opacity:1;
	display: inline-block;
	position:relative;
	width:50px;height:1px;
	margin-right: 10px;
	border-radius: 0;
	background:#839ba5;
}
.visual .vpaging span.swiper-pagination-bullet-active{
	height: 3px;
}

.visual .scrollWrap{
	position: absolute;
	right: 4%;
	bottom: 0;
	z-index: 1;
}
.visual .scrollWrap .scroll{
	display: inline-block;
	position: relative;
	width: 1px;
	height: 180px;
	background: rgba(255, 255, 255, 0.3);
}
.visual .scrollWrap .scroll:after{
	display: block;
	content: "";
	width: 2px;
	height: 60px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	animation: scroll 1.4s infinite ease;
}
@keyframes scroll{
	0%{transform:translateY(0);}
	100%{transform:translateY(120px);}
}


.sec2{padding:160px 0;}
.sec2 .listarea{}
.sec2 .listarea .sec_tit{margin-bottom: 95px;}
.sec2 .listarea .sec_tit .tit .tit_kr{color:#000000;font-size:72px;font-weight: bold;letter-spacing:-0.02em;line-height: 1.2em;}
.sec2 .listarea .sec_tit p{
margin-top: 35px;color:#111111;font-size:24px;font-weight: 400;
}
.sec2 .listarea .list{display: flex;flex-wrap:wrap;align-items:start;gap:2.34vw;}
.sec2 .listarea .list>li{}
.sec2 .listarea .list>li .bold{
font-size:72px;color:#222222;font-weight: bold;font-family: "Wix Madefor Display";
letter-spacing:-0.025em;margin:6px 0;
}
.sec2 .listarea .list>li .bold small{font:inherit;font-size:50px;}
.sec2 .listarea .list>li .bold img{width:48px;padding-bottom: 18px;}
.sec2 .listarea .list>li .txt{
font-size:20px;color:rgba(0,0,0,0.9);font-weight: 400;font-family: "Wix Madefor Display";line-height: 1.6em;
}


.sec3 .sec_tit .tit .tit_en{
text-align: center;color:#111111;font-size:52px;font-weight: bold;margin-bottom: 40px;
}
.sec3 .sec_tit p{
font-size:20px;color:rgba(0,0,0,0.9);font-weight: 400;font-family: "Wix Madefor Display";line-height: 1.6em;
text-align: center;
}
.sec3{padding:180px 0;background: #e6e7ea;}
.sec3 .boxlist{
display: flex;justify-content:center;gap:1.56vw;margin-top: 70px;
}
.sec3 .boxlist>li{
	width:calc((100% - 1.56vw) / 2);
	overflow:hidden;
	border-radius:20px;

}
.sec3 .boxlist>li .top{
	height:70px;display: flex;align-items:center;justify-content:center;background: #393939;
}
.sec3 .boxlist>li .top span{
font-size:24px;color:#fff;font-weight: 400;font-family: "Wix Madefor Display";display: inline-block;margin-left: 8px;
}
.sec3 .boxlist>li:nth-child(2) .top{background: #f9790c;}
.sec3 .boxlist>li .mid{
background: #ffffff;min-height:432px;display: flex;flex-direction:column;align-items:center;justify-content:center;

}
.sec3 .boxlist>li .mid b{display: block; text-align: center;margin-bottom: 40px;
font-size:24px;color:rgba(0,0,0,0.9);font-weight: bold;font-family: "Wix Madefor Display";line-height: 1.4em;
}
.sec3 .boxlist>li .mid img{display: block;margin:0 auto;}

.sec4{padding:180px 0 190px;}
.sec4 .listarea{margin-bottom: 180px;}
.sec4 .listarea .sec_tit{margin-bottom: 70px;}
.sec4 .listarea .sec_tit .tit .tit_kr{color:#000000;font-size:52px;font-weight: bold;letter-spacing:-0.02em;line-height: 1.2em;text-align: center;}
.sec4 .listarea .sec_tit p{
margin-top: 35px;color:#111111;font-size:24px;font-weight: 400;
}
.sec4 .listarea .list{display: flex;justify-content:center;flex-wrap:wrap;align-items:start;gap:12.7vw;}
.sec4 .listarea .list>li{}
.sec4 .listarea .list>li .bold{
font-size:82px;color:#222222;font-weight: bold;font-family: "Wix Madefor Display";
letter-spacing:-0.025em;margin:6px 0;
}
.sec4 .listarea .list>li .bold small{font:inherit;font-size:50px;}
.sec4 .listarea .list>li .bold img{width:48px;padding-bottom: 18px;}
.sec4 .listarea .list>li .txt{
font-size:20px;color:rgba(0,0,0,0.9);font-weight: 400;font-family: "Wix Madefor Display";line-height: 1.6em;
}
.sec4 .boxContainer{
overflow:hidden;
border-radius:30px;border:1px solid #d9d9da;
padding:130px 8.59vw 110px;box-sizing:border-box;
}
.sec4 .boxContainer .tit{text-align: center;display: block;font-size:38px;color:#111111;font-weight: bold;}
.sec4 .boxContainer .hr{
	display: block;margin:40px auto;width:96px;height:2px;background: #f9790c;
}
.sec4 .boxContainer .thumb-slider .thumbBox{
width:calc((100% - 1.35vw * 2) / 3);cursor:pointer;
border-radius:20px;overflow:hidden;
}
.sec4 .boxContainer .thumb-slider .thumbBox .thumb{position: relative;width:100%;aspect-ratio: 443 / 272;}
.sec4 .boxContainer .thumb-slider .thumbBox .thumb img{width:100%;height:100%;object-fit:cover;}
.sec4 .boxContainer .thumb-slider .thumbBox .thumb .icon{
	position: absolute;
	bottom:1.56vw;left:1.56vw;
	width: 50px;height: 50px;
	border-radius:50%;
	background: url(/en/images/main/sec4_slider_icon1.png)no-repeat center / cover;
}
.sec4 .boxContainer .thumb-slider .thumbBox:nth-child(2) .thumb .icon{
background: url(/en/images/main/sec4_slider_icon2.png)no-repeat center / cover;
}
.sec4 .boxContainer .thumb-slider .thumbBox:nth-child(3) .thumb .icon{
background: url(/en/images/main/sec4_slider_icon3.png)no-repeat center / cover;
}
.sec4 .boxContainer .thumb-slider .thumbBox.swiper-slide-thumb-active .thumb .icon{
background: url(/en/images/main/sec4_slider_icon1_on.png)no-repeat center / cover;
}
.sec4 .boxContainer .thumb-slider .thumbBox.swiper-slide-thumb-active:nth-child(2) .thumb .icon{
background: url(/en/images/main/sec4_slider_icon2_on.png)no-repeat center / cover;
}
.sec4 .boxContainer .thumb-slider .thumbBox.swiper-slide-thumb-active:nth-child(3) .thumb .icon{
background: url(/en/images/main/sec4_slider_icon3_on.png)no-repeat center / cover;
}

.sec4 .boxContainer .thumb-slider .thumbBox .txt{
padding:30px 1.56vw 10px;background: #e6e7ea;
min-height:125px;font-size:20px;color:rgba(0,0,0,0.9);font-weight: 400;line-height: 1.4em;
}
.sec4 .boxContainer .info-slider{margin-top: 50px;}
.sec4 .boxContainer .info-slider .infoBox{
	background: var(--bg-color);border-radius:20px;overflow:hidden;
	padding:40px 1.56vw;
}
.sec4 .boxContainer .info-slider .infoBox .infowrap{display: flex;}
.sec4 .boxContainer .info-slider .infoBox .infowrap .img{
width:413px;
}
.sec4 .boxContainer .info-slider .infoBox .infowrap .cons{
width:calc(100% - 413px);padding-left: 3vw;
}
.sec4 .boxContainer .info-slider .infoBox .infowrap .cons .slog{
color:#111111;font-weight: bold;font-size:26px;
}
.sec4 .boxContainer .info-slider .infoBox .infowrap .cons .desc{
margin:22px 0 50px;font-size:20px;color:rgba(0,0,0,0.9);font-weight: 400;line-height: 1.3em;
}
.sec4 .boxContainer .info-slider .infoBox .infowrap .cons .chall{
padding:30px 2.08vw;border-radius:20px;
background: rgba(255,255,255,0.6);font-size:20px;color:rgba(0,0,0,0.9);font-weight: 400;line-height: 1.4em;
}
.sec4 .boxContainer .info-slider .pagewrap{display: none;}


/* 모션 */
@-webkit-keyframes showImg{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
animation-delay: 1s;
}
@-webkit-keyframes showImg2{
0% {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
animation-delay: 1s;
}
@-webkit-keyframes opacityAni{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes scaleAni{
0%{opacity:0;transform:scale(1.3);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes scaleAni2{
0%{opacity:0.5;transform:scale(1.3);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes fadeUpAni{
0%{opacity:0; transform:translateY(50px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeUpAni2{
0%{opacity:0; transform:translateY(30px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeLeftAni{
0%{opacity:0; transform:translateX(-50px);}
100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes fadeRightAni{
0%{opacity:0; transform:translateX(50px);}
100%{opacity:1;transform:translateX(0);}
}

.fadeUp{opacity: 0;}
.fadeUp2{opacity: 0;}
.fadeLeft{opacity: 0;}
.fadeRight{opacity: 0;}
.showImg{opacity: 0;}
.showImg2{opacity: 0;}
.showImg_2{opacity: 0;}

.showImg.in-view{animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s; opacity: 1;}
.showImg2.in-view{animation-name: showImg2;animation-timing-function: cubic-bezier(0.14, 0, 0.42, 1.01); animation-duration: 1.4s; opacity: 1;}



.showImg_2.in-view {animation-name: showImg2;animation-timing-function: cubic-bezier(.37,.38,.61,.61);animation-duration: 1.4s;opacity: 1 !important;}
.opacity.in-view{animation-name: opacityAni;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s;}
.fadeUp.in-view{animation-name: fadeUpAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.fadeUp2.in-view{animation-name: fadeUpAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.fadeLeft.in-view{animation-name: fadeLeftAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.fadeRight.in-view{animation-name: fadeRightAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.scaleAni.in-view{animation-name: scaleAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s; }
.scaleAni2.in-view{animation-name: scaleAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.5s; }



.visual .txtwrap .tit h2 span{opacity: 0; transform: translateY(100%);}
.visual .txtwrap .tit h3 span{opacity: 0; transform: translateY(100%);}
.visual.in-view .txtwrap .tit h2 span{opacity: 1; transform: translateY(0); transition: all 1.2s 0.2s;}
.visual.in-view .txtwrap .tit h3 span{opacity: 1; transform: translateY(0); transition: all 1.2s 0.6s;}