@charset "euc-kr";
#wrapper {
	position: relative;
	width: 100%; min-width:1076px; height: auto;
	margin: 0 auto;
	}
#header {
	position: relative;
	width: 1076px;
	margin: 0 auto;
	}
#header:after {
	content:"";
	display:block;
	clear:both
	}

/* Skip Navigation */
#skipToContent {
	position:relative;
	z-index:100;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	}
#skipToContent a {
	display:block;
	overflow:hidden;
	height:1px;
	margin-top:-2px;
	text-align:center;
	font-size:0;
	line-height:0;
	background:#fff;
	}
#skipToContent a:active ,#skipToContent a:focus {
	z-index:999;
	height:auto;
	padding:7px 0;
	font-size:0; font-size:1em;
	line-height:1;
	font-weight:bold;
	color:#444;
	}


#header .logo {
	float: left;
	width: 611px; height: 29px;	
	margin:35px 0;
}


.gnb_wrap {
	position: relative;
	z-index: 30;
	width: 100%; height: 60px;
	background-color:#0056a2
}
#gnb {
	position:absolute;
	left:50%; 
	transform:translateX(-50%);
	z-index:20;
	width:1076px;
	}
#gnb ul {
	width:100%;
	padding:0;
	}
#gnb ul li {
	position:relative;
	float:left; 
	width:14.2%;
	}
#gnb ul li a {
	display:block;
	padding:16px 0;
	text-align:center; 
	font-size:18px; 
	font-weight:500; 
	color:#fff; 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;
	}


#gnb ul li a.ov, #gnb ul li a:hover, #gnb ul li a:active, #gnb ul li a:focus {color:#3dcfff;}
#gnb ul li ul {	
	width:100%; height:262px;
	box-sizing:border-box;
	display:none;
	overflow:hidden;
	padding-top:25px;
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:0;
	filter:alpha(opacity=0);
	border-right:1px solid #eee
	}
#gnb ul .edge{
	position:absolute;
	z-index:9999;
	display:none;
	text-align:center;	
	}
#gnb ul li:first-child ul{
	border-left:1px solid #eee
	}

#gnb ul li ul.ov {
	background:#f1f2f6
	}
#gnb ul li ul li {
	float:none;
	width:auto;
	}
#gnb ul li ul li:first-child {
	margin-top:0;
	}
#gnb ul li ul li a {
	height:auto; 
	padding:4px 10px; 
	text-align:center;
	font-size:1em;
	font-weight:normal;
	color:#444;
	letter-spacing:-1px;	
	border:0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
#gnb ul li ul li a.ov, #gnb ul li ul li a:hover, #gnb ul li ul li a:active, #gnb ul li ul li a:focus {
	height:auto;	
	font-weight:600;
	color:#007dd5;
	text-decoration:underline;
	border:0;
	}

#header .header_top {
	height:97px;
	}
#header .header_top .header_mnu {
	width:1076px;
	}

.header_top .top_btn {
	float:left;
	}
.header_top .top_btn li {
	float:left;
	display:inline;
	}

.header_top .util {
	float:right; 
	padding-top:5px; margin-top:42px;
	font-size:0.9em; 
	font-weight:600; 
	line-height:20px; 
	}
.header_top .util ul {}
.header_top .util ul li {
	float:left;
	padding-right:20px
	}
.header_top .util ul li:last-child {
	padding-right:0
	}
.header_top .util a {
	color:#666;
	}
.header_top .util ul li img {
	margin-top:2px
	}

#header .gnb_wrap .gnb_area {
	position: relative;
	float: right;	
	}
.header_wrap {
	position: relative;
    z-index: 100;
    width: 100%; min-width:1076px;    
	}

.header_wrap .animate {
	position: absolute;
	left: 0; top: 157px;
	z-index: 3;
	display: none;
	width: 100%; height: 0;	
	background: #fff;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
	}
.header_wrap .animate p.menu_kdata {
	width:30%; height:360px; 
	box-sizing: border-box; 
	color: #535d64; 
	padding:36px 0 0 20px;
	}
.header_wrap .animate p.menu_kdata strong {
	display:block;
	margin-bottom:10px;
	font-size:20px;
	font-weight:300;
	color:#535d64;
	}
.header_wrap .animate p.menu_kdata span {
	font-size:16px;
	color:#707070;
	line-height:1px;
	}

/* Container */

#container {
	position: relative;
	z-index: 10; 
	overflow: hidden;
	clear: both;
	width:1076px; height: auto;
	margin: 0 auto; 
	background-color: #FFF;
	}
	
#container .container_wrap {
	clear: both;
	margin-top: 30px;
	background: #fff;
	}


/* Contents */
#contents {
	height: auto;
	padding:30px 0px
	}
#contents:after {
	content:""; 
	display:block; 
	clear:both;
	}

#contents_wrap {
	position:relative;
	height:auto;
	margin-left:315px
	}
#contents_wrap h3.cont_title {
	height: 52px;
	margin: 0; padding-top:55px;
	font-size: 33px;
	font-weight: normal;
	line-height: 1px;
	border-bottom: solid 1px #3f3f3f
	}
#contents_wrap .location {
	position:absolute;
	right:0; top:50px;
	width:100%; height:auto;
	}
