@charset "utf-8";

@import url("layout.css");

@import url("content.css");

/* Common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th,
	td, form, fieldset, legend, input, textarea, a, button, select {
	margin: 0;
	padding: 0
}

body, input, textarea, select, button, table, pre {
	font-family: "나눔고딕", NanumGothic, NBG, "돋움", dotum, sans-serif;
	font-size: 1em;
	color: #555;
	-webkit-text-size-adjust: none
}

@font-face {
	font-family: NBG;
	src: url(fonts/NanumBarunGothic.eot);
  src: url(fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(fonts/NanumBarunGothic.woff) format('woff');
}

body {
	font-size: .75em;
	line-height: 1.8em;
	word-break: break-all;
	overflow-x: hidden
}

img, fieldset, iframe {
	border: 0
}

img {
	max-width: 100%;
	vertical-align: top
}

ul, ol, dl, li, dt, dd {
	list-style: none;
}

em, address {
	font-style: normal
}

input, select, button {
	vertical-align: middle
}

* {
	margin: 0;
	padding: 0;
}

/* reset style [start] */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font,
	img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
	dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody,
	tfoot, thead, tr, th, td {
	border: 0;
	line-height: 1.4em;
} /* vertical-align:baseline;outline:0;ie 외 브라우저 포커싱 사라지는 문제로 제거 */
ul, ol, dl, li, dt, dd {
	list-style: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	clear: both;
} /* border-collapse:collapse;ff에서 border="0" 인 경우 문제 발생 */
address, caption, cite, code, dfn, strong, th, var {
	font-style: normal; /* font-weight:normal */
}

article, aside, canvas, details, figcaption, figure, footer, header,
	hgroup, menu, nav, section, summary {
	display: block;
	vertical-align: baseline;
} /* html5 css정의 */
iframe {
	display: block;
	border: none;
}

/* Common Add */
caption, legend, .blind {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -999em;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	text-align: left
}

caption {
	position: static
}

input[type=text], input[type=password] {
	height: 14px;
	padding: 6px 2px;
	border: 1px solid #ccc;
	vertical-align: middle;
	-webkit-border-radius: 1px;
	-webkit-appearance: none
}

select {
	height: 28px;
	padding: /*\**/ 4px 0;
	border: 1px solid #ccc;
	vertical-align: middle
} /* IE8 핵 사용 */
:root select {
	padding: 0
}

textarea {
	width: 98.2%;
	padding: 5px;
	border: 1px solid #d2d2d2
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	zoom: 1
}

hr {
	display: none
}

/* aline */
.fl {
	float: left
}

.fr {
	float: right
}

.of_h {
	overflow: hidden
}

.pr {
	position: relative
}

.db {
	display: block
}

.di_b {
	display: inline-block !important
}

.dn_mbi, .dn_mbi_v3, .dn_v3, .din_mbi, .dbn_mbi {
	display: none
}

.dbn_mbi_v2 {
	display: none !important
}

.dn_v2, .dn_v4 {
	display: inline !important;
	padding: 0 !important
}

.overflow_h {
	overflow: hidden;
	zoom: 1
}

.tx_ellipsis {
	display: inline-block;
	overflow: hidden;
	width: 95%;
	white-space: nowrap;
	text-overflow: ellipsis
}

.tspace {
	letter-spacing: -1px
}

.hspace {
	line-height: 1.5em
}

.fs11 {
	font-size: .92em
}

.fw600 {
	font-weight: 600
}

.fwN {
	font-weight: normal
}

.ft14 {
	font-size: 1.167em
}

.ft16 {
	font-size: 1.333em
}

.ft20 {
	font-size: 1.75em
}

.ft_eng {
	font-family: verdana
}

.vt {
	vertical-align: top !important
}

.vb {
	vertical-align: bottom !important
}

.vm {
	vertical-align: middle
}

.orange {
	color: #dd5607
}

.blue {
	color: #005aab
}

.b {
	font-weight: 600
}

.tc {
	text-align: center
}

.tr {
	text-align: right
}

.tl {
	text-align: left
}

.tu {
	text-decoration: underline
}

/* link */
a:link, a:visited {
	color: #555;
	text-decoration: none
}

a:active, a:hover, a:focus {
	color: #005aab;
	text-decoration: none
}

/* Width */
.W100per {
	width: 100%
}

.W30 {
	width: 30px
}

.W100 {
	width: 100px
}

.W150 {
	width: 150px
}

.W180 {
	width: 180px
}

.W210 {
	width: 210px
}

.W350 {
	width: 350px
}

.W450 {
	width: 450px
}

.W550 {
	width: 550px
}

.W620 {
	width: 620px
}

.W630 {
	width: 630px
}

/* hight */
.h300 {
	height: 300px
}

/* Margin */
.mR20 {
	margin-right: 20px
}

.mT25 {
	margin-top: 25px
}

.mT2B3 {
	margin: 2px 0 3px 0
}

.mB10 {
	margin-bottom: 10px
}

.mB20 {
	margin-bottom: 20px
}

.mT10B60L200 {
	margin: 10px 0 60px 200px
}

/* padding */
.p5 {
	padding: 5px
}

.pB5 {
	padding-bottom: 5px
}

.p10 {
	padding: 10px !important
}

