/* list.skin.php */
.board_list { background: url("./img/hd_bg.gif") no-repeat scroll 0 -100px transparent; }
.board_list a { color: #4A4A4A; text-decoration: none; }
.board_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; }
.board_list th { background: none repeat scroll 0 0; border: 0 none; height: 14px; padding: 8px 0 9px; white-space: nowrap; }
.board_list th span { white-space:nowrap; border-left: 1px solid #C7C7C7; display: block; height: 14px; padding: 0 15px; }
.board_list td { background: none repeat scroll 0 0; border-bottom: 1px solid #E6E6E6; padding: 8px 10px; white-space: nowrap; color: #666666; }
.board_list td.no { font: 11px Tahoma,Geneva,sans-serif; text-align: center; }
.board_list tbody tr.odd { background-color:#fafafa; }
.board_list tr.notice { background: none repeat scroll 0 0 #F6F6F6; }

.add_info {  }
.add_info td { padding:7px 0 7px 15px; color:#555; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.add_info td a { color:#008fe7; display:block; }
.add_info td li { display:block;  }
.add_info th { padding:7px 0 7px 15px; text-align:left;  background:#f5f5f5; font-weight:normal; letter-spacing:-1px; border-bottom:1px solid #d9d9d9; }
.add_info th.relay { border-left:1px solid #d9d9d9; }

/* Category */
.board_category { overflow-x:scroll; width:100%; position:absolute;  }
.cTab_box .left_arrow { position: absolute; left:-10px; top:5px; }
.cTab_box .left_arrow img { height:12px; }
.cTab_box .right_arrow { position: absolute; right:-10px; top:5px; }
.cTab_box .right_arrow img { height:12px; }

.cTab { display:table;  }
.cTab_box { margin-left:10px; margin-right:10px; }
.cTab li { 
	display: table-cell; width: 200px; margin: 0; white-space: nowrap; font-size:16px; font-family: "NanumGothic"; color:#333; padding-left:10px; 
}
.cTab .content_arrow { color:#dedede; margin:0px 0px 0px 10px;}
.grd_prev {
    top: 0;
    left: 0px;
    bottom: 3px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)));
    position: absolute;
    width: 30px;
    z-index: 1;
    height: 32px;
}
.grd_next {
  	 top: 0;
    right: 0px;
    bottom: 3px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));
    position: absolute;
    width: 30px;
    z-index: 1;
    height: 32px;
}
.board_category::-webkit-scrollbar-track
{
	background-color: #FFFFFF;
}

.board_category::-webkit-scrollbar
{
	background-color: #FFFFFF;
}

.board_category::-webkit-scrollbar-thumb
{
	background-color: #FFFFFF;
}


/* Write.skin.php */
p.txt_xss {margin:10px 0 0 0; height:30px; line-height:30px; font-weight:bold; letter-spacing:-1px; color:#333;}

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


/* 가로형 테이블 */
.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:11px; font-weight:normal; letter-spacing:-1px; vertical-align:top; line-height:20px;}
.horiz td {border-top:1px solid #ededed; padding:10px 0 10px 10px; font-size:11px; 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;}
.horiz td span,
.horiz td label {margin-left:5px; margin-right:5px; height:16px; line-height:18px; line-height:20px; font-size:11px; color:#999;}
.board_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; 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 */
.board_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-size: 12px; 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; }
.read_body .read_content { color: #333333; line-height: 140%; min-height:150px; }
.read_body .read_content img { max-width:100%; height:auto; } 

.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;}



/* 
*   공통 클래스 모음 
*/

/* Button Area */
 .board_page { width:100%; margin:0 auto; text-align:center;  }
 .board_page img { width:30px; }
.board_search { border-top:1px solid #c2c2c2; background:#f3f3f3; padding-bottom:15px; }

/* Input */
.inputwrap {margin:0 14px 0 10px;}
.inputbox {padding:3px 2px 1px 2px; height:14px; border-top:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #9a9a9a; font-size:11px; color:#666; vertical-align:middle;}
.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;}
.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, NanumGothic; 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: bold; 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; }


.btn input { -webkit-appearance: none; -webkit-border-radius: 0 }
.btn { border-bottom: 0px; position: relative; border-left: 0px; display: inline-block; white-space: nowrap; background: url(./img/bg_btn.gif) no-repeat; color: #666; vertical-align: top; overflow: visible; border-top: 0px; cursor: pointer; border-right: 0px; text-decoration: none!important }
.btn a { border-bottom: 0px; position: relative; border-left: 0px; display: inline-block; white-space: nowrap; background: url(./img/bg_btn.gif) no-repeat; color: #666; vertical-align: top; overflow: visible; border-top: 0px; cursor: pointer; border-right: 0px; text-decoration: none!important }
.btn button { border-bottom: 0px; position: relative; border-left: 0px; display: inline-block; white-space: nowrap; background: url(./img/bg_btn.gif) no-repeat; color: #666; vertical-align: top; overflow: visible; border-top: 0px; cursor: pointer; border-right: 0px; text-decoration: none!important }
.btn input { border-bottom: 0px; position: relative; border-left: 0px; display: inline-block; white-space: nowrap; background: url(./img/bg_btn.gif) no-repeat; color: #666; vertical-align: top; overflow: visible; border-top: 0px; cursor: pointer; border-right: 0px; text-decoration: none!important }
.btn { margin-right: 2px }
.btn a { padding-bottom: 0px; padding-left: 6px; padding-right: 7px; padding-top: 0px; left: 2px }
.btn button { padding-bottom: 0px; padding-left: 6px; padding-right: 7px; padding-top: 0px; left: 2px }
.btn input { padding-bottom: 0px; padding-left: 6px; padding-right: 7px; padding-top: 0px; left: 2px }
.btn .em3 { letter-spacing: -1px; color: #424242 }
.btn1 { line-height: 29px; background-position: 100% -24px; height: 27px; color: #404040; font-weight: bold }
.btn1 a { line-height: 29px; background-position: 100% -24px; height: 27px; color: #404040; font-weight: bold }
.btn1 button { line-height: 29px; background-position: 100% -24px; height: 27px; color: #404040; font-weight: bold }
.btn1 input { line-height: 29px; background-position: 100% -24px; height: 27px; color: #404040; font-weight: bold }
.btn1 { background-position: 0px -24px; margin-right: 6px }
.btn1 a { padding-bottom: 0px; padding-left: 9px; padding-right: 11px; padding-top: 0px; left: 2px }
.btn1 button { padding-bottom: 0px; padding-left: 9px; padding-right: 11px; padding-top: 0px; left: 2px }
.btn1 input { padding-bottom: 0px; padding-left: 9px; padding-right: 11px; padding-top: 0px; left: 2px }
.btn1nb { font-weight: normal !important }
.btn1nb a { font-weight: normal !important }
.btn1nb button { font-weight: normal !important }
.btn1nb input { font-weight: normal !important }
.btn2 { line-height: 23px; background-position: 100% 0px; height: 21px }
.btn2 a { line-height: 23px; background-position: 100% 0px; height: 21px }
.btn2 button { line-height: 23px; background-position: 100% 0px; height: 21px }
.btn2 input { line-height: 23px; background-position: 100% 0px; height: 21px }
.btn2 { background-position: 0px 0px }
.btn3 { line-height: 20px; background-position: 100% -54px; letter-spacing: -1px; height: 18px; font-size: 11px }
.btn3 a { line-height: 20px; background-position: 100% -54px; letter-spacing: -1px; height: 18px; font-size: 11px }
.btn3 button { line-height: 20px; background-position: 100% -54px; letter-spacing: -1px; height: 18px; font-size: 11px }
.btn3 input { line-height: 20px; background-position: 100% -54px; letter-spacing: -1px; height: 18px; font-size: 11px }
.btn3 { background-position: 0px -54px }
.btn3 a { padding-bottom: 0px; padding-left: 3px; padding-right: 4px; padding-top: 0px }
.btn3 button { padding-bottom: 0px; padding-left: 3px; padding-right: 4px; padding-top: 0px }
.btn3 input { padding-bottom: 0px; padding-left: 3px; padding-right: 4px; padding-top: 0px }
.btn4 { line-height: 23px; background-position: 100% 0px; height: 21px }
.btn4 a { line-height: 23px; background-position: 100% 0px; height: 21px }
.btn4 button { line-height: 23px; background-position: 100% 0px; height: 21px }
.btn4 input { line-height: 23px; background-position: 100% 0px; height: 21px }
.btn4 a { padding-bottom: 0px; padding-left: 4px; padding-right: 5px; padding-top: 0px; left: 2px }
.btn4 button { padding-bottom: 0px; padding-left: 4px; padding-right: 5px; padding-top: 0px; left: 2px }
.btn4 input { padding-bottom: 0px; padding-left: 4px; padding-right: 5px; padding-top: 0px; left: 2px }
.btn4 { background-position: 0px 0px; margin-right: 1px }
.btn5 { line-height: 20px; background-position: 100% -75px; letter-spacing: -1px; height: 18px; font-size: 11px }
.btn5 a { line-height: 20px; background-position: 100% -75px; letter-spacing: -1px; height: 18px; font-size: 11px }
.btn5 button { line-height: 20px; background-position: 100% -75px; letter-spacing: -1px; height: 18px; font-size: 11px }
.btn5 input { line-height: 20px; background-position: 100% -75px; letter-spacing: -1px; height: 18px; font-size: 11px }
.btn5 a { padding-bottom: 0px; padding-left: 7px; padding-right: 8px; padding-top: 0px; left: 2px }
.btn5 button { padding-bottom: 0px; padding-left: 7px; padding-right: 8px; padding-top: 0px; left: 2px }
.btn5 input { padding-bottom: 0px; padding-left: 7px; padding-right: 8px; padding-top: 0px; left: 2px }
.btn5 { background-position: 0px -75px }


.m_horiz {border-collapse:collapse; border-spacing:0; border-top:2px solid #000000; border-right:1px solid #ededed; border-bottom:1px solid #c3c5c9; border-left:1px solid #ededed; font-size:16px; font-family: "NanumGothic";}
.m_horiz caption {display:none;}
.m_horiz th {background:#fafafa; outline:none; border-top:1px solid #ededed; border-right:1px solid #ededed; padding:15px 0 15px 15px; text-align:left; font-weight:600; letter-spacing:1px; vertical-align:top; line-height:20px;
	color:#333333; }
.m_horiz td {border-top:1px solid #ededed; color:#333; vertical-align:top; height:20px; line-height:20px;}
.m_horiz .first th,
.m_horiz .first td {border-top-color:#c3c5c9;}
.m_horiz .line th,
.m_horiz .line td {border-top-color:#c3c5c9;}
.m_horiz th.relay {border-left:1px solid #ededed;}
.m_horiz th.item_title {font-weight:bold; background:#fff;}
.m_horiz td a {color:#547eec; letter-spacing:-1px;}
.m_horiz td a.txt_point {letter-spacing:0; font-weight:bold;}
.m_horiz td span,
.m_horiz td label {margin-left:10px; margin-right:5px; height:16px; line-height:18px; line-height:20px; }
.m_horiz .checkbox { height:24px; padding-top:4px; }
.m_horiz .input_t1 { border:0px; height:100%; width:100%; padding-left:15px; font-size:16px!important; font-family: "NanumGothic"; color:#999; }
.m_horiz .m_selectbox { 
	height:30px; border:1px solid #c2c2c2; vertical-align: middle; color:#999999;
	font-size:14px; font-weight:normal; line-height:15px;  padding:5px 16px 5px 5px; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none;
	background:url("/mobile/images/board_select.png")#FFFFFF no-repeat center right;
	background-size:16px;
	color:#9e9fa1; 
	margin-right:5px;
	margin-left:10px;
	margin-top:10px;
}
	
.m_txt_xss { color:#333333; font-size:18px; font-family: "NanumGothic"; font-weight:700;}
.m_txt_xss img { height:20px; margin-right:5px;}
label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px!important;
	margin-right: 15px;
	font-size: 13px;
	color:#9e9fa1;
	font-family:"NanumGothic";
}
	
input[type=checkbox] {
	display: none;
}
label:before {
	content: "";
	display: inline-block;

	width: 20px;
	height: 20px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #fff;
	border:1px solid #c2c2c2;
}
 
 
input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #9e9fa1;
	text-align: center;
    line-height: 15px;
}


.m_horiz_list { border-top:1px solid #e1e1e1; border-collapse:collapse; border-spacing:0; table-layout: fixed; }
.m_horiz_list tr { border-bottom:1px solid #e1e1e1; }
.m_horiz_list td { padding:12px 0px; font-family:"NanumGothic"!important; font-size:14px; }
.m_horiz_list .list_comment img { height:16px; margin-right:5px; padding-bottom:2px;  }
.m_horiz_list .list_comment { font-size:12px; color:#999999; }
.m_horiz_list .content_arrow { color:#dedede; margin:0px 5px 0px 10px;}
.board_search .selectbox { 
	height:30px; border:1px solid #c2c2c2; vertical-align: middle; color:#999999;
	font-size:14px; font-weight:normal; line-height:15px;  padding:5px 16px 5px 5px; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none;
	background:url("/mobile/images/board_select.png")#FFFFFF no-repeat center right;
	background-size:16px;
	width:90px;
	color:#333333; 
	margin-right:5px;
}
.board_search .inputbox { height:30px; border:1px solid #c2c2c2; vertical-align: middle; color:#999999; padding-left:15px; margin-right:5px;}


.m_horiz_view { border-collapse:collapse; border-spacing:0; table-layout: fixed; }
.m_horiz_view tr { border-bottom:1px solid #c2c2c2; }
.m_horiz_view td { padding:10px 0px; font-family:"NanumGothic"!important; font-size:14px; }
.m_horiz_view .files a { color:#15a4fa; font-size:12px;}
.m_horiz_view .list_comment img { height:18px; margin-right:5px; padding-bottom:2px;  }
.m_horiz_view .list_comment { font-size:12px; margin-top:3px; color:#999999; }
.m_horiz_view .content_arrow { color:#dedede; margin:0px 5px 0px 10px;}

#variableFiles td { border:0px;}

.board_bottom .btnArea { border-top:1px solid #e1e1e1; margin-top:15px; padding-top:15px;  }