@charset "utf-8";
html {}
html,body {margin:0; padding:0}
.clearfix{min-height:0;}
	.clearfix:before,
	.clearfix:after{content:'';display:table;}
	.clearfix:after{clear:both;}

body{background:#fff;}
.hide {visibility:hidden}
#wrap{
	z-index:auto; /* ☆ */
	max-width:none;
}
	#wrap>.container{max-width:none;margin:0;}
	#body{z-index:auto; /* ☆ */
		position:relative;
		min-height:0; /* ☆ 배치 후 최종화면 확인! */
		margin:auto;
		padding:0;
		color:#555;
		font-family:
			'Apple SD Gothic Neo',
			'Open Sans',
			'Microsoft JhengHei',
			'맑은 고딕','Malgun Gothic',
			'돋움',Dotum,
			Helvetica,'Helvetica Neue',
			Arial,sans-serif;
		line-height:1.375;
		letter-spacing:-.5px;
	} 

#wing{margin:-60px auto 0;}

 

/* #body */


/* ☆감춤 */
/* none */
#go1mainbody{display:none;}


/* ☆공용 */
/* none */
#body img{max-width:100%; vertical-align:top} /* ☆ */





@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


#body .mainbody1{}
#body .mainbody2{}
#body .mainbody3{}
#body .mainbody4{}
	#body .mainbody1>.container{}
	#body .mainbody2>.container{}
	#body .mainbody3>.container{}
	#body .mainbody4>.container{}

}

@media all and (min-width:1200px){

#go1mainbody{
	display:block;
	z-index:50;
	position:fixed;
	right:5%;
	top: 65%;
	height:162px; /* ((50+4)*3) */
	margin:-80px 0;
}
#go1mainbody>.wrap1{}
#go1mainbody ul{}
#go1mainbody li{display:inline;}
#go1mainbody li>a{clear:both;float:right;position:relative;
	width:35px;
	height:35px;
	line-height:35px;
	margin:0 0 4px;
	padding:0;
	border-radius:9999px;
	background:#2b2f3e;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	text-decoration:none;
	transition:.2s .1s ease-in-out;
	overflow:hidden;
	vertical-align:middle
}
#go1mainbody li > a.active,#go1mainbody li>a:hover {width:100px; padding:0 10px; text-align:left}
#go1mainbody li > a .t1{position:relative; vertical-align:middle; font-size:0; transition: all .3s;}
#go1mainbody li > a.active .t1, #go1mainbody li>a:hover .t1 {font-size:14px;}
#go1mainbody li > a .ic1{display:inline-block;
	width:50px; /* [IE8]fix) */
	height:50px;
	margin:0 20px 0 -70px; /* [IE8]fix) */
	background:url() no-repeat center center;
	background-size:contain;overflow:hidden;
	vertical-align:middle;
	transition:.2s .1s ease-in-out;
}
#go1mainbody li>a:after {content:"\f237"; position:absolute; right:0; width:35px; height:35px; font-family: LineAwesome;  display:inline-block; font-size:20px; vertical-align:middle; text-align:center}
#go1mainbody li.m1>a:after {content:"\f237";}
#go1mainbody li.m2>a:after{content:"\f299";}
#go1mainbody li.m3>a:after{content:"\f233";}
#go1mainbody li.m4>a:after{content:"\f163";}
#go1mainbody li.m5>a:after{content:"\f140";}



/* 효과 */
#go1mainbody li.m1>a:hover,
#go1mainbody li.m1 a.active{background:#e65;}
#go1mainbody li.m2>a:hover,
#go1mainbody li.m2 a.active{background:#cd2c8c;}
#go1mainbody li.m3>a:hover,
#go1mainbody li.m3 a.active{background:#3f60dc;}
#go1mainbody li.m4>a:hover,
#go1mainbody li.m4 a.active{background:#009d84;}
#go1mainbody li.m5>a:hover,
#go1mainbody li.m5 a.active{background:#0084cc;}
}