@charset "utf-8";

/* 대메뉴 영역 */


nav#topMenu ul li a:visited{color:#fff;}
nav#topMenu ul li a:link{color:#fff;}
nav#topMenu ul li ul li a:link{color:#333;}
nav#topMenu ul li ul li a:visited{color:#333;}
nav#topMenu ul li ul li.mover a{color:#fff;}

nav#topMenu { width:100%; z-index:2000; min-height:50px; position:relative; background:#000000; }
nav#topMenu ul {
	margin: 0px;
	padding: 0px;
	width:100%;
    font-size:0;
}
nav#topMenu ul li {
	color: #fff;
	line-height: 50px;
	vertical-align: middle;
	width:13.3%;
	display:inline-block;
	font-size:16px;
	letter-spacing:-0.5px;
	text-align: center;
	position:relative;
	font-weight:500;
}
nav#topMenu ul li:nth-child(2) {
	width:20.2%;
}
nav#topMenu ul li li:nth-child(2) {
	width:100%;
}
nav#topMenu ul li a {
	*zoom: 1;
	display: block;
}

nav#topMenu ul li.mover {color: #ffffff; -webkit-transition: all 1s; /* Safari */  transition: all 1s; background:#009040;}
nav#topMenu ul li ul li.mover  {color: #fff; -webkit-transition: all 1s; /* Safari */  transition: all 1s; background:#009040;}

nav#topMenu ul li ul li{
	width:100%;
	font-size:14px;
	line-height:1.3 !important;
	letter-spacing:0;
	padding:10px 15px;
	background: #fff;
	text-align:left;
	display:block;
	border-top:1px solid #ddd;	
	font-weight:400;
	color:#999;
 	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px;  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px;
}

nav#topMenu ul ul li:hover{ 
	background:#eee;
	color:#009040 !important;
}
.topMenuLi:hover .menuLink { 
	color: #ffffcc !important;
	background:#009040;
}
.submenu {
	position: absolute;
	height: 0px;
	width:110%;
	left:0px;
	display: block;
	overflow: hidden;      
	transition: height 0.8s; 
	-webkit-transition: height 0.8s;
    -moz-transition: height 0.8s;
    -ms-transition: height 0.8s;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
nav#topMenu ul li ul li:last-child{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
nav#topMenu ul li:hover .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
	height: 280px;           /* 높이 설정 */
}

/* 서브 메뉴 영역 */

#sub_menu button {display:none;}
#sub_menu_m button { display:none;}
#sub_menu { z-index:100; width:100%; position:relative; height:auto; background:#eee;}
#sub_menu .sub_menu { position:relative;}
#sub_menu .sub_menu li.mover, #sub_menu .sub_menu li.mover ul li.mover { background:#009040;}
#sub_menu .sub_menu li.mover a, #sub_menu .sub_menu li.mover ul li.mover a { color:#fff;}
#sub_menu .sub_menu li.mover ul li.mover { background:#999; border:1px solid #999;}

#sub_menu .sub_menu li.mover ul li { background:#fff;}
#sub_menu .sub_menu li.mover ul li a { color:#000;}
#sub_menu ul { max-width:1200px; width:100%; margin:0 auto; text-align:center; clear:both;background:#eee; font-size:0; }
#sub_menu ul li { display:inline-block; font-size:16px; line-height:1.25em; vertical-align:middle; border-bottom:1px solid #fff; }
#sub_menu ul li a { color:#000; *zoom:1;display:block; padding:15px 0;}
#sub_menu ul li a:hover, #sub_menu_m ul li a:hover { text-decoration:underline;}

#sub_menu ul li {width:33.33%;}
#sub_menu ul.four_menu li {width:25%;}

