/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu li {position:relative;}
.sf-menu ul {position:absolute;display:none;top:100%;left:0;z-index:99;}
.sf-menu > li {float: left;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {display: block;}
.sf-menu a {display:block;position:relative;}
.sf-menu ul ul {top:0;left:100%;}

/*** DEMO SKIN ***/
.sf-menu1 {float:left; padding: 5px 0; background:#FFFFFF; height: 60px;}
.sf-menu {float:right; width: 70%; font-family: NanumBarunGothic;}
.sf-menu ul {
    font-family: NanumBarunGothic;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width:6.250em; /* allow long menu items to determine submenu width */
	*width: 80em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	/*border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF;*/ /* fallback colour must use full shorthand */
	/*border-top: 1px solid rgba(255,255,255,.5);*/
	padding: 15px 0 0 5px;
	text-decoration: none;
	color:#eff4f7;
	height:60px;
	text-align:center;
	zoom: 1; /* IE7 */
	font-size: 18px;
    font-weight: bold;
}
.sf-menu li {
	background:#559fcb/*#BDD2FF*/;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
    width: 20%;
	max-width:150px;
    }
.sf-menu ul li {background:slategrey}
.sf-menu ul ul li {background:slategrey;}
.sf-menu li:hover,
.sf-menu li.sfHover{
    
	/*background:url('/img/line2.png') 0px 0px no-repeat;
	/* only transition out, not in */
	/*-webkit-transition: none;
	transition: none;*/
}
.cate-ul-2 {
width:100%;
max-width:150px;
padding:10px 0 !important;
background:#fff;
filter:alpha(opacity=60) !important;
}
.cate-li-2 a{
font-size: 13px;
font-style:normal;
width:500%;
max-width:150px;
height:35px;
line-height:35px;
padding:0px 5px 0px 8px;
text-align:left;
background:#fff !important;
border-bottom: 1px solid #e9e9e9;
color:#6e6e6e !important;
}
.cate-li-2 a:focus, .cate-li-2 a:hover{
color:#2e4162 !important;

}
.cate-li-1 a{
text-decoration:none}
.cate-li-1 a:focus, .cate-li-1 a:hover{
color:#CC0000 !important;
text-decoration:none
}
.sf-menu li:hover a{color:#fff;}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 0em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}