@charset "utf-8";

/* 대메뉴 영역 */

nav#topMenu ul li a{color:#000; font-size:17px; line-height:81px; font-weight:700;}
nav#topMenu ul li a:hover{color:#164896; text-decoration:none;	background:url(../images/sub/bg_gnb_on.png) bottom no-repeat;}
nav#topMenu ul li ul li a {color:#fff !important; font-weight:600 !important; font-size:14px !important;line-height:30px;}

nav#topMenu { width:100%;max-width: 1000px; width:-webkit-calc(100% - 260px); width:-moz-calc(100% - 260px);width:calc(100% - 260px); float:right;z-index:2000;}
nav#topMenu ul {           /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */
	margin: 0px;            /* 메인 메뉴 안의 ul의 margin을 없앰 */
	padding: 0px;           /* 메인 메뉴 안의 ul의 padding을 없앰 */
	width:100%;
	text-align:right;
}
nav#topMenu ul li {            /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
	color: #000;               /* 글씨 색을 흰색으로 설정 */
	vertical-align: middle;     /* 세로 정렬을 가운데로 설정 */
	padding:0 20px;
	display:inline-block;
	letter-spacing:-1px;
	text-align: center;         /* 텍스트를 가운데로 정렬 */
	position:relative;
}
nav#topMenu ul li a {
	*zoom:1;
	display:block;
}
nav#topMenu ul li ul li{
	font-size:14px;
	line-height:1.3 !important;
	letter-spacing:0;
	padding:5px 10px;
	text-align:left;
	display:inline-block;
}
nav#topMenu ul ul li a:hover{ 
	color:#e9e7ac!important;
	background-image:none;
}
.submenu {              	/* 하위 메뉴 스타일 설정 */
	width:200px !important;
	position: absolute;     /* html의 flow에 영향을 미치지 않게 absolute 설정 */
	height: 0px;            /* 초기 높이는 0px로 설정 */
	left:-80px;
	top:74px;
	overflow: hidden;      
	transition: height 0.5s; 
	-webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
}
nav#topMenu ul li:hover .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
	height: 300px;           /* 높이 설정 */
}