<!--

#nav > {
	display: block;
	margin: 0 auto 0 auto;	/* centering */
	text-align: center;
	padding: 5px 0px 0px 0px;
}

/* 메인 메뉴 레벨 설정 */

#nav > 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 > ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

#nav > ul li {
	float: left;
	position: relative;
}

#nav > ul li a {

	display: block; 
	height:40px;
	line-height:40px;
	padding: 15px 45px 0px 45px;
	font:18px/35px "Lato", Arial, Helvetica, sans-serif ;
	/*font-weight: bold;*/
	color: #000; /* weper 메인메뉴 글자색 */
	/*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 > ul li ul li a {

	font-size: 9pt;

}

#nav > ul li:hover {
	/*
	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	*/
	border-radius: 5px 5px 0px 0px; /* weper 메인메뉴 마우스 오버시 */
	background: #0061a0; /* weper 메인메뉴 마우스 오버시 */
	background: linear-gradient(top, #0061a0 0%, #0061a0 40%);
	background: -moz-linear-gradient(top, #0061a0 0%, #0061a0 40%);
	background: -webkit-linear-gradient(top, #0061a0 0%,#0061a0 40%);
}

#nav > ul li:hover {
	color: #fff;
}
#nav > ul li a:hover {
	color: #fff;
}

/* ------------------------------------------------------- */
/* 				멀티레벨 메뉴바를 위한 설정들                    */
/* ------------------------------------------------------- */


/* 	
	1. height transition을 위해 
	ul ul {}에서 display:none을 지정하지 않고 
	ul ul li에 height: 0과 overflow:hidden을 설정하고
	ul li:hover > ul li 에서 height와 overflow를 지정함.
*/

/* 1단계 하위 */	
#nav > ul ul {

	z-index:100;
	/*background: #5f6975; */
	background: #0061a0; /* weper 서브메뉴 배경 */
	color: #ffffff; 
	padding: 0;
	position: absolute; 	/* must be absolute position */
	top: 100%;
	left: 0px;
	box-shadow: 0px 5px 9px rgba(0,0,0,0.45);
	
	/* animation effect */
	opacity: 0;

	
    -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 > ul li:hover > ul {		
	opacity: 1;
}

#nav > ul li:hover a {
	/*color: #fff;*/
	color: #fff;
}

#nav > ul ul li {

	float: none;
	
	/*
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	*/
	position: relative;
	
 	/* 	animation effect 
 		hover시, height와 overflow:visible을 지정하면
 		height transition 효과가 적용됨.
 	*/
    height: 0;
    overflow: hidden;
    
    -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 > ul li:hover > ul li {		
    height: auto;
    overflow: visible;
    padding: 0;
	height:35px; /* weper 서브메뉴 박스 높이 */
	line-height:35px; /* weper 서브메뉴 박스 높이 */
}

#nav > ul ul li a {
	margin:0;
	padding: 0px 0px 0px 30px;
	min-width: 175px;
	color: #fff;
	text-align: left;
	height:35px; /* weper 서브메뉴 박스 높이 */
	line-height:35px; /* weper 서브메뉴 박스 높이 */
}	

#nav > ul ul li a:hover {
	background: #5a92cd; /* weper 서브메뉴 마우스 오버시 */
	color: #fff;
}

/* 하위에 하위 메뉴는 메뉴의 오른쪽 상단에 오도록함. */
#nav > ul ul ul {
	z-index:200;
	position: absolute; /* must be absolute position */
	left: 100%; 
	top:0;
}

#nav > ul ul ul li a {
	background: #2c7fc1; /* weper 서브메뉴 배경 */
	margin:0;
	padding: 0px 0px 0px 15px;
	min-width: 130px;
	color: #fff;
	text-align: left;
	height:35px; /* weper 서브메뉴 박스 높이 */
	line-height:35px; /* weper 서브메뉴 박스 높이 */
}	

#nav > ul ul ul li a:hover {
	background: #5a92cd; /* weper 서브메뉴 마우스 오버시 */
	color: #fff;
}
-->