@charset "utf-8";

@font-face{
font-family:ESC_bold;
src:url(EncodeSansNormal-600-SemiBold.eot);
src:local(※), url(EncodeSansNormal-600-SemiBold.woff) format('woff')
}

/* CSS Document */
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form, input {display:block; list-style:none; margin:0; padding:0; word-break:break-all;}
a{margin:0; padding:0; text-decoration:none; }
img{border:0; vertical-align:top; }
h1,h2{margin:0; padding:0;}
body{font-size:1em; font-family:Verdana, Tahoma, "돋움", Dotum, "굴림", Gulim, "Lucida Grande", ESC_bold, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color: #3e3e3e;-webkit-text-size-adjust:none;}
table{width:100%; border-collapse:collapse;}

em, address{ font-style:normal;}
img { margin:0px;}
* html img { margin-bottom:0px; margin-top:1px;}

:root legend { margin-top:-1px;font-size:0;line-height:0;}
.clear { clear:both;}

a { color:#303030; text-decoration:none; }
a:hover { color:#303030; text-decoration:none; }

.hidden { visibility:hidden;}
.none { display:none;}
.block { display:block;}
.blind { display:block; overflow:hidden; position:absolute; left:-5000px; top:-5000px;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
display:block;
}

/* button */
button {
	background:transparent;
	margin:0;
	padding:0;
	border:0;
	cursor:pointer;
	font-family:Tahoma, Verdana, "돋움", Dotum, "굴림", Gulim, "Lucida Grande", ESC_bold, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color: #3e3e3e;-webkit-text-size-adjust:none;
	}
button::-moz-focus-inner {
	padding:0;
	border:0;
	}

.dim{position: fixed; top: 0; left: 0; background: #000; opacity: 0.6; filter: Alpha(opacity=60); width: 100%; z-index: 1100; display: none; height: 150%}

/* border */
.br_none {border-right:0px !important;}
.bt_none {border-top:0px !important;}
.br30 {border-radius: 0px 30px;}
.br10 {border-radius:10px;}

/* padding, margin */
.pl5 {padding-left:5%;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt_none {margin-top:0px !important;}

/* color */
.t_blue {color:#214c9b;}
.t_red {color:#c60008;}
.t_pink {color:#ff3c30;}

/* font-size */
.f08 {font-size:0.8em;}
.f087 {font-size:0.87em;}
.f09 {font-size:0.9em !important;}
.f095 {font-size:0.95em !important;}
.f1 {font-size:1em !important;}
.f2 {font-size:1.2em !important;}
.f14 {font-size:1.4em;}

/* font */
.f_esc {font-family:ESC_bold;}

/* text-align */
.tac {text-align:center;}
.taj {text-align:justify;}

/* line-height */
.lh140 {line-height:140%;}
.lh160 {line-height:160%;}

/* layout */
#wrap{position:relative; width:100%; min-height:100%; height:auto !important; background-color:#fff;}
#wrap > #header {
	position:relative; width:100%; height:52px;
	}
#wrap > #header > div.gnb{
	width:100%; height:52px;
	position:fixed; top:0; left:0; z-index:1000;
	background-color:#fff;
	border-bottom:2px solid #0e4b8c;
	text-align:center;
	}

#wrap > div.content{clear:both;}

/* gnb */
#wrap > #header > div.gnb > a > img.home {
	position:absolute;
	top:12px;
	left:5px;
	width:58px;
	height:auto;
	}
#wrap > #header > div.gnb > a > img.logo {
	margin-top:15px;
	margin-left:20px;
	width:200px;
	height:auto;
	}
#wrap > #header > div.gnb > img.menu{
	position:absolute;
	top:15px;
	right:5px;
	width:30px;
	height:auto;
	}

/* 전체메뉴슬라이드 */
#wrap > #header > div.lnb{
	position:fixed; width:70%; height:100%; z-index:1200;
	display:inline-block; overflow-y:scroll; top:0; right:-70%;
	background:#f2f2f2;
	}

#wrap > #header > div.lnb > div.top{
	width:100%; height:60px; line-height:60px;
	background-image: url('../images/common/bg_lnb.png'); background-repeat:repeat-x;
	}
#wrap > #header > div.lnb > div.top > div.top_tit {
	padding-left:15px;
	color:#fff; font-size: 1.500em; 
	}
