@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout[main] | Contents[main]
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2021.05.03 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2021.05.03
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* ◇◆ Layout[main] ◇◆◇◆◇◆◇◆◇◆ */

/* 공통 */

@media all and (max-width:1259px){
	#head {z-index:100;position:absolute;top:0;left:0;width:100%;
		background:#fff;
	}
}


#wrap>.container {max-width:none;}
#body {font-size:16px;}
@media all and (max-width:1399px){
	#body {font-size:15px;}
}
@media all and (max-width:999px){
	#body {font-size:14px;}
}
@media all and (max-width:767px){
	#body {font-size:13px;}
	[id*=mainbody] .h1 {font-size:2em}
}
@media all and (max-width:599px){
	#body {font-size:12px;}
}


[id*="mainbody"]{position:relative;background:url() no-repeat  50% 0 / cover;}
[id*="mainbody"] .container{max-width:1600px;margin:0 auto;padding:150px 0}
[id*="mainbody"] h2.h1{padding:0;margin:0 0 30px;
	color:#fff;
	font-family:"GimhaeGaya", sans-serif;
	text-align:center;
	font-size:60px;
}
[id*="mainbody"] p.h1p1{padding:0;margin:0;
	color:#fff;
	text-align:center;
	font-size:18px;
}
@media all and (max-width:1259px){
	[id*="mainbody"] .container{padding:50px 0}
}


/* mainbody1 */
#mainbody1{background:#5e4024}

#vpr1 {position:relative;width:100%;height:100%;}
#vpr1 .datalist{width:100%;height:100%;}
#vpr1 .datalist div{width:100%;height:100%;}
#vpr1 .datalist .item{position:relative;background:url() no-repeat 0 0 /cover}
#vpr1 .datalist .item:before{content:'';
	display:block;
	position:absolute;left:50%;top:300px;
	width:942px;height:296px;
	margin-left:-791px;
	background:url(../../img/main/mainbody1_t1.png) no-repeat 0 0 / contain;
}
#vpr1 .datalist .m1{background-image:url(../../img/main/mainbody1_p1.jpg)}
#vpr1 .datalist .m2{background-image:url(../../img/main/mainbody1_p2.jpg)}
#vpr1 .datalist .m3{background-image:url(../../img/main/mainbody1_p3.jpg)}

#vpr1 .menu{z-index:100;position:absolute;left:30px;right:0;top:250px;
	margin:0 auto;
	width:1600px;
}
#vpr1 .progressbar{display:inline-block;
	width:200px;height:3px;
	background:rgba(255,255,255,0.5);
	vertical-align:top;
	margin:14px 0 0;
}
#vpr1 .progressbar .slide-progress{width:0;height:100%;background:#fff;/*animation:progress1 5s alternate ease-out;*/}
#vpr1 .mPage{display:inline-block;color:#fff;vertical-align:top;margin:4px 0 0;font-size:16px;}
#vpr1 .menu .m{display:inline-block;
	position:relative;
	border:0;background:transparent;
	width:30px;height:30px;
	margin:0;
	vertical-align:top;
}
#vpr1 .menu .m:before{content:'';
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;
	margin:-15px;
	background:url() no-repeat 0 0 /contain;
}
#vpr1 .menu .m.prev:before{background-image:url(../../img/lib/ic60a1left1.png)}
#vpr1 .menu .m.next:before{background-image:url(../../img/lib/ic60a1right1.png)}
#vpr1 .menu .m.play:before{margin:-10px;width:20px;height:20px;background-image:url(../../img/lib/ic40a2play2.png)}
#vpr1 .menu .m.stop:before{margin:-10px;width:20px;height:20px;background-image:url(../../img/lib/ic40a2pause2.png)}
@media all and (max-width:1599px){
	#vpr1 .menu{width:1200px;}
	#vpr1 .menu{top:20%;}
	#vpr1 .datalist .item:before{margin-left:-590px;top:30%;transform:scale(0.8);transform-origin:0 0}
}
@media all and (max-width:1259px){
	#vpr1{padding-top:75px;}
	#vpr1 .datalist .item{width:100%;height:0;padding-top:57.3%}
	#vpr1 .menu{width:100%;left:20px;}
	#vpr1 .datalist .item:before{top:17%;margin:0;left:20px;}
}
@media all and (max-width:929px){
	#vpr1 .datalist .item:before{transform:scale(0.5)}
}
@media all and (max-width:699px){
	#vpr1 .datalist .item:before{top:20%;transform:scale(0.4)}
	#vpr1 .menu{top:25%;}
}
@media all and (max-width:589px){
	#vpr1 .datalist .item:before{top:25%;transform:scale(0.3)}
	#vpr1 .menu{top:30%;}
	#vpr1 .progressbar{width:150px}
}
@keyframes progress1 {
	100% {width:100%}
}



