@charset "utf-8";

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

body {font-family: "Nanum Gothic", "나눔고딕";}
a,a:visited,a:link {color:#000000;}

iframe {float:left;margin:0;padding:0;border:0;}
.header, .contents, .footer {width:100%; min-width:1200px;}
#subtop,
#subbot {min-width:1200px;}

.header {height:94px; position:relative; border-bottom:3px solid #1986c5;}
.container {width:1200px; margin:0 auto; *zoom:1;}
.container:after {display:block;content:" ";clear:both;}

.main_logo {position:absolute; width:62px; margin:10px;}
.main_logo > img {display:block;float:left;max-width:100%;}
.nav_wrap {float:right; margin-top:55px;*margin-top:59px;}
.lnb {float:right;}
.lnb > li {float:left;}
.lnb > li > a {
	display:block;
	padding:5px 10px;
	font-size:11px;
	line-height:25px;
}
.lnb > li > a:before {content:"· ";}
.lnb > li.last > a:before {content:none;}
.gnb {float:right;}
.gnb > li {float:left;}
.gnb > li > a {
	display:block;
	padding:5px 30px;
	font-size:15px;
	line-height:25px;
	font-weight:900;
}

.gnb_sub_wrap {width:100%; min-width:1200px; background-color:#1c8ab4; position:absolute; z-index:1000; display:none; /*height:38px;*/ height:0; max-height:38px;}
.gnb_sub {width:1200px; margin:0 auto;}

.gnb_sub > li {position:relative; line-height:38px;}

.gsub1 {padding-left:200px;}
/*.gsub2 {padding-left:150px;}*/
.gsub2 {padding-left:0px; letter-spacing: -1px;}
.gsub3 {padding-left:750px;}
.gsub4 {padding-left:885px;}

.gsub {display:none; position:absolute; top:0;left:0;}
.gsub > li {float:left; position:relative;}
.gsub > li > a {
	display:block;
	color:#ffffff;
	font-size:11px;
	line-height:38px;
	padding:0 8px;
}
.gsub > li > a:hover {text-decoration:underline;}


.contents {
}
#main .contents {
	background-image:url("../images/main_bg.jpg");
	background-repeat:no-repeat;
	background-position:center 0;
	max-height:1001px;
}
/*.contents > .container {height:1000px; max-height:1000px;}*/
.contents > .container {
	padding:35px 0;
}
.main_visual {
	position:relative; 
	width:100%; 
	max-width:1200px;
	height:710px;
	margin-bottom:15px;
}
.mv {position:absolute; }
.mv1 {	top:0;		left:0;	}
.mv2 {	top:477px;	left:0;	}
.mv3 {	top:0;		left:481px;	}
.mv4 {	top:0;		left:722px;	}
.mv5 {	top:0;		left:963px;	}
.mv6 {	top:479px;	right:0;	}
.mv7 {	top:241px;	left:481px;	}
.mv8 {	top:241px;	left:723px;	}
.mv > span {display:block;}
.mv > span > img {display:block; float:left;}
.mv > a {
	position:relative;
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background-image:url("../images/mv_over_bg.png");
	background-repeat:repeat;
	text-align:center;
}
.mv > a > img {
	display:block;
	max-height:100%;
	max-width:100%;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-52px;
	margin-left:-58px;
}

.site_map_wrap {padding:23px 0; background-color:#ffffff;}
.site_map > li {
	/*float:left; width:20%; padding:0 2.5%; height:180px;*/
	float:left; width:17%; padding:0 2.5%; height:180px;
	background-image:url("../images/dot_gray.jpg");
	background-repeat:repeat-y;
	background-position:100% 0;
}

.site_map > li.last {background-image:none;}
dl.sm {width:100%;}
.sm > dt {font-size:14px; font-weight:600; margin-bottom:10px;}
.sm > dd {}
.sm > dd > a {
	display:block;
	font-size:12px;
	line-height:23px;
}
.sm > dd > a:hover {text-decoration:underline;}

.site_map > li.two_line {width:29%;}
.site_map > li.two_line > dl.sm {width:50%;float:left;}



.footer {border-top:2px solid #aaaaaa;}
.footer .container {height:100px;}
.footer_logo {float:left;display:block;margin-top:10px;}
.footer_info {padding-top:18px;}
.footer_info > ul {float:left;}
.footer_info > ul > li {
	font-size:12px;
	line-height:14px;
	margin-bottom:8px;
	color:#595959;
}
.fi1 {width:400px; padding-left:25px;}
.fi2 {width:440px; padding-left:25px;}

.fi1 > li {border-right:1px solid #595959;}

a.gobiz {display:block; float:right; width:190px;}
a.gobiz > img {max-width:100%;}

.fm img {width:100%}

/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}