#wrap > #header > div.lnb > div.menubar-inbox {position:relative;}
.menubar-list-menu li {border-bottom:1px solid #d9d9d9;}
.menubar-list-menu li a {
	height:50px; line-height:50px; padding:0 15px 0 15px;
	display:block; text-decoration:none;
	font-size:0.9em;
	color:#214c9b;
	}
.menubar-list-menu li span {
	display:block; height:55px; line-height:55px;
	background:url('../images/common/ico_menubar_off.png') no-repeat right; background-size:11px 6px;
	font-weight:bold;
}
.menubar-list-menu li .active {
	background-color:#2F61F4;
	background-size:100% 40px;
	color:#fff;
}
.menubar-list-menu li .bgnone span {background-image:none;}
.menubar-list-menu li.on {border-bottom:none;}
.menubar-list-menu li .active span {
	background:url('../images/common/ico_menubar_on.png') no-repeat right;
	background-size:11px 6px;
}
.menubar-sub {border-bottom:1px solid #fff;}
.menubar-sub li {border-bottom:1px solid #d9d9d9;}
.menubar-sub li:last-child {border-bottom:none;}
.menubar-sub li a {
	display:block; height:50px; padding:0 20px 0 20px;
	color:#646464; font-size:0.875em; font-weight:normal;
	}
.menubar-sub li span {
	display:block; height:50px; line-height:50px;
	background:none;
	}
.menubar-list-menu li.on .menubar-sub li span {background:none;}

#wrap > #header > div.lnb > div.top > div.btn{position:absolute; top:0; right:5%;}
#wrap > #header > div.lnb > div.top > div.btn > img {vertical-align:middle; width:30px; height:auto;}
#wrap > #header > div.lnb > div.menu{display:block;}

#wrap > #header > div.lnb > div.menu > ul > li > a {color:#333; font-size: 0.938em;}

#wrap > #header > div.lnb > div.ico{ margin:0 10px; padding:16px 0 20px 20px; display:inline-block; border-bottom:1px solid #e5e5e5}
#wrap > #header > div.lnb > div.ico li.md{ margin: 0 16px}
#wrap > #header > div.lnb > div.btn { text-align:center; padding:40px 0; }

/* submenu */
.submenu > div.tit{
	height:52px;
	line-height:52px;
	background-color:#0e9f4e;
	border-bottom:2px solid #057d39;
	color:#fff;
	font-weight:bold;
	font-size:11pt;
	color:#fff;
	}
.submenu > div.tit > ul > li.tit_text {
	float:left; margin-left:15px; padding-left:25px;
	background-image:url('../images/icon/icon05.png'); background-repeat:no-repeat; background-position:0 20px; 
	}
.submenu > div.tit > ul > li.tit_img {
	float:right; padding-right:23px;
	padding-left:23px; border-left:1px solid #057d39;
	}
.submenu > div.tit > ul > li.tit_img > img {vertical-align:middle;}
.submenu > div.menu {display:none}
.submenu > div.menu > ul > li {
	height:50px; line-height:50px;
	background-color:#fff;
	border-bottom:1px solid #dcdddd;
	}
.submenu > div.menu > ul > li:last-child {
	border-bottom:1px solid #096ad7;
	}
.submenu > div.menu > ul > li > a {
	display: block; padding-left:32px;
	background:url('../images/icon/bul_menu01.png') 95% 50% no-repeat;
	background-size:11px 18px;
	color:#404348; font-size: 11pt; 
	text-decoration:none;
	}
.submenu > div.menu > ul > li.on > a {
	background:url('../images/icon/bul_menu01_on.png') 95% 50% no-repeat;
	background-size:11px 18px;
	color:#096ad7;
	}

/* sub_contents */
#sub_container {clear:both; width:100%; height:100%; }
#sub_container .sub_contants { width:100%; }

.sub_con {
	width:94%; margin-top:20px; padding:0% 3% 10% 3%;
	background:#fff;
	}

/* footer */
#footer {width:100%; background-color:#333333;}
.copy {width:94%; padding:3% 3%; text-align:center;}
.copy .pcview {padding-bottom:10px;}
.copy .pcview a {background:#d2d2d2; padding:5px 10px 5px 10px; font-size:0.75em;}
.copy .copyright {color:#fff; padding-top:5px; font-size:0.8em;}


/* b_menu 각 서브하단메뉴 */
#b_menu{padding-top:30px; display:inline-block; width:100%;}
#b_menu p{ font-size:14pt; line-height:190%; color:#00289b;  border-bottom: solid 3px #333333;}
#b_menu li{border-bottom: solid 1px #d4d4d4; line-height:230%; background:url('../images/icon/icon04.gif') no-repeat; background-position:right; margin-right:7px; display:block;}
#b_menu li a{width:100%; display:block;}