@charset "UTF-8";
@import url("base.css");
@import url("common.css");
@import url("dataTable.css");
@import url("sub.css");

/* ---------------------------------------------
 * Name    : layout.css
 * Desc    : spepOnline layout style(C.Y.H)
 * Created : 2012/03/06
 ----------------------------------------------- */


/* ------------------------header------------------------ */
#header	{
	width:940px; 
	height:105px; 
	position:relative; 
	margin:0 auto; 
	border:0px solid red; 
	z-index:0;
}
/* .gnb {
	width:130px; 
	position:absolute; 
	left:810px; 
	margin-top:6px; 
	float:right; 
	border:0px solid red;
} */
.gnb {
	width:179px; 
	position:absolute; 
	left:761px; 
	margin-top:6px; 
	float:right; 
	border:0px solid red;
}
.gnb li {
	margin-right:15px; 
	float:left;
	line-height:0;
}
.gnb .bt_login {
	margin:0;
}
.logo {
	position:absolute; 
	top:30px; 
	left:0px;
}
.menuZone {
	position:absolute; 
	left:175px; 
	top:30px; 
	float:right;
}
.menuZone .menu_h1 li {
	float:left;
}
.menuZone .menu_h2 ul {
	position:absolute; 
	top:50px; 
	border:0px solid red;
}
.menuZone .menu_h2 ul li {
	float:left; 
	margin-right:50px;
	line-height:0;
}
.menuZone .menu_h2 ul li.end_m {
	margin:0;
}

.menuZone .menu_h2 .sub01{
	width:746px; 
	position:absolute; 
	left:20px;
}
.menuZone .menu_h2 .sub03{
	width:422px; 
	position:absolute; 
	left:189px;
}
.menuZone .menu_h2 .sub04{
	width:433px; 
	position:absolute; 
	left:354px;
}
.menuZone .menu_h2 .sub05{
	width:584px; 
	position:absolute; 
	left:170px;
}




/* ------------------------left menu------------------------ */
#snb {
	width:220px; 
	height:535px; 
	float:left; 
	background-image:url('/images/common/bg_snb.gif'); 
	background-position:right top; 
	background-repeat:no-repeat;
}
#snb .m_on {
	width:180px;
	padding-bottom:10px;
	border-bottom:1px solid #e2e2e2;
}
#snb .menu_h3 {
	margin:10px 0 0 40px;
}
#snb .menu_h3 li {
	margin-bottom:3px;
}
#snb .menu_h3 .text_on a {
	color:#ff860f; 
	font-weight:bold;
}
#snb .menu_h3 .text_on a:link, a:active, a:hover {
	color:#666;
}
#snb .menu_h3 .text_on a:hover {
	color:#ff860f;
}





/* ------------------------footer------------------------ */
#footer {
	width:100%; 
	height:95px;
	float:left; 
	margin-top:30px; 
	border-top:1px solid #dbdbdb; 
}
#footer .footerZone {
	width:940px; 
	position:relative; 
	margin:0 auto;
	margin-top:20px;
}
#footer .footerZone .addZone {
	width:670px;
	margin-left:65px;
	float:left;
}
#footer .footerZone .addZone ul li {
	float:left;
	padding:0 15px;
	line-height:0;
	margin-bottom:5px;
	background-image:url('/images/common/line_footer.gif'); 
	background-position:right 1px; 
	background-repeat:no-repeat;
}