@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);



ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {  *+height:1%;
}

#top_menu {
  list-style: none;
  position: relative;
  z-index:999999;
   text-align:center;
   font-family: 'Nanum Gothic', sans-serif;
}

#top_menu a {
  font-size: 17px;
  display: block;
  color: #fff;
  padding:0 0;
  text-decoration: none;

}

#top_menu a:hover { text-decoration: none; }

#top_menu li.main-item { float: left; margin-right:40px }

#top_menu li.main-item:last-child {margin-right:40px;}
#top_menu li.main-item:first-child {margin-left:0;}

#top_menu>li.main-item>a { color: #000000; padding:54px 0 6px 0;  line-height:18px; font-family: 'NotoSansKRMedium', sans-serif; }

#top_menu>li>a {font-size:18px; position:relative;}
/*
#top_menu>li>a:after{content:""; width:1px; height:13px; background-color:#747373;  display:block; position:absolute; bottom:4px; left:-22px;}

#top_menu>li:first-child>a:after{display:none;}
*/
#top_menu li.main-item ul li.sub-item a {
padding:10px 0;
  border-bottom:1px solid #F3F3F3;
  line-height:18px;
	color:#252525; background:#fff;
	 font-family: 'NotoSansKRRegular', sans-serif;
	 font-size:15px
}

/* 상단 부모 메뉴 hover 색상 */
#top_menu>li.main-item>a:hover, #top_menu>li.main-item.hover>a { color:#000082;}
#top_menu li.hover { color:#000082; }

/* 상단 부모 메뉴 hover 색상 (해당 페이지 선택되었을 때) */
#top_menu>li.m_selected>a { color:#000082;  }

#top_menu li div {
	font-size:11px;
	color:#C9C9C9;
}


#top_menu li ul {
  width:100%;
  display:none;
  position: absolute;
  background: #fff;
  z-index:99999999999999999999;
  border-top:1px solid #D7D7D7;
  border-left:1px solid #D7D7D7;
  border-right:1px solid #D7D7D7;
  border-bottom:1px solid #D7D7D7;
}

#top_menu li ul.menu-sub-ul1 { width:170px;margin-left:-52px;}
#top_menu li ul.menu-sub-ul2 { width:170px;margin-left:-52px; }
#top_menu li ul.menu-sub-ul3 { width:170px;margin-left:-52px; }
#top_menu li ul.menu-sub-ul4 { width:170px;margin-left:-52px;}

#top_menu li ul.menu-sub-ul6 { width:170px;margin-left:-43px; }

#top_menu li.m_selected ul li{
}

#top_menu li.m_selected ul li a{
}

#top_menu li.m_selected ul li a:hover{
	color:#fff;
}


#top_menu li ul li {
	width:100%;
	padding:0;
	margin: 0;
}
#top_menu li ul a {
  font-size:13px;
  padding:5px 0;
  display:block;
 }

/* 상단 메뉴 자식 메뉴 */
#top_menu li ul .sub-item a {
	padding:13px 0;
	color:#000; background:#fff;
	 font-family: 'NotoSansKRMedium', sans-serif;
}

/* 상단 메뉴 자식 메뉴 hover 백그라운드 */
#top_menu li ul li.hover {
	color:#000082; background:#fff;
	 font-family: 'NotoSansKRMedium', sans-serif;
}

/* 상단 메뉴 자식 메뉴 hover 폰트 칼라 */
#top_menu li ul li.hover a:hover {
	color:#000082; background:#fff;
	 font-family: 'NotoSansKRMedium', sans-serif;
}


  @media screen and (min-width:481px) and (max-width:1127px) {

#top_menu li ul.menu-sub-ul5 { width:170px;margin-left:40px; }
  }


    @media screen and (min-width:1128px) and (max-width:2000px) {
#top_menu li ul.menu-sub-ul5 { width:170px;margin-left:-52px; }
  }


/*
#top_menu li ul li:last-child {
	padding-bottom:5px;
}

#top_menu li ul li.separator {
  line-height: 0;
  height: 0;
  font-size: 0;
  padding: 0;
  overflow: hidden;
  background: none;
}
*/

/*
#top_menu li.main-item ul li.sub-item.has-child { background: url(arrow.gif) no-repeat right center #edf2f7; }
#top_menu li ul li.has-child.hover { border: 1px solid #aecff7; }
*/