@charset "utf-8";

#board_wrap input[type="text"]:focus{box-shadow: #796145 0px 0px 5px, #796145 0px 0px 0px 2.5px;}
#board_wrap .board_btn{
    display: inline-block;
    padding: 0; box-sizing: border-box;
    height: 2.1875rem; line-height: 2.1875rem;
    background-color: #202020; color: #fff; border: 1px solid #202020;
    margin: 0; 
    width: 4.375rem; font-size: 1rem; text-align: center;
}

/* board list */

#board_wrap{}
#board_wrap .title{text-align: center; margin-bottom: 3rem;}
#board_wrap .title h3{font-size: 2.1875rem; font-weight: 700;}
#board_wrap .title p{font-size: 1.25rem; margin-top: 0.3125rem;}

.board_wrap{}
.board_wrap .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem;}
.board_wrap .left{}
.board_wrap .right{font-size: 0; max-width: 400px; width: 100%;}
.board_wrap .right .r_div{display: inline-block; vertical-align: middle; font-size: 1rem;}
.board_wrap .right .r_div select, .board_wrap .right .r_div .b_input{height: 2.1875rem; vertical-align: middle; border-color: #ddd; border-color: #838383; font-size: 1rem;}
.board_wrap .right .r_div select{width: 100%; padding: 0 0.2rem;}
.board_wrap .right .r_div .b_input{
    line-height: 2.1875rem;
    width: calc(100% - 4.1rem);
    -webkit-width: calc(100% - 4.1rem);
    -ms-width: calc(100% - 4.1rem);
}
.board_wrap .right .r_div .search_btn{
    margin-left: 0.3125rem; max-width: 3.75rem; width: 100%;
    background-color: #202020; color: #fff; padding: 0;
}
.board_wrap .right .sel_wrap{margin-right: 0.3125rem; max-width: 6.25rem; width: 100%;}
.board_wrap .right .search_wrap{
    font-size: 0;
    width: calc(100% - 6.5625rem);
    -webkit-width: calc(100% - 6.5625rem);
    -ms-width: calc(100% - 6.5625rem);
}

.board_wrap .board_tb{width: 100%; border-top: 0.5px solid #202020; text-align: center;}
.board_wrap .board_tb tbody tr{border-bottom: 0.5px solid #e6e6e6;}
.board_wrap .board_tb tr th{padding: 1rem 0.5rem; border-bottom: 2px solid #202020;}
.board_wrap .board_tb tr td{padding: 1.5rem 0.5rem;}
.board_wrap .board_tb tr td.td_b{text-align: left;}
.board_wrap .board_tb tr th:nth-child(3), .board_wrap .board_tb tr td:nth-child(3){width: 13%;}
.board_wrap .board_tb tr th:nth-child(1), .board_wrap .board_tb tr td:nth-child(1), .board_wrap .board_tb tr th:nth-child(4), .board_wrap .board_tb tr td:nth-child(4){width: 8%;}

.board_wrap .page{font-size: 0; text-align: center; margin-top: 1.875rem;}
.board_wrap .page > div{display: inline-block; vertical-align: middle;}
.board_wrap .page a{width: 30px; height: 30px; border: 1px solid #e9e9e9; display: inline-block; box-sizing: border-box; vertical-align: middle;}
.board_wrap .page .prev_btn a, .board_wrap .page .next_btn a{background-repeat: no-repeat; background-position: center center; margin: 0 2px}
.board_wrap .page .prev_btn a.first{background-image: url(/img/board/first_btn.svg);}
.board_wrap .page .prev_btn a.prev{background-image: url(/img/board/prev_btn.svg);}
.board_wrap .page .page_btn{margin: 0 0.6rem;}
.board_wrap .page .page_btn a{font-size: 14px; text-align: center; padding-top: 0.6em; border-color: #fff; color: #202020;}
.board_wrap .page .page_btn a.active{border-color: #202020;}
.board_wrap .page .next_btn a.next{background-image: url(/img/board/next_btn.svg);}
.board_wrap .page .next_btn a.last{background-image: url(/img/board/last_btn.svg);}

#board_wrap .bottom{margin-top: 1.875rem; text-align: right;}
#board_wrap .bottom .bottom_btn{font-size: 0;}
#board_wrap .bottom .f_left{float: left;}
#board_wrap .bottom .f_right{float: right;}
#board_wrap .bottom .bottom_btn li{display: inline-block;}
#board_wrap .bottom .f_left li:first-child{margin-right: 0.3125rem;}
#board_wrap .bottom .f_left li .board_btn{background-color: #fff; color: #202020;}
/*// board list */

/* board view */
.board_wrap .view_tb{width: 100%;}
.board_wrap .view_tb thead{border-top: 0.5px solid #202020; border-bottom: 2px solid #202020;}
.board_wrap .view_tb tbody{border-bottom: 0.5px solid #ddd;}
.board_wrap .view_tb thead tr{border-bottom: 0.5px solid #e6e6e6;}
.board_wrap .view_tb thead tr th{padding: 1rem 0.5rem; text-align: left;}
.board_wrap .view_tb thead tr th.th_title{font-weight: 500;}
.board_wrap .view_tb thead tr th.th_a ul{display: flex; justify-content: flex-end;}
.board_wrap .view_tb thead tr th.th_a ul li{margin-left: 1.875rem;}
.board_wrap .view_tb thead tr th.th_a ul li:first-child{margin-left: 0;}
.board_wrap .view_tb tbody tr td{padding: 2rem 0.5rem;}
.board_wrap .view_tb tbody tr td img{max-width: 100%; display: block;}

/* 220513 추가 */
.noticeViewBtn{border-top: 0.5px solid #ddd; border-bottom: 0.5px solid #ddd; margin-top: 1.875rem;}
.noticeViewBtn ul{display: flex;}
.noticeViewBtn ul:hover{background-color: #f8f8f8;}
.noticeViewBtn ul:first-child{border-bottom: 0.5px solid #ddd;}
.noticeViewBtn ul > li{}
.noticeViewBtn ul > li:nth-child(1){min-width: 9.375rem; padding: 1rem 0; font-weight: 600; color: #838383;}
.noticeViewBtn ul > li:nth-child(2){}
.noticeViewBtn ul > li img{vertical-align: middle; display: inline-block; margin-right: 5px; max-width: 0.75rem; margin-bottom: 0.25rem;}
.noticeViewBtn ul > li a{display: block; padding: 1rem 0;}
/*// 220513 추가 */

/*// board view */

/* board write */
.board_wrap .write_tb{width: 100%;}
.board_wrap .write_tb tbody{border-top: 2px solid #202020; border-bottom: 2px solid #202020;}
.board_wrap .write_tb tr{border-bottom: 0.5px solid #e6e6e6;}
.board_wrap .write_tb tr:last-child{border-bottom: 0;}
.board_wrap .write_tb tr th, .board_wrap .write_tb tr td{padding: 1rem 0.5rem;}
.board_wrap .write_tb tr th{background-color: #f8f8f8; vertical-align: middle; text-align: left; width: 15%;}
.board_wrap .write_tb tr td{vertical-align: middle;}
.board_wrap .write_tb tr td .txt{border-color: #999; background-color: #fff; border-radius: 0;}
.board_wrap .write_tb tr td .write_sel{
    max-width: 200px; width: 100%;
    font-size: 1rem; line-height: 1rem;
    background-position: 95% 50%;
    padding: 1rem 0.5rem 0.9rem; 
}
.board_wrap .write_tb tr td textarea{width: 100%; border-color: #999; height: 300px;}
.board_wrap .write_tb tr td p{font-size: 0.875rem; margin-top: 0.1875rem;}

/*// board write */
@media screen and (max-width: 1000px) {
    .board_wrap .board_tb tr th:nth-child(3), .board_wrap .board_tb tr td:nth-child(3){width: 20%;}
    .board_wrap .board_tb tr th:nth-child(4), .board_wrap .board_tb tr td:nth-child(4){width: 12%;}
}
@media screen and (max-width: 600px) {
    .board_wrap .right{max-width: 300px;}

    .board_wrap .middle .board_tb tr th.th_a, .board_wrap .middle .board_tb tr td.td_a, .board_wrap .middle .board_tb tr th.th_d, .board_wrap .middle .board_tb tr td.td_d{display: none;}
    .board_wrap .board_tb tr th:nth-child(3), .board_wrap .board_tb tr td:nth-child(3){width: 25%;}
    .board_wrap .middle .board_tb tr td.td_b{padding: 1.5rem 0;}

    
}
@media screen and (max-width: 370px) {
    .board_wrap .right{max-width: 215px;}
}
@media screen and (max-width: 280px) {
    .board_wrap .right{max-width: 175px;}
    .board_wrap .right .r_div select{background-size: 7px;}
}