/*** 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: 'Roboto', 'Noto Sans KR', sans-serif;}
.sf-menu ul {
    font-family: 'Roboto', 'Noto Sans KR', sans-serif;
    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 0;
	text-decoration: none;
	color:#222;
	height:60px;
	text-align:center;
	zoom: 1; /* IE7 */
	font-size: 18px;
    font-weight: bold;
}
.sf-menu li {
border-radius: 0 0 5px 5px;
background: white !important;
	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%;
border-radius: 0 0 5px 5px;
background: white !important;
/*
max-width:150px;
padding:10px 0 !important;
background:#fff;
filter:alpha(opacity=60) !important;
*/
}
.cate-li-2 a{
border-radius: 0 0 5px 5px;
background: white !important;
width: 500%;
font-size: 15px;
font-weight: normal;
height: 40px;
text-align: left;
padding: 8px 15px 0 15px;
border-top: 1px solid #ddd;
color: #222 !important;
/*
line-height: 35px;
width:500%;
max-width:150px;
padding:0px 5px 0px 8px;
background:#fff !important;
color:#6e6e6e !important;
*/
}
.cate-li-2 a:focus, .cate-li-2 a:hover{
	font-weight: bold;
	color: #cc0000 !important;
/*
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: #cc0000;
/*
	color: #fff;
	background-color: #f79321;
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	vertical-align: middle;
	text-align: center;
	margin-top: 15px;
	border-radius: 20px;
*/
}

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