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


/* visual */
#visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
/* #visual .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/main/visual1.jpg) no-repeat;
	background-size:cover;
} */
#visual .video-wrap {width:100%;height:100%;}
#visual video{width:100%;height:100%;object-fit:cover;}
#visual .txtWrap{
	position:absolute;left:50%;bottom:230px;z-index:100;
	transform:translateX(-50%);
	max-width:1640px;width:92%;
}
#visual .txtWrap .en{font-size:82px;color:#fff;opacity:0;transform:translateX(40px);transition:all 1.4s 0.4s;}
#visual .txtWrap .kr{font-size:27px;color:#fff;opacity:0;transform:translateX(40px);transition:all 1.4s 0.7s;}
#visual .txtWrap .line{
	width:100%;height:1px;
	margin:45px 0;
	background:rgba(255,255,255,0.5);
	transform-origin:left;
	transform:scaleX(0);
	transition:all 2s;
}
#visual.act .txtWrap .line{transform:scaleX(1);}
#visual.act .txtWrap .en{opacity:1;transform:translateX(0);}
#visual.act .txtWrap .kr{opacity:1;transform:translateX(0);}





/* sec1 */
.sec1{
	position:relative;
	display:flex;flex-wrap:wrap;
	margin:200px 0 0;
}
.sec1 .imgarea{
	overflow:hidden;
	position:relative;
	width:50%;
	border-radius:0 13px 13px 0;  
	aspect-ratio:1/1;
}
.sec1 .imgarea>div.img{
	width:100%;height:100%;
	background:url(/images/main/sec1_img1.jpg) no-repeat;
	background-size:cover;
}
.sec1 .imgarea .effect{}
.sec1 .imgarea .effect>div{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:rgba(255,255,255,0.7);
}
.sec1 .imgarea .effect>div{}
.sec1 .conarea{
	box-sizing:border-box;
	width:50%;
	padding:165px 0 0 7%;
}
.sec1 .conarea .tit{
	font-size:58px;color:#000;font-weight:500;
	opacity:0;
	transform:translateX(40px);
}
.sec1 .conarea .txt{
	margin-top:40px;font-size:17px;color:#000;line-height:1.7em;
	opacity:0;
	transform:translateX(40px);
}
.sec1 .etc{
	overflow:hidden;
	position:absolute;left:50%;bottom:-214px;
	width:16.968%;
	aspect-ratio:370/500;
	border-radius:13px;
	background:url(/images/main/sec1_img2.jpg) no-repeat;
	transform:translate(-50%, 100px);
}
.sec1 video{width:100%;height:100%;object-fit:cover;}




