#bod_box { width: 100%; }
.categorys { float: left; }
.categorys select { width: 200px; height: 28px; line-height: 28px; }

.w99p { width: 99%; }


/* 첨부파일 > 테이블 */
table.tbl02 { empty-cells:show; table-layout:fixed; border-collapse:collapse; font-family:dotum,verdana; font-size:11px; color:#666666;  }
table.tbl02 th,
table.tbl02 td { border: 1px solid #d0d0d0; }
table.tbl02 th { padding: 5px; text-align: left; font-weight: bold; background-color: #EFEFEF; }


/* board table */
.boardl_table{width:100%; border:0; border-top:2px solid #444547; border-spacing:0}
.boardl_table th{border:0; border-bottom:1px solid #919191; height:38px; padding-left:10px; text-align:left}
.boardl_table td{border:0; border-bottom:1px solid #e4e4e4; color:#444547; padding-left:10px; /*font-family:'돋움', Dotum;*/ height:30px}
.boardl_table td a{color:#444547;}
.boardl_table td a:hover{color:#0caad8}
.boardl_table td.no{font-family:Verdana;}
caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}

.qna_table{width:100%; border:0; border-top:2px solid #444547; border-spacing:0}
.qna_table th{border:0; border-bottom:1px solid #919191; height:38px; text-align:left; padding-left:10px;}
.qna_table td{border:0; border-bottom:1px solid #e4e4e4; color:#444547; padding-left:10px; /*font-family:'돋움', Dotum;*/ height:30px;}
.qna_table td.qu{background:url(/images/common/icon_q.gif) no-repeat 10px 10px; padding-left:30px}
.qna_table td.an{background-image:url(/images/common/icon_a1.gif); background-position:10px 10px; background-repeat:no-repeat; background-color:#f7f7f7; padding-left:40px}
.qna_table td a{color:#444547;}
.qna_table td a:hover{color:#0caad8}
.qna_table td.no{font-family:Verdana; padding-left:10px;}
.qna_table td.noan{font-family:Verdana; padding-left:10px; background-color:#f7f7f7;}

td.an{background-image:url(/images/common/icon_a1.gif); background-position:10px 10px; background-repeat:no-repeat; background-color:#f7f7f7; padding-left:40px}
td.no{font-family:Verdana; padding-left:10px;}
td.noan{font-family:Verdana; padding-left:10px; background-color:#f7f7f7;}

.write_table{width:100%; border:0; border-top:2px solid #444547; border-spacing:0}
.write_table th{border:0; border-bottom:1px solid #e4e4e4; height:38px; padding-left:10px; font-weight:bold; text-align:left}
.write_table th.reddot{background:url(/images/common/red_dot.gif) no-repeat 2px 18px;}
.write_table td{border:0; border-bottom:1px solid #e4e4e4; color:#444547; /*font-family:'돋움', Dotum;*/ padding:8px 0 8px 10px}
.write_table td a{color:#444547;}
.write_table td a:hover{color:#0caad8}
.write_table td.no{font-family:Verdana;}
.write_table .input{border:1px solid #e4e4e4; height:20px; vertical-align:middle}
.write_table .textarea{border:1px solid #e4e4e4; height:100px; vertical-align:middle}


#board_wrap { margin-top:35px;/*font-family:'돋움', Dotum;*/}
#board_wrap .search { display: block; text-align: right; }
#board_wrap .board_top:before, #board_wrap .board_top:after { display: table; content: " "; }
#board_wrap .board_top:after { clear: both; }
/*
.media_board { overflow:hidden; border-bottom:1px solid #000; clear:both; }
.media_board li{ width:206px; height:230px; margin-left:32px; margin-bottom:40px; float:left; display:block; }
.media_board li.first{margin-left:0}
.media_board li .text{width:200px; position:relative; padding-top:15px; line-height:30px; overflow:hidden;}
.media_board li .title a{font-size:14px; font-weight:bold; color:#333; display:block;}
.media_board li .title a:hover{text-decoration:underline}
.media_board li .add{font-size:12px; color:#a9a9a9; padding-top:10px}
.media_board li .best{position:absolute;right:0;margin-top:5px;}
.media_board li p.title { font-family: 'Nanum Gothic'; margin-top: 10px; }
.total{font-size:14px; color:#555; float:left; line-height:100px}
*/
#board_wrap .container { width: 100%; }

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
  /*flex-direction: column;*/
}

/* only for demo not required */
.box {
    /*border:1px #666 solid;*/
    height: 100%;
}
.box .box-img { width: 100%; height: 200px; overflow: hidden; }
.box .box-img .list-image { width: 100%; }
/*
.media_board .list-img-box { width: 100%; height: 100%; overflow: hidden; }
.media_board .list-image { width: 100%; }
*/
.paginate{ /* width:820px; margin-left:210px; */ padding:25px 0 15px 0;text-align:center;}
.paginate span{margin:0 1px}
.paginate .pre{/*margin-right:9px;padding:3px 6px 5px 6px;background:url(/images/common/bu_pg3_l_off.gif) no-repeat 6px 9px !important*/}
.paginate .next{/*margin-left:9px;padding:3px 6px 5px 6px;background:url(/images/common/bu_pg3_r_off.gif) no-repeat 71px 9px !important*/}
.paginate .next2{/*margin-left:9px;padding:3px 6px 5px 6px;background:url(/images/common/bu_pg3_r_off.gif) no-repeat 71px 9px !important*/}
.paginate a.pre{/*background:url(/images/common/bu_pg3_l_on.gif) no-repeat 6px 9px !important*/}
.paginate a.next{/*background:url(/images/common/bu_pg3_r_on.gif) no-repeat 74px 9px !important*/}
.paginate a.next2{/*background:url(/images/common/bu_pg3_r_on.gif) no-repeat 25px 9px !important*/}
.paginate .pre,.paginate .next{/*display:inline-block;position:relative;top:1px;_width :84px;border:1px solid #e9e9e9;color:#ccc;*/}
.paginate a.pre,.paginate a.next{/*color:#454545;*/}
.paginate a:hover{/*border:1px solid #e9e9e9;background-color:#f7f7f7*/  !important}


.view_title{border-bottom:1px solid #000; border-top:2px solid #000; padding:10px 10px; overflow:hidden; clear:both;}
.view_title .title{color:#000; float:left; line-height:30px;}
/*.view_title .name{font-size:11px; color:#91939d; line-height:30px; float:left; margin-left:520px}*/
.view_title .date{font-size:11px; color:#91939d; line-height:30px; float:right;}
.board_con{padding:20px 0; border-bottom:1px solid #000; overflow:hidden}
.user_name{font-size:12px; color:#555; padding:10px 10px; background-color:#fafafa; border-bottom:1px solid #e4e4e4}

.view_title .title_input{border:0; height:30px; width:647px}
.board_con textarea{border:1px solid #eeeeee; height:450px; width:647px}
.btn_wrap{position:relative; padding-top:10px}
.btn_write{position:absolute;right:0;top:37px; z-index:1}

.search{padding-bottom:10px; float:right;}
.search .input{border:1px solid #e4e4e4; height:28px; vertical-align:middle; width:200px; padding-left:10px; }
.search ul li{display:inline;}