#menu1{z-index:100;position:absolute;left:0;right:0;bottom:11%;width:1600px;margin:0 auto;}
#menu1 ul{text-align:right;}
#menu1 li{display:inline-block;}
#menu1 li a{display:block;
	position:relative;
	box-sizing:border-box;
	width:200px;height:60px;
	line-height:60px;
	color:#fff;
	font-size:20px;
	padding:0 20px;
	margin-left:40px;
	text-align:left;
	/*border:1px solid rgba(255, 255, 255, 0.5);*/
}
#menu1 li a [class*="bar"]{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border:solid rgba(255,255,255,0.5);
	border-width:0;
	transition:.2s;
}
#menu1 li a .bar1{bottom:auto;border-top-width:1px;}
#menu1 li a .bar2{right:auto;border-left-width:1px;}
#menu1 li a .bar3{top:auto;border-bottom-width:1px;}
#menu1 li a .bar4{bottom:50%;border-right-width:1px;}
#menu1 li a .bar5{top:50%;border-right-width:1px;}
#menu1 li a:before{content:'';
	display:inline-block;
	width:30px;height:30px;
	vertical-align:top;
	margin:15px 5px 0 0;
	background:url() no-repeat 0 0 / contain;
}
#menu1 li.m1 a:before{background-image:url(../../img/main/menu1_p1.png)}
#menu1 li.m2 a:before{background-image:url(../../img/main/menu1_p2.png)}
#menu1 li.m3 a:before{background-image:url(../../img/main/menu1_p3.png)}
#menu1 li.m4 a:before{background-image:url(../../img/main/menu1_p4.png)}
#menu1 li a:after{content:'';display:block;
	visibility:hidden;
	position:absolute;right:0;top:50%;
	margin:-15px 0 0;
	width:30px;height:30px;
	background:url(../../img/main/arrow.png) no-repeat;
	transition:.2s ease;
}
#menu1 li a:hover [class*="bar"],
#menu1 li a:focus[class*="bar"]{border-color:#fff;}
#menu1 li a:hover .bar1,
#menu1 li a:focus .bar1{border-top-width:2px;}
#menu1 li a:hover .bar2,
#menu1 li a:focus .bar2{border-left-width:2px;}
#menu1 li a:hover .bar3,
#menu1 li a:focus .bar3{border-bottom-width:2px;}
#menu1 li a:hover .bar4,
#menu1 li a:focus .bar4{bottom:75%;border-right-width:2px;}
#menu1 li a:hover .bar5,
#menu1 li a:focus .bar5{top:75%;border-right-width:2px;}
#menu1 li a:hover:after,
#menu1 li a:focus:after{visibility:visible;right:-15px;}
@media all and (max-width:1599px){
	#menu1{width:1200px;}
}
@media all and (max-width:1256px){
	#menu1{left:auto;right:20px;bottom:5%;width:200px;}
	#menu1 li{display:block;}
	#menu1 li a{margin:0 0 5px;}
}
@media all and (max-width:649px){
	#menu1{position:static;
		width:100%;
		box-sizing:border-box;
		padding:20px;
		overflow:hidden;
	}
	#menu1 li{float:left;box-sizing:border-box;width:33.333%;padding:0 5px}
	#menu1 li a{width:100%;font-size:16px;}

}
@media all and (max-width:489px){
	#menu1{padding:10px;}
	#menu1 li{float:left;box-sizing:border-box;width:33.333%;padding:0 5px}
	#menu1 li a{font-size:14px;padding:0 10px;}
	#menu1 li a:before{width:20px;height:20px;margin-top:20px;}

}




