@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] ◇◆◇◆◇◆◇◆◇◆ */

/* 공통 */



#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:1400px;margin:0 auto;
	box-sizing:border-box;
	padding:100px 0 80px;
	height:100%;
}
[id*="mainbody"] .hg1{text-align:center;}
[id*="mainbody"] .hg1 .h1{position:relative;
	margin:0 0 10px -15px;
	padding:0;
	font-weight:600;
	font-size:72px;
	font-family: 'S-Core Dream';
	text-transform:uppercase;
	color:#fff;
	letter-spacing:0;
}
[id*="mainbody"] .hg1 .h1 b{color:#48d774}
[id*="mainbody"] .hg1 .h1:before{content:'';
	display:inline-block;
	vertical-align:top;
	margin:10px 5px 0 0;
	width:13px;height:20px;
	background:url(../../img/main/mainbody1_t2_bg.png) no-repeat;
}
[id*="mainbody"] .hg1 .t1{color:#fff;font-size:28px;line-height:120%}

[id*="mainbody"] .mousewheel1{position:absolute;left:50%;bottom:20px;
	color:#fff;
	text-decoration:none !important;
	text-align:center;
	margin:0 0 0 -15px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0
}
[id*="mainbody"] .mousewheel1:before{content:'';
	display:block;width:30px;height:56px;
	margin:0 auto;
	background:url(../../img/main/scroll.png) no-repeat;
}
@media all and (max-width:1739px){
	[id*="mainbody"] .container{max-width:1200px;}
}
@media all and (max-width:1259px){
	[id*="mainbody"]{height:auto !important;}
	[id*="mainbody"] .container{padding:100px 30px;}
	[id*="mainbody"] .mousewheel1{display:none;}
}
@media all and (max-width:840px){
	[id*="mainbody"] .hg1 .h1{font-size:60px;margin-bottom:0;}
	[id*="mainbody"] .hg1 .t1{font-size:20px;}
}
@media all and (max-width:640px){
	[id*="mainbody"] .hg1 .h1{font-size:50px;margin-bottom:0;}
	[id*="mainbody"] .hg1 .t1{font-size:16px;}
}


#go1mainbody{z-index:100;position:fixed;left:50px;top:50%;}
#go1mainbody li{margin:10px 0;}
#go1mainbody a{display:block;
	position:relative;
	text-indent:-999999px;
	width:11px;height:11px;
	background:#d3d3d3;
	border-radius:100%;
}
#go1mainbody li.on a{text-indent:0;
	width:auto;height:auto;border-radius:0;background:transparent;
	color:#fff;font-size:18px;
	text-transform:uppercase;
	font-weight:600;
	padding:0 0 0 5px;
}
#go1mainbody li.on a:before{content:'';	
	display:block;position:absolute;left:-8px;top:-5px;
	width:5px;height:15px;
	background:#00a95e;
	transform:rotate(-45deg);
}
#go1mainbody li.on a:after{content:'';
	display:block;
	border-left:1px solid #fff;
	width:0;height:25px;
	margin:5px 0 10px 0;
}
@media all and (max-width:1560px){
	#go1mainbody{left:20px;}
	#go1mainbody li.on a{font-size:15px;}
}
@media all and (max-width:1259px){
	#go1mainbody{display:none}
}




