/************ 게시판 전체 영역 ************/

.board_wrap {width: 100%;max-width: 1230px;margin: 0 auto;position: relative;height: 100%;display: flex;align-items: center;justify-content: center;min-height:60vh;}
.board_wrap form{width:100%;height:100%;}
/* 버튼 정의 */

.board_wrap .btn_wrap {margin-top: 20px;display: flex;justify-content: center;flex-flow: row wrap;}

.board_wrap .btn{margin:3px; transition: 0.3s all;width: 100%;max-width: 140px;border-radius: 0;height: 50px;border: 1px solid #333;color: #333;background: #fff;display: flex;align-items: center;justify-content: center;}
.board_wrap .btn:hover{background:#ffab00;color:#fff;border:1px solid #ffab00;}
.board_wrap .btn.btn-primary{background:#494949;color:#fff;border:1px solid #494949;}
.board_wrap .btn.btn-danger{background:#dc3545;color:#fff;border:1px solid #dc3545;}


/* input box 처리 */


/************ 게시판리스트 ************/

.board_list{width:100%;}
.board_list thead{}
.board_list thead tr th{text-align:center;border-top:2px solid #333;border-bottom:1px solid #d2d7dc;padding:15px 10px;font-size:14px;font-weight:600;background:rgb(144 132 45 / 3%); white-space: nowrap;}
.board_list tbody tr td{padding:8px 5px;font-size:13px;transition: 0.3s all;color:#666;}
.board_list tbody tr td.td_title{font-size: 16px;color: #333;display: flex;align-items: center;}
.board_list tbody tr td.td_title span.label{background-color: #ffab00;margin-right:4px;font-size: 9px;margin-top:3px;padding: 3px 6px;border-radius: 50px;}
.board_list tbody tr:hover td{background:#fcfaf5;color:#ffab00;}
.board_list tbody tr td a{color:#333; font-weight:500; transition: 0.3s all;}
.board_list tbody tr td.td_title a{overflow: hidden;text-overflow: ellipsis;height: 36px;line-height: 2.4;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.board_list tbody tr:hover td a{color:#ffab00;}
.board_list tbody {border-bottom:1px solid #d3d3d3;padding:10px;}
.board_list tbody .td_title .notice_flag{font-weight:600;color:#ffab00;}

.board_list tbody tr.row_notice td{background:#fcfaf5;color:#ffab00;}
.board_list tbody tr.row_notice td a{color:#ffab00;}

.board_list td.td_date{white-space: nowrap;}


span.notice_flag {background:#ffab00;border-radius: 100px;padding: 2px 6px;color:#fff;font-weight:500;}
.notice_flag{font-weight:500;}

/* 검색 */
.search_wrap {width: 100%;max-width: 570px;margin:0 auto 45px;display: flex;justify-content: center;align-items: center;border-bottom: 2px solid #333;padding:0 10px 10px;}
.search_wrap form {position: relative;width: 100%;display: flex;align-items: center;}
.search_wrap select#s1 {width:20%;margin-right:8px;height:35px; font-size:15px; border: none;}
.search_wrap input#s2 {width:80%;height: 35px; padding:0 8px;border: none;}
.search_wrap input#s2::placeholder{color:#b7b7b7;font-size:15px;}
.sch_btn {position: absolute;top: 0;right: 0;font-size: 25px;color:#ffab00;height:100%;display: flex;align-items: center;justify-content: center;}

/* Pagination */
.board_list_foot{overflow:hidden;}
.board_list_foot .btn_wrap{width:25%;float:left;padding:20px 10px;display: inline-flex;justify-content: flex-end;}
.board_list_foot .btn_wrap.text-right{padding:20px 0 20px 10px;}
.board_list_foot .paging_wrap{width:50%;float:left;text-align:center;padding:20px 10px;}
.board_list_foot .paging_wrap .pagination{display:inline-block;margin:0;}
.board_list_foot .paging_wrap .pagination li{display:inline-block;}
.board_list_foot .paging_wrap .pagination li a{color:#666;padding: 5px 11px;font-size: 15px;border: none;transition:0.3s all;}
.board_list_foot .paging_wrap .pagination li.active a,
.board_list_foot .paging_wrap .pagination li a:hover{background:#ffab00;color:#fff;border-radius:0;}

.board_wrap .board_list_foot .search_wrap{text-align:Center;clear:both;}

@media(max-width:750px){
    .board_list tr th.th_name{display:none;}
    .board_list tr td.td_name{display:none;}
    .board_list tr th.th_view{display:none;}
    .board_list tr td.td_view{display:none;}
    .board_list_foot .paging_wrap{width:100%;}
    .board_list_foot .btn_wrap {width: 100%;margin-top: 0;padding: 0;padding: 0 !important;}

    .board_list th.th_title{width: calc(100% - 20%);}
    .board_list td.td_date{min-width: 75px;}
    .board_list tbody .td_title .notice_flag{display:inline-block;}
}
@media(max-width:630px){
    .board_list thead tr th{font-size:14px;}
    .board_list tbody tr td a{font-size:13px;}
    .board_list tbody tr td.td_title a{height:32px;}
    .board_list tr th.th_num{display:none;}
    .board_list tr td.td_num{display:none;}
    .board_list th.th_title {width: 100%;}


}
@media(max-width:450px){
    .board_list tbody tr td.td_title span.label{display:none;}
    .board_list td.td_date{font-size: 11px;}
    .board_list tbody tr td.td_title a{font-size:14px;}
}




/************ 읽기 페이지 ************/
#border_read{padding:70px 15px;}
.board_read{width:100%; color:#333;}
.board_read p{color:#333;}
.board_read .title{width:100%;border-top:2px solid #333;font-size:24px;padding:32px 20px;background: #fcfcfc;}
.board_read .title h1{font-size:24px;font-weight:600;color:#333;line-height:1.4em;margin-bottom:8px;}
.board_read .info{display:flex;}
.board_read .info p{float:left; color:#888; font-size:16px;font-weight:400;}
.board_read .info p.name{padding-right:15px;}
.board_read .info i{color:#888; font-size:15px;font-weight:400;margin-right:5px;}
.board_read .con{width:100%;border-top:1px solid #eee; border-bottom:1px solid #ccc; padding:30px 20px;}
.board_read .con p{font-size:16px;font-weight:400;}

/* table.board_read.down_box{width:100%;border-top:1px solid #ddd;margin-top: 20px;} */
table.board_read.down_box{width:100%;border-top:1px solid #ddd;}
.board_read tbody tr th{background:#f9f9f9;text-align:right;transition-duration:0.5s;}
.board_read tbody tr.file th{text-align:left;}
.board_read tbody tr th,.board_wrap .board_read tbody tr td{border-bottom:1px solid #ddd;padding:10px;}
.board_read tbody tr td input.wfull,.board_wrap .board_read tbody tr td textarea.wfull{width:100% !important;}
.board_read tbody tr td textarea{width:100%;height:200px;}
.board_read .form-control{width:auto;}


@media(max-width:750px){
    .board_read .title h1{font-size:20px;}
}

@media(max-width:600px){

    .board_read tbody tr.file th:first-child{display:none;}
    .board_read .con p{font-size:15px;}
    .board_read .info p{font-size:15px;}
}
@media(max-width:410px) {
    .board_read .info{flex-flow: row wrap;}
}

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

/************ 글쓰기 페이지 ************/

.board_write{width:100%;border-top:2px solid #ffab00;}
.board_write tbody tr th{background:#f9f9f9;text-align:left;}
.board_write tbody tr th,.board_wrap .board_write tbody tr td{border-bottom:1px solid #ddd;padding:10px;}
.board_write tbody tr td input.wfull,.board_wrap .board_write tbody tr td textarea.wfull{width:100% !important;}
.board_write tbody tr td textarea{width:100%;height:200px;}
.board_write .form-control{width:auto;}

@media(max-width:550px){
    .board_write tbody tr th{display:none;}
    .board_write tbody tr td {width: 100%;}
    .board_write tbody tr td input{width: 100%;}
    .board_write input#bod_secret {width: auto;margin-right:5px;}
}


/************ 패스워드 확인 페이지 ************/

.board_wrap .board_pass_check{margin:50px 0px;}
.board_wrap .board_pass_check h1{font-size:24px;text-align:center;margin-bottom:20px;}
.board_wrap .pass_wrap{background:#f3f3f3;border:1px solid #ddd;text-align:center;width:100%;max-width:400px;padding:30px;margin:0px auto;}
.board_wrap .pass_wrap .pass_help{font-size:12px;}