/*.subtop_wrap{display:none;}*/

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

.board_wrap{width:100%;margin:0 auto;max-width:1280px;padding:0px 20px 100px;}


/* 버튼 정의 */

.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:#bf0e3a;color:#fff;border:1px solid #bf0e3a;}
.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:16px;font-weight:600;background:#f9fafb;}
.board_list thead tr th.w100{width:100px;}
.board_list tbody tr td{padding:26px 0px;border-bottom:1px solid #f3f3f3;font-size:16px;transition: 0.3s all;}
.board_list tbody tr:hover td{background:#f0f6f8;color:#bf0e3a;}
.board_list tbody tr td a{color:#333; font-weight:500; transition: 0.3s all;}
.board_list tbody tr:hover td a{color:#bf0e3a;}
.board_list tbody {border-bottom:1px solid #d3d3d3;padding:10px;}

.board_list{overflow:hidden;}
.board_list .gallery_item{width: 33.33333333333333%;padding:10px;float:left;}
.board_list .gallery_item .box{border:1px solid #ddd;padding:10px;transition: all .25s cubic-bezier(0,0,.2,1);height:100%;}
.board_list .gallery_item .box:hover{border:1px solid #000;box-shadow: 0 10px 20px rgb(0 0 0 / 15%);transform: translateY(-5px);}

.board_list .td_image{width: 100%;height:212px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.board_list .td_image img {display: block;position: relative;margin: 0 auto;background: #FFF;width: 100%;height: auto;transform: scale(1);transition:0.4s;}
.board_list .gallery_item .box:hover .td_image img {transform: scale(1.2);}

.board_list .td_title{margin: 15px auto;}
.board_list .td_title a{font-size:20px;color: #333;font-weight: 600;line-height: 25px;max-height:26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.board_list .td_time{display: flex;justify-content: space-between;font-size: 12px;color: #777;font-family: 'SCD'; padding-bottom: 10px;}
.board_list .td_time i{margin-right:4px;}
.board_list .td_time b{margin-right:3px;}

@media(max-width:970px) {
    .board_list .gallery_item{width:50%;}
    .board_list .td_title{font-size:18px;}
}
@media(max-width:680px) {
    .board_list .gallery_item{width:100%;padding:10px 0;}
    .board_list ul {margin: 0 auto;}
}


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

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

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

@media(max-width:750px){
    .board_wrap .board_list tr th.th_name{display:none;}
    .board_wrap .board_list tr td.td_name{display:none;}
    .board_wrap .board_list tr th.th_view{display:none;}
    .board_wrap .board_list tr td.td_view{display:none;}
    .board_wrap .board_list_foot .paging_wrap{width:100%;}
    .board_wrap .board_list_foot .btn_wrap {width: 100%;margin-top: 0;padding: 0;padding: 0 !important;}
}
@media(max-width:600px){
    .board_wrap .board_list thead tr th{font-size:15px;}
    .board_wrap .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%;border-top:2px solid #bf0e3a;font-size:24px;padding:32px 20px;background: #fcfcfc;}
.board_read .title h1{font-size:24px;font-weight:500;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;}
.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;}
}

.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 #bf0e3a;}
.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;}


.font-weight-normal{font-weight:normal !important;}

/************ 댓글 기능 ********************/
.comment_wrap{margin:30px 0px;}
.comment_wrap #cmt_write_form{background:#eee;padding:20px;}

.comment_wrap .comment_list{border-top:1px solid #333;;margin:20px 0px;}
.comment_wrap .comment_item{border-bottom:1px solid #ddd;}
.comment_wrap .comment_item .cmt_info{color:#999;padding:10px 0px 0px;}
.comment_wrap .comment_item .cmt_content{padding:10px 0px;}