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

.board_wrap{width:100%;margin:0 auto;padding:0;}
.sub_title{margin:0 auto 30px;}
.sub_comment{text-align: center;position: relative;margin: 0 auto 70px;}


/* 버튼 정의 */

.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%;line-height:50px;max-width: 140px;border-radius:8px;height:50px;border: 1px solid #494949;background:#494949;color:#fff;display: flex;justify-content: center;align-items: center;}
.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;}
.board_wrap .btn:hover{background:#001A72 !important;color:#fff;border:1px solid #001A72;}
.board_wrap .btn.btn-default {height: 30px;line-height: 30px;max-width:42px;font-size: 12px;padding: 4px;border-radius: 5px;}

/* input box 처리 */



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

.board_list{ overflow: hidden;margin-bottom: 20px;}
.board_list tbody { border-top:1px solid #e2e8f0; padding:0; }
.board_list thead{display:none;}
.board_list thead tr th { text-align: center; border-top: 2px solid #333; border-bottom: 1px solid #d2d7dc; padding: 18px 12px;font-weight: 600; background: #f9fafb; }
.board_list thead tr th.w100 { width: 120px; }

.board_list tbody tr td {font-size:14px;color:#4a5568; padding: 30px 0; border-bottom: 1px solid #e2e8f0; transition: 0.3s all; }
.board_list tbody tr td.w100 { width: 120px; }

.board_list tbody tr td.table-title{color:#000;}
.board_list tbody tr td.table-title .heading{display:flex;align-items: center;}
.board_list tbody tr td.table-title h6{margin-bottom: 0 !important;display: inline-flex;align-items: center;justify-content: center;}
.board_list tbody tr td.table-title i{margin-left: 5px;padding-top: 2px;}

.board_list tbody tr:hover td { background:#f7fafc; color: #001A72; }
.board_list tbody tr td a { color: #333; font-weight: 500; transition: 0.3s all; }
.board_list tbody tr:hover td a { color: #001A72; }

.board_list .td_time{display: flex;justify-content: space-between;font-size: 14px;color:#666;padding-bottom: 10px;}
.board_list .td_time i{margin-right:4px;}
.board_list .td_time b{margin-right:3px;}

@media(max-width: 1600px) {
    .board_list tbody tr td { padding: 25px 0; }
}
@media(max-width: 1280px) {
    .board_list tbody tr td { padding: 20px 0; font-size: 13px; }
    .board_list tbody tr td.table-title h6 { font-size: 14px; }
}
@media(max-width: 768px) {
    .board_list tbody tr td { padding: 15px 0; }
    .board_list tbody tr td.w100 { width: 80px; }
    .board_list .td_time { flex-direction: column; }
}
@media(max-width: 480px) {
    .board_list tbody tr td.td_num,.board_list tbody tr td.table-none{ display: none; }
    .board_list tbody tr td { padding: 12px 0; font-size: 12px; }
    .board_list tbody tr td.table-title h6 { font-size: 13px; }
}


/* 검색 */
.board_top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; flex-wrap: wrap; gap: 20px; }
.board_top .total-count { font-size: 15px; color: #555; }
.board_top .total-count strong { font-weight: 600; color: #000; }
.board_top .search_wrap { width: 100%; max-width:300px;display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #333; padding: 0 10px 10px; transition: 0.6s; }
.board_top .search_wrap form { position: relative; width: 100%; display: flex; align-items: center; }
.board_top .search_wrap select#s1 { width:30%; margin-right: 8px; height: 35px; font-size: 15px; border: none; }
.board_top .search_wrap input#s2 {width: calc(100% - 35px);height: 35px; padding: 0 8px; border: none; }
.board_top .search_wrap input#s2::placeholder { color: #b7b7b7; font-size: 15px; }
.board_top .search_wrap label { display: none; }
.board_top .search_container { display: flex; position: relative; width: 100%; }

.board_top .search-con { width:35px;background: transparent; border: none;border-radius: 6px; position: absolute; top: 0; right: 0; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s;}
.board_top .search-con .material-icons { font-size: 25px; color:#000; transition: 0.3s;}
.board_top .search-con:hover{background:#000;}
.board_top .search-con:hover .material-icons{color:#fff;}

@media screen and (max-width:480px) {
    .board_top { flex-direction: column; align-items: center; }
    .board_top .total-count {display: none;}
    .board_top .search_wrap { max-width: 100%; padding-left: 0;padding-right: 0;padding-bottom:6px;}
}

/* Pagination */
.board_list_foot { overflow: hidden; }
.board_list_foot .btn_wrap { width: 25%; float: left; padding: 20px 10px; display: inline-flex; justify-content: flex-start; }
.board_list_foot .btn_wrap.text-right { padding: 20px 0 20px 10px; justify-content: flex-end; }
.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; padding: 0; }
.board_list_foot .paging_wrap .pagination li { display: inline-block; margin: 0 2px; }
.board_list_foot .paging_wrap .pagination li a { color: #666; padding:7px 11px; font-size:12px; border: none; border-radius: 4px; text-decoration: none; transition: 0.3s all; }
.board_list_foot .paging_wrap .pagination li.active a, .board_list_foot .paging_wrap .pagination li a:hover { background: #000; color: #fff; }

.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;}
}
@media(max-width:600px){
    .board_list thead tr th{font-size:15px;}
    .board_list tbody tr td a{font-size:15px;}
}




/************ 읽기 페이지 ************/

.board_read{width:100%; color:#333;}
.board_read p{color:#333;}
.board_read .title{width:100%;text-align: center;}
.board_read .title h2{font-weight:bold;color:#000;margin-bottom:0 !important;}
.board_read .info{display:flex;text-align: center;background:#fff;justify-content: center;align-items: center;}
.board_read .info p{float:left; color:#666; font-size:0.875rem;font-weight:400;margin-bottom:0 !important;}
.board_read .info p.date{display:flex;align-items: center;justify-content: center;}
.board_read .info p.date span{}
.board_read .info p.date .material-icons-sharp{margin-right:5px;font-size:19px;}
.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{color:#fff !important; width:100%;border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; padding:3rem 0;}
.board_read .con p{font-size:0.875rem;font-weight:400;color:#333;}
.board_read .con .image{margin-bottom:4rem;}

.board_read tbody tr th{background:#f9f9f9;text-align:right;transition-duration:0.5s;}
.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;}

table.board_read.down_box{width:100%;border-top:1px solid #464646;margin-top: 20px;}
.board_read tbody tr.file th{text-align:left;background:#333;color:#ddd;border-color:#464646;}
.board_read tbody tr.file td{text-align:left;color:#666;border-color:#464646;}

.board_read tbody tr td textarea{width:100%;height:200px;}
.board_read .form-control{width:auto;}

.board_read .bof_image{display:none;}   /* 첨부이미지 우선 숨김 */


@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;}
}

.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:1px solid #000;}
.board_write tbody tr th{background:transparent;text-align:left;}
.board_write tbody tr th,.board_wrap .board_write tbody tr td{border-bottom:1px solid #464646;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;}