.p20 {
	padding: 20px !important
}

 .MB3Back7 {background:url(../../images/spam/MB3Back7off.png) no-repeat; color:#33333a;width:95px; height:23px; display:block; padding:67px 10px 0 28px }
 .MB3Back7 a {color:#555555; font-size:11px; display:inline-block;font-family:dotum;font-weight:normal;}
 .MB3Back7:hover,   .MB3Back7:focus {background:url(../../images/spam/MB3Back7on.png) no-repeat; display:block;width:119px; height:45px; padding:45px 0 0 14px}
 .MB3Back7:hover a,   .MB3Back7:focus a {color:#ffffff; font-size:14px;font-weight:bold;}
 .MB3Back7:hover a:hover,   .MB3Back7:focus a:focus {color:#00fffc;}
 
 
/*160419추가*/
.search1_area div .add, .search1_area div .consul  { margin:0 auto; background:url(../images/Line2.png) repeat-x bottom; width:100%; margin-bottom:10px;  height:40px;}
.search1_area div .add li, .search1_area div .consul li, .search1_area div .List li { float:left}
.search1_area div .add li:first-child, .search1_area div .add li:nth-child(3), .search1_area div .List li:first-child, .search1_area div .consul li:first-child, .search1_area div .consul li:nth-child(3)
 {background:url(../images/Dot1.png) no-repeat  5px 10px ; padding:3px 10px 0 15px; font-size:14px; font-weight:600; color:#005aab;}
 
.search1_area div .add li:nth-child(2), .search1_area div .add li:nth-child(4), .search1_area div .consul li:nth-child(2), .search1_area div .consul li:nth-child(4) { padding-right:10px}
.search1_area div .add li:last-child, .search1_area div .consul li:last-child { margin:5px 0px 0 0 ;}

.search1_area div .add li span { border:1px solid #ccc; vertical-align:middle; background:#FFF; display:inline-block; padding:0px 3px; margin:0px; }
.search1_area div .add li span input { border:0px; width:50px; width: 70px;  }
.search1_area div .add li span button { width:18px; height:18px; background:url(../images/IcoCalendar.png) no-repeat  center ; border:0px; cursor:pointer}
.search1_area div .add li span button span { display:none}

.search1_area div .add a, .search1_area div .List a, .search1_area div .consul a { position:relative; font-weight:normal; margin:0 5px 0 0}
.search1_area div .add a.ser {padding:6px 13px 6px 13px; min-width:15px;  border:1px solid #cccccc; text-align:center; border-radius:3px; background:#FFF; color:#555 !important;}
.search1_area div .add a.ser:hover, .search1_area div .add a.ser:focus { border-radius:3px; color:#005aab !important; text-align:center;}
.search1_area div .add a.exc, .search1_area div .consul a {padding:6px 6px 6px 13px; min-width:15px;  border:1px solid #80919f; text-align:center; border-radius:3px; background:#f2f9ff; color:#005aab !important; }
.search1_area div .add a.exc:hover, .search1_area div .add a.exc:focus, .search1_area div .consul a:hover, .search1_area div .consul a:focus{ border-radius:3px; color:#00498a !important; text-align:center;border:1px solid #6f7f8c; background:#ebf6ff;}


.search1_area div .add input { width:50px}

.search1_area div .List { margin:0 auto; width:60%; text-align:center; }



.WhiteBox5 {border-top:1px solid #005aab;background-color:#f2f7fb; margin-bottom:5px; width:360px}
.WhiteBox5 div {margin:15px; background-color:#ffffff; padding:10px 15px;  display:inline-block; width:300px}
.WhiteBox5 ul { clear:both;}
.WhiteBox5 li { float:left; height:25px; }
.WhiteBox5 li:first-child {background:url(../images/IcoCheck.png) no-repeat 0px 10px; line-height:30px; padding:0 5px 0 15px; font-weight:600; color:#005aab; min-width:70px;}
.WhiteBox5 li:last-child  {padding:3px 15px 0 0 }
.WhiteBox5 li input {height:18px; padding:1px 5px 1px 5px; border:1px solid #ababab; width:120px } 

.WhiteBox5 div p { float:left;display:block; position:relative; top:-10px; text-align:right}
.WhiteBox5 div p a {border-radius:3px; padding:17px ;   border:1px solid #80919f; background:#f2f9ff; color:#005aab; }
.WhiteBox5 div p a:hover,.WhiteBox5 div p a:focus { border-radius:3px; color:#00498a; text-align:center;border:1px solid #6f7f8c; background:#ebf6ff;}

p.but1.v10 { margin:15px 0 0px 0 !important; display:block;}


.basicsTbl2 thead th a{ color:#005aab; }
.basicsTbl2 thead th a:hover, .basicsTbl2 thead th a:focus { color:#0070d4; text-decoration:underline}
 
.my-box { border:1px solid; padding:20px 0px 20px 90px; } 

/* 스킵 네비게이션 */
.skip_navi { font-size:0; line-height:0; overflow:hidden }
.skip_navi a { display:block; width:100%; padding:10px 0; color:#fff; position:absolute; left:0; top:-100px; text-align:center; z-index:200; background:gray; border:0 none }
.skip_navi a:focus,
.skip_navi a:hover,
.skip_navi a:active { top:0; font-weight:bold; font-size:20px; line-height:2.0; border-bottom:1px solid #fff }