/* mainbody2 */
#mainbody2{background-image:url(../../img/main/mainbody2_bg.jpg)}
#mainbody2>.container{position:relative;box-sizing:border-box;padding-left:180px;}
#mainbody2 .hg1{display:block;position:absolute;left:790px;top:180px}
#mainbody2 h2.h1{text-align:left;color:#000}
#mainbody2 p.h1p1{text-align:left;color:#000}
#mainbody2 .mView{z-index:0;
	position:relative;
	width:100%;
	height:630px;
	margin:0 auto;
	overflow:hidden;
}
#mainbody2 .mCont{position:relative;width:100%;height:100%;}
#mainbody2 .mContC{display:block;
	position:absolute;left:0;
	top:0 !important; /* ☆ 창조절시 JS에서 값 변경되는거 방지 */
	width:390px;
	height:290px;
	border-radius:30px 0 30px 0;
	margin:310px 0 0;
	overflow:hidden;
	transition:.5s ease
}
#mainbody2 .mContC .c{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
}
#mainbody2 .mContC .f1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
#mainbody2 .mContC .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
}
#mainbody2 .mContC img{width:100%;height:auto;}
#mainbody2 .mContC .text{display:block;
	position:absolute;left:0;bottom:10px;
	box-sizing:border-box;
	padding:50px 0 0 50px;
}
#mainbody2 .mContC .text>.t1{display:none;
	color:#fff;
	font-size:20px;
}
#mainbody2 .mContC .text>.t2{display:block;
	color:#fff;
	font-size:30px;
	margin:0 0 20px;
	font-family:"GimhaeGaya", sans-serif;
	font-weight:600;
	/* font-family: 'Noto Serif KR', serif; */
}
#mainbody2 .mContC .text .more{display:none;position:relative;
	box-sizing:border-box;
	width:140px;
	color:#000;
	background:#fff;
	border-radius:20px;
	font-size:15px;
	padding:10px 0 10px 20px;
}
#mainbody2 .mContC .text .more:before{content:'';
	display:block;
	position:absolute;right:15px;top:50%;
	width:20px;height:20px;
	margin:-10px 0 0;
	background:url(../../img/lib/ic40a3c1plus1.png) no-repeat 0 0 / contain;
}
#mainbody2 .mContC.off{
	visibility:hidden;
	opacity:0;
	transition:.0s; /* ☆ 아래로 지나가는거 바로 감춤 */
}
#mainbody2 .mContC.on{width:514px;height:600px;margin:0 95px 0 0;box-shadow:10px 10px 20px 0px rgba(0,0,0,0.3);}
#mainbody2 .mContC.on .c{margin:0;}
#mainbody2 .mContC.on .text{left:0;right:0;bottom:0;top:0;box-sizing:border-box;padding:50px 0 0 50px;}
#mainbody2 .mContC.on .text>.t1{display:block;}
#mainbody2 .mContC.on .text>.t2{font-size:40px;}
#mainbody2 .mContC.on .text .more{display:block;}
#mainbody2 .mContC.prev-on,
#mainbody2 .mContC.prev2-on,
#mainbody2 .mContC.prev3-on,
#mainbody2 .mContC.prev4-on{
	visibility:visible;
	opacity:1;
	/* margin-left:-25px; */
	transition:.6s;
}
#mainbody2 .mContC.next-on,
#mainbody2 .mContC.next2-on,
#mainbody2 .mContC.next3-on,
#mainbody2 .mContC.next4-on{
	visibility:visible;
	opacity:1;
	/* margin-left:25px; */
	transition:.6s;
}
#mainbody2 .mContC.next-on{left:610px !important;}
#mainbody2 .mContC.prev-on{z-index:-1;left:1028px !important;}
#mainbody2 .menu{z-index:100;position:absolute;left:610px;top:250px;}
#mainbody2 .menu .m{display:inline-block;
	background:transparent;
	position:relative;
	font-size:0;
	width:40px;height:40px;
	opacity:0.5;
	border-radius:100%;
	border:1px solid #000;
	margin-right:3px;
}
#mainbody2 .menu .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat 0 0 /contain;
}
#mainbody2 .menu .m.prev:before{background-image:url(../../img/lib/ic60a1left2.png)}
#mainbody2 .menu .m.next:before{background-image:url(../../img/lib/ic60a1right2.png)}
#mainbody2 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause1.png)}
#mainbody2 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play1.png)}
#mainbody2 .menu .m.stop.on{display:none;}
#mainbody2 .menu .m.play{display:inline-block;}
#mainbody2 .menu .m.stop{display:inline-block;}
#mainbody2 .menu .m.play.on{display:none;}
#mainbody2 .menu .m:hover,
#mainbody2 .menu .m:focus,
#mainbody2 .menu .m.on{opacity:1}
@media all and (max-width:1256px){
	#mainbody2>.container{padding:50px 0 20px 50px}
	#mainbody2 .hg1{position:static;margin:0 0 50px 35%;}
	#mainbody2 .menu{left:auto;right:20px;top:300px}
	#mainbody2 .mContC{margin-top:150px;}
	#mainbody2 .mContC.next-on{left:560px;}
}
@media all and (max-width:767px){
	#mainbody2>.container{padding:50px 20px;}
	#mainbody2 .hg1{margin:0 0 50px 0;}
	#mainbody2 h2.h1{text-align:center;}
	#mainbody2 p.h1p1{text-align:center;}
	#mainbody2 .menu{position:static;text-align:center;margin:0 0 20px}
	#mainbody2 .mView{width:514px;height:600px;margin:0 auto;}
	#mainbody2 .mContC.on{box-shadow:none;}
}
@media all and (max-width:554px){
	#mainbody2 p.h1p1{padding:0 30px;word-break:keep-all;}
	#mainbody2 p.h1p1 br{display:none;}
	#mainbody2 .mView{width:320px;height:374px;}
	#mainbody2 .mContC.on{width:320px;height:374px;}
	#mainbody2 .mContC.on .text{padding:35px 0 0 35px;}
	#mainbody2 .mContC .text>.t1{font-size:15px;}
	#mainbody2 .mContC .text>.t2{font-size:30px;}
	#mainbody2 .mContC .text .more{font-size:14px;}
}

