/* 게시판 리스트 */

.board_wrap .list-table01 th, td{font-size: 12px; letter-spacing: -0.5px;}
.board_wrap .list-table01 tbody td a{display: inline;}
.board_wrap .list-table01 tbody td a img{vertical-align: middle;}

.search_form{display: table; margin: 0 auto; width: 80%;}
.search_form select{width: 28%;}
.search_form select.sm-sl{width: 20%;}
.search_form button{ padding: 3px 13px;}

.sf-wrap{}
.sf-wrap input{width: 50%;}

.search_form .sf-select{width: 32%}


/* 게시판 상세보기 */

.board_wrap .list-table02 th, td{font-size: 13px; letter-spacing: -0.5px;}

.board_wrap .list-table02 td.board-view-title{color: #548edc;}
.board_wrap .list-table02 td.pd10{padding: 20px;}


.board_wrap .list-table02 td.bd-non{border-left: none; border-right: none;}

.board_wrap .list-table02 td.pn-text{position: relative; padding-right: 30px;}
.board_wrap .list-table02 td.pn-text:after{content: ""; width: 1px; height: 15px; background: #ccc; position: absolute; top: 10px; right: 20px;}
.board_wrap .list-table02 td.pn-text img{vertical-align: middle; margin-right: 10px;}

.board_wrap .list-table02 td a:hover{color: #333;}

/* 게시판 글쓰기 & 수정  */

.board-write tbody tr th{ vertical-align: middle;}

.board-write textarea{padding: 10px; min-height: 200px; width: 96%;}






@media screen and (max-width:320px)  {

    .board_wrap{margin-top: 10px;}
    .search_form{ width: 100%;}
    .search_form select{width: 100%;}
    .search_form input{width: 60%;}
    .search_form button{margin-top: 2px;}
    
    .sf-wrap select{width:20%;}
    
    .search_form .sf-select{width: 100%}
    
    
}
@media screen and (min-width:360px) and (max-width:414px) {

    .board_wrap{margin-top: 10px;}
    .search_form{ width: 100%;}
    .search_form select{width: 100%;}
    .search_form input{width: 63%;}
    .search_form button{margin-top: 2px;}
    
    .sf-wrap select{width:20%;}
    .search_form .sf-select{width: 100%}
    
}