.board_wrap { max-width:1200px; margin:0 auto; padding:20px 15px 30px; min-height: 500px;}
.board_wrap input, .board_wrap select, .board_wrap img { vertical-align:middle; }

.board_wrap ul { list-style: none; margin-left:0px; margin-right:15px;}

.buttons { clear:both; height:50px; margin:10px 0px; padding:0px; }
.buttons li { float:left; height:31px; }
.buttons li.right { float:right; }
/* write */
#write_head { height:27px; padding:7px 0 0 10px; color:#505050; font-size:14px; font-weight:bold; border-bottom:1px solid #ddd; }
#write_cont { margin:0px;  }
#write_cont li { overflow:auto; padding:10px 0px 0px 0px; border-bottom:1px solid #e7e7e7; color:#fff; }
#write_cont li label { float:left; padding:0px 10px 0px 10px; }
#write_cont li input { vertical-align:middle;}
#write_cont li p.tx_row { margin-bottom:5px; }
#write_cont li p.tx_row span { cursor:pointer; }
#write_cont #wr_content { height:200px; }
#write_option #kcaptcha { float:left; margin-right:10px; }
#write_submit { text-align:center; padding-top:20px; }

/* view */
#view_head { clear:both; padding:3px 10px; margin:0px; overflow: auto;}
#view_head li { float:left;  }
#view_head li.right { float:right; }
#view_head li.small { font-size:12px; font-family:tahoma; letter-spacing:0px; }
#view_title { 
	margin-bottom:3px; 
	padding:5px 8px; 
	color:#505050; 
	background:#F3F3F3; 
	font-size:12px; 
	font-weight:bold;
	border:1px solid #ddd; 
	word-break:break-all; 
}
.view-info {
  line-height: 49px;
  padding-right: 10px;
  font-size: 13px;	
}
#view_cont { margin-bottom:10px; }
#view_cont #view_item { }
#view_cont #view_item .image { float:left; }
#view_cont #view_item ul {padding-left:15px;float:left; top:0px;left:420px; width:310px; }
#view_cont #view_item ul .add { float:right; border:0px;font-size:11px;font-weight:bold;letter-spacing:-1px;color:#336699;}
#view_cont #view_item ul .add a { color:#336699; cursor:pointer;}
#view_cont #view_item ul .add_option { display:none; }
#view_cont #view_item ul .option_style { margin:5px 0px;border:2px solid #AEC9FF;padding:5px; }
#view_cont #view_item ul li { height:20px;padding:0px;border-bottom:1px dotted #ddd; }
#view_cont #view_item ul li div { font-size:11px;}
#view_cont #view_item ul li div span { color:red;}
#view_cont #view_item ul li .total { float:right;margin-left:8px;font-size:16px; font-family:Arial; color:#0099FF; padding:8px 5px 8px 5px;border:3px solid #0099FF;text-align:right;width:87px;font-weight:bold;}
#view_cont #view_item ul li div { float:left;}
#view_cont #view_item ul li div input { width:25px;height:17px;}

