@charset "utf-8";
@import "fonts.css";
/* Common Style */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html {overflow-y:scroll}
html, body {width:100%;min-width:1227px}
body{font-family:'나눔바른고딕','NanumBarunGothic','맑은 고딕','Malgun Gothic','나눔 고딕','NanumGothic','dotum';padding:0px;margin:0px;letter-spacing:normal;font-size: 14px; -webkit-text-size-adjust:none;overflow-x: visible !important;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block }
div, p, ul, ol, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup { padding: 0; margin: 0 }
ul, ol, dl, dd, dt, li {list-style-type:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
table {table-layout: fixed; }
table, tbody, tfoot, thead, tr, th, td { border-collapse: separate; border-spacing: 0; border-collapse:collapse}
/* 6 */* html table, tbody, tfoot, thead, tr, th, td { border-collapse: collapse; }
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td { border-collapse: collapse; }
img {border:0;vertical-align:top;outline:none}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px}
input {margin:0;vertical-align:middle;color:#888}
select {margin:0;vertical-align:middle;color:#888}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i,em, address {font-style:normal;}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
legend{position:absolute;top:0;left:0;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
/* html5 ie9 else */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block }

/* 링크 */
a {text-decoration:none;color:#666;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}

/* accessibility */
a.accessibility{position:absolute;display:block;width:100%;left:0;text-align:center;top:-10000px;z-index:9999999;font-size:11px;font-weight:bold}
a.accessibility:hover, a.accessibility:focus, a.accessibility:active{position:absolute;top:0;padding:10px 0;font-weight:bold;color:#fff;background:#6f721e;z-index:9999999}
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}
.cursor { cursor: pointer; }


/* basic */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.dpNone { display: none; }
.float_left { float: left; }
.float_right { float: right; }
.clear_both { clear: both; }
.bgNone { background: none !important; }
.b_none { border: none !important; }
.br_none { border-right: none !important; }
.dp_block { display: block !important; }
.pa0 { padding: 0 !important; }
.pat5 { padding-top: 5px !important; }
.pal10 {padding-left: 10px !important }
.ma0 { margin: 0 !important; }
.mab5 { margin-bottom: 5px !important; }
.mab10 { margin-bottom: 10px !important; }
.mal10 { margin-left: 10px !important }
.mal40 { margin-left: 40px !important }
.mar20 { margin-right: 20px !important }
.mat0 {margin-top: 0px !important}
.mat40 {margin-top: 40px !important}
.mab40 {margin-bottom: 40px !important}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.comment { position: absolute; left: -10000px; top: -10000px; width: 1px; height: 1px; overflow: hidden; }

#wrap{width:100%}
#hd_login_msg{position:absolute;}
#header_wrap{position:absolute;top:0;left:0;width:100%;min-width:1227px;z-index:1000}
#header_wrap .header{position:relative;width:1067px;margin:0 auto;z-index:100}
#header_wrap .header h1{text-align: center;padding-top:10px;height:77px; position:relative;}
#header_wrap .header h1 .nk_login{position:absolute; top:10px; right:0;}
#header_wrap .header h1 .nk_login a{display:inline-block; float:left; margin-left:8px;}
#header_wrap .header h1 .nk_login a img{display:block;}
#header_wrap .header .util { width: 100%;margin: 0 auto;display:block;}
#header_wrap .header .util .snsList{display:inline-block; vertical-align:top; float:left; overflow:hidden; margin-top:-6px;}
#header_wrap .header .util ul.mypage { float: right; }
#header_wrap .header .util li {float: left;}
#header_wrap .header .util li a { padding: 5px; margin: 0; color: #000 }
#header_wrap .gnb_wrap{position:relative;overflow:hidden;visibility:hidden;text-align:center}
#header_wrap .gnb_wrap > ul > li{float:left}
#header_wrap .gnb_wrap > ul > li > a{display:block;width:212px;font-size:16px;color:#fff;line-height:40px;border-left:1px solid #6e6e6e}
#header_wrap .gnb_wrap > ul > li.current > a,
#header_wrap .gnb_wrap > ul > li.actived > a{background:#44a19d;color:#fff}
#header_wrap .gnb_wrap > ul > li.last > a{border-right:1px solid #6e6e6e}
#header_wrap .gnb_wrap > ul:after {content:" ";display:block;clear:both;overflow:hidden}
#header_wrap .snb{text-align:left}
#header_wrap .snb{margin:20px 0}
#header_wrap .snb li{margin:0 0 8px 0;padding-left:70px}
#header_wrap .snb li a{font-size:13px;color:#cfcfcc}
#header_wrap .snb li a:hover{color:#44a19d}
#header_wrap p.snb_bg{position:absolute;top:127px;left:0;width:100%;overflow:hidden;display:none;background:#000;opacity:0.8;border-bottom:1px solid #6a6a6a;z-index:10}
#header_wrap span.snb_drop{position:absolute;top:0;left:0;width:100%;height:5px;}
#header_wrap span.gnb_bg_black{position:absolute;top:87px;left:0;width:100%;height:40px;background:#000;opacity:0.8;z-index:15;border-bottom:1px solid #6e6e6e}
#header_wrap .util{position: absolute;top:55px;right: 0;margin-top:0}
#header_wrap .util li a{display:block}
/* #header_wrap .util li.sns{margin-top:-6px;} */
#header_wrap .util li.sns a{padding:2px;}
#header_wrap .util li.snuh{margin-top:-1.5px;}
.middle {  margin: 0 auto;z-index:10;}
#allmenu { width: 48px; padding: 0 !important;border:none !important }
#allmenu a { padding: 0 !important }
#allmenu a:hover{text-decoration:none;color:#555}
footer.f_wrap { background: url(../images/common/bg_foot.gif) 0 0 repeat-x; clear: both; text-align: left; padding-top: 10px; }
footer .footer { width: 1000px; margin: 0 auto }
#privacy { height: 32px }
#privacy a { padding: 3px 8px; font-weight: bold; color: #555 }
.copyright { clear: both; padding: 10px 0 30px 0; line-height: 1.5em }
.copyright  p.info{margin-bottom:15px;color:#3d8e92;border: 1px dashed #3d8e92;float:left;padding: 5px 10px;}
.copyright h1 {float: left; margin-right: 50px ;padding: 13px 0;}
/*bbs 공통*/
#copymove .tbl_head01 {margin-bottom:20px;width:100%;border-top: 1px solid #999;font-size:13px}
#copymove .tbl_head01 th {width:20%;background:#f7f7f7;padding: 10px 0;border-bottom: 1px solid #dedede;}
#copymove .tbl_head01 td {padding: 10px;border-bottom: 1px solid #dedede;}
#copymove #win_title{padding:10px 0}
.win_btn{display:block;text-align:center}
.win_btn input.btn_submit,
.win_btn button.btn_cancel{display: inline-block;padding: 7px 7px;border: 1px solid #3b3c3f;background: #4b545e;color: #fff;text-decoration: none;
vertical-align: middle;}