/*기본 css*/

img {
	vertical-align:top;
	line-height:0;
	border:0;
}
label, select, input, textarea {
	vertical-align:middle;
}

html { overflow-y:scroll; }

body {
	color:#505050;
	font-size:75%;
	line-height:1.2;
	font-family: 'Noto Sans KR', sans-serif;
}

a, a:link {
	color:#505050;
	text-decoration:none;
} 
a:hover {
	color:#20b1f4;
	text-decoration:none;
}

/* wrapper css  */
#wrapper {width:100%; min-width:1000px; }

/* header css */
#header_wrap {
	float:left; 
	width:100%;
	min-width:1000px;
	height:120px;
	border-top:4px solid #24116b; 
	border-bottom:1px solid #e3e3e3;
}
#header {
	width:1000px;
	height:120px;
	margin:0 auto;
	position:relative;
}

.logo {
	position:absolute;
	top:13px;
	left:0;
	z-index:999;
}

/* topmenu */
#topmenu_wrap{
	width:100%;
	height:27px;
	border-bottom:1px solid #e3e3e3;
}

.topmenu {
	width:1000px;
	margin:0 auto;
	position:relative;
	top:6px;
	z-index:999;
}

.topmenu li {
	float:right;
	display:inline;
	font-size:12px;
}
.topmenu li.en {
	line-height:14px;	
}
.topmenu li.bar {
	padding:0 8px;
	font-size:8px;
	padding-top:2px;
	opacity:0.60; filter:alpha(opacity=60); -moz-opacity:0.60;
}
.topmenu li a {
	color:#828282;
	font-weight:400;
}
.topmenu li a:hover {
	color:#20b1f4;
}

/* gnb css */
#gnb {
	position:absolute;
	right:0;
	top:5px;
	z-index:999;
}
.menu li {
	float:left;
	padding:35px 20px;
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing:-0.3px;
	font-size:11.5pt;
	font-weight:400;
	color:#555;
}

.menu li a:hover{color:#20b1f4; }

.menu li ul {visibility:hidden; position:absolute; top:65px; left:0; background:#0a2b72; padding:0 10px;}
.menu li ul li {float:left; padding:10px 10px 13px 10px; margin:0;}

.menu li:hover ul,
.menu li a:hover ul {visibility:visible; color:#dcdcdc;}

.menu li:hover ul li a,
.menu li a:hover ul li a {display:block; color:#e1e1e1; font-size:12px; font-weight:600;}

.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover {color:#ffffff; border:none;}

.menu li ul.s_menu01 {margin-left:10px;}
.menu li ul.s_menu02 {margin-left:200px;}



/* footer */	

#footer_wrap{width:100%; clear:both; padding:20px 0; border-top:1px solid #e2e2e2;}
#footer{width:1000px; margin:0 auto; background:url(../img/f_logo.jpg) no-repeat left top;}
	#footer #copy{width:730px; margin-left:70px;}
	#footer #copy p{line-height:18px;}
	/*family site*/
	.family{position:relative; width:135px; left:820px; top:-75px; font-family:'돋움',dotum, Helveritca, sans-serif;}
	.family h3{}
	.family dl{position:absolute; top:24px; left:; width:133px; height:35px; overflow:auto; background-color:#fff; border:1px solid #ccc; }
	.family dl a{display:block; margin-bottom:3px; color:#aaafcc; text-decoration:none;letter-spacing:-1px;}
	.family dl a:hover{color:#333;}
	.family dl dt{margin-left:6px;margin-bottom:7px;}
	.family dl dd{margin-left:6px; margin-top:10px; padding-bottom:4px;padding-left:3px;}
	.sns{position:relative; left:145px; top:-25px;}