@charset "utf-8";
@import url('./style.common.css');
.inner { max-width:1000px; margin:0 auto;  }

@font-face{
	font-family:NanumGothic;
	src:url('./font/NanumGothic.eot');
	src:url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'),
	url('./font/NanumGothic.woff') format('woff'),
	url('./font/NanumGothic.ttf') format('truetype');
	url('./font/NanumGothic.svg#NanumGothic') format('svg')
	src:local(※), url('./font/NanumGothic.woff') format('woff');
}
@font-face {
    font-family: 'NotoSans';
	font-style: normal;
	font-weight: 100;
	src: url('/font/NotoSans/woff/notokr-thin.woff');
}

@font-face {
    font-family: 'NotoSans';
	font-style: normal;
    font-weight: 200;
    src: url('/font/NotoSans/woff/notokr-regular.woff');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 300;
    src: url('/font/NotoSans/woff/notokr-light.woff');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 500;
    src: url('/font/NotoSans/woff/notokr-medium.woff');
}

@font-face {
   font-family: 'NotoSans';
   font-style: normal;
   font-weight: 700;
   src: url('/font/NotoSans/woff/notokr-bold.woff');
}

@font-face {
   font-family: 'NotoSans';
   font-style: normal;
   font-weight: 900;
   src: url('/font/NotoSans/woff/notokr-black.ttf');
}

.noto_bl { font-family: 'NotoSans'; font-weight:900; }
.noto_b { font-family: 'NotoSans'; font-weight:700; }
.noto_m { font-family: 'NotoSans'; font-weight:500; }
.noto_l { font-family: 'NotoSans'; font-weight:300; }
.noto_r { font-family: 'NotoSans'; font-weight:200; }
.noto_t { font-family: 'NotoSans'; font-weight:100; }

a {text-decoration:none !important;}
a:hover {text-decoration:none !important;}

#wrap { width:1000px; }
table{table-layout: fixed;}
#header { clear:both; background:url('../images/bg_body_header.gif') #fbfbfb repeat-x; height:75px; color:#abacb1; width:100%; z-index:999; position:relative; }
#header_top_wrap { }

#header .hlogo { float:left; height:40px; line-height:40px; }
#header .hlogo a { display:inline-block; vertical-align:middle; }
#header .hlogo a.logo_lms { font-size:16px; font-weight:bold; letter-spacing:-1px; color:#fff!important;  font-family:NanumGothic }
#header .hlogo a:hover { text-decoration:none; }

#header .lnb { width:1000px;  margin:0 auto; height:35px; line-height:35px; clear:both; overflow:hidden; float:none; }
#header .lnb ul { float:left; }
#header .lnb li { float:left; font-size:12px; font-weight:bold;  font-family:NanumGothic }
#header .lnb a { height:auto; float:left; color:#333; overflow:hidden; outline:none; padding:0 10px; color:#000!important; text-decoration:none; margin:0 10px 0 10px; }
#header .lnb img { vertical-align:top; }

#header .sta { z-index:9999; line-height:20px; height:20px; position:relative; margin:0; display: inline-block; white-space:nowrap; float:right;  }
#header .sta a { padding:10px 0; display: inline-block; color:#c1dce7; vertical-align:middle; letter-spacing:-1px; margin-right:15px; padding-left:3px; }
#header .sta a:hover { color:#fff; text-decoration:none;  }


#sms_form { width:120px; margin:0 auto; }
#sms_form dl { padding:0!important; }
#sms_form dd { padding:0;  }
#sms_form p { font-size:11px; letter-spacing:-1px; padding:2px 0; }
#sms_form .input_text { width:67px; font-size:10px; font-family:tahoma;  }
#sms_form textarea { width:105px; font-size:11px; color:#666; }
#sms_form .sms_form_btn_area { padding-right:5px; }
#sms_form .sms_form_btn_area input { width:108px; }

#container { background:url(../images/bg_snb_normal.gif) #fff repeat-y; width:1000px; _width:1000px; margin:0 auto; clear:both; font-family:"돋움", Dotum, Helvetica, AppleGothic, Sans-serif; color:#424242; }
#container .container_wrap { min-width:1000px; zoom:1; _width:1000px; }
#container .snb { float:left; zoom:1; width:140px; }
#container .snb .nav { position:relative; }
#container .snb .nav dl { padding:0 10px 0 10px; }
#container .snb .nav dt { color:#333; font-weight:bold; padding:15px 0 10px 5px; border-top:#ebebeb 1px solid; margin-top:12px; }
#container .snb .nav dt.f { border-top:medium none; }
#container .snb .nav dd { position:relative; height:20px; line-height:20px; color:#7a7a7a;  font-size:11px; padding-left:7px; background:url('../images/bu.gif') no-repeat 0 -115px;   }
#container .snb .nav dd.current a { color:#ff0000!important; }
#container .snb .nav dd a { color:#666; }
#container .content { float:left; padding:0 0 69px 15px; min-height:640px; }
#container .content_wrap { width:845px; padding-top:15px; }

