@charset "utf-8";

/* 대메뉴 영역 */


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

nav#topMenu { width:63%; float:left; z-index:2000; }
nav#topMenu > ul {
	margin: 0px;
	padding: 0px;
	width:90%;
	text-align:center;
	margin:0 5%;	
    font-size:0;
}
nav#topMenu > ul > li {
	color: #fff;
	line-height: 80px;
	vertical-align: middle;
	width:19%;
	display:inline-block;
	font-size:18px;
	letter-spacing:-0.5px;
	text-align: center;
	position:relative;
	font-weight:600;
}
nav#topMenu ul li a {
	*zoom: 1;
	display: block;
}

.topMenuLi:hover .menuLink, .topMenuLi.mover .menuLink{ 
	color: #58bdff !important;
}
#topMenu > ul > li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #58bdff;
  transition: width 0.3s ease;
  transform: translateX(-50%);
}

#topMenu > ul > li:hover::after {
  width: 70px;
}

/* mover 클래스가 붙어 있을 때 항상 표시 */
#topMenu > ul > li.mover::after {
  width: 70px;
}

/* 하위 메뉴 li에는 효과 제거 */
#topMenu ul ul li::after {
  content: none; /* 가상 요소 없애기 */
}
#topMenu > ul > li.mover .submenu {
  display: block;   /* 기본적으로 보이게 */
  position: fixed;  /* 화면에 고정 */
  left:0;
  background:rgba(7, 15, 28, 0.6) !important;
  z-index:1500;
}
nav#topMenu ul { width:100%; margin:0;}

nav#topMenu ul li ul li{
	width:100%;
	font-size:16px;
	font-weight:400;
	line-height: 14px;          /* 텍스트 한 줄의 높이를 18px로 설정 */
	display:inline-block;
	line-height:1.3;
	padding:10px 15px;
	text-align:left !important;
	display:inline-block;
	border-bottom:1px solid #212937;
	background:rgba(35, 53, 75, 1);
}
nav#topMenu ul li ul li a{
	color:#fff; 
}
.topMenuLi:hover .menuLink {    /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
	colo: #58bdff; 
}
.topMenuLi .submenu {              /* 하위 메뉴 스타일 설정 */
	position:absolute;     /* html의 flow에 영향을 미치지 않게 absolute 설정 */
	height: 0px;            /* 초기 높이는 0px로 설정 */
	line-height:30px;
	left:0;
	top:80px;
	width:100%;
	overflow: hidden;       /* 실 내용이 높이보다 커지면 해당 내용 감춤 */
	transition: height 0.5s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */
	-webkit-transition: height 0.5s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
	z-index:2500;
}
nav#topMenu ul li:hover .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
	height: 250px;           /* 높이 설정 */
}
nav#topMenu ul li.mover .submenu {
	height: 60px;
}
nav#topMenu ul li.mover .submenu li{ width:auto; padding:23px 50px; background:rgba(35, 51, 73, 0) url(../images/bullet/line_ws.gif) no-repeat right center !important;
line-height:1; border-top:0px solid #0c192a;}
nav#topMenu ul li.mover .submenu li:last-child{ background-image:none!important;}
nav#topMenu ul li ul li.mover a, nav#topMenu ul li.mover .submenu li a:hover{ 
	color: #58bdff;
}
nav#topMenu ul ul li:hover{ 
	background:#58bdff;
	color:#fff !important;
}

@media all and (max-width: 900px) {

}
@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:500;
  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.abst li:nth-child(3){ width:100%;}
#sub_menu ul.abst li:nth-child(4){ width:100%;}  
#sub_menu ul.four_menu li {width:50%;}	
}

/* 언어 전환 버튼 (KOR/ENG) */
#header .btn_area { display:flex; align-items:center; justify-content:flex-end; gap:6px; }
#header .btn_area a.lang_switch { min-width:56px !important; padding:0 10px; font-size:0.85em; }