/* 서브 메뉴 -map 영역 */
nav.location-map { position:relative; text-align:right; overflow:hidden; margin-top:-10px; }
.stay {
  list-style: none;
  font-size:0.9em;
  line-height:24px;
  font-weight:300;
  color:#666;
}
.stay > li {
  display: inline-block;
}
.stay > li.home {  background:url(../images/home.png) no-repeat center; width:14px; height:13px;}
.stay > li.home span { display:none;}
.stay > li + li:before {
  padding: 0 15px;
  color: #ccc;
  background:url(../images/arrow_location.png) no-repeat center;
  content: "";
}
.stay > li.hide { display:none;}
ul.sub_menu ul.event { display:none;}

.amenu {
	width:100%;
	height:47px;
	margin-top:30px;
	position:relative;
}
.amenu ul li {
	width:33.333333%;
	height:45px;
	float:left;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:45px;
	word-break:keep-all;
}
.amenu ul li a {
	text-decoration:none;
	color:#777;
	background:#f7f7f7;
	cursor:pointer;
	display:block;
	border-radius:8px 8px 0 0;
	border: solid 1px #dddddd;
	margin-left:-1px;
}
.amenu ul li a:hover{
	color:#fff;
	background:#428bca;
}
.amenu ul li.mover a{
	color:#428bca;
	background:#fff;
	border-bottom:1px solid #fff;
}

.vmenu {
	width:100%;
	margin:30px 0;
	position:relative;
}
.vmenu ul li {
	height:34px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	line-height:32px;
	word-break:keep-all;
	display:inline-block;
}
.vmenu ul li a {
	padding:1px 13px;
	text-decoration:none;
	color:#777;
	background:#f7f7f7;
	cursor:pointer;
	display:block;
	border-radius:8px;
	border: solid 1px #dddddd;
	margin:10px 0;
}
.vmenu ul li a:hover{
	color:#428bca;
	background:#fff;
}
.vmenu ul li.mover a{
	color:#fff;
	background:#428bca;
}
nav#topMenu ul li:nth-child(3) .submenu {
	width:110% !important;
}


@media all and (max-width: 900px) {
nav#topMenu ul li .submenu {
	width:120% !important;
}
nav#topMenu ul li:nth-child(2) .submenu {
	width:100% !important;
}
nav#topMenu ul li:nth-child(3) .submenu {
	width:140% !important;
}
}
@media all and (max-width: 768px) {

#sub_menu .sub-btn {
  position: relative;
  display:block;
  width: 100%;
  text-align:center;
  color: #ffffff;
  background:#009040;
  padding:10px 40px;
  height:70px;
  line-height:22px;
  font-size:26px;
  font-weight:600;
  border:0px;
}
#sub_menu button.active {
  border-radius:10px 10px 0 0;  
}
#sub_menu .sub-btn div.text {font-size:12px; font-weight:300; color:#bdadd0; letter-spacing:0px; margin-top:5px; }

#sub_menu .sub-btn span, #sub_menu_m .sub-btn2 span {
  position: absolute;
  background: #fff;
  transition: transform 0.5s, opacity 0.5s;
}
#sub_menu .sub-line:nth-child(1) { top: 32px; right: 17px;  width: 23px;  height: 2px;}
#sub_menu .sub-line:nth-child(2) { top: 22px; right: 27px;  width: 2px;  height: 23px;}

#sub_menu .sub-line.active:nth-child(1) {  opacity: 0;}
#sub_menu .sub-line.active:nth-child(2) {  transform: rotate(90deg);}
#sub_menu .sub-list, #sub_menu .sub-list-js { background: #f7f7f7;  color: #333333;}
#sub_menu .sub-list { display: none;}
#sub_menu .sub-list-js {
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.5s;
}
#sub_menu .sub-list-js.open {
  height: 275px;
  opacity: 1;
  visibility: visible;
}

#sub_menu ul li{ width:50%;}
#sub_menu ul.four_menu li {width:50%;}	
}

@media all and (max-width: 640px) {
.vmenu ul li { width:100%;}
}
@media all and (max-width: 640px) {
.vmenu ul li { width:100%;}
}