@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
	font-family: 'Nanum BarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url(font/NanumBarunGothic.eot);
	src: url(font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
	url(font/NanumBarunGothic.woff) format('woff'),
	url(font/NanumBarunGothic.ttf) format('truetype');
}
 
@font-face {
	font-family: 'Nanum BarunGothic';
	font-style: normal;
	font-weight: 700;
	src: url(font/NanumBarunGothicBold.eot);
	src: url(font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
	url(font/NanumBarunGothicBold.woff) format('woff'),
	url(font/NanumBarunGothicBold.ttf) format('truetype');
}

 /* base setting */
html,
body {
	width: 100%;
	height: 100%;

}
html,
body,
p,
input,
textarea {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: 'Nanum Gothic','돋움',dotum,sans-serif;
	color: #333;
	line-height: 2.0em;
	-ms-word-break: keep-all;
	word-break: keep-all;
	word-wrap: break-word;
}
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
img,
input {vertical-align: middle;}
img {
	border: 0px;
}
form {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #222 ;
}
hr {
	height: 0;
	display: block;
	border: 0;
	border-top: 1px solid #666;
	margin: 1em 0;
}
address {font-style: normal;}
table caption {display: none;}



/* wrap */
#wrap_main {

	min-width: 1000px;
	min-height: 100%;
	overflow: hidden;
	margin: 0 auto;
}
#wrap {
	background-color: #e7e7e7;
	min-width: 1000px;
	min-height: 100%;
	overflow: hidden;
	margin: 0 auto;
}



/* header */
.wrap_header {
	background-color: #fff;
	height:140px;
	position:relative;
	z-index:999;
}
.wrap_tnb {
	border-bottom: 1px solid #e6e6e6;
}
.lnb {
	text-align: right;
	width: 980px;
	margin: 0 auto;
}
.lnb li {
	display: inline-block;
	padding: 8px 0;
}
.lnb a {
	line-height: 16px;
	color: #606060;
	font-size: 12px;
}
.lnb .vbar {
	color: #dedede;
	margin: 0 2px 0 6px;
}
#header {
	height:90px;
	position:relative;
	width:100%;
}
#header.show_gnb {
	background:url(../images/bg/gnb_bg.gif) repeat-x 0 76px;
}
#header .head {
	width: 980px;
	margin: 0 auto;
	position:relative;
	z-index:10;
	border-bottom:0
}
#header.show_gnb .head{
	background:url(../images/bg/gnb_bg.gif) repeat-x 0 76px;
	border-bottom:2px solid #67b2d1;
	background-color:#fff
}
#header h1 {
	padding: 15px 0 10px;
	margin: 0;
	width: 255px;

	float: left;
}


#nav {float:left; margin-left:30px; z-index:9;}

.gnb {margin:22px 0 0}
.gnb li{margin:0; padding:0;}
.gnb > li {float: left; width:145px; position:relative;}
.gnb > li:first-child{width:131px;}
.gnb > li:first-child > a{padding-left:15px;}
.gnb > li > a {font-size:18px; font-weight:bold; color:#444; line-height:27px; padding:8px 15px 10px; display:block; text-align:center; min-width:65px; }
.gnb > li.on > a, .gnb > li > a:hover, .gnb > li > a:focus{color:#196fb6; background:url(../images/gnb_depth_arr.gif) no-repeat center 39px}

.gnb > li .gnb_depth{display:none; position:absolute; width:100%; height:175px; background-color:#196fb6; font-family: 'Nanum BarunGothic'; z-index:5; font-size:12.5px; border-left:1px solid #e7e7e7}
.gnb > li:first-child > .gnb_depth{border-left:0}
.gnb > li .gnb_depth li a{display:block; padding:6px 0px 6px 1px; line-height:16px; text-align:center; color:#fff}
.gnb > li .gnb_depth li a:hover{font-weight:800; color:#fff}
.gnb > li .gnb_depth li:first-child a{padding-top:10px;}




/* footer */
#footer {
	font-family: 'Nanum BarunGothic';
	width:1000px;
	margin: 0 auto;
	background-color: #fff;
	padding: 15px;
}
.fnb {
	margin-bottom: 10px;
}
.fnb li {
	float: left;
}
.fnb a {
	font-size: 14px;
	color: #444;
	font-weight: bold;
	white-space: nowrap;
}
.fnb .vbar {
	color: #d4d4d4;
	font-weight: normal;
	margin: 0 10px;
}
.fnb .btn_down {
	margin-left: 6px;
}
.info_compay {
	font-size: 12px;
	color: #707070;
	line-height: 20px;
}
.family_site {
	position: absolute;
	right: 30px;
	top: 10px;
	height: 27px;
	line-height: 27px;
	min-width: 160px;
	border: 1px solid #ccc;
}

.logos {
	position: absolute;
	right: 15px;
	bottom: 25px;
	width: 210px;
}
.logos a {
	margin-left: 10px;
}