@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}
body{background:#dadde4;}
#wrap{overflow:hidden;}




/* visual */
#visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
.visual{width:100%;height:100vh;}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{
	overflow:hidden;
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-slide .slide-inner{
	width:100%;height:100%;
    position: absolute;left:0;top:0;z-index: 100;
    background-size: cover;
    background-position: center;
    display:flex;justify-content:center;align-items:center;
    text-align: left;	
}
.visual .swiper-slide .bg{
	position:absolute;left:0;top:0;bottom:0;right:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 1.2s;
}
.visual .swiper-slide .bg>div{width:100%;height:100%;}
.visual .swiper-slide .bg>div video{
	object-fit:cover;
}
.visual .swiper-slide.v1 .bg>div{background:url(/images/main/visual1.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v2 .bg>div{background:url(/images/main/visual2.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v3 .bg>div{background:url(/images/main/visual3.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v4 .bg>div{background:url(/images/main/visual4.jpg) no-repeat center;background-size:cover}

.visual .swiper-slide.v1.ani .bg{transform:scale(1.1);}
.visual .swiper-slide-active .bg{transform:scale(1);z-index:100;}
.visual .swiper-slide .bg>div video{
	width:100%;height:100%;
	object-fit:cover;
}

.visual .txtwrap{
	position:absolute;left:0;top:50%;z-index:100;
	transform:translateY(-50%);
	width:100%;text-align:center;
}
.visual .txtwrap .line{
	position:absolute;left:50%;bottom:100%;
	width:1px;height:80px;
	margin-bottom:50px;
	background:#b4b4b4;
}
.visual .txtwrap div{
	font-size:50px;color:#fff;font-weight:bold;line-height:1.4em;
}
.visual .txtwrap div{
	display:block;
	opacity: 0;
	transform:translateY(40px);
}
.visual.on .txtwrap div{opacity: 1; transform:translateY(0); transition: all 1s 0.4s;}


.visual .ctr{
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:0;bottom:60px;z-index:10;width:100%;text-align:center;
}
.visual .ctr .vprev{
	width:11px;height:18px;
	background:url(/images/main/vprev.png) no-repeat;
	cursor:pointer;
}
.visual .ctr .vnext{
	width:11px;height:18px;
	background:url(/images/main/vnext.png) no-repeat;
	cursor:pointer;
}
.visual .ctr .swiper-pagination{position:static;font-size:0;margin:0 50px;}
.visual .ctr .swiper-pagination span{
	width:10px;height:10px;
	margin:0 5px;
	border:1px solid #fff;border-radius:50%;
	background:0;
	opacity:1;
}
.visual .ctr .swiper-pagination span.swiper-pagination-bullet-active{width:22px;background:#fff;border-radius:10px;}
.visual .scroll{
	position:absolute;left:4%;bottom:0px;z-index:10;
	padding-bottom:87px;
	transform:rotate(90deg);
}
.visual .scroll:before{
	display:block;content:"";
	width:87px;height:1px;
	background:rgba(255,255,255,0.2);
}
.visual .scroll:after{
	display:block;content:"";
	width:87px;height:2px;
	background:rgba(255,255,255,1);
	position:absolute;left:-10%;top:-1px;
	transform:scaleX(0);transform-origin:left;
	animation:scrollAni 1.4s infinite;
}
@keyframes scrollAni{
	0%{transform:scaleX(0);left:-10%;}
	100%{transform:scaleX(1);left:100%;}
}
.visual .scroll .txt{
	position:absolute;left:-70px;top:-12px;
	font-family:"Wix Madefor Display";font-size:13px;color:#fff;	
}
.visual .scroll i{
	display:inline-block;
	width:18px;height:10px;
	margin:0 0 0 10px;
	background:url(/images/main/scroll_arr.png) no-repeat;
}


/* sec1 */
/* .sec1{
	position:relative;
	display:flex;justify-content:center;
	padding:250px 5% 530px;
}
.sec1 .txtarea{width:540px;}
.sec1 .txtarea h3{}
.sec1 .txtarea h3>div{overflow:hidden;}
.sec1 .txtarea h3>div>span{
	display:block;
	transform:translateY(100%);
	font-family:"Wix Madefor Display";font-size:60px;color:#232326;font-weight:700;line-height:1.2em;
	transition:all 1.2s;
}
.sec1 .txtarea h3>div>span.on{transform:translateY(0);}
.sec1 .txtarea p{
	opacity:0;transform:TranslateY(40px);font-family:"Wix Madefor Display";font-size:18px;color:#666;line-height:1.6em;
	transition:all 1.2s;
}
.sec1 .txtarea p.slg{margin:35px 0 15px;font-family:"Noto Sans KR";font-size:29px;color:#000;font-weight:500;}
.sec1 .txtarea p.on{opacity:1;transform:TranslateY(0);}
.sec1 .img-wrapper{}
.sec1 .img-wrapper>div{transform:translateY(60px);transition:all 0.6s;}
.sec1 .img-wrapper img{display:none;}
.sec1 .img1{
	position:absolute;left:5%;bottom:60px;
	width:396px;height:606px;
	overflow:hidden;
	border-radius:15px;
}
.sec1 .img2{
	position:absolute;left:48%;bottom:00px;
	width:396px;height:386px;
	overflow:hidden;
	border-radius:15px;	
}
.sec1 .img3{
	position:absolute;right:5%;bottom:250px;
	width:396px;height:466px;
	overflow:hidden;
	border-radius:15px;
}
.sec1 .clip-mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: circle(0% at center);
}
.sec1 .img1 .clip-mask{background:url(/images/main/sec1_img1.jpg) no-repeat center;transition:all 1.2s linear;}
.sec1 .img2 .clip-mask{background:url(/images/main/sec1_img2.jpg) no-repeat center;transition:all 1.2s linear;}
.sec1 .img3 .clip-mask{background:url(/images/main/sec1_img3.jpg) no-repeat center;transition:all 1.2s 0.2s linear;}
.sec1 .revealed .clip-mask{clip-path: circle(75% at center);} */


.sec1{overflow:hidden;position:relative;width:100%;}
.sec1 .toparea{
	position:relative;
	width:100%;height:100vh;
}
.sec1 .toparea .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.sec1 .toparea .bg video{object-fit:cover;width:100%;height:100%;}
.sec1 .toparea .txtwrap{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	width: 92%;
}
.sec1 .toparea .txtwrap>div{overflow:hidden;}
.sec1 .toparea .txtwrap>div>span{	
	display:block;
	font-family:"Wix Madefor Display";font-size:60px;color:#000;font-weight:700;
}
.sec1 .toparea .txtwrap>div>span strong{
	color: #04277B;
}



/* sec2 */
.sec2{
	overflow:hidden;
	padding:210px 0 0;
}
.sec2 h2{
	padding:0 5%;
	font-family:"Wix Madefor Display";font-size:30px;color:#000;font-weight:700;text-align:center;
}
.sec2 h3{
	overflow:hidden;
	position: relative;
	padding:0 5%;
	font-family:"Wix Madefor Display";font-size:8.5vw;color:#04287e;font-weight:700;text-align:center;
}
.sec2 h3 .text-base {color: #808080; /* 초기 회색 */}
.sec2 h3 .text-fill {
	position: absolute;left:7.28%;top:0;
	background:#04287e;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	clip-path: inset(100% 0 0 0); /* 초기 상태: 위에서 5%만 가림 */
	text-align:center;

}

.sec2 .conwrap{
	position:relative;
	margin:100px 0 0;padding:0 5% 320px;
}
.sec2 .conwrap .center{
	position:absolute;left:50%;top:0;
	width:1px;height:calc(100% - 320px + 100px);
	background:rgba(153,153,153,0.5);
}
.sec2 .conwrap .center .truck{
	position:absolute;left:50%;top:-20px;z-index:10;
	width:170px;height:263px;
	transform:translateX(-50%);
}
.sec2 .conwrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sec2 .conwrap ul li{
	overflow:hidden;
	position:relative;
	width:38.23%;padding:19.9% 0;margin-bottom:50px;
	border-radius:15px;
}
.sec2 .conwrap ul li:nth-child(2n){transform:translateY(140px);}
.sec2 .conwrap ul li:nth-child(2){}
.sec2 .conwrap ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.sec2 .conwrap ul li:nth-child(1) .bg{background:url(/images/main/sec2_img1.jpg) no-repeat center;background-size:cover;}
.sec2 .conwrap ul li:nth-child(2) .bg{background:url(/images/main/sec2_img2.jpg) no-repeat center;background-size:cover;}
.sec2 .conwrap ul li:nth-child(3) .bg{background:url(/images/main/sec2_img3.jpg) no-repeat center;background-size:cover;}
.sec2 .conwrap ul li:nth-child(4) .bg{background:url(/images/main/sec2_img4.jpg) no-repeat center;background-size:cover;}
.sec2 .conwrap ul li:nth-child(5) .bg{background:url(/images/main/sec2_img5.jpg) no-repeat center;background-size:cover;}
.sec2 .conwrap ul li:nth-child(6) .bg{background:url(/images/main/sec2_img6.jpg) no-repeat center;background-size:cover;}
.sec2 .conwrap ul li .txtwrap{
	position:absolute;left:0;top:50%;z-index:10;
	transform:translateY(-50%);
	width:100%;text-align:center;
	padding:0 4%;
}
.sec2 .conwrap ul li .txtwrap .tit{font-size:28px;color:#fff;font-weight:600;opacity:0;transform:translateY(40px);}
.sec2 .conwrap ul li .txtwrap .txt{margin-top:20px;font-size:16px;color:#fff;opacity:0;transform:translateY(40px);}

.sec2 .conwrap ul li.on .txtwrap .tit{opacity:1;transform:translateY(0);transition:all 1.2s;}
.sec2 .conwrap ul li.on .txtwrap .txt{opacity:1;transform:translateY(0);transition:all 1.2s 0.1s;}




/* sec3 */
.sec3{overflow:hidden;position:relative;width:100%;background:#dadde4;}
.sec3 .btmarea{
	overflow:hidden;
	box-sizing:border-box;
	width:calc(100% - 28px);
	margin:15px auto;padding:14px;
	border-radius:15px;
	background:url(/images/main/sec3_btm_bg.jpg) no-repeat center;
	background-size:cover;
}
.sec3 .btmarea .titlearea{
	margin:180px 0 5%;
	padding:0 5%;
	text-align:center;
}
.sec3 .btmarea .titlearea h2{font-family:"Wix Madefor Display";font-size:45px;color:#fff;font-weight:700;text-align:center;}
.sec3 .btmarea .titlearea h3{margin:30px 0 25px;font-size:35px;color:#fff;font-weight:700;text-align:center;}
.sec3 .btmarea .titlearea p{font-size:17px;color:#fff;}
.sec3 .btmarea .rndCate{
	margin-bottom:15px;
}
.sec3 .btmarea .rndCate>div{
	position:relative;
	box-sizing:border-box;	
	border-radius:15px;
	width:100%;	margin-bottom:20px;
	backdrop-filter:blur(20px) brightness(170%);
}
.sec3 .btmarea .rndCate>div>a{
	display:block;
	box-sizing:border-box;
	padding:70px 60px;
}
.sec3 .btmarea .rndCate>div>a .tit{
	position:relative;font-size:40px;color:#fff;font-weight:700;
}
.sec3 .btmarea .rndCate>div:nth-child(1)>a .tit{background:url(/images/main/sec3_btm_icon2.png) no-repeat right top;}
.sec3 .btmarea .rndCate>div:nth-child(2)>a .tit{background:url(/images/main/sec3_btm_icon1.png) no-repeat right top;}
.sec3 .btmarea .rndCate>div:nth-child(3)>a .tit{background:url(/images/main/sec3_btm_icon3.png) no-repeat right top;}
.sec3 .btmarea .rndCate>div>a .txt{
	margin:25px 0;
	font-size:18px;color:rgba(255,255,255,0.6);line-height:1.7em;
}
.sec3 .btmarea .rndCate>div>a .more{
	box-sizing:border-box;
	width:58px;height:58px;
	border:1px solid rgba(255,255,255,0.6);border-radius:50%;
	background:url(/images/main/more_arr.png) no-repeat center;
}





/* sec4 */
.sec4{
	overflow:hidden;position:relative;width:100%;background:#dadde4;
	padding:190px 0;
}
.sec4 h2{font-family:"Wix Madefor Display";font-size:45px;color:#222;font-weight:700;text-align:center;}
.sec4 h3{margin:35px 0 80px;font-family:"Wix Madefor Display";font-size:35px;color:#222;font-weight:700;text-align:center;}
.sec4 ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 15px;margin-bottom:50px;}
.sec4 ul li{
	position:relative;
	box-sizing:border-box;
	display:flex;align-items:center;
	width:100%;height:50vh;
	margin-bottom:20px;padding:0 5%;
	border-radius:15px;
	overflow:hidden;
}
.sec4 ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.sec4 .clip-mask{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform:translate(-50%,-50%);
	clip-path: inset(100% 100% 100% 100%);
	transition:all 1.5s;
}
.sec4 ul li:nth-child(1) .clip-mask{background:url(/images/main/sec4_img1.jpg) no-repeat center;background-size:cover;}
.sec4 ul li:nth-child(2) .clip-mask{background:url(/images/main/sec4_img2.jpg) no-repeat center;background-size:cover;}
.sec4 ul li:nth-child(3) .clip-mask{background:url(/images/main/sec4_img3.jpg) no-repeat center;background-size:cover;}
.sec4 .active .clip-mask{clip-path: inset(0 0 0 0);}

.sec4 ul li .txts{
	position:relative;z-index:10;text-align:center;
	width:100%;
}
.sec4 ul li .txts .tit{font-family:"Wix Madefor Display";font-size:40px;color:#fff;font-weight:700;opacity:0;transform:translateY(40px);}
.sec4 ul li .txts .txt{margin-top:20px;font-size:17px;color:rgba(255,255,255,0.8);line-height:1.7em;opacity:0;transform:translateY(40px);}
.sec4 ul li.active .txts .tit{opacity:1;transform:translateY(0);transition:all 1.2s 0.6s;}
.sec4 ul li.active .txts .txt{opacity:1;transform:translateY(0);transition:all 1.2s 0.8s;}

.btnViewMore{
	display:block;
	box-sizing:border-box;
	width:180px;height:58px;
	margin:0 auto;padding:0 20px;
	border:1px solid #7e7f83;border-radius:29px;
	transition:all 0.4s;
}
.btnViewMore>span{
	display:block;
	position:relative;z-index:10;
	width:100%;
	font-size:14px;color:#7e7f83;line-height:56px;transition:all 0.4s;
}
.btnViewMore>span i{
	display:block;
	width:14px;height:9px;
	background:url(/images/main/more_arr2.png) no-repeat;
	position:absolute;right:0;top:50%;margin-top:-5px;
}
.btnViewMore:hover{transform:translateY(-5px);box-shadow:2px 2px 4px rgba(0,0,0,0.4);}
.btnViewMore:hover>span{color:#000;}
.btnViewMore:hover>span i{animation:arrAni 0.6s infinite alternate;}

@keyframes arrAni{
	0%{transform:translateX(0);}
	100%{transform:translateX(5px);}
}





/* sec5 */
.sec5{
	overflow:hidden;
	width:calc(100% - 30px);
	margin:0 auto;padding:150px 5% 0;
	box-sizing:border-box;
	border-radius:15px;
	background:url(/images/main/sec5_bg.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
.sec5 h3{margin-bottom: 30px;font-size:44px;color:#fff;font-weight:700;transition:all 0.2s;}
.sec5 p{font-size:17px;color:#fff;line-height:1.7em;transition:all 0.2s;}
.sec5 ul{
	display:flex;flex-wrap:wrap;
	position:relative;
	margin-top:160px;
}
.sec5 ul:before{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.4);
	position:absolute;left:0;bottom:0;
}
.sec5 ul li{
	position:relative;
	box-sizing:border-box;
	width:50%;
	padding:60px 2%;
	text-align:center;
	transition:all 1s;
}
.sec5 ul li:before{
	display:block;content:"";
	width:1px;height:100%;
	background:rgba(255,255,255,0.4);
	position:absolute;right:0;bottom:0;
}
.sec5 ul li .icon{
	position:relative;
	width:45px;height:45px;
	margin:0 auto;
}
.sec5 ul li .icon img{position:absolute;}
.sec5 ul li .icon img.li1_img1{right:0;bottom:0;}
.sec5 ul li .icon img.li1_img2{right:0;bottom:0;animation:iconAni1 3s infinite;}
.sec5 ul li .icon img.li2_img1{left:50%;bottom:0;transform:translateX(-50%);}
.sec5 ul li .icon img.li2_img2{left:50%;bottom:0;transform:translateX(-50%);animation:iconAni2 3s infinite;}
.sec5 ul li .icon img.li3_img1{left:50%;bottom:0;transform:translateX(-50%);}
.sec5 ul li .icon img.li3_img2{left:50%;bottom:0;transform:translateX(-50%);opacity:0;animation:iconAni3 5s infinite;}
.sec5 ul li .icon img.li3_img3{left:50%;bottom:0;transform:translateX(-50%);opacity:0;animation:iconAni3 5s infinite 1s;}
.sec5 ul li .icon img.li3_img4{left:50%;bottom:0;transform:translateX(-50%);opacity:0;animation:iconAni3 5s infinite 2s;}
.sec5 ul li .icon img.li4_img1{left:50%;bottom:0;transform:translate(-50%,0);animation:iconAni4 2s infinite;}
.sec5 ul li .tit{margin:30px 0 15px;font-family:"Wix Madefor Display";font-size:32px;color:#fff;font-weight:700;}
.sec5 ul li .txt{font-size:20px;color:#fff;font-weight:500;}



@keyframes iconAni1{
	0%{transform:rotate(0);}
	50%{transform:rotate(-180deg);}
	100%{transform:rotate(-360deg);}
}
@keyframes iconAni2{
	0%{transform:translateX(-50%) rotateY(0);}
	50%{transform:translateX(-50%) rotateY(-180deg);}
	100%{transform:translateX(-50%) rotateY(-360deg);}
}
@keyframes iconAni3{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes iconAni4{
	0%{transform:translate(-50%,0);}
	25%{transform:translate(-50%,5px);}
	50%{transform:translate(-50%,3px);}
	75%{transform:translate(-50%,5px);}
	100%{transform:translate(-50%,0);}
}





/* sec6 */
.sec6{
	overflow:hidden;
	padding:200px 5%;
	text-align:center;
}
.sec6 h2{font-family:"Wix Madefor Display";font-size:32px;color:#000;font-weight:600; margin-bottom: 50px;}
.sec6 .conwrap{display:flex;flex-wrap:wrap;}
.sec6 .conwrap>div{box-sizing:border-box;}
.sec6 .conwrap>div.media{
	width:47%;
	padding-right:3%;
	border-right:1px solid #aeb1b6;
	text-align:left;
}
.sec6 .conwrap>div.media .vod{overflow:hidden;border-radius:15px;position:relative;}
.sec6 .conwrap>div.media .vod>img{width:100%;}
.sec6 .conwrap>div.media .vod .btnPlay{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:99px;height:99px;
	background:url(/images/main/sec6_btn_vod.png) no-repeat;
}
.sec6 .conwrap>div.media .vod:hover .btnPlay{animation:btnPlayAni 1s infinite alternate;}
@keyframes btnPlayAni{
	0%{transform:translate(-50%,-50%) scale(1);}
	100%{transform:translate(-50%,-50%) scale(0.9);}
}
.sec6 .conwrap>div.media .cate{font-family:"Wix Madefor Display";margin:30px 0 10px;font-size:16px;color:#000;font-weight:700;}
.sec6 .conwrap>div.media .tit{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:21px;color:#000;font-weight:600;
}
.sec6 .conwrap>div.media .txt{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin:10px 0;
	font-size:17px;color:#666;font-weight:400;
}
.sec6 .conwrap>div.media .date{font-family:"Wix Madefor Display";font-size:16px;color:#666;font-weight:400;}
.sec6 .conwrap>div.news{width:53%;padding-left:3%;}
.sec6 .conwrap>div.news ul{display:flex;justify-content:space-between;}
.sec6 .conwrap>div.news ul li{width:47.5%;text-align:left;}
.sec6 .conwrap>div.news ul li .thumb{overflow:hidden;border-radius:15px;position:relative;}
.sec6 .conwrap>div.news ul li .thumb img{transform:scale(1.1);transition:all 0.6s;}
.sec6 .conwrap>div.news ul li:hover .thumb img{transform:scale(1);}
.sec6 .conwrap>div.news ul li .cate{font-family:"Wix Madefor Display";margin:30px 0 10px;font-size:16px;color:#000;font-weight:700;}
.sec6 .conwrap>div.news ul li .tit{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:21px;color:#000;font-weight:600;
}
.sec6 .conwrap>div.news ul li .txt{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:10px 0;
	font-size:17px;color:#666;font-weight:400;
}
.sec6 .conwrap>div.news ul li .date{font-family:"Wix Madefor Display";font-size:16px;color:#666;font-weight:400;}





/* sec7 */
.sec7{
	overflow:hidden;
	padding:15px;
	background:#eeeff4;
	text-align:center;
}
.sec7 .conwrap{
	box-sizing:border-box;
	padding:230px 5% 200px;
	border-radius:15px;
	background:url(/images/main/sec7_bg.jpg) no-repeat center;
	background-size:cover;
}
.sec7 h2{font-family:"Wix Madefor Display";font-size:30px;color:#fff;font-weight:600;}
.sec7 h3{font-family:"Wix Madefor Display";margin:30px 0 30px;font-size:40px;color:#fff;font-weight:700;}
.sec7 a{
	display:block;
	width:180px;height:60px;
	padding:0 20px;margin:0 auto;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:30px;
	
}
.sec7 a span{
	display:flex;align-items:center;justify-content:space-between;
	width:100%;height:100%;
	font-size:16px;color:rgba(255,255,255,0.9);
}
.sec7 a span i{
	display:inline-block;
	width:14px;height:9px;
	background:url(/images/main/more_arr.png) no-repeat;
}
.sec7 a:hover{transform:translateY(-5px);}
.sec7 a:hover span{color:#fff;}