/* Header */
.header { width:100%; 	background:url(../GNB/img/header_bg.png) 0 0 repeat-x; position:relative; z-index:3; }
.header .container {height:30px; width:990px; margin:5px auto;}
.header .logo {position:absolute; margin:-25px 0 0 0px;}

/* topmenu */
.topmenu {
	height:30px;
	position:relative;
	top:7px;
	}

.tmenu_left {
	padding-left:230px; /* 메뉴 위치조정 */
	}

.topmenu .dropdown {
	float:left;
	font-family:'맑은 고딕', Arial, dotum, gulim, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	text-shadow:0px 0px 0px #000;
	line-height:1.1em;
	color:#ffffff;	
	z-index:1000;
	margin:0;
	padding:0;}

.tmenu_left .dropdown {
	float:left}
	
.topmenu .dropdown li {
	display:block;
	float:left;
	margin:0;
	position:relative;
	list-style:none;
	margin:0 15px} /* 그룹메뉴 간격 */

.topmenu .dropdown li a {
	display:block;
	color:#ffffff;
	height:20px;
	text-decoration:none;}


.topmenu .dropdown li a span {
	display:block}

.topmenu .dropdown li a:hover,
.topmenu .dropdown .current-menu-item a,
.topmenu .dropdown .current-menu-item li a:hover,
.topmenu .dropdown .current-menu-item .current_page_item a,
.topmenu .dropdown .current-on a,
.topmenu .dropdown .current-on a:hover,
.topmenu .dropdown li li.current-on a,
.topmenu .dropdown li .current-on .current-menu-item a,
.topmenu .dropdown .menu-item-home.current-menu-item a, 
.topmenu .dropdown .menu-item-home a:hover{
	color:#fed202;} /* 타이틀 오버색상 */

.topmenu .dropdown .current-menu-item ul li a,
.topmenu .dropdown .current-on ul li a,
.topmenu .dropdown .current-on .current-menu-item li a,
.topmenu .dropdown .menu-item-home ul li a,
.topmenu .dropdown .current-on .current-on li a {
	color:#f6ebc4}
	
.topmenu .dropdown li ul li a:hover,
.topmenu .dropdown .current-on ul li a:hover,
.topmenu .dropdown .current-on .current-menu-item a,
.topmenu .dropdown .current-on li .current-menu-item a,
.topmenu .dropdown li .current-menu-item a,
.topmenu .dropdown li.parent li a:hover,
.topmenu .dropdown .current-on .current-on a{
	color:#fbc404} /* 서브항목 오버시 색상 */

.topmenu .dropdown li ul {
	display:none;
	position: absolute;
	top: 20px;
	left:-10px;
	z-index: 9900;
	width: 186px;
	padding:0;
	margin:0;
	font-size:12px;
	font-family:'맑은 고딕', Arial, dotum, gulim, Helvetica, sans-serif;
	text-transform:none;
	text-shadow:none}

.topmenu .dropdown li ul li ul {
	display:none;
	position: absolute;
	top:-7px;
	width: 180px;
	left:140px !important; /* 카테고리 간격 */
	z-index: 9900;}
	
.topmenu .dropdown li ul li {
	display:block;
	background:url(../GNB/img/dropdown_1_bg.png) 0 0 repeat-y;
	width: 186px;
	margin:0;
	height:auto;
	clear:both;
	position:relative;
	line-height:1.3em}

.topmenu .dropdown li ul li ul li {
	width: 180px;}

.topmenu .dropdown li ul li ul li {
	background:url(../GNB/img/dropdown_1_bg2.png) 0 0 repeat-y;}

.topmenu .dropdown li ul li.first {
	background:url(../GNB/img/dropdown_1_first.png) 0 top no-repeat;
	padding-top:10px}

.topmenu .dropdown li ul li ul li.first {
	background:url(../GNB/img/dropdown_1_first2.png) 0 top no-repeat;
	padding-top:4px}
	
.topmenu .dropdown li ul li.last {
	background:url(../GNB/img/dropdown_1_last.png) 0 bottom no-repeat;
	padding:0 0 6px 0;}

.topmenu .dropdown li ul li.only {
	background:url(../GNB/img/dropdown_1_only.png) 0 top no-repeat;
	padding-top:10px}

.topmenu .dropdown li ul li ul li.last {
	background:url(../GNB/img/dropdown_1_last2.png) 0 bottom no-repeat;}

.topmenu .dropdown li ul li a{
	display:block;
	color:#f6ebc4; /* 서브항목 기본색상 */
	height: auto;
	padding:10px 23px 10px 23px;
	background:url(../GNB/img/dropdown_1_line.png) center bottom no-repeat;}

.topmenu .dropdown li ul li ul li a {
	background:url(../GNB/img/dropdown_1_line2.png) center bottom no-repeat;
	padding:10px 26px 10px 26px !important;}

.topmenu .dropdown li ul li.last a,
.topmenu .dropdown li ul li ul li.last a {
	background:none} /* none 3차 카테고리 표현시 마지막 게시판 분류값은 라인이 죽어서 block로 변경 */

.topmenu .dropdown li a span {
	display:block;}

.topmenu .dropdown li a:hover span {
	cursor:pointer}

 /* 3차 카테고리 출력시 카테고리가 많으면 오히려 ㅡㅡ. 출력을 막게 됨.. 필요하면 주석제거
.topmenu .dropdown li ul li.parent span {
	background:url(../GNB/img/dropdown_1_arrow.png) 130px 5px no-repeat;
	padding-right:10px}

.topmenu .dropdown li ul li.parent a:hover span {
	background:url(../GNB/img/dropdown_1_arrow.png) 131px 5px no-repeat;}
 */

.topmenu .dropdown li ul li.parent ul li span,
.topmenu .dropdown li ul li.parent ul a:hover span {
	background:none;
	padding-right:0px}

.topmenu .dropdown li:hover ul li ul {
	display:none;}	

.topmenu .dropdown li:hover ul,
.topmenu .dropdown li:hover ul li:hover ul{
	display:block}