/* mainbody1 */
#mainbody1{display:block;
	position:relative;
	margin:auto;
}
#mainbody1 .wrap1{
	position:relative;	
	padding:0 0 40px;	
}
#mainbody1 .mView{
	position:relative;
	z-index:0; /* ☆ */
	width:100%;
	height:100%;
	overflow:hidden;
}
#mainbody1 .mCont{position:absolute;left:0;right:0;top:0;bottom:0;}
#mainbody1 .mContC{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
#mainbody1 .mContC:first-child{z-index:1;}
#mainbody1 .mContC.on{display:block;}
#mainbody1 .mContC .c{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#mainbody1 .mContC a[href]{text-decoration:none;cursor:pointer;}
#mainbody1 .mContC .f1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
#mainbody1 .mContC .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
#mainbody1 .mContC .f1p1 img{display:block;width:auto;height:100%;margin:auto;}
#mainbody1 .mContC .tg1{display:block;
	position:absolute;left:0;right:0;top:280px;
	max-width:1400px;
	margin:0 auto 0;
	color:#fff;
}
#mainbody1 .mContC .tg1 .t1{font-weight:600;font-size:18px;text-transform:uppercase}
#mainbody1 .mContC .tg1 .t1:after{content:'';
	display:inline-block;
	width:80px;height:10px;
	background:url(../../img/main/mainbody1_t1_bg.png) no-repeat;
	vertical-align:top;
	margin:5px 0 0 10px;
	opacity:0.5
}
#mainbody1 .mContC .tg1 .t2{position:relative;
	margin:30px 0 0;
	padding:0 0 0 20px;
	font-weight:600;
	font-size:72px;
	font-family: 'S-Core Dream';
}
#mainbody1 .mContC .tg1 .t2 b{color:#48d774}
#mainbody1 .mContC .tg1 .t2:before{content:'';
	position:absolute;left:0;top:0;
	width:13px;height:20px;
	background:url(../../img/main/mainbody1_t2_bg.png) no-repeat;
}
#mainbody1 .mContC .tg1 .t3{font-size:20px;margin:60px 0;}
#mainbody1 .mContC  .more{display:block;position:relative;
	width:220px;height:60px;
	background:#fff;
	color:#000;
	text-align:center;
	line-height:60px;
	font-size:20px;
	margin:0;
}
#mainbody1 .mContC  .more:hover{z-index:1;}
#mainbody1 .mContC  .more:before{content:'';
	z-index:-1;
	position:absolute;left:0;top:0;
	display:block;width:0;height:100%;
	background:#1fce55;
	transition:.5s ease-out;
}
#mainbody1 .mContC  .more:hover:before{
	width:100%;
}
/* 메뉴 */
#mainbody1 .menu{display:block;
	z-index:10;
	position:absolute;right:50px;top:50%;
	box-sizing:border-box; /* ☆ */
	height:0;
	margin:auto;
	padding:0;
	background:none;
	font-size:0;
	text-align:center;
	white-space:nowrap;
}
#mainbody1 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:transparent;
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
/* 제어 */
#mainbody1 .mControl{display:inline-block;
	vertical-align:middle;
}
#mainbody1 .mControl .m{
	width:76px;height:76px;
	margin:0 0 0 10px;
	border-radius:100%;
	border:2px solid #fff;
}
#mainbody1 .mControl .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:22px;height:36px;
	margin:-18px 0 0 -15px;
	background:url() no-repeat 0 0 / contain;
}
#mainbody1 .mControl .prev:before{background-image:url(../../img/main/prev.png);}
#mainbody1 .mControl .next:before{margin-left:-10px;background-image:url(../../img/main/next.png);}
/* 순번 */
#mainbody1 .mNum{display:inline-block;
	margin:0 6px 0 0;
	vertical-align:middle;
}
#mainbody1 .mNum .m{display:inline-block;
	z-index:1;
	width:140px;
	height:140px;
	margin:0 5px;
	vertical-align:middle;
	background:rgba(0,0,0,0.5);
	color:#fff;
	text-align:center;
	border-radius:20px;
	font-size:18px;
	padding:30px 0;
	overflow:hidden;
	transition:.3s ease-out;
}
#mainbody1 .mNum .m .t1{display:block;}
#mainbody1 .mNum .m .t2{display:block;margin-top:15px;}
#mainbody1 .mNum .m.on,
#mainbody1 .mNum .m:hover{background:#1bc04e}
#mainbody1 .mNum .m.on:before{content:'';
	z-index:-1;
	position:absolute;left:-140px;top:-140px;
	width:200%;height:200%;
	border-radius:100%;
	background:#1fce55;
}
@media all and (max-width:1739px){
	#mainbody1 .mContC .tg1{max-width:1200px;}
	#mainbody1 .menu{top:45%}
	#mainbody1 .mNum{display:block;}
	#mainbody1 .mControl{display:block;text-align:right;margin:10px 10px 0 0;}
}
@media all and (max-width:1259px){
	#mainbody1{height:700px !important;}
	#mainbody1 .mContC .tg1{top:150px;margin:0 30px}
	#mainbody1 .mNum .m{width:100px;}
	#mainbody1 .mContC .tg1 .t3{margin:20px 0 30px}
}
@media all and (max-width:1074px){
	#mainbody1 .mNum .m{text-indent:-9999px;width:15px;height:15px;padding:0;border-radius:100%;}
}
@media all and (max-width:880px){
	#mainbody1{height:550px !important;}
	#mainbody1 .mContC .tg1{top:40px;}
	#mainbody1 .mContC .tg1 .t2{font-size:60px;margin:20px 0 0;}
	#mainbody1 .mContC .tg1 .t3{font-size:16px;}
	#mainbody1 .mContC .more{font-size:16px;}
	#mainbody1 .menu{top:auto;bottom:40px;left:0;right:0}
	#mainbody1 .mNum .m{background:rgba(255,255,255,0.5)}
	#mainbody1 .mControl{margin-top:-70px;}
}
@media all and (max-width:650px){
	#mainbody1{height:400px !important;}
	#mainbody1 .mContC .tg1 .t2{font-size:30px;margin:15px 0 0}
	#mainbody1 .mContC .tg1 .t3{font-size:14px;margin:10px 0 15px;line-height:110%;word-break:keep-all;}
	#mainbody1 .mControl .m{width:40px;height:40px;}
	#mainbody1 .mControl .m:before{width:11px;height:18px;margin:-9px 0 0 -5.5px; }
	#mainbody1 .mContC .more{width:160px;height:40px;line-height:40px;}
	#mainbody1 .mControl{margin-top:-30px;}	
}