#contents_wrap .location .navi {
	position: absolute;
	right: 0px; top: 0;
	overflow: hidden;
	width: auto;
	}
#contents_wrap .location .navi li {
	float: left;
	padding: 0 7px 0 12px;
	background: url(../images/nav_sep_bul.gif) no-repeat;
	background-position: left 50%;
	}

#contents_wrap .location .navi li:first-child {
	padding-right:7px;
	background:none;
	}
#contents_wrap .location .navi li a {
	display:inline-block;
	padding:3px 0;
	vertical-align:top; 
	font-size:0.929em;
	}
#contents_wrap .location .navi li a:hover, #contents_wrap .location .navi li a:active, #contents_wrap .location .navi li a:focus {
	text-decoration:underline;
	}
#contents_wrap .location .print {
	position:absolute; 
	right:0; top:3px;
	display:block; 
	width:20px; height:20px; 
	background:url(../images/common/print_ico.png) no-repeat center 50%;
	}
#contents_wrap .location .print span {
	position:absolute; 
	visibility:hidden; 
	overflow:hidden;
	float:left; 
	width:0; height:0; 
	font-size:0px; 	
	line-height:0; 
	}
#contents_wrap .location .icon-home{
	position:relative;
	top:1px;
	font-size:14px;
	color:#878787;
	}

/* Left Menu */

#lnb {
	float: left;
	width: 240px;
	margin:0px;
	}
#lnb h2 {
	width:100%; height:120px; 
	box-sizing:border-box; 	
	padding-top:45px; margin:0; 
	font-size:35px;
	color:#4164b1;
	font-weight:normal;
	text-align:center;
	 }
#lnb .lnb_title {
	height: 107px;
	}
#lnb .lnb_menu {
	height: auto;
	border-top:1px solid #505c78;
	}


#lm {
	width: auto;
	margin: 0;
	}
#lm li {
	width:100%; 
	border-bottom:1px dotted #ddd;
	}
#lm li a {
	display:block; 
	padding:8px 40px 8px 27px; 
	font-weight:400; 
	color:#444444; 
	font-size:16px; 
	font-weight:600;
	}
#lm li a.ov, #lm li a:hover, #lm li a:active, #lm li a:focus {
	color:#fff; 
	background:url(../images/lmb_bg.jpg) no-repeat;
	}
#lm li ul {
	display:block; 
	width:auto; 
	height:auto; 	
	padding:8px 20px;
	background:#f9fafb; 
	}
#lm li ul li {
	border-bottom:0
	}
#lm li ul li a {
	display:inline-block;
	width:auto; 	
	padding:3px 0 3px 13px; 
	vertical-align:top;
	font-size:1em;
	font-weight:normal;
	color:#5c5c5c;
	border:0; 
	background:url(../images/lm_d2_bul.gif) no-repeat 3px 50%;
	}
#lm li ul li a.ov, #lm li ul li a:hover, #lm li ul li a:active, #lm li ul li a:focus {
	color:#101010; 
	font-weight:600; 
	background:url(../images/lm_d2_bul.gif) no-repeat 3px 50%;
	}




#footer {
	position:relative; 
	z-index:10;
	width:100%; min-width:1076px; height:160px; 
	background:#32393f; 
	color:#aaa
	}
#footer .footer_wrap {
	clear: both; 
	width: 1076px; 
	margin: 0 auto;
	}
#footer .footer_wrap .footer_logo {
	width:128px;
	float: left;
	}


.footer_menu {
	width:auto; height:auto; 
	padding-top:30px;
	margin-bottom:15px;
	font-size:1.2em
	}
.footer_menu:after {
	content:""; 
	display:block; 
	clear:both;
	}
.footer_menu li {
	float:left;	
	font-weight:400;
	color:#fff;
	}
.footer_menu li a {
	display:inline-block; 
	color:#fff
	}
.footer_menu li a:hover, .footer_m li a:visited, .footer_m li a:active, .footer_m li a:focus {
	color:#fff;
	text-decoration:underline;
	}
.footer_menu .footer_bar {
	padding:0 15px;
	font-size:0.9em;
	color:#5a6167
	}

.footer_wrap .footer_addr {
	float: left;
	padding-left:50px;
	font-size: 0.9em;	
	}
.footer_addr .footer_addbar {
	padding:0 3px;
	font-size:11px;
	color:#777
	}
.footer_addr a, .footer_addr a:link .footer_addr a:hover, .footer_addr a:active, .footer_addr a:focus, .footer_addr a:visited {
	color:#aaa;
	text-decoration:none;
	}

.footer_wrap .footer_addr p {margin:2px 0 0 0}
.footer_logo img {padding-top: 50px;}
.footer_wrap .footer_banner {float: right;}
.mark {padding-top: 35px;}
.mark li {float: left;}

#footer a.top{
	position: absolute; 
	right:0; top:-25px; 
	display:inline-block;
	box-sizing:border-box; 
	width:54px; height:54px;	
	font-size:30px; 
	background:url(../images/to_top_bul.gif) no-repeat;	
	padding-top:2px; 
	transition: all .3s ease;
	}
#footer a.top:hover{background:#c63a2d}