/* main common */
.titlearea{position:relative;}
.titlearea>div{display:flex;justify-content:space-between;align-items:flex-end;}
.titlearea>div>a{margin-bottom:10px;}
.mainTitle1{font-size:25px;color:#266ef0;font-weight:500;}
.titlearea h3{
	margin-top:40px;
	font-size:54px;color:#000;font-weight:500;
}
.btnMore{
	overflow:hidden;
	box-sizing:border-box;
	position:relative;
	display:flex;align-items:center;
	width:153px;height:62px;
	padding:0 22px;
	border:1px solid #646464;border-radius:50px;
	font-size:13px;color:#000;
}
.btnMore:before{
	display:block;content:"";
	width:50%;height:100%;
	position:absolute;left:0;top:0;
	background:#000;
	transform:scaleX(0);transform-origin:left;
	transition:all 0.4s;
}
.btnMore:after{
	display:block;content:"";
	width:50%;height:100%;
	position:absolute;right:0;top:0;
	background:#000;
	transform:scaleX(0);transform-origin:right;
	transition:all 0.4s;
}
.btnMore span{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:10;}
.btnMore span i{
	display:inline-block;
	width:24px;height:24px;
	background:url(/images/main/arr1.png) no-repeat;
	background-size:cover;
	transition:all 0.4s;
}
.btnMore:hover{color:#fff;}
.btnMore:hover:before{transform:scaleX(1);}
.btnMore:hover:after{transform:scaleX(1);}
.btnMore:hover span i{
	background:url(/images/main/arr2.png) no-repeat;
	background-size:cover;
}





.sec2{
	padding:calc(200px + 214px) 0 280px;
}
.sec2 .conwrap{
	position:relative;
	margin:100px 0 0;
}
.sec2 .conwrap .bgImg{
	position:absolute;right:8%;top:-740px;z-index:-1;
	width:515px;
	display:flex;justify-content:space-between;gap:44px;
}
.sec2 .conwrap .bgImg>div:nth-child(1){aspect-ratio:167/551;width:32.42%;transform:rotateY(180deg);}
.sec2 .conwrap .bgImg>div:nth-child(2){aspect-ratio:304/1004;width:59.02%;}
.sec2 .conwrap .bgImg>div svg{width:100%;height:100%;opacity:0.2;}
.sec2 .conwrap .bgImg>div svg path{
    fill: none;
    stroke: #36312E;
    stroke-width: 1;
	stroke-dasharray: var(--path-length);
	stroke-dashoffset: var(--path-length);
}
.sec2.act .conwrap .bgImg>div svg path{animation:draw 3s ease-in-out forwards;}

@keyframes draw{
	to {
		stroke-dashoffset: 0;
	}
}



.sec2 .conwrap .bgTxt{
	position:absolute;left:50%;top:10%;
	transform:translate(-50%,-50%);
	width:100%;	
}
.sec2 .conwrap.act .bgTxt{top:50%;}
.sec2 .conwrap .bgTxt>div{opacity:0;}
.sec2 .mainTitle1{opacity:0;transform:translateX(40px);}
.sec2 .titlearea h3{opacity:0;transform:translateX(40px);}
.sec2 .titlearea a{opacity:0;transform:translateX(40px);}
.sec2 .conwrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sec2 .conwrap ul li{}
.sec2 .conwrap ul li a{display:block;width:100%;}
.sec2 .conwrap ul li .img{position:relative;border-radius:12px;overflow:hidden;}
.sec2 .conwrap ul li .img .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.sec2 .conwrap ul li .img .bg video{width:100%;height:100%;object-fit:cover;}
.sec2 .conwrap ul li .img .bg:after{
	display:block;content:"";
	width:100%;height:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;left:0;top:0;
	opacity:0;transition:all 0.4s;
}
.sec2 .conwrap ul li .img:hover .bg:after{opacity:1;}
.sec2 .conwrap ul li.item1 .img .bg{
	background:url(/images/main/sec2_img1.jpg) no-repeat;
	background-size:cover;
}
.sec2 .conwrap ul li.item2 .img .bg{
	background:url(/images/main/sec2_img2.jpg) no-repeat;
	background-size:cover;
}
.sec2 .conwrap ul li.item3 .img .bg{
	background:url(/images/main/sec2_img3.jpg) no-repeat;
	background-size:cover;
}
.sec2 .conwrap ul li.item4{position:relative;z-index:100;}
.sec2 .conwrap ul li.item4 .img .bg{
	background:url(/images/main/sec2_img4.jpg) no-repeat;
	background-size:cover;
}
.sec2 .conwrap ul li .img .txt{
	position:absolute;left:0;top:50%;z-index:10;
	transform:translateY(calc(-50% + 40px));
	width:100%;
	font-size:19px;color:#fff;font-weight:500;text-align:center;line-height:1.6em;
	opacity:0;
	transition:all 0.4s;
}
.sec2 .conwrap ul li .img:hover .txt{transform:translateY(-50%);opacity:1;}
.sec2 .conwrap ul li .tit{margin-top:25px;font-size:29px;color:#000;font-weight:500;}

.sec2 .conwrap ul li.item1{width:555px;}
.sec2 .conwrap ul li.item1 .img{aspect-ratio:555/682}

.sec2 .conwrap ul li.item2{width:693px;}
.sec2 .conwrap ul li.item2 .img{aspect-ratio:693/449}

.sec2 .conwrap ul li.item3{display:flex;justify-content:flex-end;width:100%;margin:77px 0 135px;}
.sec2 .conwrap ul li.item3 a{width:971px;}
.sec2 .conwrap ul li.item3 .img{aspect-ratio:971/639}

.sec2 .conwrap ul li.item4{display:flex;width:100%;}
.sec2 .conwrap ul li.item4 a{width:808px;margin-left:16.15%;}
.sec2 .conwrap ul li.item4 .img{aspect-ratio:808/523}




/* sec3 */
.sec3{
	padding:230px 0 316px;
	background:url(/images/main/sec3_bg.jpg) no-repeat;
	background-size:cover;
}
.sec3 .titlearea>div{display:block;}
.sec3 .titlearea h3{color:#fff;}
.sec3 .titlearea a{
	margin-top:60px;
	color:#fff;
	border:1px solid #fff;
}
.sec3 .titlearea a i{
	background:url(/images/main/arr2.png) no-repeat;
	background-size:cover;	
}

.sec3 .mainTitle1{opacity:0;transform:translateX(40px);}
.sec3 .titlearea h3{opacity:0;transform:translateX(40px);}
.sec3 .titlearea a{opacity:0;transform:translateX(40px);}

.sec3 .conwrap{}
.sec3 .conwrap ul{}
.sec3 .conwrap ul li{display:flex;flex-wrap:wrap;}

.sec3 .conwrap ul li.item1{justify-content:flex-end;}
.sec3 .conwrap ul li.item1>div{width:50%;}
.sec3 .conwrap ul li.item2{margin:120px 0;}
.sec3 .conwrap ul li.item2>div{width:100%;}
.sec3 .conwrap ul li.item3{justify-content:center;}
.sec3 .conwrap ul li.item3>div{width:50%;}

.sec3 .conwrap ul li>div{
	position:relative;
	box-sizing:border-box;
	padding:110px 0 0;
}
.sec3 .conwrap ul li>div:before{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.7);
	position:absolute;left:0;top:0;
	transform-origin:right;transform:scaleX(0);
	transition:all 1.6s;
}
.sec3 .conwrap ul li>div dl{}
.sec3 .conwrap ul li>div dl dt{opacity:0;transform:translateX(40px);font-size:87px;color:#fff;transition:all 1.2s;}
.sec3 .conwrap ul li>div dl dd{
	opacity:0;transform:translateX(40px);
	margin-top:110px;font-size:19px;color:#fff;line-height:1.7em;
	transition:all 1.2s;
}


.sec3 .conwrap ul li.act>div:before{transform:scaleX(1);transition:all 1.6s;}
.sec3 .conwrap ul li.act>div dl dt{opacity:1;transform:translateX(0px);transition:all 1.2s 0.6s;}
.sec3 .conwrap ul li.act>div dl dd{opacity:1;transform:translateX(0px);transition:all 1.2s 0.8s;}




/* sec4 */
.sec4{
	padding:230px 0;
	background:#F2EDE0;
}
.sec4 ul li .titlearea h2{opacity:0;transform:translateX(40px);transition:all 1.4s;}
.sec4 ul li .titlearea h3{opacity:0;transform:translateX(40px);transition:all 1.4s;}
.sec4 ul{
	overflow:hidden;
	display:flex;flex-wrap:wrap;
	box-shadow:1px 1px 0 #9A9891 inset, -1px -1px 0 #9A9891 inset;
	border-radius:13px;
}
.sec4 ul li{
	position:relative;
	width:25%;
	aspect-ratio:410/374;
	box-sizing:border-box;
	padding:35px;
	border-right:1px solid #9A9891;
}
.sec4 ul li:nth-child(1){}
.sec4 ul li:nth-child(2){border-bottom:1px solid #9A9891;}
.sec4 ul li:nth-child(3){border-bottom:1px solid #9A9891;}
.sec4 ul li:nth-child(4){border-right:0;background:url(/images/main/sec4_bg1.jpg) no-repeat;background-size:cover;}
.sec4 ul li:nth-child(5){border-right:0;background:url(/images/main/sec4_bg2.jpg) no-repeat;background-size:cover;}
.sec4 ul li:nth-child(6){}
.sec4 ul li:nth-child(7){}
.sec4 ul li:nth-child(8){}

.sec4 ul li .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.sec4 ul li .bg video{width:100%;height:100%;object-fit:cover;}
.sec4 ul li .titlearea{margin:25px 0 0;}
.sec4 ul li .titlearea h2{font-size:25px;}
.sec4 ul li .titlearea h3{font-size:54px;margin-top:19px;}
.sec4 ul li .conarea{opacity:0;transition:1.4s;}
.sec4 ul li .num{}
.sec4 ul li .num span{
	display:flex;align-items:center;justify-content:center;
	width:99px;height:33px;
	background:#D9D5C7;
	border-radius:13px;
	font-size:13px;color:#000;text-align:center;
}
.sec4 ul li .tit{margin-top:27px;font-size:25px;color:#000;font-weight:500;}
.sec4 ul li .txt{margin:20px 0 50px;font-size:17px;color:#666;line-height:1.7em;}
.sec4 ul li .icon{
	display:flex;align-items:center;justify-content:center;
	width:70px;height:67px;
}

.sec4 ul li:nth-child(8) .icon svg{width: 100%;height: 100%;}
.sec4 ul li .icon path{
	stroke-dasharray:500;
	stroke-dashoffset:500;	
}

.sec4.act ul li .titlearea h2{opacity:1;transform:translateX(0);transition:all 1.4s;}
.sec4.act ul li .titlearea h3{opacity:1;transform:translateX(0);transition:all 1.4s 0.2s;}
.sec4.act ul li .icon path{animation:draw 3s ease-in-out forwards 1s;}
.sec4.act ul li .conarea{opacity:1;transition:all 1.4s 0.4s;}






/* sec5 */
.sec5{padding:150px 0 0;text-align:center;}
.sec5 .innerwrap div{
	position:relative;
	display:flex;flex-wrap:wrap;
	align-items:center;justify-content:center;
}
.sec5 .innerwrap div span{
	display:inline-block;
	position:relative;
	font-size:8vw;color:#000;font-weight:400;
}
.sec5 .innerwrap div.txt1{position:relative;z-index:10;}
.sec5 .innerwrap div.txt1 span{}
.sec5 .innerwrap div.txt1 span.t1{transform:translateX(145px);padding-right:20px;}
.sec5 .innerwrap div.txt1 span.img{position:relative;z-index:-1;opacity:0;transform:scale(0.8);}
.sec5 .innerwrap div.txt1 span.t2{transform:translateX(-145px);padding-left:20px;}
.sec5 .innerwrap div.txt2{position:relative;z-index:10;margin-top:-60px;}
.sec5 .innerwrap div.txt2 span{margin:0 15px;}
.sec5 .innerwrap div.img{}






/* sec6 */
.sec6{padding:260px 0 0;}
.sec6 .conwrap{margin:100px 0 0;}
.sec6 .conwrap .press{}
.sec6 .conwrap .press .swiper-slide{width:555px;}
.sec6 .conwrap .press .swiper-slide .thumb{
	overflow:hidden;
	position:relative;
	aspect-ratio:555/312;
	border-radius:13px;
}
.sec6 .conwrap .press .swiper-slide .thumb img{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:100%;height:auto;
	object-fit:cover;
}
.sec6 .conwrap .press .swiper-slide .tit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin:30px 0 20px;
	font-size:23px;color:#000;font-weight:500;
}
.sec6 .conwrap .press .swiper-slide .txt{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:0 0 20px;
	font-size:17px;color:#666;line-height:1.7em;
}
.sec6 .conwrap .press .swiper-slide .date{font-size:17px;color:#666;}

.sec6 .titlearea h2{opacity:0;transform:translateX(40px);transition:all 1.4s;}
.sec6 .titlearea h3{opacity:0;transform:translateX(40px);transition:all 1.4s;}
.sec6 .titlearea a{opacity:0;transform:translateX(40px);transition:all 1.4s;}
.sec6.act .titlearea h2{opacity:1;transform:translateX(0);transition:all 1.4s;}
.sec6.act .titlearea h3{opacity:1;transform:translateX(0);transition:all 1.4s 0.2s;}
.sec6.act .titlearea a{opacity:1;transform:translateX(0);transition:all 1.4s 0.2s;}



/* sec7 */
.sec7{padding:220px 0;}
.sec7>div{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:580px;
	border-radius:13px;
	text-align:center;
}
.sec7>div .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>div .titlearea{display:block;position:relative;z-index:10;}
.sec7>div .titlearea>div{display:block;}
.sec7>div .titlearea>div h3{color:#fff;}
.sec7>div .titlearea>div a{margin:60px auto 0;border:1px solid #fff;color:#fff;}
.sec7>div .titlearea>div a i{
	background:url(/images/main/arr2.png) no-repeat;
	background-size:cover;	
}

.sec7>div .bg{transform:scale(1.2);transition:all 1.4s;}
.sec7 h2{opacity:0;transform:translateY(40px);transition:all 1.4s;}
.sec7 h3{opacity:0;transform:translateY(40px);transition:all 1.4s;}
.sec7 a{opacity:0;transform:translateY(40px);transition:all 1.4s;}
.sec7.act>div .bg{transform:scale(1);transition:all 2s;}
.sec7.act h2{opacity:1;transform:translateY(0);transition:all 1.4s;}
.sec7.act h3{opacity:1;transform:translateY(0);transition:all 1.4s 0.2s;}
.sec7.act a{opacity:1;transform:translateY(0);transition:all 1.4s 0.2s;}