@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

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:99;
   text-align:center;
  font-family: 'Noto Sans KR', dotum, sans-serif;
  width:100%;
}


#top_menu a {
  font-size: 20px;
  display: block;
  color: #000;
  padding:7px 0;
  text-decoration: none;
  font-weight:bold;
}

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

#top_menu li.main-item { float: left; padding:20px 0;}

/* #top_menu > li:nth-child(odd) {width:106px;} */

#top_menu > li:nth-child(even) { padding:22px 0; cursor:default; }

#top_menu li.main-item a {  color: #363636 ; line-height:25px; font-weight:600; padding:0 11px;}

#top_menu li.main-item ul li.sub-item a {
    color: #242424;
	background:#fff;
	font-family: 'Noto Sans KR', sans-serif;
	text-shadow: none;
    width:100%;
    height:40px;
    line-height:40px;
    padding:0;
    font-size: 14px;
    font-weight: 500;
}

/* 상단 부모 메뉴 hover 색상 */
#top_menu li.main-item a:hover, #top_menu li.main-item.hover a { color:#AF464A;font-weight:bold;}
#top_menu li.hover { color: #0072bc;font-weight:bold;}

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

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

#top_menu li ul {
  width:117px;
  display:none;
  position: absolute;
  background: #fff;
  text-align:center;
}
#top_menu li ul.menu-sub-ul0 { width:102px;margin-left:15px;}
#top_menu li ul.menu-sub-ul1 { width:102px;margin-left:50px;}
#top_menu li ul.menu-sub-ul2 { width:102px;margin-left:20px;}
#top_menu li ul.menu-sub-ul3 { width:102px;margin-left:20px;}
#top_menu li ul.menu-sub-ul4 { width:102px;margin-left:40px;}
#top_menu li ul.menu-sub-ul5 { width:102px;margin-left:20px;}
#top_menu li ul.menu-sub-ul6 { width:102px;margin-left:-5px;}
#top_menu li ul.menu-sub-ul7 { width:102px;margin-left:-5px;}
#top_menu li ul.menu-sub-ul8 { width:102px;margin-left:10px;}



#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 {
    /* margin-top: 30px; */
}

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

/* 상단 메뉴 자식 메뉴 */
#top_menu li ul .sub-item a {
	width:100px;
	padding:5px 0;
	color:#bfbfbf;
}

/* 상단 메뉴 자식 메뉴 hover 백그라운드 */
#top_menu li ul li.hover {
	
	font-weight:bold;
}

/* 상단 메뉴 자식 메뉴 hover 폰트 칼라 */
#top_menu li ul li.hover a:hover {
	color:#fff;
	font-weight:bold;
    background-color: #af464a;
}





/*
#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; }
*/