@charset "utf-8";
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}
.innerwrap{max-width:1660px;width:94%;margin:0 auto;}
.section{width:100%;height:100vh;}



/**/
body #fp-nav{right:calc(3% + 0px) !important;}
body #fp-nav ul li{
    display: block;
    width:7px;height:7px;
    margin:20px 0px;
    position: relative;
}
body #fp-nav ul li.on{margin-bottom:50px;}
body #fp-nav ul li.on:after{
	display:block;content:"";
	width:1px;height:35px;
	background:rgba(255,255,255,0.4);
	position:absolute;left:50%;top:100%;
	margin:10px 0 0 -1px;
	transition:all 0.4s;
}
body #fp-nav ul li.on:nth-child(6):after{display:none;}
body #fp-nav ul li:last-child{display:none;}
body #fp-nav ul li a span,
body #fp-nav ul li:hover a span{
	position:static;display:block;width:100%;height:100%;margin:6px 0;border-radius:50%;background:0;
	border:1px solid #fff;
	opacity:0.6;
	transition:all 0.4s;
}
body #fp-nav ul li a.active span,
body #fp-nav ul li:hover a.active span{width:10px;height:10px;margin:0 0 0 -2px;border-radius:50%;background:#fff;transition:all 0.4s;}



/* visual */
.sec1{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
.sec1 .bg{
	overflow:hidden;
	position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1;
	width:100%;height:100%;
	transform:scale(1);transition:all 0.7s;
}
.sec1 .bg video{
	width:100%;height:100%;
	object-fit:cover;
}
.sec1 .txtwrap{
	position:absolute;left:0;top:50%;
	width:100%;
	transform:translateY(-50%);
	text-align:center;
}
.sec1 .txtwrap>div{max-width:1660px;width:100%;margin:0 auto;}
.sec1 .txtwrap>div .tit{
	font-family:"Poppins";font-size:27px;color:#fff;line-height:1.3em;
	text-shadow:1px 1px 5px rgba(0,0,0,0.1);
}
.sec1 .txtwrap>div .tit>.item{}
.sec1 .txtwrap>div .line{position:relative;width:100%;height:1px;margin:40px 0;}
.sec1 .txtwrap>div .line:before{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.5);
	position:absolute;left:0;top:0;
}
.sec1 .txtwrap>div .txt{font-size:64px;color:rgba(255,255,255,1);text-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.sec1 .scroll{
	position:absolute;left:50%;bottom:4vh;z-index:10;
	transform:translateX(-50%);
	font-family:"Montserrat";font-size:14px;color:#fff;text-align:center;
}
.sec1 .scroll .arr{margin-top:10px;animation:arrAni 0.6s infinite alternate;}
@keyframes arrAni{
	0%{transform:translateY(0px);}
	100%{transform:translateY(5px);}
}





/* sec2 */
.sec2{}
.sec2>div>div{display:flex;}
.sec2 h2{font-size:20px;color:#0f427d;font-weight:700;}
.sec2 h3{margin:20px 0 90px;font-size:42px;color:#111;font-weight:600;line-height:1.3em;}
.btnMore{
	display:block;
	position:relative;
	width:144px;
	padding:0 0 13px 0;
	font-family:"Montserrat";font-size:14px;color:#333;font-weight:600;
}
.btnMore .arr{
	position:absolute;right:0;top:5px;
	width:8px;height:8px;
	background:url(/images/common/more_arr.png) no-repeat;
	transition:all 0.24s;
}
.btnMore:before{
	display:block;content:"";
	width:100%;height:1px;
	background:#666;
	position:absolute;left:0;bottom:0;transition:all 0.24s;
}
.btnMore:after{
	display:block;content:"";
	width:100%;height:1px;
	background:#666;
	position:absolute;left:0;bottom:0;transition:all 0.24s;
}
.btnMore:hover .arr{transform:rotate(45deg);}
.btnMore:hover:after{bottom:5px;}

.sec2>div>div .titleArea{width:415px;padding-bottom:25vh;}
.sec2>div>div .listArea{position:relative;width:calc(100% - 415px);}
.sec2>div>div .listArea .btns{
	position:absolute;right:0;top:-90px;
	display:flex;
}
.sec2>div>div .listArea .btns>a{
	margin-left:10px;
	border:1px solid #ccc;border-radius:50%;
}
.sec2>div>div .listArea .sec2List{
	position:absolute;left:0;top:0;
	width:calc(100% + 6.8vw);
}
.sec2>div>div .listArea .sec2List .swiper-slide{width:365px;transition:opacity 0.4s;}
.sec2>div>div .listArea .sec2List .swiper-slide-active + .swiper-slide + .swiper-slide ~ .swiper-slide{opacity:0.5}
.sec2>div>div .listArea .sec2List .swiper-slide.empty{}
.sec2>div>div .listArea .sec2List .swiper-slide .thumb{overflow:hidden;border-radius:20px;}
.sec2>div>div .listArea .sec2List .swiper-slide .thumb img{transform:scale(1.1);transition:all 0.6s;}
.sec2>div>div .listArea .sec2List .swiper-slide:hover .thumb img{transform:scale(1);}
.sec2>div>div .listArea .sec2List .swiper-slide .cate{margin:25px 0 15px;}
.sec2>div>div .listArea .sec2List .swiper-slide .cate span{
	font-size:16px;color:#0f427d;font-weight:500;
	border-bottom:1px solid #0f427d;
}
.sec2>div>div .listArea .sec2List .swiper-slide .tit{
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
	font-size:22px;color:#000;font-weight:600;
}
.sec2>div>div .listArea .sec2List .swiper-slide .txt{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.6em;
	height: 3.2em;
	margin:10px 0 20px;
	font-size:18px;color:#666;
}
.sec2>div>div .listArea .sec2List .swiper-slide .date{font-family:"Montserrat";font-size:16px;color:rgba(0,0,0,0.6);font-weight:500;}





/* sec3 */
.sec3{
	padding-top:50px;
	background:#f9f9f9 url(/images/main/sec3_bg.png) no-repeat;
	background-size:cover;
}
.sec3 .titleArea{text-align:center;}
.sec3 .titleArea h3{margin:0 0 25px;font-size:42px;color:#111;font-weight:600;line-height:1.3em;}
.sec3 .titleArea p{font-family: "Pretendard";font-size:18px;color:#666;}
.sec3 .partners{position:relative;}
.sec3 .partners .btns{}
.sec3 .partners .btns a{display:inline-block;position:absolute;border:1px solid #ccc;border-radius:50%;}
.sec3 .partners .btns .sec3_prev{left:0;top:50%;margin-top:-55px;}
.sec3 .partners .btns .sec3_next{right:0;top:50%;margin-top:-55px;}
.sec3 .partners .sec3List{
	width:calc(100% - 110px - 110px);
	margin:70px auto 0;padding-bottom:30px;
}
.sec3 .partners .sec3List .swiper-slide{}
.sec3 .partners .sec3List .swiper-slide ul{display:flex;flex-wrap:wrap;}
.sec3 .partners .sec3List .swiper-slide ul li{
	overflow:hidden;
	width:18.4%;
	margin:0 2% 2% 0;
	border-radius:20px;
	box-shadow:1px 1px 10px rgba(0,0,0,0.1);
	height: 140px;
	background: #fff;
}
.sec3 .partners .sec3List .swiper-slide ul li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.sec3 .partners .sec3List .swiper-slide ul li:nth-child(5n){margin-right:0;}
.sec3 .partners .sec3List .sec3paging{bottom:0;}
.sec3 .partners .sec3List .sec3paging span{background:#000;}
.sec3 .partners .sec3List_m{display:none;}






/* sec4 */
.sec4{
	padding-top:50px;
	background:#f7f5ef;
}
.sec4 .titleArea{position:relative;width:calc(100% - 110px - 110px);margin:0 auto 4vh;}
.sec4 .titleArea h2{font-size:20px;color:#0f427d;font-weight:700;}
.sec4 .titleArea h3{margin:20px 0 10px;font-size:42px;color:#111;font-weight:600;line-height:1.3em;}
.sec4 .titleArea p{font-size:18px;color:#666;}
.sec4 .titleArea a{position:absolute;right:0;bottom:35px;}
.sec4 .business{position:relative;}
.sec4 .business .btns{}
.sec4 .business .btns a{display:inline-block;position:absolute;border:1px solid #ccc;border-radius:50%;}
.sec4 .business .btns .sec4_prev{left:0;top:50%;margin-top:-55px;}
.sec4 .business .btns .sec4_next{right:0;top:50%;margin-top:-55px;}
.sec4 .business .sec4List{
	width:calc(100% - 110px - 110px);
	margin:60px auto 0;padding:10px 0 30px;
}
.sec4 .business .sec4List .swiper-slide{}
.sec4 .business .sec4List .swiper-slide ul{display:flex;flex-wrap:wrap;}
.sec4 .business .sec4List .swiper-slide ul li{
	overflow:hidden;
	width:15.415%;
	margin:0 1.5% 1.5% 0;
	background:#0f427d;
	border-radius:20px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);transform:translateY(0);
	transition:all 0.24s;
}
.sec4 .business .sec4List .swiper-slide ul li:hover{transform:translateY(-10px);box-shadow:2px 2px 5px rgba(0,0,0,0.5);background:#fff;}
.sec4 .business .sec4List .swiper-slide ul li:nth-child(6n){margin-right:0;}
.sec4 .business .sec4List .swiper-slide ul li .tit{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:64px;
	font-size:20px;color:#fff;font-weight:600;text-align:center;
	transition:all 0.24s;
}
.sec4 .business .sec4List .swiper-slide ul li:hover .tit{color:#0f427d;}
.sec4 .business .sec4List .swiper-slide ul li .tit:after{
	display:block;content:"";
	width:21px;height:21px;
	border:1px solid rgba(255,255,255,0.4);border-radius:50%;
	background:url(/images/main/sec4_arr.png) no-repeat center;
	position:absolute;right:15px;top:15px;
	transition:all 0.24s;
}
.sec4 .business .sec4List .swiper-slide ul li:hover .tit:after{
	border:1px solid #19293b;
	background:#19293b url(/images/main/sec4_arr.png) no-repeat center;
}
.sec4 .business .sec4List .sec4paging{bottom:0;}
.sec4 .business .sec4List .sec4paging span{background:#000;}
.sec4 .business .sec4List_m, .sec4 .business .sec4List_m2{display:none !important;}
.sec4 .business .sec4List .swiper-slide ul li .img{overflow:hidden;}
.sec4 .business .sec4List .swiper-slide ul li .img img{max-width:100%;width:100%;max-height:162px;object-fit:cover;}



/* sec5 */
.sec5{
	padding-top:50px;
	background:#f9f9f9;
}
.sec5 .titleArea{position:relative;width:calc(100% - 110px - 110px);margin:0 auto 4vh;text-align:center;}
.sec5 .titleArea h2{font-size:20px;color:#0f427d;font-weight:700;}
.sec5 .titleArea h3{margin:20px 0 30px;font-size:42px;color:#111;font-weight:600;line-height:1.3em;}
.sec5 .titleArea p{font-family: "Pretendard"; font-size:18px;color:#666;line-height:1.6em;}
.sec5 ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.sec5 ul li{
	overflow:hidden;
	position:relative;
	border-radius:20px;
	width:24%;height:45vh;max-height:413.55px;
}
.sec5 ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transform:scale(1);
	transition:all 1s ease;
}
.sec5 ul li:hover .bg{transform:scale(1.1);}
.sec5 ul li:nth-child(1) .bg{background:url(/images/main/sec5_bg1.png) no-repeat center;background-size:cover;}
.sec5 ul li:nth-child(2) .bg{background:url(/images/main/sec5_bg2.png) no-repeat center;background-size:cover;}
.sec5 ul li:nth-child(3) .bg{background:url(/images/main/sec5_bg3.png) no-repeat center;background-size:cover;}
.sec5 ul li:nth-child(4) .bg{background:url(/images/main/sec5_bg4.png) no-repeat center;background-size:cover;}
.sec5 ul li .titArea{
	position:absolute;left:0;bottom:45px;
	width:100%;
	padding:0 39px;
	transition:all 0.4s;
}
.sec5 ul li:hover .titArea{bottom:55px;}
.sec5 ul li .titArea .icon{height:56px;}
.sec5 ul li .titArea h4{
	font-size:27px;color:#fff;font-weight:600;
}
.sec5 ul li .titArea h4:before{
	display:block;content:"";
	width:50px;height:1px;
	margin:0 0 15px 0;
	background:rgba(255,255,255,0.6);
}





/* sec6 */
.sec6{
	padding-top:90px;
	background:#f7f5ef;
}
.sec6 .toparea{
	width: 100%;
	padding-bottom: 3vh;
	border-bottom: 1px solid #ccc;
}
.sec6 .toparea h3{font-size:42px;color:#111;font-weight:700;line-height:1.3em; text-align: center;}
.sec6 .toparea ul{display:flex;justify-content: center; margin:40px 0 0;}
.sec6 .toparea ul li{margin-right:15px;}
.sec6 .toparea ul li a{
	display:flex;align-items:center;justify-content:center;
	height:50px;
	padding:0 35px;
	border:1px solid #b5b3af;border-radius:25px;
	font-size:18px;color:#1f1f1f;font-weight:600;text-align:center;	
	transition:all 0.24s;
}
.sec6 .toparea ul li:hover a{border:1px solid #19293b;background:#19293b;color:#fff;}
.sec6 .toparea ul li a i{
	display:inline-block;
	margin:0 10px 0 0;
	transition:all 0.24s;
}
.sec6 .toparea ul li:nth-child(1) a i{width:20px;height:20px;background:url(/images/main/sec6_icon1.png) no-repeat;}
.sec6 .toparea ul li:nth-child(2) a i{width:22px;height:21px;background:url(/images/main/sec6_icon2.png) no-repeat;}
.sec6 .toparea ul li:nth-child(3) a i{width:20px;height:20px;background:url(/images/main/sec6_icon3.png) no-repeat;}
.sec6 .toparea ul li:nth-child(4) a i{
	width:25px;height:20px;margin:-4px 10px 0 0;
	background:url(/images/main/sec6_icon4.png) no-repeat;
}
.sec6 .toparea ul li:hover:nth-child(1) a i{background:url(/images/main/sec6_icon1_hover.png) no-repeat;}
.sec6 .toparea ul li:hover:nth-child(2) a i{background:url(/images/main/sec6_icon2_hover.png) no-repeat;}
.sec6 .toparea ul li:hover:nth-child(3) a i{background:url(/images/main/sec6_icon3_hover.png) no-repeat;}
.sec6 .toparea ul li:hover:nth-child(4) a i{background:url(/images/main/sec6_icon4_hover.png) no-repeat;}



.sec6 .botarea{
	margin-top: 3vh;
	display: flex;
	justify-content: space-between;
}
.sec6 .botarea .mapwrap{
	width: 48%;
}
.sec6 .botarea .mapwrap .tit{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px;
}
.sec6 .botarea .mapwrap .map{
	width: 100%;
	height: 23vh;
	max-height: 290px;
}
.sec6 .botarea .mapwrap .info{
	margin-top: 30px;
}
.sec6 .botarea .mapwrap .info dl{
	display:flex;
	padding-left:30px;margin-bottom:10px;
}
.sec6 .botarea .mapwrap .info dl:nth-child(1){background:url(/images/main/sec6_contact_icon1.gif) no-repeat left 4px;}
.sec6 .botarea .mapwrap .info dl:nth-child(2){background:url(/images/main/sec6_contact_icon2.gif) no-repeat left 3px;}
.sec6 .botarea .mapwrap .info dl:nth-child(3){background:url(/images/main/sec6_contact_icon3.gif) no-repeat left 8px;}
.sec6 .botarea .mapwrap .info dl:last-child{margin-bottom:0px;background:url(/images/main/sec6_contact_icon4.gif) no-repeat left 8px;}
.sec6 .botarea .mapwrap .info dl dt{
	position: relative;
	width:calc(100% - 420px);
	font-family:"Poppins";
	font-size:19px;
	color:#000;
	font-weight:500;
	line-height:1.4em;
}
.sec6 .botarea .mapwrap .info dl dt:before{
	content:"";
	position:absolute;
	left:110px;top:50%;
	transform: translateY(-50%);
	width:calc(100% - 110px);
	height:1px;
	background:#d2d0cb;
	
}
.sec6 .botarea .mapwrap .info dl dd{
	width:420px;
	padding-left:30px;
	box-sizing: border-box;
	font-size:19px;color:rgba(27,27,27,0.8);font-weight:400;line-height:1.4em;
}




/* sec7 */
.sec7{height:180px;background:#f7f6f3;}





/**/
.head{transform:translateY(-100%);}
.head.ani{transform:translateY(0);transition:all 1s 1.8s;}

.sec1 .txtwrap>div .line:before{transform-origin:left;transform:scaleX(0);transition:all 1s;}
.sec1.ani .txtwrap>div .line:before{transform:scaleX(1);transition:all 2s linear;}
.sec1 .txtwrap>div .txt{opacity:0;transform:translateY(40px);}
.sec1.ani .txtwrap>div .txt{opacity:1;transform:translateY(0);transition:all 1s 1.6s;}
.sec1 .txtwrap>div .tit{perspective:800px;}
.sec1 .txtwrap>div .tit>.item{display:inline-block;opacity:0;transform:translateY(80px) scale(1.15);}
.sec1.ani .txtwrap>div .tit>.item{opacity:1;transform:translateY(0) scale(1);}
.sec1.ani .txtwrap>div .tit>.item:nth-child(1){transition:all 1s 0.5s;}
.sec1.ani .txtwrap>div .tit>.item:nth-child(3){transition:all 1s 1s;}
.sec1.ani .txtwrap>div .tit>.item:nth-child(4){transition:all 1s 1.5s;}

.sec2 h2{opacity: 0; transform: translateY(80px); transition: all 0.9s 0.2s;}
.sec2 h3{opacity: 0; transform: translateY(80px); transition: all 0.9s 0.3s;}
.sec2 .btnMore{opacity: 0; transform: translateY(80px); transition: all 0.9s 0.4s;}

.sec2.ani h2{opacity: 1; transform: translateY(0);transition: all 0.9s 0.2s;transition-delay:0.2s;}
.sec2.ani h3{opacity: 1; transform: translateY(0); transition: all 0.9s 0.35s;transition-delay:0.35s;}
.sec2.ani .btnMore{opacity: 1; transform: translateY(0);transition: all 0.9s 0.5s;transition-delay:0.5s;}

.sec2>div>div .listArea .sec2List .swiper-slide:nth-child(1){opacity: 0 !important; transform: translateX(-80px); transition: all 1s 0.7s;}
.sec2>div>div .listArea .sec2List .swiper-slide:nth-child(2){opacity: 0 !important; transform: translateX(-80px); transition: all 1s 0.8s;}
.sec2>div>div .listArea .sec2List .swiper-slide:nth-child(3){opacity: 0 !important; transform: translateX(-80px); transition: all 1s 0.9s;}
.sec2>div>div .listArea .sec2List .swiper-slide:nth-child(4){opacity: 0 !important; transform: translateX(-80px); transition: all 1s 1s;}

.sec2.ani>div>div .listArea .sec2List .swiper-slide{opacity: 1 !important; transform: translateX(0);}


.sec3 .titleArea h3{opacity: 0; transform: translateY(60px); transition: all 1.2s 0.2s;}
.sec3 .titleArea p{opacity: 0; transform: translateY(60px); transition: all 1.2s 0.3s;}
.sec3 .partners{opacity: 0; transform: translateY(80px); transition: all 1.2s 0.4s;}

.sec3.ani .titleArea h3{opacity: 1; transform: translateY(0);transition: all 1.2s 0.2s;}
.sec3.ani .titleArea p{opacity: 1; transform: translateY(0);transition: all 1.2s 0.4s;}
.sec3.ani .partners{opacity: 1; transform: translateY(0);transition: all 1.2s 0.6s;}

.sec3 .partners .sec3List .swiper-slide ul li:hover img{
transform:scale(1.05);
transition: all 0.6s ease;
}
.sec3 .partners .sec3List .swiper-slide ul li img{transition: all 0.6s ease;}

.sec4 .titleArea{opacity: 0; transform: translateY(80px); transition: all 1s 0.2s;}
.sec4 .titleArea h2{opacity: 0; transform: translateY(80px); transition: all 1s 0.3s;}
.sec4 .titleArea h3{opacity: 0; transform: translateY(80px); transition: all 1s 0.5s;}
.sec4 .titleArea p{opacity: 0; transform: translateY(80px); transition: all 1s 0.7s;}
.sec4 .business{opacity: 0; transform: translateY(90px); transition: all 1.2s 0.9s;}

.sec4.ani .titleArea{opacity: 1; transform: translateY(0);}
.sec4.ani .titleArea h2{opacity: 1; transform: translateY(0);}
.sec4.ani .titleArea h3{opacity: 1; transform: translateY(0);}
.sec4.ani .titleArea p{opacity: 1; transform: translateY(0);}
.sec4.ani .business{opacity: 1; transform: translateY(0);}


.sec5 .titleArea h2{opacity: 0; transform: translateY(80px); transition: all 1.3s 0.2s;}
.sec5 .titleArea h3{opacity: 0; transform: translateY(80px); transition: all 1.3s 0.4s;}
.sec5 .titleArea p{opacity: 0; transform: translateY(80px); transition: all 1.3s 0.6s;}

.sec5.ani .titleArea h2{opacity: 1; transform: translateY(0);}
.sec5.ani .titleArea h3{opacity: 1; transform: translateY(0);}
.sec5.ani .titleArea p{opacity: 1; transform: translateY(0);}

.sec5 ul li:nth-child(1){opacity: 0; transform: translateY(50px); transition: all 1.2s 0.5s;}
.sec5 ul li:nth-child(2){opacity: 0; transform: translateY(50px); transition: all 1.2s 0.6s;}
.sec5 ul li:nth-child(3){opacity: 0; transform: translateY(50px); transition: all 1.2s 0.7s;}
.sec5 ul li:nth-child(4){opacity: 0; transform: translateY(50px); transition: all 1.2s 0.8s;}

.sec5.ani ul li{opacity: 1; transform: translateY(0);}


.sec5 ul li:hover .titArea .icon img{
	display: inline-block;
	animation: float 0.7s infinite alternate;
}
.sec5 ul li:hover .titArea .icon svg{
	display: inline-block;
	animation: float 0.7s infinite alternate;
}
@keyframes float {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-5px);
	}
}

.sec6 .toparea h3{opacity:0;transform:translateX(-80px);}
.sec6 .toparea ul li{opacity:0;transform:translateY(80px);}
.sec6 .toparea dl{opacity:0;transform:translateX(80px);}
.sec6 .maparea{opacity:0}

.sec6.ani .toparea h3{opacity:1;transform:translateX(0px);transition:all 1s 0.2s;}
.sec6.ani .toparea ul li{
	opacity:1;transform:translateY(0px);transition:all 1s 0.5s;
}
.sec6.ani .toparea ul li:nth-child(2){opacity:1;transform:translateY(0px);transition:all 1s 0.6s;}
.sec6.ani .toparea ul li:nth-child(3){opacity:1;transform:translateY(0px);transition:all 1s 0.7s;}
.sec6.ani .toparea ul li:nth-child(4){opacity:1;transform:translateY(0px);transition:all 1s 0.8s;}
.sec6.ani .toparea dl{opacity:1;transform:translateX(0px);transition:all 1.2s 0.7s;}
.sec6.ani .toparea dl:nth-child(2){opacity:1;transform:translateX(0px);transition:all 1s 0.8s;}
.sec6.ani .toparea dl:nth-child(3){opacity:1;transform:translateX(0px);transition:all 1s 0.9s;}
.sec6.ani .toparea dl:nth-child(4){opacity:1;transform:translateX(0px);transition:all 1s 1s;}
.sec6.ani .maparea{
	animation-name: fadeUp;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.8s;
}
/*241004 svg motion*/
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 60px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeDown{
0%{transform:translate3d(0%, -60px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}

.sec5 ul li .titArea .icon .svg1{width:45px;}
.sec5 ul li .titArea .icon .svg2{width:46px;}
.sec5 ul li .titArea .icon .svg3{width:42px;}
.sec5 ul li .titArea .icon .svg4{width:46px;}

.sec5 .svg1 .cls-1{fill:none;}
.sec5 .svg1 .rect{fill:#fff;stroke:#fff;stroke-miterlimit:10;}
.sec5 .svg1 .rect{stroke-width:0.4px;}
.sec5 .svg1 .line{stroke-miterlimit:10;stroke:#fff;stroke-linecap:round;stroke-width:1.8px;}

.sec5 .svg1 .rect{opacity:0;}
.sec5 .svg1 .line{opacity:0;}
.sec5.ani .svg1 .rect{animation-name: fadeImgLeft;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.7s;}
.sec5.ani .svg1 .line{
animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.8s;
}
.sec5.ani .svg1 .line2{animation-delay:1s;}
.sec5.ani .svg1 .line3{animation-delay:1s;}
.sec5.ani .svg1 .line4{animation-duration: 0.9s;animation-delay:1.3s;}

.sec5 .svg2 .cls-1{fill:none;}
.sec5 .svg2 .path{fill:#fff;stroke-width:0.25px;}
.sec5 .svg2 .path, .sec5 .svg2 .center{stroke:#fff;stroke-miterlimit:10;}
.sec5 .svg2 .center{fill:none;stroke-width:2px;}

.sec5 .svg2 .path{opacity:0;}
.sec5 .svg2 .center{stroke-dashoffset:72.36776733398438;stroke-dasharray:72.36776733398438;}

@keyframes svg2_center_ani{
	0%{}
	100%{
		stroke-dashoffset:0;
	}
}

.sec5.ani .svg2 .bottom1{
animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1s;
}
.sec5.ani .svg2 .bottom2{
animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1.1s;
}
.sec5.ani .svg2 .circle{
animation-name: fadeImgLeft;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1.2s;
}
.sec5.ani .svg2 .right{
animation-name: fadeImgLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1.25s;
}
.sec5.ani .svg2 .right2{
animation-name: fadeImgLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1.25s;
}
.sec5.ani .svg2 .center{
animation-name:svg2_center_ani;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1.3s;
}

.sec5 .svg3 .cls-1{fill:none;}
.sec5 .svg3 .cls-2{fill:#fff;stroke:#fcfcfc;stroke-width:0.7px;}
.sec5 .svg3 .cls-2, .sec5 .svg3 .circle{stroke-miterlimit:10;}
.sec5 .svg3 .circle{fill:none;stroke:#fff;stroke-width:2.5px;}

.sec5 .svg3 .circle{
stroke-dashoffset: 66.73443603515625;
stroke-dasharray: 66.73443603515625;
}
@keyframes svg3_circle_ani{
	0%{stroke-dashoffset: 66.73443603515625;}
	100%{
		stroke-dashoffset:0;
	}
}
.sec5 .svg3 .bottom,
.sec5 .svg3 .top{opacity:0;}
.sec5.ani .svg3 .bottom{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1.3s;
}
.sec5.ani .svg3 .top{
animation-name: fadeDown;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1.3s;
}
.sec5.ani .svg3 .circle{
animation-name:svg3_circle_ani;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1.8s;
}

.sec5 .svg4 .cls-1{fill:none;}
.sec5 .svg4 .phead, .sec5 .svg4 .pbody{fill:none;stroke:#fff;stroke-miterlimit:10;}
.sec5 .svg4 .phead{
/* 	stroke-dasharray:71.00924682617188;
	stroke-dashoffset:71.00924682617188; */
	opacity:0;
}
.sec5 .svg4 .pbody{
	/* stroke-dasharray:158.12472534179688;
	stroke-dashoffset:158.12472534179688; */
	opacity:0;
}
.sec5 .svg4 .arrow2{fill:#fff;}
.sec5 .svg4 .arrow{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;
stroke-dasharray:113.80432891845703;
stroke-dashoffset:113.80432891845703;
}



.sec5.ani .svg4 .arrow{
animation-name: drawSvg;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:1.5s;
}
.sec5.ani .svg4 .phead,
.sec5.ani .svg4 .pbody{
animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:2.2s;
}
.sec5 .svg4 .arrow2{opacity:0;}
.sec5.ani .svg4 .arrow2{
	animation-name: fadeIn;animation-duration: 0.4s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:2.2s;
}


@keyframes drawSvg{
	100%{
		stroke-dashoffset:0;
	}
}


.sec5 ul li .titArea .icon .tm_view{display: none !important;}
.sec5 ul li .titArea .icon .pc_view{}

/*241007 추가*/
.sec3 .partners .sec3List .swiper-slide ul li{opacity:0;transform:translateY(40px);}
.sec3.ani .partners .sec3List .swiper-slide ul li{
opacity:1;transition:transform 1.2s ease-in-out;transition-delay:0.7s;
transform:translateY(0px);
}
.sec3.ani .partners .sec3List .swiper-slide ul li{}
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(2),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(3),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(4),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(5){transition-delay:0.7s;}
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(6),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(7),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(8),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(9),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(10){transition-delay:0.9s;}
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(11),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(12),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(13),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(14),
.sec3.ani .partners .sec3List .swiper-slide ul li:nth-child(15){transition-delay:1.1s;}

.sec4 .business .sec4List .swiper-slide ul li{opacity:0;transform:translateY(40px);}
.sec4.ani .business .sec4List .swiper-slide ul li{
opacity:1;transition:transform 1.2s ease-in-out;transition-delay:0.7s;
transform:translateY(0px);
}
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(2),
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(3),
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(4),
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(5),
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(6){
transition-delay:0.7s;
}
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(7),
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(8),
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(9),
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(10),
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(11),
.sec4.ani .business .sec4List .swiper-slide ul li:nth-child(12){
transition-delay:0.9s;
}