/* common */
#boardBox {margin-bottom: 5%;}
#boardBox .pagination{justify-content: center;margin-top: 10px;}
#boardBox .boardBtnBox{margin: 18px 0px;}
#boardBox .thumbnailFull{overflow:hidden;}
#boardBox .tab-vertical .tab-content{min-height: 400px;}
#boardBox th.pointer ,td.pointer{cursor: pointer}

#boardContainer nav{margin-bottom: 5%;}

.btn-outline-light{padding: 8px 15px; font-size: 12px; margin: 20px 0}
.btn-lg{padding: 8px 20px; font-size: 12px; margin: 20px 0}
.btn-primary{border-color: #e2e2e2; background-color: #fff; color: #888888}
.btn-danger{border-color: #e2e2e2; background-color: #fff;color: #888888}
.btn-delete{border-color: #dcdcdc; background-color: #fff; color: #888}
/* //common */

.table thead th, .table th{color: #333}


/* list */
#boardBox #listBox {margin: 10px 0 0 0;}
/*#boardBox #listBox #listForm{margin-top: 5%;}*/
#boardBox #listBox .table th{border-bottom:1px solid #e3e3e3 !important;background-color: #f7f7f7;min-width: 20px;}
#boardBox #listBox .table .post_check{min-width: 50px;width: 100px;}
#boardBox #listBox .table .post_num{width: 130px;min-width: 50px;}
#boardBox #listBox .preview{max-width: 100px;}
#boardBox #listBox .boardCategoryBox{display:flex;flex-wrap: wrap;margin:0 0 15px}
#boardBox #listBox .boardCategoryBox>div{;align-items: center;font-weight: 400;color:#b0b0af;cursor: pointer;text-align: center;margin:0 20px 0 0}
#boardBox #listBox .boardCategoryBox>div:last-child{margin:0;}
#boardBox #listBox .boardCategoryBox>div:hover{font-weight: 600;color: #333;border-bottom:1px solid #333}
#boardBox #listBox .boardCategoryBox>div.actives{border-bottom:1px solid #333 !important;font-weight: 500;color: #333;}

#boardBox .table td, #boardBox .table th{padding:18px 10px;}
#boardBox .textLeft{text-align: left !important}
#boardBox .table .date, #boardBox .table .views{width:100px}
#boardBox .list_check{width:50px !important;min-width:auto !important}
/* list */



/* view */

#boardBox #viewBox .viewTitle {display: block;text-align: center;justify-content: unset;align-items: unset;padding: 20px 20px 10px;border-top: 0;border-bottom: 0;background-color: #ffffff;margin-bottom: 30px;margin-top: 5%;}
#boardBox #viewBox .viewTitle>p{font-size: 16px; font-weight:500; word-break: break-all}
#boardBox #viewBox .viewTitle>div{font-size: 10pt}
#boardBox{max-width: 1200px;margin: auto}
#boardBox #viewBox{margin-bottom: 5%;}
/*view*/


/* write */
/*#boardBox #writeBox{margin-top: 5%;}*/
#boardBox #writeBox .table th{background-color: #f9f9f9;}
#boardBox #writeBox .thumbnailFull{overflow:hidden;}
#boardBox #writeBox .imgPreview{width:70px;min-width:70px;height: 50px;background-size:cover;background-repeat:no-repeat;background-position: center center;margin:0 5px 0 0}
#boardBox #writeBox .formContentBox span{color: #666}
/* write */


/*comment*/
/* #boardBox .comment_wirte_box {margin-top: 50px;border: 1px solid #e3e3e3;padding: 20px;}
#boardBox .comment_wirte_box .comment_submit{text-align: right;margin-top: 20px;}
#boardBox .comment_wirte_box .button {padding: 5px 20px;background: #fff;border: 1px solid #e3e3e3;}
#boardBox .comment_wirte_box .button:hover{background: #333;color: #fff;cursor: pointer;}
#boardBox .comment_wirte_box table{background: #FBFBFB;border: 1px solid #e3e3e3;}
#boardBox .comment_wirte_box th{border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;padding: 10px;min-width: 200px;width: 20%}
#boardBox .comment_wirte_box td{text-align: left;border-bottom: 1px solid #e3e3e3;padding: 10px;}
#boardBox .comment_wirte_box td textarea{width: 100%;min-height: 100px;}

#boardBox .comment_box{padding: 10px;background: #FBFBFB;border: 1px solid #e3e3e3;border-top: 0;}
#boardBox .comment_view{padding: 20px;border-bottom:1px solid #e3e3e3; }
#boardBox .comment_title span{padding: 0px 10px;font-size: 12px;}
#boardBox .comment_content{padding:10px;font-size: 14px;}

#boardBox .comment_button{text-align: right;} */
/*comment*/


.container{padding:0 20px !important;max-width:100% !important;}
.container>div{max-width:1200px;margin:0 auto}

.modal{z-index: 11111111111111111111 !important}

.nt_board .searchBox{justify-content: flex-start}

@media screen and (min-width:600px){
    #boardBox #viewBox .viewTitle>p{font-size: 25px; }

}
@media screen and (min-width:768px){
    .hook_title2{display: flex;justify-content: space-between;margin-top: 42px;align-items: center}
    #boardBox #listBox .table th{min-width: 130px;}
    #boardBox #listBox .table .pcView{display: revert}

    /* list */
    #boardBox #listBox .table{font-size:11pt;}
    #boardBox #listBox .table .post_num{width: 130px;min-width: 100px;}
    #boardBox #listBox .boardCategoryBox>div{;font-size:11pt;}
    #boardBox #listBox .boardCategoryBox{flex-wrap: nowrap}
    /*#boardBox #listBox .boardCategoryBox>div:last-child{border-right:1px solid #e3e3e3;}*/
    #boardBox .table td.writer{width:120px}
    #boardBox .table td.date{width:120px;}

    #boardBox  .boardTopBox{
        display: flex;
        flex-direction: row-reverse;
        -ms-flex-direction:row;
        justify-content: space-between;
        align-items: center;
        margin:30px 0 23px
    }
    #boardBox #listBox .boardCategoryBox{margin:0;}
    #boardBox #listBox .searchBox{margin:0; border-bottom: 1px solid #616161}
    /* list */



    /*    view*/
    #boardBox #viewBox .viewTitle>p{font-size: 20px;font-weight: 500;margin-top: 10px;}
    #boardBox #viewBox .viewTitle{font-size:13pt;}
    /*    view*/



    /* write */
    #boardBox #writeBox .imgPreview{min-width:100px;width:100px;height:70px;margin:0 15px 0 0}
    /* //write */




}



@media screen and (min-width:950px){

}



@media screen and (min-width:1024px){
    /* list */
    #boardBox #listBox .boardCategoryBox>div{border-right:0;}
    #boardBox #listBox .boardCategoryBox>div>span{margin-right:20px}
    /* list */
}