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




/* 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;width: 100%;min-width: 130px;}
#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 td.date{width:100px}
/* list */



/* view */

#boardBox #viewBox .viewTitle {display: block;text-align: center;justify-content: unset;align-items: unset;padding: 10px 20px;border-top: 0;border-bottom: 0;background-color: #ffffff;margin-bottom: 30px;margin-top: 5%;}
#boardBox #viewBox .viewTitle>p{font-size: 22pt}
#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: 100%;max-width: 100px;height: 70px;background-size:cover;background-repeat:no-repeat;background-position: center center;}
#boardBox #writeBox .formContentBox span{font-size: 9pt}
/* 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*/


@media screen and (min-width:768px){
    
    
    #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{font-size:13pt;}
/*    view*/
    
    

/* write */   
#boardBox #writeBox .imgPreview{}
/* //write */
}





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