@charset "utf-8";

#bbs_wrap{width:100%;}

#bbs_wrap .wid97{width:97%;}

.bbs_btn{padding:4px 15px;margin:0;text-decoration:none !important;color:#464646;border:1px solid #C4C4C4;background-color:#FFF;text-align:center;}
.bbs_btn2{padding:4px 15px;margin:0;text-decoration:none !important;color:#FFF;border:1px solid #535353;background-color:#5D5D5D;text-align:center;}
.bbs_btn3{padding:4px 15px;margin:0;text-decoration:none !important;color:#FEFEFE;border:1px solid #989898;background-color:#8B8B8B;text-align:center;}

a.bbs_btn{color:#464646;}
a.bbs_btn2{color:#FFF;}
a.bbs_btn3{color:#FEFEFE;}

.bbs_sch { width: 100%;margin: 0 0 10px 0; padding: 20px 0 0 0;}
.bbs_sch:after { content: ""; display: block; clear: both; }
.bbs_sch .vpos1 { float: left; margin: 0; padding: 0; }
.bbs_sch .vpos2 { float: right; margin: 0; padding: 0; }
.bbs_sch select, .bbs_sch input , .bbs_sch a { vertical-align: middle; cursor: pointer; }

table.bbs_tbl{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:1px solid #DEDEDE;}
table.bbs_tbl th.bbs_th1{padding:10px 0;background-color:#F9F9FA;border-bottom:1px solid #EBEBEB;}
table.bbs_tbl td.bbs_td1{padding:10px;border-bottom:1px solid #EBEBEB;text-align:center; height:100px;}
table.bbs_tbl td.bbs_td1_th{border-bottom:1px solid #EBEBEB; padding:10px 0;}
table.bbs_tbl td.bbs_td1_th img{width:140px;}
table.bbs_tbl td.bbs_td1_left{padding:10px;border-bottom:1px solid #EBEBEB;text-align:center; height:120px; text-align:left; margin-left:40px;}
table.bbs_tbl td.bbs_td2{padding:10px;border-bottom:1px solid #EBEBEB;text-align:left;}
table.bbs_tbl td.bbs_ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}

.bbs_title{background-color:#F9F9FA;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;padding:10px;font-weight:bold;}
.bbs_vinfo{width:100%;position:relative;}
.bbs_vinfo dl{width:100%;margin:0 0 5px 0;padding:10px 0 10px 0;border-bottom:1px solid #DEDEDE;}
.bbs_vinfo dl:after{content: "";display:block;clear:both;}
.bbs_vinfo dl .file{padding:0 0 0 20px;background:url(./img/file.gif) 0 center no-repeat;margin:0 4px 0 0;}
.bbs_vinfo dl dt{float:left;width:140px;padding:0 0 0 10px;font-weight:bold; font-size:13px;}
.bbs_vinfo dl dd{float:left;width:500px;margin:0; font-size:13px;}

.bbs_vinfo .bbs_dl2{position:absolute;top:0;right:0;width:300px;overflow:hidden;}
.bbs_vinfo .bbs_dl2 dl{width:150px;float:left;}
.bbs_vinfo .bbs_dl2 dl dt{float:left;width:45px; font-size:13px;}
.bbs_vinfo .bbs_dl2 dl dd{float:left;width:95px; font-size:13px;}

.bbs_vbox{padding:10px;border:1px solid #DEDEDE;margin:0 0 10px 0;word-break:break-all;}

.bbs_vbtn{width:100%;margin:10px 0 10px 0;}
.bbs_vbtn:after{content:"";display:block;clear:both;}
.bbs_vbtn .vpos1{float:left;margin:0;padding:4px 0;}
.bbs_vbtn .vpos2{float:right;margin:0;padding:4px 0;}

.bbs_pnlist { margin: 20px 0 20px 0; border-top: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e;  padding: 0; }
.bbs_pnlist li:first-child { border-bottom: 1px solid #e4e4e4; }
.bbs_pnlist li { padding: 10px 0; overflow: hidden; width: 100%; }
.bbs_pnlist li .b_btn { float: left; color: #333; padding: 0 0 0 40px; width: 90px; background: url(./img/ico_down.gif) 20px center no-repeat; }
.bbs_pnlist li:first-child .b_btn { background: url(./img/ico_up.gif) 20px center no-repeat; }
.bbs_pnlist li .b_con { float: left; color: #767676; padding: 0 0 0 30px; width: 70%; background: url(./img/prev_bar.gif) 0 center no-repeat; }

.bbs_pgbox { text-align: center; padding: 5px 0 10px 0; }
.bbs_pgbox img { border: none; }
.bbs_pgbox a { text-decoration: none; padding: 2px 6px; width: 13px; height: 21px; display: inline-block; margin: 0 2px 0 0; vertical-align: middle; }
.bbs_pgbox a.on, .bbs_pgbox a:hover { text-decoration: none; background: #2f2f2f; color: #fff; }
.bbs_pgbox a.no { text-decoration: none; background: none; padding: 0; width: 25px; height: 25px; }

.bbs_wbox { width: 100%; margin: 0 0 30px 0;}
.bbs_wbox .wr_title { text-align: left; border-top: 1px solid #ccc; color: #111; padding: 9px 10px; margin: 0; border-bottom: none; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc;}
.bbs_wbox .file_guide { margin: 5px 0 0 0;  }
.bbs_wbox .file_guide span { color: #3366cc; }

.bbs_sbox{padding:10px;text-align:center;}

#item_data td{text-align:left;padding:1px 0;}

.input_comment { width: 100%; margin: 0; }
.input_comment .com_title { text-align: left; border-top: 1px solid #ccc; color: #111; padding: 9px 10px; margin: 0; border-bottom: none; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; }

#bbs_wrap .tarea_box { position: relative; padding-right: 65px; }
#bbs_wrap .tarea_box .type_tarea { width: 100%; height: 100px; margin: 0; padding: 0; }
#bbs_wrap .tarea_box .bbs_btn { position: absolute; top: 0; right: 0; }

.comment_list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ccc; }
.comment_list li { width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0 5px 0; }
.comment_list li:after { content: ""; display: block; clear: both; }
.comment_list .comm_title { width: 10%; float: left; margin: 0; padding: 0; text-align: right; font-weight:bold; }
.comment_list .comm_con { width: 79%; padding-left: 1%; float: left; position: relative; word-break: break-all; }
.comment_list .comm_con img { vertical-align: middle; }
.comment_list .comm_date { width: 10%; float: left; text-align: right; }

.thumb{width:200px; border:1px soild #ccc;}