@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,500i,600,600i,700);
@import url(https://fonts.googleapis.com/css?family=Noto Sans KR:100, 200, 300, 400, 500, 500i, 600, 600i, 700);

.header_area {	
	background:#ffffff;
	margin-top:30px;
	margin-bottom:15px;
	font-family:'Montserrat', 'Noto Sans KR', sans-serif;
}
.header_area:after {
	content:" ";
	visibility:hidden;
	display:block;
	height:0;
	clear:both
}
.top_logo a{color:#3399cc;  font-size:30px; position:relative; top:-5px;}
.top_logo a:hover{color:#3399cc;}
ul.menus {
	list-style:none;
	margin:0;
	padding:0;
	background:#ffffff;	
	
}
ul.menus * {
	margin:0;
	padding:0
}
ul.menus a {
	/* color:#009ee0; */
	color:#333333;
	text-decoration:none;
	display:block;
	
}

ul.menus li {
	position:relative;
    float:right;
	font-size:15px;
	margin-top:10px;
	margin-right:30px;
    
}

.menu-last {	
	margin:0;
	padding:0;
	text-align:right;
}
ul.menus ul {
	position:absolute;
	top:36px;
	left:0;
	display:none;
	opacity:0;
	list-style:none;
	font-size:14px;
	
}
ul.menus ul li {
	position:relative;
	border-left:1px dotted #009ee0;
	width:250px;
	padding-left:0px;
	margin-left:5px;
	font-size:13px;
}
ul.menus ul li a {
	display:block;
	padding:3px 7px 5px;
	background-color:#ffffff;
	
}
ul.menus ul li a:hover {
	background-color:#ffffff;
	color:#009ee0;
	font-weight:bold;
}
ul.menus ul ul {
	left:250px;
	top:-1px;	
}
ul.menus .menulink {	
	padding:5px 0px 7px;
	font-weight:bold;
}
ul.menus .menulink:hover, ul.menus .menuhover {
	color:#009ee0;
}
ul.menus .sub {
	background:#ffffff url(../images/arrow.gif) 240px 8px no-repeat;
	
}
ul.menus ul .topline {
	border-top:none;
	
}