.write_table{margin:0 auto; width:%; clear:both; position:relative;  text-align:left;}
.write_table h2.title{height:30px; overflow:hidden;}
.write_table h2.title span{font:bold 12px/30px Dotum; display:inline; float:left;  text-indent:5px;}
.write_table h2.title em{color:#666;   font:9pt/30px Dotum; letter-spacing: -1px;  text-indent:5px; display:inline; float:left;}

.info_table{border-collapse:collapse;padding:0; border-spacing:0px; width:100%; margin-top:10px;}
.info_table th{text-align:left; width:100px; padding-left:20px; font-size:9pt; line-height:30px;  border:1px solid #DDD; background:#F6F6F6}
.info_table td{text-align:left; border:1px solid #DDD; padding:4px 15px 4px 4px;}

.schelule_list{border-collapse:collapse;padding:0; border-spacing:0px; width:100%; margin-top:10px;}
.schelule_list th{width:80px; text-align:center; font-size:9pt; line-height:30px;  border:1px solid #DDD; background:#F6F6F6}
.schelule_list td{text-align:center; border:1px solid #DDD; padding:4px 15px 4px 4px;}
.schelule_list .sc_sun th{color:red;}
.schelule_list .sc_sun td{color:red;}
.schelule_list .sc_sat th{color:blue;}
.schelule_list .sc_sat td{color:blue;}


.write_option{height:22px; line-height:22px; }
.write_option label{float:left;  overflow:hidden; margin-right:10px  }
.wr_content_edit{margin:6px;}


.inputbox{height:12px; padding:4px; border:1px solid #CCC; }
select{height:22px; padding:2px; border:1px solid #CCC; border-right:1px solid #AAA; font-size:12px;}
textarea{vertical-align: top;  padding:4px; border:1px solid #CCC;  width:100%; word-break:break-all; overflow-y:auto;}
.contentbox{position:relative; background:transparent; overflow-y:auto; width:100%; height:200px;}
.filebox{height:22px; border:1px solid #CCC; }

 
  

 
/*basic file upload===start */
.basic_file{}
.basic_file .file_top{height:20px; padding-left:4px; position:relative;}
 
.basic_file .file_top a{float:left; margin-top:4px; width:18px; height:13px; background-image:url(./img/bbs_img.gif); display:block; text-indent:-100px;overflow:hidden;}
.basic_file .btn_plus{background-position: 0 -170px;}
.basic_file .btn_minus{background-position:-18px -170px;}
.basic_file .file_upload_text{float:left; font:8pt/24px Dotum; color:#999;  padding-left:10px; letter-spacing: -1px;}
.basic_file .file_upload_text span{font-weight:bold; letter-spacing: 0px;color:#C00;}

#variableFiles{}
#variableFiles li{list-style:none; margin-top:4px; line-height:22px;}
#variableFiles li a{padding-left:5px;}
#variableFiles li p{margin-top:3px;padding-right:10px;}
#variableFiles li p input{width:100%;}
/*basic file upload===end */

.board_btn{text-align:center;padding:20px;}
/************************************************************/

.view_table{position:relative; width:%; clear:both;	overflow:hidden; margin:0 auto;}
.view_table h3.subject{padding:10px; font-weight:bold;clear:both;	 text-align:center; font-size:20px; line-height:18px; }
.view_table h3.subject span{padding:0 40px;}
.writeContents{position:relative; word-break:break-all; padding:10px 0; min-height:100px;}
.view_image{width: 300px; float:left;margin-top:20px;}
.view_image table{margin:10px auto;}
.view_image table .bf_content{background:#F6F6F6; padding:5px;}

.view_info {width: 400px; float:right; margin-top:20px;}
.view_info h4 {font-size:14px; font-weight:800; line-height:30px;}
.view_info .writeContents {border:1px solid #DDD; padding:20px; line-height:160%;}

ul.write_info{position:relative; clear:both;height:34px; }
ul.write_info, ul.write_info li{list-style:none; padding:0; margin:0;}
ul.write_info li{float:left; font:normal 7pt/34px tahoma;  margin-right:10px;}
ul.write_info li label{color:#999; padding-right:6px;}
ul.write_info li.info_name span{font:normal 8pt/34px gulim; }
ul.write_info li.info_name em{font-size:7pt}
ul.write_info li.info_date{}
ul.write_info li.info_hit{}



#uploadFile{position:absolute; top:5px; right:0;z-index:999999}
#uploadFile .title{cursor: pointer; display:block; line-height:21px; height:21px; overflow:hidden;  padding:0 10px; border:1px solid #DDD; background:#F6F6F6 url(./img/bbs_img.gif) 0px -85px no-repeat; width:60px;}
#uploadFile .info_file{position:absolute; display:none; top:22px; right:0; padding:5px; list-style:none;border:1px solid #DDD; background:#F6F6F6;}
#uploadFile .info_file li{list-style:none;height:18px;white-space:nowrap; line-height:18px; padding:0 6px; font:normal 8pt tahoma;}
#uploadFile .info_file span{padding-left:10px}
#uploadFile .info_file span.file_size{color:#999}
#uploadFile .info_file span.file_hit{color:#F60}
 
 .view_btn{height:20px; padding:10px 0; border-bottom:1px solid #DDD}

 
 
 /* view_comment.skin.php */

h4.comment_title{font:normal 18px 'Arial Black'; color:#999; padding:10px; margin:0}
.commentBox{clear:both;border-top:1px solid #CCC; margin-top:20px;}
.commentInfo{height:30px; line-height:30px;padding:0 10px;}
.commentInfo span{float:left; height:17px; line-height:17px; }
.commentInfo .member{ font-weight:bold;  margin-top:6px;  padding-left:16px;background:url(./img/bbs_img.gif) 0 -330px no-repeat; }
.commentInfo .guest{ font-weight:bold;  margin-top:6px; padding-left:16px; background:url(./img/bbs_img.gif) 0 -347px no-repeat; }
.commentInfo .datetime{padding-left:16px;font:normal 7pt/26px tahoma; color:#999;}
.commentInfo .ipaddr{color:#999;padding-left:6px; font:normal 7pt/26px tahoma;}
.commentInfo .btnSmall{float:right; margin-top:6px; margin-left:3px;}
.commentContent{line-height:20px; padding:7px; word-break:break-all; overflow:hidden; clear:both;}
.commentContent .secret{color:#FF6600;}

#kcaptcha_image{width:80px; height:30px;}

.wr_content_co{padding-right:10px;}
.comment_w_info{height:22px; background:#F6F6F6; padding:4px;border:1px solid #CCC; border-top:0; }
.comment_w_info label{line-height:22px; display:block; float:left; padding:0 10px;}
.comment_w_info .inputbox{float:left; width:70px;}
.comment_w_info #kcaptcha_image_co{float:left; width:80px; height:22px}
.comment_w_info .comment_w_option{height:28px; float:left;}
.comment_w_info .comment_w_option img{cursor: pointer;margin:3px;  }

.comment_w_info .co_btn_write{float:right; font-weight:bold;}
 

 
/*list.list*/
.list_table{position:relative; width:%; clear:both;	  margin:0 auto 20px;}
/* category */
.board_category_tab{ clear:both; border-bottom:1px solid #CCC; height:30px;overflow: hidden;position:relative; }
.board_category_tab .thisTab{color:#333; border-color:#888;}

 

.board_list{clear:both; width:100%;position:relative; top:-1px; border-bottom:1px solid #AAA;}
.board_list th{font-size:9pt; background:#F6F6F6; font-weight:normal;text-align:center; border-bottom:1px solid #DDD;height:36px; border-top:1px solid #999;}
.board_list td{border-bottom:1px dotted #AAA;height:30px;text-align:center;}
.board_list td.num{font-size:8pt; color:#999;}
.board_list td.subject{text-align:left;}
.board_list td.name{text-align:left;}
.board_list td.datetime{font-size:8pt; color:#999;}
.board_list td.hit{font-size:8pt; color:#999;}

.board_list td.no_list{line-height:100px; text-align:center;}
/*//////////////////////*/
 

.cobtn_reply span{display:block; width:13px; height:13px; background:url(./img/bbs_img.gif) 0 -316px no-repeat;}
.cobtn_modiry span{display:block; width:13px; height:13px; background:url(./img/bbs_img.gif) 0 -290px no-repeat;}
.cobtn_delete span{display:block; width:13px; height:13px; background:url(./img/bbs_img.gif) 0 -303px no-repeat;}
 /*
************************************************************
********      http://www.cssbuttongenerator.com/   *******************
************************************************************
*/






/**select box**/
.write_subject *{outline-style:none}
.write_subject select{display:none;}
.write_subject .sbHolder{position: absolute; display:inline; float:left; left:-1px; top:0; zoom:1; }
.write_subject .sbHolder:focus .sbSelector{color:#FF6600; }
.write_subject .sbSelector{position: absolute; height: 32px;left: 0px; top: 0px; line-height: 32px;width:100%; overflow: hidden;text-indent:10px;}
.write_subject .sbSelector:link, .sbSelector:visited, .sbSelector:hover{text-decoration: none;}
.write_subject .sbSelector:hover{color:#FF6600;}

 
.write_subject .sbHolder .sbToggle{position:absolute; top:0; right:0; width:25px; height:32px; background:url(./img/select-icons.gif) right 0 no-repeat; }
.write_subject .sbHolder:hover .sbToggle{background:url(./img/select-icons.gif) right -32px no-repeat; }
.write_subject .sbHolder .sbToggleOpen{background:url(./img/select-icons.gif) right -64px no-repeat; }
.write_subject .sbHolder:hover .sbToggleOpen{background:url(./img/select-icons.gif) right -96px no-repeat; }

.write_subject .sbOptions{
	position: relative;
	background-color: #FFF;
	border-left: solid 1px #999;
	border-right: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	list-style: none;
	margin: 0;
	left:0px;
	top:-1px;
	overflow-y: auto;
}
.write_subject .sbOptions li{padding: 0 7px;}
.write_subject .sbOptions a{
	border-bottom: dotted 1px #AAA;
	display: block;
	outline: none;
	padding: 4px 0 4px 3px;
}
.write_subject .sbOptions a:link, .sbOptions a:visited{
	text-decoration: none;
}
.write_subject .sbOptions a:hover,
.write_subject .sbOptions a:focus,
.write_subject .sbOptions a.sbFocus{
	color: #FF6600;
}
.write_subject .sbOptions li.last a{
	border-bottom: none;
}

@media (max-width: 768px) {
	.view_image{width: 100%;}
	.view_info {width: 100%;}
}