/*-------------------------------------------------------------------------------------------------------------------------
   TopMenu
-------------------------------------------------------------------------------------------------------------------------*/

/*1depth*/
#menu ul, li {
	z-index:10000
}

#menu {
	height:33px;
	list-style:none;
}

#menu li {
	position:relative;
	padding: 11px 24px 2px 24px;
	float:left;
	display:block;
	text-align:center;
	border:none;
}

#menu li:hover {
	padding: 10px 23px 2px 23px;
	border: 1px solid #000;
	border-bottom:none;
	background: #fff;
}

#menu li a {
	display:block;
	outline:0;
	color:#fff;
	text-decoration:none;
}

#menu li:hover a {
	color:#000;
}
#menu li .drop {}
#menu li:hover .drop {
	background:none;
}

/*end*/
#menu li.end {
	position:relative;
	padding: 11px 24px 1px 24px;
	float:left;
	display:block;
	text-align:center;
	border:none;
}

#menu li.end:hover {
	padding: 10px 23px 1px 23px;
	border: 1px solid #000;
	background: #fff;
}

#menu li.end a {
	display:block;
	outline:0;
	color:#fff;
	text-decoration:none;
}

#menu li.end:hover a {
	color:#000;
}



/*2depth*/
.dropdownA,
.dropdownB,
.dropdownC,
.dropdownD{
	position:absolute;
	left:-999em; /* Hides the drop down */
	float:left;
	margin:2px auto;
	padding:10px 10px 0 10px;
	text-align:left;
	border:1px solid #000;
	border-top:none;
	background:#FFF;
}

.dropdownA {width: 268px;_width: 280px}
/*:root .dropdownB { width: 309px \0/IE9; }*/
.dropdownB {width: 149px}
:root .dropdownB { width: 145px \0/IE9; } 
.dropdownC {width: 268px;_width: 280px} 
.dropdownD {width: 118px}
/*:root .dropdownD { width: 150px \0/IE9; } */

#menu li:hover .dropdownA, 
#menu li:hover .dropdownB, 
#menu li:hover .dropdownC,
#menu li:hover .dropdownD{
	left:-1px;
	top:auto;
}


/*3depth*/
.colA{
	position: relative;
	margin: 0 40px 0 10px;
	_margin: 0 0 0 10px;
	float: left;
	display:inline;
}
.colA {
	width:104px;
}
.colAend{
	position: relative;
	margin: 0;
	float: left;
	display:inline;
}
.colAend {
	width:104px;
}

.colB{
	position: relative;
	margin: 0 7px 0 7px;
	float: left;
	display:inline;
}
.colB {
	width:123px;
}


.colC{
	position: relative;
	margin: 0 40px 0 10px;
	_margin: 0 0 0 10px;
	float: left;
	display:inline;
}
.colC {
	width:104px;
}
.colCend{
	position: relative;
	margin: 0;
	float: left;
	display:inline;
}
.colCend {
	width:104px;
}

.colD{
	position: relative;
	margin: 0 10px 0 8px;
	float: left;
	display:inline;
}
.colD {
	width:100px;
}

#menu h2 {
	margin:0 0 10px 0;
	color:#fff;
	font:bold 15px "dotum";
	letter-spacing:-1px;
}
#menu #menu h3, #menu ul li {
	color:#303030;
	font:bold 12px "dotum";
	text-align:left;
}
#menu h3 {
	color:#303030;
	font:bold 12px "dotum";
	text-align:left;
	margin:7px 0 7px 0;
	padding-bottom:7px;
	border-bottom:1px solid #e3e3e3;
}

#menu h3.noBD {
	color:#303030;
	font:12px "dotum";
	text-align:left;
	margin:7px 0 7px 0;
	padding:0 0 7px 8px;
	border-bottom:1px solid #e3e3e3;
	/*background:url('../images/icon/bl_black.gif') no-repeat 0 5px*/
}
#menu h3.noBDend {
	color:#303030;
	font:12px "dotum";
	text-align:left;
	margin:7px 0 7px 0;
	padding:0 0 7px 8px;
	border-bottom:none;
	/*background:url('../images/icon/bl_black.gif') no-repeat 0 5px*/
}
#menu #menu h4, #menu ul li {
	color:#303030;
	font:normal 12px "dotum";
	text-align:left;
}
#menu h4 {
	color:#303030;
	font:normal 12px "dotum";
	text-align:left;
	margin:0;
	padding-bottom:5px;
}
#menu li:hover div a {
	font-size:12px;
	color:#303030;
}
#menu li:hover div a:hover {
	color:#0090ff;
	margin:0;
	text-decoration:underline
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0 0 5px 0;
	.margin:0;
	float:none;
	text-align:left;
	width:130px;
	/*background:url('../images/icon/bl_black.gif') no-repeat 0 5px*/
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0 0 5px 0;
	.margin:0;
	/*background:url('../images/icon/bl_black.gif') no-repeat 0 5px*/
}