#mainbody2{background:#214d6a url(../../img/main/mainbody2_bg.gif) no-repeat 50% 0 / cover ;}
#mainbody2>.container{padding:180px 0 150px;}
#mainbody2 .hg1{position:absolute;left:0;top:180px;text-align:left}
#mainbody2 .mView{z-index:0;
	position:relative;
	overflow:visible;
	width:100%;
	height:630px;
	margin-left:500px;
}
#mainbody2 .mCont{position:relative;width:100%;height:100%;}
#mainbody2 .mContC{display:block;
	position:absolute;left:0;
	top:0 !important; /* ☆ 창조절시 JS에서 값 변경되는거 방지 */
	width:280px;
	height:380px;
	margin:220px 0 0;
	transition:.5s ease;
	overflow:hidden;
}
#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;
	background:#fff;
}
#mainbody2 .mContC .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
}
#mainbody2 .mContC img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}
#mainbody2 .mContC .tg1{position:absolute;left:-280px;top:270px;
	width:450px;height:300px;
	box-sizing:border-box;
	background:#00ad50;
	padding:50px;
	color:#fff;
	opacity:0;
	transition:.8s ease;transform:translateY(-15%);
}
#mainbody2 .mContC .tg1 .t1{font-size:18px;font-weight:bold;text-transform:uppercase;}
#mainbody2 .mContC .tg1 .t1:after{content:'';
	display:inline-block;
	width:28px;height:6px;
	margin:8px 0 0 7px;
	vertical-align:top;
	background:url(../../img/main/mainbody2_t1_bg.png) no-repeat 100% 50%;
}
#mainbody2 .mContC .tg1 .t2{
	margin:15px 0 25px;
	line-height:110%;
	/* word-break:keep-all; */
	font-size:36px;
	font-weight:bold;
	overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
