@charset "utf-8";
/* CSS Document */


/* ############  1. 주요 엘리먼트 element ############# */
body{
	background:url(/images/pagebg.gif);
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"나눔고딕 Bold",NanumGothic Bold,"돋움",Dotum,"굴림",Gulim;
	font-size:12px;
	}

img{
	border:0;
	text-align: center;
}



/* ################## 2. 주요 클래스  ################# */



/* 메뉴건너뛰기-재사용가능하게 class*/
.skipto { position:relative; font-size:9px;}
.skipto a{ display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#000;white-space:nowrap;}
.skipto a:focus,
.skipto a:active {height:auto;width:100%;padding:5px;margin-bottom:10px;}

/* 맨위로 이동하기- 한번만 쓰기 때문에 ID */
#returnToPageTop { position:relative;font-size:9px;}
#returnToPageTop a { display:block; height:1px; width:1px; 	margin-bottom:-1px;overflow:hidden; text-align:center;color:#000; white-space:nowrap; }
#returnToPageTop a:focus,
#returnToPageTop a:active {	height:auto; width:auto; padding:5px; margin-bottom:10px;}

/* 헤더 네비게이터*/

.hdr_nav {
	position:relative; float:left; 
	padding:0; margin:0; list-style:none; height:44px;width:490px;
	background:#fff url(/images/button1a.gif) repeat-x; 
		 font-weight:bolder;letter-spacing:-1px;
		 z-index:100;
	 
}
	
.hdr_nav li.top {
	display:block; float:left; position:relative;
	width:auto;
}

.hdr_nav li a.top_link {
	display:block; float:left; 
	height:44px;line-height:50px;padding:0; 
	color:#eee;text-decoration:none;font-size:14px; /**/ 
	cursor:pointer;
}

.hdr_nav li a.top_link span {
	float:left; display:block; 
	padding:0 10px; height:30px;
}

.hdr_nav li a.top_link:hover {	color:#fff; background:url(/images/button2a.gif); background-repeat:repeat-x;}

.hdr_nav li:hover > a.top_link {color:#fff;  background:url(/images/button2a.gif); background-repeat:repeat-x;}

.hdr_nav a:hover {visibility:visible;}
.hdr_nav li:hover {	position:relative;} 

.hdr_nav ul, 
.hdr_nav :hover ul ul, 
.hdr_nav :hover ul :hover ul ul {
	position:absolute; 	left:-9999px; top:-9999px; 	
	width:0;height:0; margin:0; padding:0; list-style:none;}

.hdr_nav :hover ul.sub {
	left:2px; top:40px;	padding:3px 0; border:0px;white-space:nowrap; 
	width:130px; height:auto;
	background: #fff; border:3px #b71b33 solid;}

.hdr_nav :hover ul.sub li {	display:block; position:relative; float:left; 	height:20px; width:90px;}

.hdr_nav :hover ul.sub li a {
	display:block; 
	height:20px; width:125px; line-height:20px; 
	text-indent:5px; text-decoration:none; font-size:14px; 
	color:#b71b33; 
	border:3px solid #fff; border-width:0 0 0 3px; }
	
.hdr_nav :hover ul.sub li a:hover {	background:#b71b33; color:#fff; }
.hdr_nav :hover ul :hover ul,
.hdr_nav :hover ul :hover ul :hover ul {
	left:90px; top:-4px; width:93px; height:auto; 
	background: #fff; 
	padding:3px 0; 	
	border:1px solid #4ab; 
	white-space:nowrap; }
	
.hdr_nav2 {
position:relative; float:left; 
padding:0 0 0 10px; margin:0; list-style:none; height:44px;width:275px;/*pading:none285px*/
background:#fff url(/images/button2a.gif) repeat-x; 
font-weight:bolder;letter-spacing:-1px;
}

.hdr_nav2 li.top {
	display:block; float:left; position:relative;
	width:auto;
}

.hdr_nav2 li a.top_link {
	display:block; float:left; 
	height:44px;line-height:50px;	padding:0 7px; 
	color:#eee;text-decoration:none;font-size:14px; /**/ 
	cursor:pointer;
}


.hdr_nav2 li a.top_link:hover {	color:#fff;}
.hdr_nav2 li:hover > a.top_link {color:#fff;}

.hdr_nav2 a:hover {visibility:visible;}
.hdr_nav2 li:hover {position:relative;} 

/* ################# 3. 구조 및 해당 영역 스타일 정의 ################## */
/* 전체적인 레이아웃을 짤 때는 ID를 이용한다. */

/* 전체를 감싸는 콘테이너 */
div#container {	width:985px;margin:0 auto;	background:url(/images/headerbg.gif);background-repeat:no-repeat;padding:0 9px;}
div#content_e { background:url(/images/bodyshadow.gif); background-repeat:no-repeat; padding-top:10px;}
/* ### 헤더 ### */
div#header{	width:985px;height:106px;padding-top:37px;	border:0px #ddd solid;}
div#header_left{ 	/*border:1px #00F solid;*/width:210px;height:106px;float:left;padding:0;}
div#header_middle{	border:0px;width:490px;height:106px;float:left;padding:0;}
div#header_logo{	border:0px ;margin-left:192px;width:362px;height:62px; padding:0;}
div#header_navi{	width:490px;height:44px;padding:0;}
div#header_right{	border:0px;width:285px;height:106px;float:right;padding:0;}
div#header_right_banner{	border:0px;width:285px;height:62px;padding:0;}
div#header_right_qlink{	width:285px;height:44px;float:left;padding:0;}


/* ### 푸터 ### */
#footer{width:985px; 
	background:url(/images/footerbg.gif);
	background-repeat:no-repeat;
	padding-top:33px;
	height:90px;}

#footerinfo{float:left; padding-left:34px; font-size:11px; color:#666;}
#footerinfo .bold{color:#333;}
#footerinfo .bold2{color:#099;}
#footerinfo img{float:left; padding:6px 19px 6px 0;}
#footerlink{float:right; padding-right:34px; font-size:11px; color:#333;letter-spacing:-1px;text-align:right; line-height:19px;}
#footerlink a:link,
#footerlink a:visited,
#footerlink a:active{color:#333; text-decoration:none;}
#footerlink a:hover{color:#333;text-decoration:underline; }
#footerlink .bar{color:#aaa; padding:0 5px;}