#view_name { float:left; padding:6px 0; color:#888;font-size:11px; font-weight:bold;letter-spacing:-1px;}
#view_content { clear:both;padding:10px; overflow-x:auto; word-break:break-all; z-index:0;}
#view_content ol { margin:12px 0; padding:0 0 0 40px; }
#comment_head { clear:both; margin-top:10px; margin-bottom:0px;padding-left:10px;padding-bottom:10px;}
.comm-icon { margin-top:2px;}
#comment_list { clear:both; margin:0px; }
.comment_reply { background:none;margin:0px; }
.clist { border-top:2px solid #6e0d13; padding:0px;}
.clist .cl_img { float:left; }
.clist p.cl_infor { height:100%; padding:10px 5px 5px 5px; }
.clist span.cl_name { float:left; }
.clist span.cl_date {  padding-left:5px;}
.clist span.cl_control { float:right; text-align:right; padding-left:5px; }
.clist p.cl_content { clear:both; overflow:hidden; padding:0px 5px; word-break:break-all; }

.hide { display:none; }

#comment_reply { display:none; float:left; border:none; font-size: 26px; margin-right: 10px; margin-left: 10px;}
.cform { overflow:hidden; height:100%; margin-bottom:10px;}
.cform p.cw_infor { overflow:hidden; height:100%; padding:5px 15px; font-size:17px; }
.cform #wr_content { width:100%; word-break:break-all; }
.cform .ed { color:#666; }
.cform .form-control { margin-bottom:5px;}
.cw_control { font-size:17px; }
/* list */
#list_head { 
	margin:0px; 
	padding:5px; 
	text-align:right;
	color:#fff;
}
#list_head li { display:inline; height:25px; }
#list_cont { }
#list_cont col.no { width:40px; }
#list_cont col.checks { width:20px; }
#list_cont col.name { width:85px; }
#list_cont col.date { width:40px;font-family:'Nanum Myeongjo'; font-size:11px;}
#list_cont col.good, #list_cont col.ngood { width:20px;font-family:'Nanum Myeongjo'; font-size:11px;}
#list_cont col.hit { width:50px; }
#list_cont tr.title { height:34px; color:#fff; } 
#list_cont tr.title th { border-top:0px solid #ddd; border-bottom:2px solid #6e0d13; text-align:center;}
#list_cont tr.rows { height:35px; text-align:center; }
#list_cont tr.rows td { border-bottom:1px solid #6e0d13; padding:10px;}
#list_cont tr.rows td.no { font-size:17px; }
#list_cont tr.rows td.no.blue { color:blue; }
#list_cont tr.rows td.no.red { color:red; }
#list_cont tr.rows td.date { font-size:17px; }
#list_cont tr.rows td.no span.current { font-weight:bold; color:#e15916; }
#list_cont tr.rows td.subject { text-align:left; word-break:break-all; word-wrap: break-word; }
#list_cont tr.rows td.subject span.comt { font-family:'Nanum Myeongjo'; font-size:11px; font-weight:bold; color:#ee5a00; }
#list_cont tr.rows td.order { font-size:17px; color:#bababa; }
#list_cont p.none { text-align:center; padding:50px 0; }

#list_search { 
  margin-top: 15px;
  text-align: center;
  width: auto;
  margin: 0 auto;
  max-width: 400px;
}

/* paging */
#pagination { text-align:center; line-height:30px; clear:both; margin:15px 0 10px 0; }
#pagination * { font-family:Verdana; font-size:12px; color:#808080 !important; font-weight:bold; }
#pagination a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #D1D1D1; background-color:#ffffff; text-decoration:none; }
#pagination a:hover, #pagination a:active { border:1px solid #5e5e5e; background-color:#818181; color:#ffffff !important; }
#pagination span.current { padding:4px 7px 4px 7px; margin:2px 2px 2px 6px; border:1px solid #8a8a8a; background-color:#8a8a8a; color:#ffffff !important; }

/* password */
#pwd_wrap { width:700px; min-height: 500px; margin:0 auto; padding:70px 0 20px; }
#pwd_wrap p { margin:15px 0; padding-top:30px; text-align:center; border-top:#e4e4e4 1px dotted; }
#pwd_title { padding:15px 0; border-bottom:2px solid #ebebeb; }
#pwd_cont { padding:30px; text-align:center; }
#pwd_cont span { margin-right:35px; }
#pwd_cont input { vertical-align:middle; }

.heros {  
	border:3px solid transparent;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.heros.active { 
	border:3px solid #337AB7;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.dl-horizontal dt { padding:5px; }
.dl-horizontal dd { padding:5px; }

table.border {
	border-collapse: collapse;
}

table.border,
table.border th,
table.border td {
	border:1px solid #fff;
	padding:10px;
	text-align: center;
}
.ul1 { list-style-type:decimal !important; }
.ul1 > li { font-weight: bold;}
.ul1 > li ul { margin-left:0px;}
.ul1 > li ul li { font-weight: normal;}
.pagination li { display:inline-block; padding:0px 5px;}
.pagination li.active { font-weight:bold; color:#cc0000;}
.form-horizontal .form-group { margin-left:0px; margin-right:0px; }
.board_wrap .form-group label { font-weight:300; }