@charset "utf-8";
/* CSS Document */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.accessibility,
.hide{
 /*숨기기*/
 position:absolute;
 width:0; height:0; overflow:hidden;
 font:0/0 Sans-serif;
/* visibility:hidden;*/
 margin:0;padding:0;
} 

h1,h2,h3,h4,p,input,ul,li,form,label,dl,dt,dd,fieldset{
	margin:0; padding:0;
}
h3{
	text-indent:-1000px;
}
hr{
	display:none;
}
ul{
	list-style:none;
}
img,fieldset{
	border:0;
}
a{
	text-decoration:none;
	color:#555555;
}
body{
	margin:0; padding:0;
	font-size:0.75em;
	font-family:"돋움";
	color:#555555;
}
input,select{
	font-size:1em;
}
.btn{
	border:none;
	text-indent:-1000px;
	cursor:pointer;
}


.wapper{
}

/*hader*/
.header{
}
h1 a{
	display:block;
	background:url(/images/new/common/logo.gif) no-repeat;
	width:165px;
	height:37px;
	text-indent:-1000px;
	position:absolute;
	left:16px;
	top:25px;
	z-index:2;
}
.gnb{
	width:892px;
	height:25px;
}
.gnb div{
	float:right;
}
.gnb li,
.gnb ul{
	float:left;
}
.gnb li a.title{
	display:block;
	background:url(/images/new/common/gnb.gif) no-repeat;
	height:25px;
	text-indent:-10000px;
}
.gnb li.login a{
	width:40px;
	background-position:0px 0;
}
.gnb li.logout a{
	width:50px;
	background-position:-40px 0;
}
.gnb li.join a{
	width:50px;
	background-position:-132px 0;
}
.gnb li.admin a{
	width:40px;
	background-position:-90px 0;
}
.gnb li.sitemap a{
	width:50px;
	background-position:-180px 0;
}
.gnb li.cb a{
	width:40px;
	background-position:-230px 0;
}
.gnb .allview{
	vertical-align:top;
}
.gnb select{
	margin-top: 2px;
}

/*navi*/
#navi{
	position:relative;
	z-index:1;
	height:148px;
	overflow:hidden;
	width:100%;
	background: url(/images/new/common/navi_bg.gif) repeat-x 0 53px;
}
#navi ul.navi_ul{
	width:892px;
	height:53px;
}
#navi li{
	background:url(/images/new/common/navi_cross.gif) no-repeat 0 17px;
	float:left;
	padding:0 14px 0 14px;
}
#navi #navi_1{
	background:none;
	margin-left:198px;
	display:inline;
}
#navi #navi_7{
	padding-right:0;
}
#navi_1 a.menu{ background:url(/images/new/common/navi_1.gif) no-repeat;width:81px;}
#navi_2 a.menu{ background:url(/images/new/common/navi_2.gif) no-repeat;width:50px;}
#navi_3 a.menu{ background:url(/images/new/common/navi_3.gif) no-repeat;width:98px;}
#navi_4 a.menu{ background:url(/images/new/common/navi_5.gif) no-repeat;width:50px;}
#navi_5 a.menu{ background:url(/images/new/common/navi_6.gif) no-repeat;width:48px;}
#navi_6 a.menu{ background:url(/images/new/common/navi_7.gif) no-repeat;width:88px;}
#navi_7 a.menu{ background:url(/images/new/common/navi_8.gif) no-repeat;width:85px;}
#navi a.menu{
	display:block;
	height:53px;
}
#navi .on a,
#navi .current a,
#navi a:hover{
	background-position:0px -53px;
}

#navi .SubMenu{
	display:none;
	width:892px;
	position:absolute;
	left:0px;
	top:53px;
	height:30px;
	overflow:hidden;
}
#navi .SubMenu a img{
	margin-top:-30px;
}
#navi .SubMenu a.on img,
#navi .SubMenu a.current img,
#navi .SubMenu a:hover img{
	margin-top:0px;
}


#navi .SubMenu ul{
	height:30px;
	float:left;
	display:inline;
}
#navi .SubMenu ul li{
	background:none;
	float:left;
	padding:0 10px 0 0;
}
#navi_1 .SubMenu{margin-left: 75px;}
#navi_2 .SubMenu{margin-left: 46px;}
#navi_3 .SubMenu{margin-left: 370px;}
#navi_4 .SubMenu{margin-left: 415px;}
#navi_5 .SubMenu{margin-left: 400px;}
#navi_6 .SubMenu{margin-left: 380px;}
#navi_7 .SubMenu{margin-left: 560px;}

#navi .on .SubMenu,
#navi .current .SubMenu{
	display:block;
}

/*컨텐츠영역*/
.content{
	margin-top:-65px;
	z-index:100;
	position:relative;
}

/*검색*/
.search{
	width:350px;
	height:22px;
}
.search legend,
.search label{
	display:none;
}
.search select{
	width:102px;
	font-size:13px;
	line-height:120%;
}
.search .input{
	width:195px;
	height:20px;
	border:2px solid #63b429;
	padding:3px 0 0 5px;
}
.search .btn{
	width:36px; height:20px;
	background:url(/images/new/common/main/search_btn.gif) no-repeat 0px 0px;
	vertical-align:top;
	margin-top:0px;
}


/*퀵메뉴*/
#quickMenu{
	position:absolute;
	left:908px;
	top:129px;
	background:url(/images/new/common/quick_btm.gif) no-repeat left bottom;
	padding-bottom:14px;
	width:95px;
	z-index:2;
}
	#quickMenu h3{
		text-indent:0;
	}
	#quickMenu ul{
		background:url(/images/new/common/quick_bg.gif) repeat-y;
	}
	#quickMenu li{
		text-align:center;
		background:url(/images/new/common/quick_li_bg.gif) no-repeat left top;
		padding:10px 0 5px 0;
	}
	#quickMenu li.first-child{
		background:url(/images/new/common/quick_bg.gif) repeat-y;
	}

/*footer*/
.footer{
	clear:both;
	position:relative;
	background:#f8f8f8;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	font-size:0.95em;
	width:100%;
	padding-bottom:20px;
	margin-top:22px;
}
	.footer h2{
		position:absolute;
		left:15px;top:16px;
		text-indent:-1000px;
		background:url(/images/new/common/copy_logo.gif) no-repeat;
		width:163px; height:83px;
	}
	.footerData{
		float:left;
		display:inline;
		width:697px;
		margin-left:195px;
		margin-top: 20px;
	}
	.footerMenu li{
		float:left;
		color:#a5a5a5;
		margin-top:5px;
		word-spacing:-2px;
	}
	.footerMenu a{
		float:left;
		color:#444444;
	}
	.footerLink{
		float:right;
		height:25px;
	}
	.footerLink .btn{
		background:url(/images/new/common/btn_go.gif) no-repeat;
		width:28px; height:19px;
		text-indent:-1000px;
		border:none;
	}
	address{
		clear:both;
		border-top:1px solid #e1dede;
		padding-top: 3px;
		font-style:normal;
		line-height:15px;
	}
	address span{
		color:#0465bb;
	}
	.footerCounter{
		color:#996666;
		float:right;
		margin-top: -42px;
	}
	.footerCounter li{
		float:left;
	}