/* mainbody3 */
#mainbody3{background-image:url(../../img/main/mainbody3_bg.jpg)}
#mainbody3 .datalist{max-width:1430px;margin:90px auto 0;}
#mainbody3 .item{background:#fff;
	border-radius:0 30px 0 0;
	overflow:hidden;
}
#mainbody3 .owl-item:nth-child(odd){}
#mainbody3 .item a{display:block;}
#mainbody3 .item .t1{
	box-sizing:border-box;
	width:100%;height:160px;
	padding:30px;
}
#mainbody3 .item .t1 .t1h1{display:block;color:#000;font-size:24px;margin-bottom:15px;}
#mainbody3 .item .t1 .t1p1{display:block;color:#333;font-size:16px;word-break:keep-all;}
#mainbody3 .menu{display:none;}
@media all and (max-width:1599px){
	#mainbody3 .datalist{box-sizing:border-box;padding:0 20px;}
	#mainbody3 .menu{display:block;text-align:center;margin-top:20px;}
	#mainbody3 .menu .m{display:inline-block;
		background:transparent;
		position:relative;
		font-size:0;
		width:40px;height:40px;
		opacity:0.8;
		border-radius:100%;
		border:1px solid #fff;
		margin:5px;
	}
	#mainbody3 .menu .m:before{content:'';
		display:block;position:absolute;left:50%;top:50%;
		width:20px;height:20px;
		margin:-10px;
		background:url() no-repeat 0 0 /contain;
	}
	#mainbody3 .menu .m.prev:before{background-image:url(../../img/lib/ic60a1left1.png)}
	#mainbody3 .menu .m.next:before{background-image:url(../../img/lib/ic60a1right1.png)}
	#mainbody3 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause2.png)}
	#mainbody3 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play2.png)}
	#mainbody3 .menu .m.stop.on{display:none;}
	#mainbody3 .menu .m.play{display:inline-block;}
	#mainbody3 .menu .m.stop{display:inline-block;}
	#mainbody3 .menu .m.play.on{display:none;}
	#mainbody3 .menu .m:hover,
	#mainbody3 .menu .m:focus,
	#mainbody3 .menu .m.on{opacity:1}
}
@media all and (max-width:1259px){
	#mainbody3 .datalist{margin:50px 0 0;}
}