#mainbody2 .mContC .tg1 .t3 .t3t1{display:inline-block;margin-right:10px;}
#mainbody2 .mContC.off{
	visibility:hidden;
	opacity:0;
	transition:.0s;
}
#mainbody2 .mContC.on{width:400px;height:630px;margin:0;box-shadow:10px 10px 20px 0px rgba(0,0,0,0.3);overflow:visible;}
#mainbody2 .mContC.on .c{margin:0;}
#mainbody2 .mContC.on .tg1{display:block;transition-delay:.4s;opacity:1;transform:translateY(0);}
#mainbody2 .mContC.prev-on,
#mainbody2 .mContC.prev2-on,
#mainbody2 .mContC.prev3-on,
#mainbody2 .mContC.prev4-on{
	display:none;
}
#mainbody2 .mContC.next-on,
#mainbody2 .mContC.next2-on,
#mainbody2 .mContC.next3-on,
#mainbody2 .mContC.next4-on{
	visibility:visible;
	opacity:1;
	transition:.6s;
}
#mainbody2 .mContC.next-on{left:450px !important;}
#mainbody2 .mContC.next2-on{left:760px !important}
#mainbody2 .mContC.next3-on{left:1068px !important}
#mainbody2 .mContC.next4-on{left:1200px !important}
/* 메뉴 */
#mainbody2 .menu{display:block;
	z-index:10;
	position:absolute;left:0;top:50%;
	box-sizing:border-box; /* ☆ */
	height:0;
	margin:auto;
	padding:0;
	background:none;
	font-size:0;
	text-align:center;
	white-space:nowrap;
}
#mainbody2 .menu .m{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0;padding:0;border-radius:0;border:0;
	background:transparent;
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
/* 제어 */
#mainbody2 .mControl{display:inline-block;
	vertical-align:middle;
}
#mainbody2 .mControl .m{
	width:76px;height:76px;
	margin:0 10px 0 0 ;
	border-radius:100%;
	border:2px solid #fff;
}
#mainbody2 .mControl .m:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:22px;height:36px;
	margin:-18px 0 0 -15px;
	background:url() no-repeat 0 0 / contain;
}
#mainbody2 .mControl .prev:before{background-image:url(../../img/main/prev.png);}
#mainbody2 .mControl .next:before{margin-left:-10px;background-image:url(../../img/main/next.png);}
@media all and (max-width:1259px){
	#mainbody2>.container{margin:0 30px;}
	#mainbody2 .mContC.off{display:none !important;}
}
@media all and (max-width:1000px){
	#mainbody2>.container{padding:100px 0 50px}
	#mainbody2 .hg1{position:static;text-align:center;}
	#mainbody2 .hg1 br{display:none;}
	#mainbody2 .mView{width:400px;margin:20px auto 0;}
	#mainbody2 .mContC .tg1{width:100%;top:auto;bottom:0;left:0;height:250px;padding:30px}
	#mainbody2 .mContC.on{width:100%;max-width:400px;}
	#mainbody2 .menu{left:-30px;right:-30px;margin:150px 0 0}
	#mainbody2 .mControl .m{position:absolute;top:0;width:60px;height:60px;}
	#mainbody2 .mControl .prev{left:0;}
	#mainbody2 .mControl .next{right:0;}
}
@media all and (max-width:767px){
	#mainbody2 .mView{width:100%;max-width:400px;overflow:hidden;}
	#mainbody2 .mContC.on .f1{margin-left:0}
	#mainbody2 .mContC .tg1 .t2{font-size:30px}
	#mainbody2 .menu{margin:250px 0 0}
}


#mainbody3{background:#107399 url(../../img/main/mainbody3_bg.gif) no-repeat 50% 0 / cover ;}
#mainbody3>.container{padding:200px 0;}
#mainbody3 ul{margin:50px -10px 0;}
#mainbody3 li{display:inline-block;
	box-sizing:border-box;
	width:16.6%;
	margin:0 0 0 -.25em;
	padding:0 10px;
}
#mainbody3 li>a{display:block;
	position:relative;
	border-radius:20px;
	text-align:center;
	color:#000;
	padding:50px 0 230px;
	overflow:hidden;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	background:#fff url() no-repeat center bottom / contain;
	transition:.8s ease;
}
#mainbody3 li>a:hover{transform:translateY(10%);}
#mainbody3 li>a:before{content:'';
	display:block;position:absolute;left:0;right:0;top:0;bottom:0;
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.5);
}
#mainbody3 li>a span{display:block;font-size:24px;}
#mainbody3 li>a .t1{margin-bottom:15px;}
#mainbody3 li>a .t2{font-weight:600;}
#mainbody3 li.m1>a{background-image:url(../../img/main/mainbody3_m1_bg.png)}
#mainbody3 li.m2>a{background-image:url(../../img/main/mainbody3_m2_bg.png)}
#mainbody3 li.m3>a{background-image:url(../../img/main/mainbody3_m3_bg.png)}
#mainbody3 li.m4>a{background-image:url(../../img/main/mainbody3_m4_bg.png)}
#mainbody3 li.m5>a{background-image:url(../../img/main/mainbody3_m5_bg.png)}
#mainbody3 li.m6>a{background-image:url(../../img/main/mainbody3_m6_bg.png)}
@media all and (max-width:1259px){
	#mainbody3>.container{padding:50px 0 100px;margin:0 30px;}
}
@media all and (max-width:1165px){
	#mainbody3 li{width:33.333%;padding:10px;}
	#mainbody3 li>a{text-align:left;padding:30px 30px 50px;background-position:95% bottom;background-size:40% auto;}
}
@media all and (max-width:767px){
	#mainbody3 li>a span{font-size:20px;}
	#mainbody3 li>a .t1{font-size:16px;margin:0}
}
@media all and (max-width:635px){
	#mainbody3 li{width:50%;}
	#mainbody3 ul{margin-top:30px}
}
@media all and (max-width:480px){
	#mainbody3>.container{padding:50px 0;}
	#mainbody3 li>a{padding:30px 20px 50px;word-break:keep-all;}
}

