/*******************************************************
*/
/* 공통
 *******************************************************/

.board_wrap{width:100%;margin:0 auto;padding:0;}



/* 버튼 정의 */

.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:#000;color:#fff;border:1px solid #000;}
.board_wrap .btn.btn-secondary{border: 1px solid #494949;background:#494949;color:#fff;}
.board_wrap .btn.btn-default{max-width:68px;padding:8px;}
.board_wrap .btn.btn-danger{background:#dc3545;color:#fff;border:1px solid #dc3545;}
.board_wrap .btn:hover{background:var(--primary) !important;color:#fff;border:1px solid var(--primary);}

@media(max-width: 768px) {
    .board_wrap .btn{max-width:120px;height:46px;line-height:46px;font-size:13px;}
    .board_wrap .btn.btn-default{height:44px;line-height:44px;}
}


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

.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:#818392; 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.td_title{font-size:1.125rem;font-weight:bold;}
.board_list tbody tr td.td_title .lock-ico{font-size: 17px;margin-left:5px;font-weight: 200;}

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

.board_list tbody tr.row_notice td{background:#F0F2F6;color:#000;}
.board_list tbody tr.row_notice td a{color:#818392;}
.board_list tbody tr.row_notice td:hover{background-color: rgba(151, 169, 235, 0.1);}

/* 태그 */
span.notice_flag {background:#000;border-radius: 100px;padding:3px 10px;color:#fff;font-weight:500;font-size:14px;}
span.new_flag {background:#000;border-radius: 100px;padding:3px 8px;color:#fff;font-weight:600;font-size:11px;margin-left:5px;margin-top:3px;}
.reply-title{display:flex;align-items:center;}
span.reply_flag {background: var(--gray-500);border-radius:3px;padding: 2px 6px;color: #fff;font-weight: 600;font-size: 11px;margin-left:7px;margin-right:7px;}

.notice_flag{font-weight:500;}


/* 검색 */
.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 8px 8px; 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; cursor: pointer;}
.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:100px; 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;}
}


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

/* Pagination */
.board_list_foot {overflow: hidden; }
.board_list_foot .btn_wrap { width:30%; float: left; padding: 20px 0; 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:40%; 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 { margin: 0 2px; width:26px;height:26px;display: inline-flex;align-items: center;justify-content: center;}
.board_list_foot .paging_wrap .pagination li a {width: 100%;height: 100%; color: #666; padding:7px 10px; font-size:12px; border: none; border-radius:200px; 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;justify-content: center;}
}
@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 div{display:flex;align-items:center;justify-content:center;color:#666; font-size:0.875rem;font-weight:400;padding-right:15px;margin-bottom:0 !important;}
.board_read .info div:last-child{padding-right:0;}
.board_read .info .material-icons-sharp{margin-right:5px;font-size:19px;color:#818392;margin-top: -1px;}
.board_read .info p{color:#818392;}

.board_read .board_content{width:100%;border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; padding:3rem 0;}
.board_read .board_content p{}
.board_read .board_content .image{margin-bottom:4rem;}

.board_file {width: 100%; }
.board_file tbody tr th {width:160px;text-align: left; background:#E1E5EA; color:#6A6D77; padding: 10px 15px;border-radius:10px 0 0 10px;word-break: keep-all;}
.board_file tbody tr td {text-align: left; color:#818392; background-color: var(--secondary); padding: 10px 15px;border-radius:0 10px 10px 0;}
.board_file tbody tr td a {color:#818392;text-decoration: none;}
.board_file tbody tr td a:hover {text-decoration: underline;}
.board_file .file-item {margin-bottom: 10px;display: table;width: 100%;}
.board_file .file-item:last-child{margin-bottom:0;}

.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: 768px) {
    .board_read .board_content{padding:2rem 0;}
    .board_read .info p .material-icons-sharp{font-size:16px;}
    .board_file tbody tr th {width:80px;}
    .board_file tbody tr th,.board_file tbody tr td{font-size:13px;}
}

@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:2px solid #000;}
.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;}