#footer { line-height:1.5em; text-align:center; padding-bottom:0; background-color:#fbfbfb; height:28px; padding-top:11px; clear:both; border-top:#d5d5d5 1px solid }
#footer .footer_wrap { width:1000px; margin:0 auto; }
#footer address { font-style:normal; font:9px/1.5em Verdana; }

/* list.skin.php */
/* .module_list { background: url("../img/hd_bg.gif") no-repeat scroll 0 -100px transparent; } */
.module_list>a {background:none;}
/* .module_list table { -moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: url("../img/hd_bg.gif") no-repeat scroll right -100px transparent;border-color: -moz-use-text-color -moz-use-text-color #CDCDCD;border-style: none none solid;border-width: 0 0 1px;color: #4A4A4A; } */
.module_list table {border-top:1px solid #ebeef2; border-bottom:1px solid #ebeef2;}
.module_list th {background:url(/images/table_bar.png) 3px no-repeat; color:#555; font-size:14px; border-bottom:1px solid #ebeef2; text-align:center; font-family:NotoSans; font-weight:200; overflow:hidden; height:14px; white-space:nowrap; text-overflow:ellipsis;}
.module_list th:first-child {background:none;}
.module_list th span { white-space:nowrap; display: block; height: 14px; padding: 0 15px; }
.module_list td {background:none; /* border-bottom: 1px solid #ebeef2; */}
.module_list td.title {width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-align:center;}
.module_list td.title .input_text {height:25px; width:70%; line-height:25px;}
.module_list td.no { font: 11px Tahoma,Geneva,sans-serif; text-align: center; }
.module_list tbody tr.odd { background-color:#fafafa; }
.module_list tr.notice { background: none repeat scroll 0 0 #F6F6F6; }
.module_list .suspect td { color:#FFFFFF; }
.module_list .suspect a { color:#FFFFFF; }
.module_list .suspect .btn a { color:#000000; }
.lecBtn {display:inline-block; width:55px; padding:0 5px; height:25px; background:#5f5f5f; color:white; text-align:center; line-height:25px; font-family:NotoSans; font-weight:500; border:none;}
.lecBtn.nblack {background:#00a1db;}
.lecBtn a {color:white !important; display:inline-block; width:100%; height:100%; font-family:NotoSans; font-weight:500; font-size:12px; }
.lecBtn a:hover {color:white;}
.lecBtn input {background:none; border:none; font-size:12px;}
.orangeC .lecBtn.nblack {background:#f36f21;}
.search_box {border:none; vertical-align:top; height:30px; padding:5px 10px; font-family:NotoSans; font-weight:200; background:#666; color:white; }
.suspect { background-color:#D00000; }

/* Category */
.cTab{position:relative;margin:0 0 20px 0;padding:0;list-style:none;zoom:1;border-bottom:1px solid #cdcdcd}
.cTab:after{content:"";display:block;clear:both}
.cTab li{float:left;margin:0 2px 0 0;border:1px solid #e0e0e0;border-top:0;border-bottom:0}
.cTab li.on{border:1px solid #cdcdcd;border-top:0;border-bottom:1px solid #fff;margin-bottom:-1px}
.cTab li a{position:relative;top:-1px;border-top:1px solid #e0e0e0;float:left;height:25px;line-height:25px;padding:0 10px;font-size:12px;font-size:11px;text-decoration:none;color:#666;}
.cTab li em{font:11px Tahoma, Geneva, sans-serif;color:#767676;padding:0 0 0 2px}
.cTab li.on a{color:#000;border-top:1px solid #cdcdcd}
.cTab ul{display:none;position:absolute;top:30px;left:0;margin:0;padding:0}
.cTab li.on ul{display:block;overflow:hidden;white-space:nowrap}
.cTab li.on ul li{position:relative;left:1px;float:none;display:inline;margin:0;padding:0 15px;list-style:none;border:0;border-right:1px solid #d0d0d0}
.cTab li.on ul li a{border:0;top:0;float:none;line-height:none;padding:0;font-family:돋움, Dotum;font-weight:normal}
.cTab li.on ul li.on_ a{font-weight:bold;color:#3912b3}


/* Write.skin.php */
p.txt_xss { margin:10px 0 0 4px; height:30px; font-size:11px; line-height:30px; font-weight:bold; letter-spacing:-1px; padding-left:10px; color:#666; background:url("../img/txt_xss.gif") left center no-repeat; }

.module_write table {border-collapse:collapse; border-spacing:0;}
.module_write table th {/* background:#fafafa; */ outline:none;}
.module_write caption {display:none;}


/* 가로형 테이블 */

.horiz1{table-layout:fixed;border-top:1px solid #ebeef2; border-bottom:1px solid #ebeef2;/* -moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: url("./img/hd_bg.gif") no-repeat scroll right -100px transparent;border-color: -moz-use-text-color -moz-use-text-color #CDCDCD;border-style: none none solid;border-width: 0 0 1px;color: #4A4A4A;  */}
.horiz1 tr th {background:url('/images/table_bar.png') 120px no-repeat;border-top:1px solid #ebeef2; text-align:center; /* background: none repeat scroll 0 0; */ border-bottom:1px solid #ebeef2; height: 14px; padding: 8px; white-space: nowrap; }
.horiz1 td{overflow: hidden;text-overflow: ellipsis;text-align:center; background: none repeat scroll 0 0; border-top: 1px solid #ebeef2; padding: 8px 10px; white-space: nowrap; color: #666666;}
.horiz1 .t_center {padding:25px;}

.horiz {border-collapse:collapse; border-spacing:0; border-top:1px solid #c3c5c9; border-right:1px solid #ededed; border-bottom:1px solid #c3c5c9; border-left:1px solid #ededed;}
.horiz caption {display:none;}
.horiz th {/* background:#fafafa; */ outline:none; border-top:1px solid #ededed; border-right:1px solid #ededed; padding:10px 0 10px 9px; text-align:left; font-size:13px; font-family:NotoSans; font-weight:200; letter-spacing:-1px; /* vertical-align:top; */ line-height:20px;}
.horiz td {border-top:1px solid #ededed; padding:10px 0 10px 10px; font-size:13px; color:#333; /* vertical-align:top; */ height:20px; line-height:20px;}
.horiz .first th,
/* .horiz .first td {border-top-color:#c3c5c9;} */
.horiz .line th,
/* .horiz .line td {border-top-color:#c3c5c9;} */
/* .horiz th.relay {border-left:1px solid #ededed;} */
.horiz th.item_title {/* font-weight:bold; */ /* background:#fff; */}
.horiz td a {color:#547eec; font-size:11px; letter-spacing:-1px;}
.horiz td a.txt_point {letter-spacing:0; font-weight:bold;}
/* .module_write { background: url("../img/hd_bg.gif") no-repeat scroll 0 -100px #FFFFFF; } */
.write_header {  width:100%;  /* background: url("../img/hd_bg.gif") no-repeat scroll right -100px transparent; */ position: relative; }
.write_header h1 { color: #4A4A4A; font-size: 12px; font-weight:bold; line-height: 33px; margin: 0 0 0 15px; overflow: hidden; white-space: nowrap; }
.write_header h1 a { color: #4A4A4A; text-decoration: none; }
.write_header h1 .category { border-right: 1px solid #7E7E7E; font-weight: normal; margin: 0 5px 0 0; padding: 0 10px 0 0; }
.write_header .time { color: #BFBFBF; font-size: 11px; margin: 0; position: absolute; right: 12px; top: 11px;}
.write_body { background: none repeat scroll 0 0 #FFFFFF; padding: 0 5px 25px 5px; }


/* 코멘트 */
.feedback .action { float: right; margin: 0; padding: 10px 10px 0 0; white-space: nowrap; }
.feedback .action .vote { color: #767676; margin: 0 10px 0 0;}
.feedback .action a { background: url("../img/icoSet.gif") no-repeat scroll 0 0 transparent; color: #767676; padding: 0 0 0 18px; text-decoration: none; }
.feedback .action a.reply { background-position: 0 -210px;}
.feedback .action a.modify { background-position: 0 -150px;}
.feedback .action a.delete { background-position: 0 -180px;}
.feedback .action a.this { background: none repeat scroll 0 0 transparent; margin: 0 0 0 10px; padding: 0; text-decoration: underline; }


/* View.skin.php */
.module_read { background: url("../img/hd_bg.gif") no-repeat scroll 0 -100px; }

.read_header { width:100%; /* background: url("../img/hd_bg.gif") no-repeat scroll right -100px transparent; */ position:relative; }
.read_header h1 { font-weight:bold; font-size: 11px; color: #4A4A4A; line-height: 33px; margin: 0 0 0 15px; overflow: hidden; white-space: nowrap;}
.read_header h1 a { color: #4A4A4A; text-decoration: none;}
.read_header h1 .category { border-right: 1px solid #7E7E7E; font-weight: normal; margin: 0 5px 0 0; padding: 0 10px 0 0;}
.read_header .time { color: #BFBFBF; font-size: 11px; margin: 0; position: absolute; right: 12px; top: 11px;}
.read_header .meta {/*  background: none repeat scroll 0 0 #F6F6F6; */ border-bottom: 1px solid #DDDDDD; margin: 0; padding: 0 12px 0 15px; height:25px; line-height:25px; }
.read_header .meta:after { clear: both; content: ""; display: block;}
.read_header .meta .author { color: #666666; float: left; font-weight: bold; text-decoration: none;}
.read_header .meta .author img { margin-top: -1px;}
.read_header .meta .sum { color: #666666; float:right; font-size: 11px;}
.read_header .meta .sum .vote { border-left: 1px solid #CCCCCC; margin: 0 0 0 6px; padding: 0 0 0 10px;}

.read_body { background: none repeat scroll 0 0 #FFFFFF; padding: 0;}
.read_body .read_content { color: #333333; line-height: 140%; min-height:150px; }

.read_footer { overflow: hidden;}
.read_footer .fileList { display: inline; float: left; margin: 15px 0;}
.read_footer .toggleFile { background: url("../img/icoSet.gif") no-repeat scroll 0 2px transparent; border: 0 none; color: #4B4B4B; cursor: pointer; overflow: visible; padding: 0 0 0 15px;}
.read_footer .files { display: none; line-height: 16px; list-style: none outside none; margin: 15px 0; padding: 0;}
.read_footer .files li { background: url("../img/icoSet.gif") no-repeat scroll 0 -28px transparent; padding: 0 0 0 15px;}
.read_footer .files a { color: #4B4B4B; position: relative; text-decoration: none;}
.read_footer .files a .fileSize { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; font: 11px Tahoma,Geneva,sans-serif; left: 100%; padding: 1px 4px; position: absolute; top: -4px; visibility: hidden; white-space: nowrap;}
.read_footer .files a:hover .fileSize, .read_footer .files a:active .fileSize, .read_footer .files a:focus .fileSize { visibility: visible;}
.read_footer .tns { float: right; margin: 15px 0;}
.read_footer .tns a:hover, .read_footer .tns a:active, .read_footer .tns a:focus { text-decoration: underline;}
.read_footer .tags { background: url("../img/icoSet.gif") no-repeat scroll 0 -58px transparent; color: #666666; display: inline-block; font-size: 11px; height: 16px; line-height: 16px; padding: 0 15px 0 32px; vertical-align: top;}
.read_footer .tags a { color: #666666; text-decoration: none;}
.read_footer .action { display: inline-block; font-size: 11px; line-height: 16px; margin: 0 15px 0 0;}
.read_footer .btnArea { border-top: 1px solid #DDDDDD; clear: both; padding: 10px 0; text-align: right;}

.body_left2 .snb ul li.current {background:url('/images/mobile_bar.png')no-repeat;}
.body_left2 .snb ul li.current>a {color:#2b9ff5;}
.orangeC .body_left2 .snb ul li.current {background:url('/images/mobile_bar2.png')no-repeat; }
.orangeC .body_left2 .snb ul li.current a {color:#f36f21;}
.orangeC .body_left2 .snb_welcome {color:#f36f21;}
.body_left2 .snb_welcome {background:#18212b;}
.body_left2 {background:#2c3e50 !important;}
.body_left2 .snb {background:none !important;}
/* 페이징 */
.kk_page span,
.kk_page a {display:inline-block;}
.kk_page a {color:#555;}
.kk_page a,.kk_page .curent {height:15px; line-height:15px; padding:0 10px 0 10px; border-left:1px solid #e9e9e9;}
.kk_page .curent {letter-spacing:-1px; font-weight:bold; color:#fd650d;}
/*.kk_page .first,.kk_page .first a {border:none;}*/
.kk_page .pre2,.kk_page .pre,.kk_page .next,.kk_page .next2 {padding:0; width:15px; height:15px; overflow:hidden; text-indent:-9000px; border:none; background:url('../img/sprites_btn.gif') no-repeat; vertical-align:top;}
.kk_page .pre2,.kk_page .pre {margin-right:3px;}
.kk_page .next,.kk_page .next2 {margin-left:3px;}
.kk_page span.pre2 {background-position:-307px 0;}
.kk_page span.pre {background-position:-327px 0;}
.kk_page span.next {background-position:-347px 0;}
.kk_page span.next2 {background-position:-367px 0;}
.kk_page a.pre2 {background-position:-387px 0;}
.kk_page a.pre {background-position:-407px 0;}
.kk_page a.next {background-position:-427px 0;}
.kk_page a.next2 {background-position:-447px 0;}

/* 
*	공통 클래스 모음 
*/
/* Button Area */
.module_bottom .module_page { width:600px; margin:0 auto; text-align:center; padding-bottom:15px; }
.module_search { width:360px; margin:0 auto; height:25px; line-height:25px; }
.module_category_select { border:4px solid #cdcdcd; background-color:#f5f5f5; margin-bottom:10px; padding:10px 20px; }
.module_category_select select { width:78%; margin-top:1px!important; }

/* Input */
.inputwrap {margin:0 14px 0 10px;}
.inputbox {width:150px; height:30px; vertical-align:top; border:1px solid #e5e5e5; padding-left:10px;}
.inputbox_focus {padding:2px 1px 0 1px; border:2px solid #2d85f2;}
.inputfile {margin:0 0 5px 0; padding:3px 2px 1px 2px; font-size:11px; color:#666; vertical-align:middle;}
.checkbox {vertical-align:middle; display:table-cell !important;}
.checkbox input {position:relative !important; margin-left:0 !important;}
.radio { vertical-align:middle; }
.textbox { margin:0; padding:4px 5px; background-color:#f5f5f5; border-top:1px solid #ADADAD; border-bottom:1px solid #DADADA; border-left:1px solid #ADADAD; border-right:1px dotted #DADADA; vertical-align:middle;}
.textbox_focus {padding:2px 1px 0 1px; border:2px solid #2d85f2;}
.selectbox { padding:1px; font-family:tahoma, dotum; font-size:11px; }

/* Button */
.btn25, .btn25 a, .btn25 button, .btn25 input { background: url("../img/btn25.gif") no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; margin: 0; overflow: visible; padding: 0; position: relative; }
.btn25 { background-position: 0 0; margin: 0 2px 0 0; vertical-align: top; }
.btn25 a, .btn25 button, .btn25 input { background-position: right 0; border: 0 none; color: #4A4A4A; font-size: 11px; font-weight: normal; left: 2px; padding: 0 5px; text-decoration: none; }
.btn25.blue { background-position: 0 -30px; }
.btn25.blue * { background-position: right -30px !important; color: #FFFFFF !important; }
.btn25.black { background-position: 0 -60px; }
.btn25.black * { background-position: right -60px !important; color: #FFFFFF !important; }

/*내부테이블*/
td.inner_table_td { padding:0; }
table.inner_table { width:100%; padding:0; }
table.inner_table th { text-align:center; margin:0; background-color:#fff; border:0 none; padding:3px 0; border-right:1px solid #ededed; border-bottom:1px solid #ededed; background-color:#fafafa; }
table.inner_table td { margin:0; background-color:#fff; border:0 none; padding:3px 10px; border-right:1px solid #ededed; border-bottom:1px solid #ededed; }

table.inner_table2 { width:100%; padding:0; border-collapse:collapse; border:1px solid #ebebeb; }
table.inner_table2 th { font-size:11px; text-align:center; margin:0; background-color:#fff; border:0 none; padding:3px 0; border-right:1px solid #ededed; border-bottom:1px solid #ededed; background-color:#fafafa; }
table.inner_table2 th span { background:url(''); border:0 none; }
table.inner_table2 td { font-size:11px; margin:0; background-color:#fff; border:0 none; padding:3px 10px; border-right:1px solid #ededed; border-bottom:1px solid #ededed; }

.sbOptions {border:1px solid #e5e5e5;}

.main_t span{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mobileon {display:none;}

@media (max-width:768px){
	.mobileoff{display:none !important;}
	.body_top .body_top_right {margin-left:50% !important; transform:translateX(-50%); -ms-transform:translateX(-50%); left:0 !important;}
	.mobileon {display:table-column;}
	.moff{background:none !important;}
}