#mainbody4{background:#192c3c url(../../img/main/mainbody4_bg.gif) no-repeat 50% 0 / cover ;}
#mainbody4>.container{padding:150px 0 100px;}
#mainbody4 .sofrware1{float:left;
	width:850px;height:460px;
	background:#fff url(../../img/main/software1_bg.jpg) no-repeat 70% 0 / cover;
	box-sizing:border-box;
	padding:60px;
	margin:50px 60px 50px 0;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
#mainbody4 .sofrware1 a{display:block;width:100%;height:100%;
	color:#263c4e;
}
#mainbody4 .sofrware1 a .t1{font-size:20px;}
#mainbody4 .sofrware1 a .t1:after{content:'';
	display:inline-block;
	width:28px;height:6px;
	margin:12px 0 0 7px;
	vertical-align:top;
	background:url(../../img/main/mainbody4_t1_bg.png) no-repeat 100% 50%;
}
#mainbody4 .sofrware1 a .t2{letter-spacing:-4px;font-size:56px;font-weight:900;text-transform:uppercase}
#mainbody4 .sofrware1 a .t3 div{margin:20px 0;}
#mainbody4 .sofrware2{float:left;
	width:calc(100% - 910px);
	margin:50px 0 0;
	position:relative;
}
#mainbody4 .sofrware2 .menu{margin:0 0 5px;overflow:hidden;}
#mainbody4 .sofrware2 .menu a{display:block;
	position:relative;
	float:left;
	width:140px;
	background:#fff;
	height:330px;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	color:#263c4e;
	padding:25px;
	box-sizing:border-box;
	font-weight:600;
}
#mainbody4 .sofrware2 .menu a:nth-of-type(2){margin:0 28px;}
#mainbody4 .sofrware2 .menu a .t1{display:block;
	text-transform:uppercase;
	font-size:14px;
}
#mainbody4 .sofrware2 .menu a .t1:after{content:'';
	display:block;width:0;height:20px;
	border-left:1px solid #263c4e;
	margin:5px
}
#mainbody4 .sofrware2 .menu a .t2{display:block;
	font-size:20px;
	line-height:110%;
	margin-top:10px;
	word-break:keep-all;
}
#mainbody4 .sofrware2 .menu a:before{content:'';
	display:block;
	position:absolute;left:0;right:0;bottom:0;
	width:140px;height:160px;
	background:url() no-repeat 0 0 / auto 100%;
}
#mainbody4 .sofrware2 .menu a.m1:before{background-image:url(../../img/main/software2_bg1.jpg)}
#mainbody4 .sofrware2 .menu a.m2:before{background-image:url(../../img/main/software2_bg2.jpg)}
#mainbody4 .sofrware2 .menu a.m3:before{background-image:url(../../img/main/software2_bg3.jpg)}
#mainbody4 .more{display:block;
	width:260px;height:60px;
	text-align:center;
	line-height:60px;
	color:#fff;
	background:#fe6565;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}