/* mainbody4 */
#mainbody4{background-image:url(../../img/main/mainbody4_bg.jpg)}
#mainbody4 .datalist{max-width:1430px;margin:90px auto 0;}
#mainbody4 .item{background:#fff;
	border-radius:0 30px 0 0;
	overflow:hidden;
}
#mainbody4 .item .t1{
	box-sizing:border-box;
	width:100%;height:230px;
	padding:30px;
}
#mainbody4 .item .t1 .t1h1{display:block;color:#000;font-size:24px;margin-bottom:15px;letter-spacing:-1px;white-space:nowrap;}
#mainbody4 .item .t1 .t1p1{display:block;height:45px;margin-bottom:30px;color:#333;font-size:16px;word-break:keep-all;}
#mainbody4 .item .t1 .more{display:block;position:relative;
	width:140px;
	box-sizing:border-box;
	border:1px solid #ee2e24;
	color:#ee2e24;
	padding:8px 20px;
	border-radius:20px;
	transition:.2s;
}
#mainbody4 .item .t1 .more:before,
#mainbody4 .item .t1 .more:after{content:'';
	display:block;position:absolute;
	background:#ee2e24;
	transition:.2s;
}
#mainbody4 .item .t1 .more:before{
	right:20px;top:50%;
	margin:-1.5px 0 0;
	width:9px;height:3px;
}
#mainbody4 .item .t1 .more:after{
	right:23px;top:50%;
	margin:-4.5px 0 0;
	width:3px;height:9px;
}
#mainbody4 .item .t1 .more:hover,
#mainbody4 .item .t1 .more:focus{color:#fff;border-color:#333;background:#333}
#mainbody4 .item .t1 .more:hover:before,
#mainbody4 .item .t1 .more:hover:after,
#mainbody4 .item .t1 .more:focus:before,
#mainbody4 .item .t1 .more:focus:after{background:#fff;}
#mainbody4 .menu{display:none}
@media all and (max-width:1599px){
	#mainbody4 .datalist{box-sizing:border-box;padding:0 20px;}
	#mainbody4 .menu{display:block;text-align:center;margin-top:20px;}
	#mainbody4 .menu .m{display:inline-block;
		background:transparent;
		position:relative;
		font-size:0;
		width:40px;height:40px;
		opacity:0.8;
		border-radius:100%;
		border:1px solid #fff;
		margin:5px;
	}
	#mainbody4 .menu .m:before{content:'';
		display:block;position:absolute;left:50%;top:50%;
		width:20px;height:20px;
		margin:-10px;
		background:url() no-repeat 0 0 /contain;
	}
	#mainbody4 .menu .m.prev:before{background-image:url(../../img/lib/ic60a1left1.png)}
	#mainbody4 .menu .m.next:before{background-image:url(../../img/lib/ic60a1right1.png)}
	#mainbody4 .menu .m.stop:before{background-image:url(../../img/lib/ic40a2pause2.png)}
	#mainbody4 .menu .m.play:before{background-image:url(../../img/lib/ic40a2play2.png)}
	#mainbody4 .menu .m.stop.on{display:none;}
	#mainbody4 .menu .m.play{display:inline-block;}
	#mainbody4 .menu .m.stop{display:inline-block;}
	#mainbody4 .menu .m.play.on{display:none;}
	#mainbody4 .menu .m:hover,
	#mainbody4 .menu .m:focus,
	#mainbody4 .menu .m.on{opacity:1}
}
@media all and (max-width:1259px){
	#mainbody4 .datalist{margin:50px 0 0;}
}
@media all and (max-width:549px){
	#mainbody4 .datalist{padding:0 50px;}
}





