<!--

#nav_sm > {
	display: block;
	margin: 0 auto 0 auto;	/* centering */
	text-align: center;
	padding: 5px 0px 0px 0px;
}

/* 메인 메뉴 레벨 설정 */

#nav_sm > ul {

	padding: 0 px;
	/*border-radius: 5px; */
	list-style: none;
	position: relative;
	display: inline-table;
	
	/*
	background: #efefef;
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	*/
	
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;

}

#nav_sm > ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

#nav_sm > ul li {
	float: left;
	position: relative;
}

#nav_sm > ul li a {

	display: block; 
	height:35px;
	line-height:35px;
	padding: 0px 0px 0px 30px;
	width:230px;	
	font:14px/35px "Lato", Arial, Helvetica, sans-serif ;
	/*font-size: 9pt;*/
	text-align: left;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	
	/* animation effect */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;

}

#nav_sm > ul li:hover {

	background: #5a92cd; /* weper 메인메뉴 마우스 오버시 */
	background: linear-gradient(top, #5a92cd 0%, #5a92cd 40%);
	background: -moz-linear-gradient(top, #5a92cd 0%, #5a92cd 40%);
	background: -webkit-linear-gradient(top, #5a92cd 0%,#5a92cd 40%);
}

#nav_sm > ul li:hover a {
	/*color: #fff;*/
	color: #fff;
	background: #5a92cd;
}

/* ------------------------------------------------------- */
/* 				멀티레벨 메뉴바를 위한 설정들                    */
/* ------------------------------------------------------- */


/* 	
	1. height transition을 위해 
	ul ul {}에서 display:none을 지정하지 않고 
	ul ul li에 height: 0과 overflow:hidden을 설정하고
	ul li:hover > ul li 에서 height와 overflow를 지정함.
*/

/* 1단계 하위 */	
#nav_sm > ul ul {

	/*background: #5f6975; */
	position: relative; /* must be absolute position */
	/*left: 100%; */
	top:0;
	background: #5a92cd; /* weper 서브메뉴 배경 */
	color: #fff; 
	/*box-shadow: 0px 5px 9px rgba(0,0,0,0.15);*/
	


	
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;	
}



#nav_sm > ul ul li {

	float: none;
	background: #5a92cd; /* weper 서브메뉴 배경 */
	color: #fff; 
	
	/*
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	*/
	position: relative;
	
 	/* 	animation effect 
 		hover시, height와 overflow:visible을 지정하면
 		height transition 효과가 적용됨.
 	*/
    
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
    
}

/* 메뉴가 보이도록 height를 설정함.*/
#nav_sm > ul li ul li {		
    height: auto;
    overflow: visible;
    padding: 0;
	height:28px; /* weper 서브메뉴 박스 높이 */
	line-height:28px; /* weper 서브메뉴 박스 높이 */
}

#nav_sm > ul ul li a {
	margin:0;
	padding: 0px 0px 0px 40px;
	width: 160px;
	color: #fff;
	text-align: left;
	height:28px; /* weper 서브메뉴 박스 높이 */
	line-height:28px; /* weper 서브메뉴 박스 높이 */
}

#nav_sm > ul ul li a:hover {
	background: #455072; /* weper 서브메뉴 마우스 오버시 */
	color: #fff;
}

/* 하위에 하위 메뉴는 메뉴의 오른쪽 상단에 오도록함. */
#nav_sm > ul ul ul {
	position: absolute; /* must be absolute position */
	left: 100%; 
	top:0;
}
-->