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





/* visual */
.visual{
	overflow:hidden;
	width:100%;height:100vh;
}
.visual .swiper-slide{
	overflow:hidden;
	position:relative;
	opacity:0;
}
.visual .swiper-slide .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 1.6s;
}
.visual .swiper-slide.v1 .bg{
	background:url(/images/main/visual1.jpg) no-repeat center;
	background-size:cover;
}
.visual .swiper-slide.v2 .bg{
	background:url(/images/main/visual2.jpg) no-repeat center;
	background-size:cover;
}
.visual .swiper-slide.v3 .bg{
	background:url(/images/main/visual3.jpg) no-repeat center;
	background-size:cover;
}
.visual .swiper-slide .bg>div{width:100%;height:100%;}
.visual .swiper-slide .bg video{width:100%;height:100%;object-fit:cover;}

.visual .swiper-slide-active{opacity:1;}
.visual .swiper-slide-active .bg{transform:scale(1);}
.visual .txts{
	position:absolute;left:50%;bottom:170px;z-index:10;
	width:90%;
	padding:0 0 46px;
	transform:translateX(-50%);	
}
.visual .txts .tit{font-size:var(--font-size-88);color:#fff;}
.visual .txts .tit span{display:block;}
.visual .txts p{margin-top:20px;font-size:var(--font-size-24);color:#fff;}

.visual .layerWrap{
	position:absolute;left:50%;bottom:100px;z-index:10;
	display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
	width:90%;
	padding:0 0 46px;
	transform:translateX(-50%);
}
.visual .layerWrap:after{
	display:block;content:"";
	width:100%;height:1px;
	background:#fff;opacity:0.4;
	position:absolute;left:0;bottom:0;
}

.visual .layerWrap .ctr{display:flex;align-items:center;justify-content:flex-end;width:100%;}
.visual .layerWrap .ctr .paging{display:flex;align-items:center;}
.visual .layerWrap .ctr .paging .this{font-family:"Manrope";font-size:var(--font-size-22);color:#fff;font-weight:800;}
.visual .layerWrap .ctr .paging .total{font-family:"Manrope";font-size:var(--font-size-22);color:#fff;font-weight:800;}
.visual .layerWrap .ctr .paging .line{
	position:relative;
	width:80px;height:2px;
	margin:0 22px;
	background:rgba(255,255,255,0.4);
}
.visual .layerWrap .ctr .paging .line .dot{
	position:absolute;left:0;top:0;
	width:100%;height:2px;
	background:#fff;
	transition:all 0.4s;
}
.visual .layerWrap .ctr .btns{display:flex;align-items:center;gap:22px;margin-left:42px;}
#visual .scroll{
	position:absolute;right:3%;top:50%;z-index:100;
	transform:translateY(-50%);
	animation:1s scrollAni infinite alternate;
}

@keyframes scrollAni{
	0%{transform:translateY(-50%);}
	100%{transform:translateY(calc(-50% + 10px));}
}



.innerwrap{
	width:90%;
	margin:0 auto;
}
.titlearea{
	position:relative;
	box-sizing:border-box;
	padding:0 0 0 0;
}
.titlearea h2{font-size:var(--font-size-26);font-weight:500;color:#2E3092;}
.titlearea h3{margin-top:20px;font-size:var(--font-size-56);font-weight:500;color:#000;}
.titlearea a{margin-top:20px;}



/* sec1 */
.sec1{padding:100px 0 50vh;}
.sec1 .conwrap{}
.sec1 .conwrap .textarea{
	box-sizing:border-box;
	width:100%;
	padding:0 5% 60px;
}
.sec1 .conwrap .textarea h3{font-size:var(--font-size-66);line-height:1.2em;color:#000;}
.sec1 .conwrap .textarea p{margin-top:30px;font-size:var(--font-size-20);line-height:1.7em;color:#666;}
.sec1 .conwrap .imgarea{
	position:relative;
	width:100%;
	margin:0 auto;
}
.sec1 .conwrap .imgarea>div{position:absolute;}
.sec1 .conwrap .imgarea .img1{
	left:50%;top:0;
	width:50%;aspect-ratio:694/810;
	transform:translateX(-50%);
	background:url(/images/main/sec1_img1.jpg) no-repeat center;
	background-size:cover;
}
.sec1 .conwrap .imgarea .img2{
	right:5%;top:15%;
	width:25.5%;aspect-ratio:384/320;
	background:url(/images/main/sec1_img2.jpg) no-repeat center;
	background-size:cover;
}
.sec1 .conwrap .imgarea .img3{
	left:50%;bottom:-250px;
	width:24%;aspect-ratio:360/440;
	transform:translateX(-180%);
	background:url(/images/main/sec1_img3.jpg) no-repeat center;
	background-size:cover;
}




/* sec2 */
.sec2{padding:0 5% 100px;}
.sec2 .conwrap{margin:70px 0 0;}
.sec2 .conwrap ul{
	display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:40px;
}
.sec2 .conwrap ul li{
	width:100%;
	text-align:center;
}
.sec2 .conwrap ul li .imgarea{
	overflow:hidden;
	position:relative;
	width:100%;
	aspect-ratio:490/640;
}
.sec2 .conwrap ul li .imgarea .bg{
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 1.2s;
}
.sec2 .conwrap ul li:hover .imgarea .bg{transform:scale(1);}
.sec2 .conwrap ul li:nth-child(1) .imgarea .bg{
	background:url(/images/main/sec2_img1.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap ul li:nth-child(2) .imgarea .bg{
	background:url(/images/main/sec2_img2.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap ul li:nth-child(3) .imgarea .bg{
	background:url(/images/main/sec2_img3.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap ul li:nth-child(4) .imgarea .bg{
	background:url(/images/main/sec2_img4.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap ul li:nth-child(5) .imgarea .bg{
	background:url(/images/main/sec2_img5.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap ul li:nth-child(6) .imgarea .bg{
	background:url(/images/main/sec2_img6.jpg) no-repeat center;
	background-size:cover;
}
.sec2 .conwrap ul li .imgarea .ts{
	position:absolute;left:20px;top:0;z-index:10;
	width:calc(100% - 40px);height:111px;
	border-bottom:1px solid rgba(255,255,255,0.5)
}
.sec2 .conwrap ul li .imgarea .ts>div{
	display:flex;align-items:center;
	width:100%;height:100%;
}
.sec2 .conwrap ul li .imgarea .ts>div div:nth-child(1){
	position:relative;
	width:100px;
	font-family:"Poppins";font-weight:200;
	text-align:center;font-size:var(--font-size-50);color:#fff;
}
.sec2 .conwrap ul li .imgarea .ts>div div:nth-child(1):after{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.5);
	position:absolute;right:0;top:0;
}
.sec2 .conwrap ul li .imgarea .ts>div div:nth-child(2){
	width:calc(100% - 100px);
	padding-left:5%;
	font-size:var(--font-size-17);color:#fff;text-align:left;line-height:1.2em;
}
.sec2 .conwrap ul li .tit{
	margin:24px 0 0;
	font-size:var(--font-size-26);color:#000;font-weight:500;
}





/* sec3 */
.sec3{padding:100px 5% 0;background:#2E3092;}
.sec3 h2{color:#fff;}
.sec3 h3{color:#fff;}
.sec3 .conwrap{
	margin:70px 0 0;
	box-sizing:border-box;
	position:relative;
}
.sec3 .conwrap .b1{
	position:absolute;left:0;top:0;
	width:100%;height:1px;
	background:rgba(255,255,255,0.25);
}
.sec3 .conwrap .b2{
	position:absolute;right:0;top:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.25);
}

.sec3 .conwrap .imgarea{
	width:100%;
	height:50vh;
}
.sec3 .conwrap .imgarea>div{
	width:100%;height:100%;
	background:url(/images/main/sec3_img.jpg) no-repeat center / cover;
}
.sec3 .conwrap .imgarea img{display:none;}
.sec3 .conwrap .list{width:100%;}
.sec3 .conwrap .list ul{display:flex;flex-wrap:wrap;align-content:space-between;width:100%;height:100%;}
.sec3 .conwrap .list ul li{
	display:flex;align-items:center;
	position:relative;
	width:100%;height:calc(100% / 3);
	padding:30px 30px;
	border-bottom:1px solid rgba(255,255,255,0.25);
}
.sec3 .conwrap .list ul li .num{
	position:absolute;right:30px;top:30px;
	font-size:var(--font-size-16);color:rgba(255,255,255,0.6);
}
.sec3 .conwrap .list ul li .tit{
	font-size:var(--font-size-28);color:#fff;font-weight:600;
}
.sec3 .conwrap .list ul li .txt{
	margin-top:25px;
	font-size:var(--font-size-18);color:rgba(255,255,255,0.8);line-height:1.7em;
}





/* sec4 */
.sec4{
	overflow:hidden;
	position:relative;
	padding:100px 0 25vh;
}
.sec4 .titlearea{padding:0 calc(3% + 40px);}
.sec4 h2{color:#fff;}
.sec4 h3{color:#fff;}
.sec4 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/main/sec4_bg.png) no-repeat center center;
	background-size:cover;
}
.sec4 .conwrap{
	position:relative;z-index:10;
	width:100%;
	margin:70px 0 0;padding:0px 0;
	background:rgba(0,0,0,0.2)
}
.sec4 .conwrap .line1{
	position:absolute;left:0;top:0;
	width:100%;height:1px;
	background:rgba(255,255,255,0.5);
}
.sec4 .conwrap .line2{
	position:absolute;left:0;bottom:0;
	width:100%;height:1px;
	background:rgba(255,255,255,0.5);
}
.sec4 .conwrap ul{}
.sec4 .conwrap ul li{
	box-sizing:border-box;
	position:relative;
	width:100%;
	padding:40px 30px;
	border-bottom:1px solid rgba(255,255,255,0.5);
	text-align:center;
}
.sec4 .conwrap ul li:last-child{border:0;}
.sec4 .conwrap ul li .icon{
	width:70px;height:70px;
	margin:0 auto 27px;
}
.sec4 .conwrap ul li .en{font-size:var(--font-size-18);color:#fff;}
.sec4 .conwrap ul li .kr{margin:27px 0 12px;font-size:var(--font-size-34);color:#fff;}
.sec4 .conwrap ul li .txt{font-size:var(--font-size-18);color:#fff;line-height:1.7em;}





/* sec5 */
.sec5{
	position:relative;
	padding:100px 5% 0;
}
.sec5:before{
	display:block;content:"";
	width:100%;height:114vh;
	position:absolute;left:0;top:0;
	background:#111;
}
.sec5 .conwrap{position:relative;z-index:100;}
.sec5 .conwrap>div{
	width:100%;
	padding:40px;
}
.sec5 .conwrap>div:nth-child(2){background:#E3E3E3;}
.sec5 .conwrap>div:nth-child(3){background:#B0D28E;}
.sec5 .conwrap>div:nth-child(4){background:#E3E3E3;}
.sec5 .conwrap>div:nth-child(5){background:#DBD7CC;}
.sec5 .conwrap>div.titlewrap{display:flex;align-items:center;}
.sec5 .conwrap>div.titlewrap h2{font-size:var(--font-size-26);font-weight:500;color:#fff;}
.sec5 .conwrap>div.titlewrap h3{margin-top:40px;font-size:var(--font-size-56);font-weight:500;color:#fff;}
.sec5 .conwrap>div.titlewrap a{margin-top:50px;}
.sec5 .conwrap>div.boxwrap{
	position:relative;
	padding:30px;
}
.sec5 .conwrap>div.boxwrap .icon{width:50px;height:50px;}
.sec5 .conwrap>div.boxwrap .icon svg{width:100%;}
.sec5 .conwrap>div.boxwrap dl{
	width:calc(100% - 0px);
	margin-top:40px;
}
.sec5 .conwrap>div.boxwrap dl dt{
	font-size:var(--font-size-26);font-weight:600;color:#000;
}
.sec5 .conwrap>div.boxwrap dl dd{
	margin-top:25px;
	font-size:var(--font-size-18);font-weight:400;color:rgba(0,0,0,0.7);line-height:1.7em;
}





/* sec6 */
.sec6{
	position:relative;
	padding:100px 5%;
}
.sec6>div{
	display:flex;align-items:center;justify-content:center;gap:10px;
}
.sec6>div>div{font-size:9vw;color:#000;line-height:1em;}
.sec6>div>div.p1{width:36.2%;}
.sec6>div>div.p2{width:47.7%;}
.sec6>div:nth-child(1){gap:10px;}
.sec6>div:nth-child(2)>div.p1{display:flex;align-items:center;gap:4px;}
.sec6>div:nth-child(2)>div.p1 span{}
.sec6>div:nth-child(2)>div.p1 .img{width:150px;}
.sec6>div:nth-child(2)>div.p1 .img img{width:100%;}





/* sec7 */
.sec7{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:400px;
	text-align:center;
}
.sec7 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/main/sec7_bg.jpg) no-repeat center;
	background-size:cover;
}
.sec7 .titlearea{padding:0;text-align:center;}
.sec7 .titlearea h2{color:#fff;}
.sec7 .titlearea h3{color:#fff;}
.sec7 a{margin:60px auto 0;}





/**/
.visual .txts .tit span{opacity:0;transform:translateY(40px);}
.visual .txts p{opacity:0;transform:translateY(40px);}

.visual .swiper-slide-active .txts .tit span{opacity:1;transform:translateY(0);}
.visual .swiper-slide-active .txts .tit span:nth-child(1){transition:all 1.3s;}
.visual .swiper-slide-active .txts .tit span:nth-child(2){transition:all 1.3s 0.1s;}
.visual .swiper-slide-active .txts p{opacity:1;transform:translateY(0);transition:all 1.3s 0.3s;}

.sec1 .conwrap .textarea h3 span.textG{display:inline-block;opacity:0;transform:translateY(40px);}
.sec1 .conwrap .textarea p span.textG{display:inline-block;opacity:0;transform:translateY(40px);}


.titlearea h2{
	display:inline-block;
	clip-path:inset(100% 0% 0% 0);
	transition:all 1.2s;
}
.titlearea.in-view h2{
	clip-path:inset(0% 0% 0 0%);
	transition:all 1.2s;
}
.titlearea h3 span{
	display:inline-block;
	clip-path:inset(0% 0% 100% 0%);
	transform:translateY(40px);
	transition:all 1.2s;
}
.titlearea.in-view h3 span{
	clip-path:inset(0% 0% 0 0%);
	transform:translateY(0);
	transition:all 1.2s;
}
.titlearea.in-view h3 span:nth-child(1){transition:all 1.2s;}
.titlearea.in-view h3 span:nth-child(3){transition:all 1.2s 0.4s;}
.titlearea a{opacity:0;transition:all 1.2s;}
.titlearea.in-view a{opacity:1;transition:all 1.2s 0.4s;}


.sec2 .conwrap ul li{opacity:0;transform:translateY(100px);}
.sec2 .conwrap ul li.in-view{opacity:1;transform:translateY(0px);transition:all 1.4s;}


.sec3 .conwrap .b1{
	transform-origin:left;
	transform:scaleX(0);
}
.sec3 .conwrap .imgarea img{clip-path:inset(0% 100% 0 0%);transform:translateX(-40px);}
.sec3 .conwrap .b2{
	transform-origin:top;
	transform:scaleY(0);
}

.sec3 .conwrap.in-view .b1{transform:scaleX(1);transition:all 1.4s;}
.sec3 .conwrap.in-view .imgarea img{clip-path:inset(0% 0% 0% 0%);transform:translateX(0);transition:all 1.4s;}
.sec3 .conwrap.in-view .b2{transform:scaleY(1);transition:all 1.4s 1.4s;}

.sec3 .conwrap .list ul li .tit{opacity:0;transform:translateY(40px);}
.sec3 .conwrap .list ul li .txt{opacity:0;transform:translateY(40px);}

.sec3 .conwrap .list ul li.in-view .tit{opacity:1;transform:translateY(0);transition:all 1.4s;}
.sec3 .conwrap .list ul li.in-view .txt{opacity:1;transform:translateY(0);transition:all 1.4s 0.1s;}


.sec4 .conwrap .line1{
	transform-origin:left;
	transform:scaleX(0);
}
.sec4 .conwrap .line2{
	transform-origin:right;
	transform:scaleX(0);
}
.sec4 .conwrap .in-view .line1{transform:scaleX(1);transition:all 1.4s;}
.sec4 .conwrap .in-view .line2{transform:scaleX(1);transition:all 1.4s;}
.sec4 .conwrap ul li .icon{opacity:0;transform:translateY(40px);}
.sec4 .conwrap ul li .en{opacity:0;transform:translateY(40px);}
.sec4 .conwrap ul li .kr{opacity:0;transform:translateY(40px);}
.sec4 .conwrap ul li .txt{opacity:0;transform:translateY(40px);}

.sec4 .conwrap ul li.in-view .icon{opacity:1;transform:translateY(0);}
.sec4 .conwrap ul li.in-view .en{opacity:1;transform:translateY(0);}
.sec4 .conwrap ul li.in-view .kr{opacity:1;transform:translateY(0);}
.sec4 .conwrap ul li.in-view .txt{opacity:1;transform:translateY(0);}

.sec4 .conwrap ul li.in-view:nth-child(1) .icon{transition:all 1.4s;}
.sec4 .conwrap ul li.in-view:nth-child(1) .en{transition:all 1.4s 0.1s;}
.sec4 .conwrap ul li.in-view:nth-child(1) .kr{transition:all 1.4s 0.2s;}
.sec4 .conwrap ul li.in-view:nth-child(1) .txt{transition:all 1.4s 0.3s;}
.sec4 .conwrap ul li.in-view:nth-child(2) .icon{transition:all 1.4s 0.2s;}
.sec4 .conwrap ul li.in-view:nth-child(2) .en{transition:all 1.4s 0.3s;}
.sec4 .conwrap ul li.in-view:nth-child(2) .kr{transition:all 1.4s 0.4s;}
.sec4 .conwrap ul li.in-view:nth-child(2) .txt{transition:all 1.4s 0.5s;}
.sec4 .conwrap ul li.in-view:nth-child(3) .icon{transition:all 1.4s 0.4s;}
.sec4 .conwrap ul li.in-view:nth-child(3) .en{transition:all 1.4s 0.5s;}
.sec4 .conwrap ul li.in-view:nth-child(3) .kr{transition:all 1.4s 0.6s;}
.sec4 .conwrap ul li.in-view:nth-child(3) .txt{transition:all 1.4s 0.7s;}
.sec4 .conwrap ul li.in-view:nth-child(4) .icon{transition:all 1.4s 0.6s;}
.sec4 .conwrap ul li.in-view:nth-child(4) .en{transition:all 1.4s 0.7s;}
.sec4 .conwrap ul li.in-view:nth-child(4) .kr{transition:all 1.4s 0.8s;}
.sec4 .conwrap ul li.in-view:nth-child(4) .txt{transition:all 1.4s 0.9s;}



.sec5 .conwrap>div.titlewrap h2{opacity:0;transform:translateY(40px);}
.sec5 .conwrap>div.titlewrap h3{opacity:0;transform:translateY(40px);}
.sec5 .conwrap>div.titlewrap a{opacity:0;transform:translateY(40px);}

.sec5 .conwrap>div.titlewrap.in-view h2{opacity:1;transform:translateY(0);transition:all 1.4s;}
.sec5 .conwrap>div.titlewrap.in-view h3{opacity:1;transform:translateY(0);transition:all 1.4s 0.1s;}
.sec5 .conwrap>div.titlewrap.in-view a{opacity:1;transform:translateY(0);transition:all 1.4s 0.2s;}

.sec5 .conwrap{perspective:1000px;}
.sec5 .conwrap>div.boxwrap{opacity:0;transform:translateY(40px);}
.sec5 .conwrap>div.boxwrap.in-view{opacity:1;transform:translateY(0);transition:all 1.4s;}
.sec5 .conwrap>div.boxwrap dl dt{opacity:0;transform:translateY(40px);}
.sec5 .conwrap>div.boxwrap dl dd{opacity:0;transform:translateY(40px);}
.sec5 .conwrap>div.boxwrap.in-view dl dt{opacity:1;transform:translateY(0);transition:all 1.4s 0.7s;}
.sec5 .conwrap>div.boxwrap.in-view dl dd{opacity:1;transform:translateY(0);transition:all 1.4s 0.8s;}



.sec6>div:nth-child(2)>div.p1 .img img{clip-path:inset(0% 100% 0% 100%);}
.sec6>div:nth-child(2)>div.p1.in-view .img img{clip-path:inset(0% 0% 0% 0%);transition:all 1.4s 0.2s;}

.sec7{
	transform:scaleX(1);
	clip-path:inset(0% 15% 0% 15%);
}
.sec7.in-view{
	transform:scaleX(1);
	clip-path:inset(0% 0% 0% 0%);
	transition:all 1.4s
}
.sec7 h2{opacity:0;transform:translateY(40px);}
.sec7 h3{opacity:0;transform:translateY(40px);}
.sec7 a{opacity:0;transform:translateY(40px);}
.sec7.in-view h2{opacity:1;transform:translateY(0);transition:all 1.4s 0.4s;}
.sec7.in-view h3{opacity:1;transform:translateY(0);transition:all 1.4s 0.5s;}
.sec7.in-view a{opacity:1;transform:translateY(0);transition:all 1.4s 0.6s;}