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


@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face
{
font-family: 'Noto Sans KR'; font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}


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; }



#top_menu li.main-item a { color: #464646; padding:15px 0 20px 0; line-height:18px; font-family: 'Noto Sans KR', sans-serif; font-weight:normal; }

#top_menu>li>a {font-size:17px; position:relative;}


/*
#top_menu>li>a:after {content:""; width:1px; height:15px; background-color:#e0e0e0; display:block; margin-top:-15px;}

#top_menu>li:first-child a:after {display:none;}
*/

/*
#top_menu>li>a:after{content:""; width:1px; height:15px; background-color:#747373;  display:block; position:absolute; bottom:34px; left:110px;}

#top_menu>li:last-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:#000; background:#fff;
}

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

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

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


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

#top_menu li ul.menu-sub-ul1 { width:150px;margin-left:0;}
#top_menu li ul.menu-sub-ul2 { width:150px;margin-left:-8px; }
#top_menu li ul.menu-sub-ul3 { width:150px;margin-left:-21px; }
#top_menu li ul.menu-sub-ul4 { width:150px;margin-left:-17px;}
#top_menu li ul.menu-sub-ul5 { width:150px;margin-left:0; }

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

/* 상단 메뉴 자식 메뉴 hover 백그라운드 */
#top_menu li ul li.hover {
	color:#000; background:#f6f6f6;
}

/* 상단 메뉴 자식 메뉴 hover 폰트 칼라 */
#top_menu li ul li.hover a:hover {
	color:#000; background:#f6f6f6;
}





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