#mainbody4 .more:hover{z-index:1;}
#mainbody4 .more:before{content:'';
	z-index:-1;
	position:absolute;left:0;top:0;
	display:block;width:0;height:100%;
	background:#ff4040;
	transition:.5s ease-out;
}
#mainbody4 .more:hover:before{
	width:100%;
}
#mainbody4 .sofrware2 .menu a.m1{margin-top:40px}
#mainbody4 .sofrware2 .menu a.m2{margin-top:10px}
#mainbody4 .sofrware2 .menu a.m3{margin-top:60px}
@media all and (max-width:1739px){
	#mainbody4 .sofrware1{margin-bottom:40px;}
	#mainbody4 .sofrware2 .menu{margin:0 0 15px;}
	#mainbody4 .sofrware2 .menu a{float:none;
		width:100%;
		height:120px;
		margin:0 !important;
	}
	#mainbody4 .sofrware2 .menu a:before{position:absolute;left:auto;right:0;top:0;bottom:0;
		width:100px;height:auto;
		background-size:cover;
	}
	#mainbody4 .sofrware2 .menu a .t1:after{display:none;}
	#mainbody4 .sofrware2 .menu a.m2{margin:13px 0 !important;}
	#mainbody4 .more{width:290px;}
}
@media all and (max-width:1259px){
	#mainbody4>.container{padding:60px 30px;}
	#mainbody4 .sofrware1{clear:both;float:none;height:auto;padding:30px;margin:30px 0 0;width:100%;word-break:keep-all;}
	#mainbody4 .sofrware2{clear:both;float:none;width:auto;margin:20px -10px 30px;overflow:hidden;}
	#mainbody4 .sofrware2 .menu a{float:left;width:calc(33.333% - 20px);margin:0 10px !important;}
	#mainbody4 .sofrware2 .menu a.m2{margin:0 10px !important;}
	#mainbody4 .more{float:none;position:static;margin:0 auto;width:290px;}
}
@media all and (max-width:900px){
	#mainbody4 .sofrware1 a .t2{font-size:40px;}
	#mainbody4 .sofrware2 .menu a:before{display:none;}
	#mainbody4 .sofrware2 .menu a .t2{font-size:18px}
}
@media all and (max-width:500px){
	#mainbody4>.container{padding:50px 30px;}
	#mainbody4 .sofrware1 a .t1{font-size:18px;}
	#mainbody4 .sofrware1 a .t2{font-size:30px;}
	#mainbody4 .sofrware1 a .t3 br{display:none;}
	#mainbody4 .sofrware2{margin:0 0 15px}
	#mainbody4 .sofrware2 .menu a{float:none;clear:both;width:100%;height:100%;margin:5px 0 !important;padding:20px}
	#mainbody4 .sofrware2 .menu a.m2{margin:5px 0 !important;}
	#mainbody4 .sofrware2 .menu a:before{display:block;}
	#mainbody4 .sofrware2 .menu a .t2 br{display:none;}
	
}

#mainbody5{background:url(../../img/main/mainbody5_bg.jpg) no-repeat 50% 0 / cover}
#mainbody5>.container{padding:300px 0 200px;}
#mainbody5 .hg1{float:left;width:550px;text-align:left}
#mainbody5 .tg1{float:left;
	width:calc(100% - 550px);
	color:#fff;
}
#mainbody5 .tg1 .t1{font-size:30px;margin-bottom:50px;}
#mainbody5 .tg1 .t1 b{color:#f7ff3d}
#mainbody5 .tg1 .t2{font-size:20px;margin-bottom:70px;word-break:keep-all;line-height:135%;}
#mainbody5 .tg1 .t2 p{margin:30px 0;}
#mainbody5 .tg1 a{display:block;
	position:relative;
	color:#fff;
	background:#4c2bad;
	padding:20px 30px;
	text-align:center;
	font-size:20px;
	width:280px;
	box-sizing:border-box;
}
#mainbody5 .tg1 a:hover{z-index:1;}
#mainbody5 .tg1 a:before{content:'';
	z-index:-1;
	position:absolute;left:0;top:0;
	display:block;width:0;height:100%;
	background:#2a0e7d;
	transition:.5s ease-out;
}
#mainbody5 .tg1 a:hover:before{width:100%;}
@media all and (max-width:1259px){
	#mainbody5>.container{padding:120px 30px;}
}
@media all and (max-width:1000px){
	#mainbody5 .hg1{float:none;clear:both;text-align:center;width:100%;}
	#mainbody5 .hg1 br{display:none;}
	#mainbody5 .tg1{float:none;clear:both;width:100%;margin:30px 0 0;}
	#mainbody5 .tg1 .t2 p br{display:none;}
	#mainbody5 .tg1 .t2{margin-bottom:30px;}
	#mainbody5 .tg1 a{margin:0 auto;width:260px;font-size:16px}
}
@media all and (max-width:500px){
	#mainbody5>.container{padding:50px 30px;word-break:keep-all;}
	#mainbody5 .tg1 .t1{font-size:25px;margin-bottom:30px;}
	#mainbody5 .tg1 .t2{font-size:16px}
}

