#boardBox #listBox .table td, #boardBox #listBox .table th{text-align: center;}
.listContents>tr:hover{background-color:#f7f7f7}
.table td{border-top:1px solid #e9e9e9; font-weight: 300}

/*.daechul_notice{padding: 75px 0 !important}*/

/*list*/
.container{padding:0 !important}
#listBox #listForm{border-top:2px solid #333}
#listBox .table th{display: none;}
/*#listBox .table td.num*/
#listBox .table td.date{display: none;}
#listBox .table td.textLeft > a > span{font-size:15px;font-weight: 500;color:#333333;}    
#listBox .table th{font-weight: 600;}
#boardBox #listBox{margin:0;}

#listBox .table td.textLeft > a > div > div{display: flex;font-size: 13px; margin: 5px 0 0;align-items: center;color: #555}
}
#listBox .table td.textLeft > a > div > div > div{margin: 0 5px 0 0}
.textLeft > a > div > div > span{font-size: 15px;font-weight: 500; color: #383838}
.textLeft_2 > div{margin-right: 5px}

/*list*/


/*view*/
#boardBox #viewBox .viewTitle{margin:0;border-top:0;border-bottom:1px solid #e3e3e3;text-align: left;padding:15px 20px;}
#boardBox #viewBox .viewTitle>p{font-size:22px;line-height: 19px;margin:0 0 8px}
#boardBox .viewBody{padding:20px 20px 50px;}
#boardBox #viewBox .viewTitle>div{color:#989898}

.view_link{border-bottom:1px solid #e3e3e3;margin:0 0 35px}
.view_link a{display: flex;padding:15px 15px;border-top:1px solid #e3e3e3;align-items: center;}
.view_link a san{margin:0 15px 0 5px;display: inline-block}

#boardBox #viewBox .viewFile{display: block;padding-top: 30px;}
    #boardBox #viewBox .viewFile>div{display: block;margin-bottom: 10px;text-align: left;margin-left: 20px;}
    #boardBox #viewBox .viewFile>div>a{display: inline-block;padding: 10px 20px;border-radius: 5px; background-color: #1588ff;font-size: 11pt; color: #fff;}
    #boardBox #viewBox .viewFile>div>a:hover{background-color: #333;}
    #boardBox #viewBox .viewFile>div>a>i{margin-right: 5px;}
    
/*view*/

.page_title_box{margin:0 !important;height:140px !important;}
.page_title_box h2{margin:0 !important;font-size:30px !important }


/*카텍고리*/
#boardBox .boardTopBox{justify-content: center;}
#boardBox #listBox .boardCategoryBox>div.actives{border-bottom:none !important;background-color:#1588ff;color:#fff;}
#boardBox #listBox .boardCategoryBox>div:hover{background-color:#1588ff;color:#fff;;border-bottom:none !important;}
#boardBox #listBox .boardCategoryBox>div{padding:2px 10px 4px;border-radius: 30px;margin:0 5px 0 0}
#boardBox #listBox .boardCategoryBox{margin : 0 0 20px !important}
.boardCategoryBox{max-width:800px}


@media screen and (min-width:500px){
    
    #listBox .table td.textLeft > a > div > div{font-size: 14px}    
    .textLeft > a > div > div > span{font-size: 16px;}
}


@media screen and (min-width:768px){
    .page_title_box{;height:180px !important;}    
    .page_title_box h2{;font-size:26pt !important }

    /* list*/
    .container{padding:0 20px !important}
    #listBox .table th{display: revert;}
    #listBox .table td.num, #listBox .table td.date{display: revert;}
    #listBox .table td.textLeft > a > div{display: none;}
    #listBox #listForm{border-top:1px solid #333}
    #listBox .table td, #listBox .table th{font-size:15px;}    
    #boardBox .table td, #boardBox .table th{padding:13px 10px}


    /*list*/


    /*view    */
    #boardBox #viewBox .viewTitle{display: flex;justify-content: space-between;align-items: center;padding:20px 25px;}
    #boardBox #viewBox .viewTitle>p{line-height: inherit;margin: 0;font-size:30px;font-weight: 600}
    #boardBox .viewBody{padding:40px 25px 80px;}    
    /*    view*/


}


@media screen and (min-width:1024px){
    .page_title_box{;height:220px !important;}     

    #boardBox #listBox .table th{;min-width:150px;}

}