#bo_list .wr_num{width:80px}
#bo_list .wr_chk{width:50px}
#bo_list .wr_name{width:120px}
#bo_list .wr_date{width:100px}
#bo_list .wr_hit{width:50px}
#bo_list .wr_subject span{position:relative;   display:block ;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break: break-all;}

#cate_select{position:relative;  display: -webkit-flex; display: flex;justify-content:space-between;flex-flow:wrap}
#cate_select select{ width:14%}
#cate_select select:disabled {background: #eee;}

.view_agree{float:right}
#agree{position:absolute; left:0; right:0; bottom:0; background:#FFF; box-shadow:.1em .1em 1em rgba(0,0,0,.2); padding:2em; display:none;}
#agree h4{ font-size:2em; font-weight:bold; line-height:1em; margin-bottom:1em; text-align:center; }
#agree .btn_close{position:absolute; top:2em; right:2em;z-index:2;}
#agree section{position:relative; overflow:auto; height:600px;padding:2em;}
#agree section h5{font-weight:bold; font-size:1.2em; padding-left:1em; line-height:2em; background:#EEE;}
#agree section article{margin:1em 0}

@media (max-width:768px){
#cate_select select{width:32%; margin-top:2%;}
#cate_select select#ca_name{width:100%;}

#bo_v table.tb2.block tr{display: -webkit-flex; display: flex;justify-content:center;flex-flow:wrap}
#bo_v table.tb2.block tr th{width:30%;padding-left:1em;box-sizing: border-box;}
#bo_v table.tb2.block tr td{width:70%; border-top:0; border-left:0; padding-left:1em;box-sizing: border-box;}

}

@media (min-width:768px) and (max-width:1279px){
#bo_list .wr_hit{display:none }
}
@media (min-width:425px) and (max-width:767px){
#bo_list .wr_num{width:50px}
#bo_list .wr_chk{display:none}
#bo_list .wr_name{width:120px}
#bo_list .wr_date{width:100px}
#bo_list .wr_hit{display:none }

}
@media (max-width:424px){
#bo_list .wr_num{display:none}
#bo_list .wr_chk{display:none}
#bo_list .wr_name{width:70px}
#bo_list .wr_date{display:none}
#bo_list .wr_hit{display:none }


}