#mainbody6{background:#333 url(../../img/main/mainbody6_bg.gif) no-repeat 50% 0 / cover ;}
#mainbody6>.container{padding:160px 0 0;}
#mainbody6 .map1{float:left;
	width:880px;height:400px;
	position:relative;
	background:#00a95e;
	overflow:hidden;
	margin:50px 0 40px;
	color:#fff;
}
#mainbody6 .map1 .map1info1{padding:50px 0 60px 50px;margin-right:580px}
#mainbody6 .map1 .map1info1 .title1{font-size:28px;font-weight:600;margin-bottom:55px;}
#mainbody6 .map1 .map1info1 .title1 .t2{margin-top:-10px;text-transform:uppercase;font-size:42px;font-weight:800;}
#mainbody6 .map1 .map1info1 dt{font-size:22px;font-weight:800;}
#mainbody6 .map1 .map1info1 dd{font-size:18px;font-weight:600;word-break:keep-all;}
#mainbody6 .map1 .map1info1 dd:nth-of-type(1){margin:15px 0 30px}

#mainbody6 .map1 .map{position:absolute;right:0;top:0;width:580px;height:400px;}
#mainbody6 .project1{float:left;width:calc(100% - 910px);margin:50px 0 0 30px;overflow:hidden}
#mainbody6 .project1 .m{display:block;
	position:relative;
	width:100%;
	box-sizing:border-box;
	color:#fff;
	padding:40px;
	overflow:hidden;
	word-break:keep-all;
}
#mainbody6 .project1 .m:before{content:'';
	display:block;
	position:absolute;right:40px;top:50%;
	width:100px;height:100px;
	margin:-50px 0 0;
	background:url() no-repeat 0 0 / contain;
}
#mainbody6 .project1 .m:after{content:'';opacity:0;z-index:-1;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);transition:.5s ease-out;}
#mainbody6 .project1 .m:hover:after{opacity:1}
#mainbody6 .project1 .m1{padding:0 40px;margin-bottom:20px;line-height:140px;height:140px;background:#ee6c6c}
#mainbody6 .project1 .m2{padding-right:230px;height:240px;background:#13638b}
#mainbody6 .project1 .m1:before{background-image:url(../../img/main/mainbody6_m1.png)}
#mainbody6 .project1 .m2:before{margin-top:-20px;background-image:url(../../img/main/mainbody6_m2.png)}
#mainbody6 .project1 .m .t1{display:block;font-size:32px;font-weight:bold;}
#mainbody6 .project1 .m .t2{display:block;margin:15px 0}
#mainbody6 .project1 .m .t3{display:block;font-size:32px;font-weight:bold;}
#mainbody6 .exp1{float:none;clear:both;width:100%;
	color:#fff;
	text-align:center;
	font-size:36px;
	font-weight:500;
}
#mainbody6 .exp1 b{color:#48d774}
#mainbody6 .exp1 b:before{content:'';
	display:inline-block;
	vertical-align:top;
	margin:5px 5px 0 0;
	width:13px;height:20px;
	background:url(../../img/main/mainbody1_t2_bg.png) no-repeat;
}
#mainbody6 .exp1 a{display:inline-block;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	font-size:20px;
	font-weight:normal;
	padding:15px 30px;
	vertical-align:top;
	margin-top:-5px;
	transition:.5s ease-out;
}
#mainbody6 .exp1 a:hover{background:#00a95e;border-color:#00a95e}
#mainbody6 .btn1{display:none;}
@media all and (max-width:1739px){
	#mainbody6 .project1 .m:before{display:none;}
	#mainbody6 .project1 .m .t1{font-size:25px;}
	#mainbody6 .project1 .m2{padding-right:0;}

}
@media all and (max-width:1259px){
	#mainbody6>.container{padding:100px 30px 50px;}
	#mainbody6 .map1{clear:both;float:none;width:100%;margin:20px 0 0}
	#mainbody6 .project1{display:none;}
	#mainbody6 .exp1{display:none;}
	#mainbody6 .btn1{margin:20px 0 0;display:block;text-align:center;}
	#mainbody6 .btn1 .a1{display:inline-block;color:#fff;border:1px solid #fff;
		padding:10px 20px;
		font-size:16px;
		margin:10px
	}
}
@media all and (max-width:1000px){
	#mainbody6 .map1{height:auto;}
	#mainbody6 .map1 .map1info1{padding:30px;margin:0;}
	#mainbody6 .map1 .map1info1 .title1{display:inline-block;vertical-align:top;margin-right:20px;}
	#mainbody6 .map1 .map1info1 dl{display:inline-block;width:calc(100% - 200px)}
	#mainbody6 .map1 .map{position:static;width:100%;height:auto;}
	#mainbody6 .map1 .map img{width:100%;}
}
@media all and (max-width:500px){
	#mainbody6>.container{padding:50px 30px;}
	#mainbody6 .map1 .map1info1 dl{display:block;width:100%;}
	#mainbody6 .map1 .map1info1 .title1{display:none;}
	#mainbody6 .map1 .map{position:static;width:100%;height:auto;}
	#mainbody6 .map1 .map img{width:100%;}
}




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

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


	#mainbody1 .mContC .tg1 div{opacity:0;transition:1s ease;transform:translateX(-5%);}
	#mainbody1 .mContC.on .tg1 div{opacity:1;transform:translateX(0);}
	#mainbody1 .mContC.on .tg1 .t1{transition-delay:.4s}
	#mainbody1 .mContC.on .tg1 .t2{transition-delay:.6s}
	#mainbody1 .mContC.on .tg1 .t3{transition-delay:.8s}
	#mainbody1 .mContC .more{opacity:0;transform:translateY(-20%);transition:.5s ease}
	#mainbody1 .mContC.on .more{transition-delay:1.2s;opacity:1;transform:translateY(0);}
	#mainbody1 .mNum{opacity:0;transition:1s ease;transform:translateY(10%);}
	#mainbody1.on .mNum{opacity:1;transform:translateY(0);}

	#mainbody2 .mView{opacity:0;transition:.8s ease;transform:translateY(10%);}
	#mainbody2.on .mView{transition-delay:.5s;opacity:1;transform:translateY(0);}

	#mainbody3 .m{opacity:0;transition:.5s ease;transform:translateY(10%);}
	#mainbody3.on .m{opacity:1;transform:translateY(0);}

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


	#mainbody4 .sofrware1{opacity:0;transition:.8s ease;transform:translateX(-15%);}
	#mainbody4.on .sofrware1{transition-delay:.4s;opacity:1;transform:translateX(0);}
	#mainbody4 .sofrware2 .m{opacity:0;transition:.8s ease;transform:translateY(15%);}	
	#mainbody4.on .sofrware2 .m{opacity:1;transform:translateY(0);}
	#mainbody4.on .sofrware2 .m1{transition-delay:.8s}
	#mainbody4.on .sofrware2 .m2{transition-delay:1s}
	#mainbody4.on .sofrware2 .m3{transition-delay:1.2s}
	#mainbody4 .more{opacity:0;transition:.8s ease;transform:translateY(15%);}
	#mainbody4.on .more{transition-delay:1.6s;opacity:1;transform:translateY(0);}


	#mainbody5 .tg1 div,
	#mainbody5 .tg1 a{opacity:0;transition:.8s ease;transform:translateY(15%);}
	#mainbody5.on .tg1 div,
	#mainbody5.on .tg1 a{opacity:1;transform:translateY(0);}
	#mainbody5.on .tg1 .t1{transition-delay:.4s}
	#mainbody5.on .tg1 .t2{transition-delay:.6s}
	#mainbody5 .tg1 a{transition-delay:.8s}



	#mainbody6 .map1{opacity:0;transition:.8s ease;transform:translateX(-15%);}
	#mainbody6.on .map1{transition-delay:.4s;opacity:1;transform:translateX(0);}
	#mainbody6 .project1 .m{opacity:0;transition:.8s ease;transform:translateY(15%);}	
	#mainbody6.on .project1 .m{opacity:1;transform:translateY(0);}
	#mainbody6.on .project1 .m1{transition-delay:.8s}
	#mainbody6.on .project1 .m2{transition-delay:1s}
	#mainbody6 .exp1{opacity:0;transition:.8s ease;transform:translateY(15%);}	
	#mainbody6.on .exp1{transition-delay:1.4s;opacity:1;transform:translateY(0);}



	.mainbody.on .mousewheel1{animation:bounce1 .5s ease-out 2;animation-delay:1.5s;}
	@keyframes bounce1 {
		50% {transform:translateY(-10%)}
	}

}