@charset "utf-8";
/* 초기화 */
html {overflow-y:scroll;font-size:9pt;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif}
body {margin:0;padding:0;background:#fff;color:#000;font-size:9pt;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif}
h1, h2, h3, h4, h5, h6 {font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, aside ul, footer ul, li, dd, dt {margin:0;padding:0;list-style:none;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;}
label, input, select, img {vertical-align:middle;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;}

textarea, select {font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;font-size:1em}

input {margin:0;padding:0;border-radius:0;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif}
input[type=text], input[type=password], input[type=submit], input[type=image] {-webkit-appearance:none}
button { font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;-webkit-appearance:none;cursor:pointer}
p {margin:0;padding:0 0 10px;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;}
a:focus, a:hover, a:active {text-decoration:underline}

/* 레이아웃 */
#hd {background-image:url('../image/hd_bg.jpg'); background-repeat:repeat-x;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;}
#hd h1, #hd h2 {position:absolute;border:0;font-size:0;line-height:0;overflow:hidden}
#hd_wrap {z-index:11;position:relative;margin:0 auto}
#logo {position:relative;height:70px}
#logo img {position:absolute;top:0px;left:10px}

#tnb {position:absolute;top:15px;right:20px;zoom:1;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb {float:right;margin:0;padding:0;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px;padding:0 10px 0 0;border-right:1px solid #444; list-style-type:none; }
#tnb #tnb_logout {border-right:0;padding:0}
#tnb a {display:inline-block;color:yellow;text-decoration:none;letter-spacing:-0.1em}
#tnb a:focus, #tnb a:hover {color:#fff}
#tnb #tnb_logout a {color:#ff3061}
#tnb span {position:absolute;bottom:10px;left:0;width:100%;text-align:center}

div, table { font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif; }

/* gnb js off */
/*
#gnb {min-width:550px; background:#e0e0e0; position:absolute;top:38px;left:230px;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;
	border-top:1px solid #111; border-left:1px solid #111; border-right:1px solid #111; border-top-left-radius:0px; border-top-right-radius:15px; zoom:1; }
*/

#gnb {z-index:12;min-width:600px; background:#000; position:absolute;top:38px;left:230px; border-left: 1px dashed #999;border-top: 1px dashed #999;border-right: 1px dashed #666; border-top-left-radius:0px; border-top-right-radius:20px; zoom:1;

}


#gnb h2 {margin:0;padding:0;font-size:0;line-height:0;overflow:hidden;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;}
#gnb_1dul {margin:0 20px;padding:0; zoom:1;font-family:굴림, 굴림체,맑은 고딕,Malgun Gothic, Arial, dotum, Sans-serif;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli { clear:both;zoom:1}
.gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli a {display:block;float:left;width:110px;height:31px;color:#fff;font-weight:bold;text-decoration:none;line-height:2.8em}
.gnb_1dli a:focus, .gnb_1dli a:hover {text-decoration:none}
.gnb_2dul {float:left;width:auto}
.gnb_2dli {float:left}
.gnb_2dli a {color:#e0e0e0;font-weight:normal}
/* gnb js on */
.gnb_js {}
.gnb_js #gnb_1dul {zoom:1}
.gnb_js .gnb_1dli {clear:none;position:relative;float:left;margin:0 0 0 0px; border-top:0;border-bottom:0}
.gnb_js .gnb_1dli a {text-align:center; color: #bbb;}
.gnb_js .gnb_1dli_air a {float:none;background:#fff;color:#000}
.gnb_js .gnb_1dli_on a {float:none;background:#282828;color:#fff}
.gnb_js .gnb_2dul {display:none;position:absolute;top:31px;width:181px;border:1px solid #ddd;border-top:0;background:#fff;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
.gnb_js .gnb_2dli a {display:inline-block;float:none;padding:8px 10px;width:179px;height:auto;background:#fff;color:#000;text-align:left;line-height:1em}
.gnb_js .gnb_2dli a:focus, .gnb_js .gnb_2dli a:hover {background:#484848;color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:-1px}
.gnb_1dli_over2 .gnb_2dul {display:block;right:-1px}

.gnb_js .gnb_grp_style {background:#f7f7f7 !important}
.gnb_js .gnb_grp_style:focus, .gnb_js .gnb_grp_style:hover {background:#484848 !important}
.gnb_js .gnb_grp_div {border-top:1px solid #eee}


#lnb {margin:0;padding:5px;min-width:980px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}

#lnb:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left}
#lnb a {display:inline-block;margin:0 0 0 10px;padding:0 10px 0 0;border-right:1px solid #ccc;font-size:9pt;letter-spacing:-0.1em}


/* 중간 레이아웃 */
#wrapper {margin:5px 0;min-width:1000px;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}


#container { position:relative; }

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#to_content a {z-index:100000;position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
#to_content a:focus, #to_content a:active {width:100%;height:70px;background:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.1em}