/* 게시판 전체 영역 */
.board_wrap{width:95%;margin:0px auto;max-width:1200px; border-top:2px solid #C8A17E;}
.board_wrap .btn_wrap{text-align:right;margin-top:20px; margin-bottom: 6rem;}

/* 버튼 정의 */
.board_wrap .btn{border:1px solid #ccc;background:#fff;margin:0px 5px; color: #232323; padding: 1rem 3rem  !important; }
.board_wrap .btn.btn-primary{background:#091846;color:#fff;border:1px solid #091846;}
.board_wrap .btn.btn-danger{background:#dc3545;color:#fff;border:1px solid #dc3545;}

/**
 * 게시판 리스트
 */
.board_wrap .board_list{width:100%;  }

.board_wrap .board_list .row{border-bottom:1px solid #ccc;}
.board_wrap .board_list .row>div{padding:20px;}
.board_wrap .board_list .thumb_wrap{padding-top:50%;overflow:hidden;position:relative;}
.board_wrap .board_list .thumb_wrap img{
    position:absolute;
    left:50% !important;
    top:50% !important;
    -webkit-transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    -moz-transform: translate(-50%,-50%) !important;
    -o-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important;
    width:100%;
}

.board_wrap .board_list .row>div.col-date{color:#ccc;text-align:Center;font-weight:bold;}
.board_wrap .board_list .row>div.col-date .date-day{font-size:48px;margin-bottom:10px;margin-top:20px;}
.board_wrap .board_list .row>div.col-title a{font-size:22px;display:block;margin-top:20px;line-height:1.5;}
.board_wrap .board_list .row>div.col-title a:hover{color:#c8a17e;}
.board_wrap .board_list .row>div.col-thumb{}

/* Pagination */
.board_wrap .board_list_foot{overflow:hidden;}
.board_wrap .board_list_foot .btn_wrap{width:25%;float:left;padding:20px 10px;}
.board_wrap .board_list_foot .paging_wrap{width:50%;float:left;text-align:center;padding:20px 10px;}
.board_wrap .board_list_foot .paging_wrap .pagination{display:inline-block;}
.board_wrap .board_list_foot .paging_wrap .pagination li{display:inline-block;}
.board_wrap .board_list_foot .paging_wrap .pagination li a{color:#333;border:1px solid #888; font-size:12px;}
.board_wrap .board_list_foot .paging_wrap .pagination li.active a,
.board_wrap .board_list_foot .paging_wrap .pagination li a:hover{background:#c8a17e;color:#fff;border:1px solid #c8a17e;}

.board_wrap .board_list_foot .search_wrap{ clear:both; background: #eeeeee; padding:5rem; margin-top: 6rem;}

/**
 * 글쓰기 페이지
 */
.board_wrap .board_write{width:100%;}
.board_wrap .board_write tbody tr th{background:#f9f9f9;width:15%;text-align:right; padding: 2rem;white-space:nowrap;}
.board_wrap .board_write tbody tr th,.board_wrap .board_write tbody tr td{border-bottom:1px solid #ddd;}
.board_wrap .board_write tbody tr td input.wfull{width:80%;padding:10px;}
.board_wrap .board_write tbody tr td textarea{width:80%; height:200px; margin: 2rem; border: 1px solid #aaa;padding:10px; }

.board_wrap .board_write tbody tr td small { margin-left: 2rem;}
.write-con { border: 1px solid #aaa; padding: 0.5rem; margin-left: 2rem;}
.file-con {width:80%; margin:2rem 2rem 0 2rem;}

.board_wrap .board_write .bof_image{margin:10px auto;}

/**
 * 패스워드 확인 페이지
 */
.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;}


.search_container { position: relative; max-width: 350px; width: 100%; }
.search-con1 { padding: 11px; background: #fff; border: 1px solid #d1d1d1; margin-right: -1px; min-width: 120px; }
.search-con2 { border: 1px solid #d1d1d1; padding: 12px; width: 100% }
.search-con { background: #091846;  margin: 0 0 0 -3px; padding: 12px 20px; color: #fff; position: absolute; top: 0; right: 0; height: 100%; }
.flex-box { display: flex; flex-direction: row; justify-content: center; }



.read_title { font-size: 21px; padding: 3rem 1rem; }
.read_con { font-size: 16px; padding: 3rem 1rem; }
.read_date { font-size: 14px; font-weight: 400; color: #777; margin-top: 1rem; }

@media screen and (max-width: 1400px) {
    .table-none { display: none; }
}

@media screen and (max-width: 630px) {
    .flex-box { flex-direction: column; }
    .search_container { max-width: 1000px; margin-top: 1rem; }
}