
.write_table{margin:0 auto; width:97%; 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;}

.write_subject{position:relative; height:32px; zoom:1; background:url(./img/input_bg.gif) top left repeat-x; border:1px solid #999;  z-index:999999}
.subject_inputbox{position:absolute; padding:10px; border:none; background:transparent; height:12px; }

.write_content{position:relative; margin-top:10px;  border:1px solid #999; border-right:1px solid #DDD; border-bottom:1px solid #DDD;}
.write_option{height:11px; padding:5px 10px; background:url(./img/bbs_img.gif) left -250px repeat-x; border-bottom:1px solid #CCC}
.write_option label{float:left; height:11px; overflow:hidden; background:url(./img/bbs_img.gif) no-repeat; }
.write_option .chk_notice{background-position:0px -11px; width:48px}
.write_option .chk_secret{background-position:0px -22px; width:52px;}
.write_option .chk_html	{background-position:0px -33px;width:38px;}

.write_content .textarea{position:relative;height:400px; padding:10px; background:url(./img/input_bg.gif) top left repeat-x;}
.write_content textarea{position:relative;border:none;  background:transparent; overflow-y:auto; width:100%; height:400px;}

.ui-resizable-handle{position:absolute;left:0;width:100%;zoom:1;background:#F0F0F0 url(./img/bbs_img.gif) center -275px no-repeat;bottom: 0px;height:5px;font-size:0;overflow:hidden;border-top:1px solid #DDD;border-bottom:1px  solid #CCC;}
 

.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; }
.textareabox{vertical-align: top;  padding:4px; border:1px solid #CCC;  width:100%; word-break:break-all; overflow-y:auto;}
.filebox{height:22px; border:1px solid #CCC; }

 
.wr_field_set{border-collapse:collapse;border-spacing:0px; padding:0; table-layout:fixed; position:relative; top:-1px; border:0; width:100%;  }
.wr_field_set td{border:1px solid #CCC;  background:url(./img/input_bg.gif) top left repeat-x; }
.wr_field_set td input{float:left; padding:8px 0px; text-indent:10px; width:100%;  border:0; background:transparent; height:12px;}

 
 .tmp_label{position:absolute; font:8pt Dotum; color:#999;}

.checkbox{width:11px; height:11px; display:inline; float:left;background:url(./img/bbs_img.gif) 0 0 no-repeat; cursor:pointer}
.checkbox input{display:none;}
.checkbox_on{ background-position:-11px 0 !important;}

/* mulit file upload===start */
.fileUpload_box{border:1px solid #DDD; border-top:0;}
.fileUpload{position:relative; background:#F0F0F0; border:1px solid #FFF; padding:10px 20px;}
.fileUpload .file_upload_text{position:absolute; font:8pt/11px Dotum; color:#999; border-left: 1px solid  #CCC; padding-left:10px; top:18px; left:110px;letter-spacing: -1px;}
.fileUpload .file_upload_text span{font-weight:bold; letter-spacing: 0px;color:#C00;}
.btn_fileUpload{background:url(./img/bbs_img.gif) 0px -53px no-repeat; width:80px; height:24px;  }
.uploadify-queue{ border:1px solid #CCC; clear:both; background:#FFF url(./img/input_bg.gif) top left repeat-x; margin-top:6px; padding:6px;}
.uploadify-queue-item{height:22px; position:relative;  border-bottom:1px solid #DDD;}
.uploadify-queue-item .cancel{position:absolute; top:5px; right:6px; width:12px;  height:12px;  margin-right:6px;}
.uploadify-queue-item .cancel a{display:block; width:12px; background:url(./img/bbs_img.gif) -5px -120px no-repeat; height:12px;  text-indent:120px; overflow:hidden; }
.uploadify-queue-item .fileName{ line-height:22px; }
.uploadify-progress{width:100%;height:1px solid #AAA;}
.uploadify-progress-bar {background-color:#069;height: 1px;width:1px;}
/*mulit file upload===end */

/*basic file upload===start */
.basic_file_box{border:1px solid #DDD; border-top:0;}
.basic_file{position:relative; background:#F0F0F0; border:1px solid #FFF; padding:10px 20px;}
.basic_file .file_top{height:25px; position:relative;}
.basic_file .title {float:left; width:80px; background:url(./img/bbs_img.gif) 0 -141px no-repeat; height:25px; text-indent:-1000px; overflow:hidden;}

.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{padding:2px;}
#variableFiles li{list-style:none; margin-top:9px; 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;}



#fileUploadEnd{ display:none; border:1px solid #CCC; clear:both; background:#FFF url(./img/input_bg.gif) top left repeat-x; margin-top:6px; padding:6px; }
#fileUploadEnd span{float:left; position:relative; line-height:18px; padding-right:25px; white-space:nowrap;}

#fileUploadEnd:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html #fileUploadEnd{height:1%;}
*+html #fileUploadEnd{height:1%;}

.icon_file_del{display:block; position:absolute; top:3px; right:4px; height:12px; width:12px; background:url(./img/bbs_img.gif) -5px -120px no-repeat; }


 
 
 
/************************************************************/

.view_table{position:relative; width:97%; clear:both;	overflow:hidden; margin:0 auto;}
.view_table h3.subject{padding:10px; font-weight:bold;clear:both;	border-bottom:1px solid  #AAA; font-size:16px; line-height:18px;}
#writeContents{position:relative; word-break:break-all; padding:10px 0; min-height:100px;}
.view_image{}
.view_image table{margin:10px auto;}
.view_image table .bf_content{background:#F6F6F6; padding:5px;}

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:#069;}

#kcaptcha_image{width:80px; height:28px;}

.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:97%; clear:both;	  margin:0 auto 20px;}
/* category */
.board_category_tab{ clear:both; border-bottom:1px solid #CCC; height:30px;overflow: hidden; }
.board_category_tab .thisTab{color:#333; border-color:#888;}

  

.board_list{border-collapse:collapse; padding:0; border-spacing:0px; width:100%;position:relative; top:-1px; border-bottom:1px solid #AAA;}
.board_list td{border-bottom:1px dotted #AAA;}
.board_list td.imgBox{padding:10px 0; border-bottom:1px dotted #AAA; text-align:center; vertical-align: top; width:152px;}
.board_list .list_image{position:relative;}
.board_list .list_image input{position:absolute; bottom:5px; right:5px;}
.board_list .list_image img{border:1px solid #DDD}
.board_list .list_image img:hover{border:1px solid #069}
.board_list .list_category{ text-align:center;width:img_wpx; margin-top:6px;  }
.board_list .list_category a{color:#999;}
.board_list .list_subject{width:img_wpx; line-height:20px; overflow:hidden; height:20px; text-align:center; }


.board_list td.no_list{line-height:100px; text-align:center;}
/*//////////////////////*/

.board_page{clear:both; padding:10px; text-align:center; font:normal 8pt gulim;}
.board_page a{padding:0 5px;}
.board_page span{padding:0 5px; color:#069}

.board_search{clear:both; border:1px solid #DDD; background:#F6F6F6;padding:10px; margin-top:10px}
.board_search table{margin:0 auto;}
.board_search td{padding:4px;}
 

.board_button{clear:both;text-align:right; margin-top:10px;}


 
 
 
 
 
 /*
************************************************************
********      http://www.cssbuttongenerator.com/   *******************
************************************************************
*/






.btnLarge {
	-moz-box-shadow: 0px 0px 0px -2px #ffffff;
	-webkit-box-shadow: 0px 0px 0px -2px #ffffff;
	box-shadow: 0px 0px 0px -2px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #e3e3e3) );
	background:-moz-linear-gradient( center top, #fafafa 5%, #e3e3e3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e3e3e3');
	background-color:#fafafa;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #9e9e9e;
	display:inline-block;
	color:#666666;
	font-weight:bold;
	padding:8px 35px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.btnLarge:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e3e3e3), color-stop(1, #fafafa) );
	background:-moz-linear-gradient( center top, #e3e3e3 5%, #fafafa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#fafafa');
	background-color:#e3e3e3;
}.btnLarge:active {
	position:relative;
	top:1px;
}
.btn_cancel{font-weight:normal}

.btnBasic {
	-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
	box-shadow:inset 0px 0px 0px 1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #e3e3e3) );
	background:-moz-linear-gradient( center top, #fafafa 5%, #e3e3e3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e3e3e3');
	background-color:#fafafa;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #9e9e9e;
	display:inline-block;
	font-weight:normal;
	padding:0 11px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	#line-height:24px;
	_line-height:24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.btnBasic:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e3e3e3), color-stop(1, #fafafa) );
	background:-moz-linear-gradient( center top, #e3e3e3 5%, #fafafa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#fafafa');
	background-color:#e3e3e3;
}.btnBasic:active {
	position:relative;
	top:1px;
}
.btn_write{font-weight:bold;}

.btnSmall {
	-moz-box-shadow:inset 0px 0px 0px 1px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 1px #ffffff;
	box-shadow:inset 0px 0px 0px 1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #e3e3e3) );
	background:-moz-linear-gradient( center top, #fafafa 5%, #e3e3e3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e3e3e3');
	background-color:#fafafa;
	border:1px solid #9e9e9e;
	display:inline-block;
	font-size:7pt; 
	height:13px; 
	width:13px;
}.btnSmall:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a1a1a1), color-stop(1, #c7c7c7) );
	background:-moz-linear-gradient( center top, #a1a1a1 5%, #c7c7c7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a1a1', endColorstr='#c7c7c7');
	background-color:#a1a1a1;
}.btnSmall:active {
	position:relative;
	top:1px;
}

.board_category {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0f0f0) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f0f0f0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #AAA;
	display:inline-block;
	color:#8f8f8f;
	font-weight:bold;
	padding:0 15px;
	height:35px;
	line-height:33px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.board_category:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f0f0f0 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff');
	background-color:#f0f0f0;
}.board_category:active {
	position:relative;
	top:1px;
}
.btnSearch {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #adadad), color-stop(1, #737373) );
	background:-moz-linear-gradient( center top, #adadad 5%, #737373 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#737373');
	background-color:#adadad;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #525252;
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	padding:0 8px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	#line-height:24px;
	_line-height:24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000;
}.btnSearch:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #737373), color-stop(1, #adadad) );
	background:-moz-linear-gradient( center top, #737373 5%, #adadad 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#adadad');
	background-color:#737373;
}.btnSearch:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */


.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:#069; }
.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:#069;}

 
.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: #069;
}
.write_subject .sbOptions li.last a{
	border-bottom: none;
}