/* mainbody5 */
#mainbody5{background-image:url(../../img/main/mainbody5_bg.jpg)}
#mainbody5 .container{padding:60px 0}
#mainbody5 .datalist{max-width:1240px;margin:50px auto 0;overflow:hidden;}
#mainbody5 .item{position:relative;float:left;
	background:#fff;
	border-radius:30px 0 30px 0;
	width:605px;height:180px;
	margin-bottom:20px;
	overflow:hidden;
}
#mainbody5 .item:nth-child(even){float:right;}
#mainbody5 .item .f1{float:left;width:275px;height:220px;}
#mainbody5 .item .t1{float:left;position:relative;
	box-sizing:border-box;
	width:330px;height:180px;
	padding:25px 30px;
}
#mainbody5 .item .t1 .t1h1{display:block;color:#000;font-size:24px;margin-bottom:10px;letter-spacing:-1px;white-space:nowrap;}
#mainbody5 .item .t1 .t1p1{display:block;height:45px;margin-bottom:30px;color:#333;font-size:16px;word-break:keep-all;}
#mainbody5 .item .t1 .more{display:block;
	position:absolute;right:30px;bottom:20px;
	width:30px;height:30px;
	box-sizing:border-box;
	background:#ee2e24 url(../../img/main/more1bg1.png) 50% 50% / contain;
	border-radius:100%;
	transition:.2s;
}
#mainbody5 .item .t1 .more:before,
#mainbody5 .item .t1 .more:after{content:'';
	display:block;position:absolute;left:50%;top:50%;
	background:#fff;
	transition:.2s;
}
/* #mainbody5 .item .t1 .more:before{
	margin:-0.5px 0 0 -7.5px;
	width:15px;height:1px;
} */
/* #mainbody5 .item .t1 .more:after{
	margin:-7.5px 0 0 -0.5px;
	width:1px;height:15px;
} */
#mainbody5 .item .t1 .more:hover,
#mainbody5 .item .t1 .more:focus{background:#333 url(../../img/main/more1bg1.png) 50% 50% / contain;}
@media all and (max-width:1259px){
	#mainbody5 .datalist{margin-top:50px}
	#mainbody5 .item{margin:0 auto 20px;clear:both !important;float:none !important;}
}
@media all and (max-width:669px){
	#mainbody5 .datalist{padding:0 20px;}
	#mainbody5 .item{width:100%;}
	#mainbody5 .item .f1{width:200px;overflow:hidden;}
	#mainbody5 .item .f1 img{width:auto;height:100%;}
	#mainbody5 .item .t1{width:calc(100% - 200px);}
}
@media all and (max-width:499px){
	#mainbody5 .item .f1{width:150px;}
	#mainbody5 .item .t1{width:calc(100% - 150px);}
	#mainbody5 .item .t1 .t1h1{white-space:normal;}
	#mainbody5 .item .t1 .t1p1{overflow:hidden;}
	#mainbody5 .item .t1 .more{bottom:20px}
}


/* 섹션별 animation 효과 */
@media all and (min-width:1260px){
	[id*="mainbody"] h2.h1,
	[id*="mainbody"] p.h1p1{opacity:0;transform:translateY(20%);transition:all .35s ease}

	[id*="mainbody"].on h2.h1,
	[id*="mainbody"].on p.h1p1{opacity:1;transform:translate(0) !important;}
	[id*="mainbody"].on h2.h1{transition-delay:.1s}
	[id*="mainbody"].on p.h1p1{transition-delay:.25s}

	#mainbody2 .w{opacity:0;transform:translateY(10%);transition:.7s ease}
	#mainbody2.on .w{opacity:1;transform:translate(0) !important;transition-delay:.4s}

	#mainbody3 .datalist .owl-item.active,
	#mainbody4 .datalist .owl-item.active{opacity:0;transform:translateY(10%);transition:.5s ease}

	#mainbody3.on .datalist .owl-item.active,
	#mainbody4.on .datalist .owl-item.active{opacity:1;transform:translate(0);}


	#mainbody3.on .datalist .owl-item:nth-child(6){transition-delay:.4s}
	#mainbody3.on .datalist .owl-item:nth-child(7){transition-delay:.6s}
	#mainbody3.on .datalist .owl-item:nth-child(8){transition-delay:.8s}
	#mainbody3.on .datalist .owl-item:nth-child(9){transition-delay:1s}
	#mainbody3.on .datalist .owl-item:nth-child(10){transition-delay:1.2s}

	#mainbody3.on .datalist .owl-item:nth-child(7),
	#mainbody3.on .datalist .owl-item:nth-child(9)	{animation:down1 .5s ease-out;animation-fill-mode:forwards;animation-delay: 1.5s;}

	#mainbody4.on .datalist .owl-item:nth-child(6){transition-delay:.4s}
	#mainbody4.on .datalist .owl-item:nth-child(7){transition-delay:.6s}
	#mainbody4.on .datalist .owl-item:nth-child(8){transition-delay:.8s}
	#mainbody4.on .datalist .owl-item:nth-child(9){transition-delay:1s}
	#mainbody4.on .datalist .owl-item:nth-child(10){transition-delay:1.2s}

	#mainbody5 .item{opacity:0;transition:.5s ease;transform:translateX(10%);}
	#mainbody5 .item:nth-child(odd){transform:translateX(-10%);}

	#mainbody5.on .item{opacity:1;transform:translateX(0);}

	#mainbody5.on .item:nth-child(1){transition-delay:.4s}
	#mainbody5.on .item:nth-child(2){transition-delay:.6s}
	#mainbody5.on .item:nth-child(3){transition-delay:.8s}
	#mainbody5.on .item:nth-child(4){transition-delay:1s}
	#mainbody5.on .item:nth-child(5){transition-delay:1.2s}

@keyframes down1 {
	from{}
	to {margin-top:20px;}
}

}