@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');


html {overflow-x:hidden }
body { font-family: 'Noto Sans KR', 'NanumGothic','나눔고딕', 'Nanum Gothic', 'NanumGothicWeb','돋움', Dotum, Gulim, Arial, Verdana, Helvetica, AppleGothic, Sans-serif; font-size:14px;line-height:1.6;letter-spacing:-0.05em; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
label { cursor:pointer}
a:link, a:visited { text-decoration:none;}
a:hover, a:focus, a:active { text-decoration:underline}

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav, menu,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var { margin:0; padding:0}

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1em}
body, input, button, select, textarea, sub{ font-family:sans-serif}
em, cite, address, optgroup { font-style:normal}
kbd, samp, code { font-family:monospace}

img, input, button, select, textarea { vertical-align:middle}
ul, ol { list-style:none}
img, fieldset { border:0}
abbr, acronym { cursor:help; border-bottom:1px dotted black}
table {	width:100%;  border-spacing:0}/* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */

legend, hr { overflow:hidden; position:absolute; top:0; left:0}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0}

* {box-sizing:border-box;}

/* Html5 Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block}
mark, rp, rt, ruby, summary, time{ display: inline }
 
/* 링크설정 */
a { color:inherit; text-decoration:none;outline:0;}
a:hover { color:#b64f10; }
a:hover, a:active { outline:0;text-decoration:none;}
a:focus {outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;text-decoration:none;}

dt {font-weight:bold;}

a.accessibility01 {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em}
a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active {position: absolute; top:0; padding: 15px 0; font-weight:bold; color:#fff; background:#1d60a7; z-index:500}

/* transition */
*:hover {
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

/* skip navi */
.accessibility02 { position:absolute; top:0; display:block; left:0; width:199px; z-index:1; visibility:hidden; }
.accessibility02 a { display:block; height:19px; text-indent:-5000px; overflow:hidden}


/* hidden */
.hidden, #contents .hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none }

/* 공통 스타일 */

/* gnb */
.gnb {padding:3px 0;background:#dcdcdc;}
.gnbWrap {width:1200px;margin:0 auto;text-align:right;}
.gnbWrap li {display:inline-block;}
.gnbWrap li a {position:relative;padding-right:18px;font-size:13px;}
.gnbWrap li a::after {content:'';position:absolute;top:5px;width:1px;height:10px;margin:0 10px;background:#333;}
.gnbWrap li:last-child a::after {display:none;}
/* lnb */
.jbMenu .lnb {background:#fff;}
.lnb {width:100%;height:70px;}
.lnbWrap {width:1200px;margin:0 auto;}
.lnb h1 {float:left;padding:10px 0;}
.lnb h1 img {width:190px;}
.lnbWrap > ul {float:right;}
.lnb{text-align:center;}
.lnb li{display:inline-block;position:relative; text-align:center;}
.lnb li a{display:inline-block; padding:21px 25px;text-decoration:none;font-size:17px;font-weight:bold;}

.lnb li .submenu{width:170px; /* box-shadow:0 2px 3px 0 #5f6062; */ background:#fff; position:absolute; z-index:999; top:60px; left:0; /*padding:10px 0;*/ border-top:3px solid #f0935b;}
.lnb li:nth-child(2) .submenu, .lnb li:nth-child(3) .submenu, .lnb li:nth-child(4) .submenu, .lnb li:nth-child(5) .submenu {left:-28px;}

.lnb li .submenu li{display:block; width:170px; position:static; border:1px solid #eee; border-top:none;}
.lnb li .submenu li a{display:block; padding:7px 0; background:none; font-size:14px; color:#5f6062;}
.lnb li .submenu li a:hover{background:#fef7f8; color:#b64f10;}

.jbFixed #header .gnb {display: none;transition: all 0.3s ease;}
.jbFixed .lnb {height:60px;box-shadow:2px 2px 2px rgba(0,0,0,0.15);}
.jbFixed .lnbWrap h1 img {width:160px;}
.jbFixed .lnb li a {padding:15px 25px;}
.jbFixed .lnb li .submenu {top:50px;}



/* footer */
.footerWrap {width:1200px;margin:0 auto;overflow:hidden;}
footer {padding:20px 0;border-top:1px solid #ccc;}
footer img {width:95px;}
footer h2 {width:12%;margin-top:11px;float:left;}
footer .address {width:68%;float:left;font-size:14px;color:#555;line-height:22px;}
footer em {display:block;}
footer cite {color:#909090;}
footer .call {color:#8cb244;font-size:24px;display:inline-block;padding-top:20px;}
footer .top_ul li {display:inline-block;font-size:14px;margin-bottom:18px;padding-right:15px;}

html {width:100%;height:100%;}
body {width:100%;height:100%;}
#wrap {width:100%;height:100%;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:90px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

.empty_table{height:100px;text-align:center;}