#boardBox #listBox {
    margin: 10px 0 0 0;
}

#boardBox #listBox .table th {
    border-bottom: 1px solid #e3e3e3 !important;
    text-align: center;
    font-weight: 600;
    color: #000;
}

#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 -1px
}

#boardBox #listBox .boardCategoryBox > div {
    ;
    align-items: center;
    font-weight: 400;
    color: #b0b0af;
    cursor: pointer;
    text-align: center;
    padding: 5px 0;
    margin: 0 20px 0 0
}

#boardBox #listBox .boardCategoryBox > div:last-child {
    margin: 0;
}

#boardBox #listBox .boardCategoryBox > div:hover {
    font-weight: 600;
    color: #2a71b9;
    border-bottom: 2px solid#2a71b9
}

#boardBox #listBox .boardCategoryBox > div.actives {
    border-bottom: 2px solid #2a71b9 !important;
    font-weight: 500;
    color: #2a71b9;
}

#boardBox #listBox .table tr.is_notice {
    background-color: #f3f3f3f3
}

#boardBox #listBox .table tr.is_notice td.num {
    color: #2a71b9;
}




#boardBox .table td,
#boardBox .table th {
    padding: 18px 10px;
    text-align: center;
}

#boardBox .textLeft {
    text-align: left !important
}

#boardBox .table td.date {
    width: 100px
}

#boardBox .table td.count {
    width: 50px
}

#boardBox .list_check {
    width: 50px !important;
    min-width: 50px !important;
    max-width:50px !important
}

#boardBox #listBox .table td.title {
    text-align: left
}

#boardBox #listBox .allCheck {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    padding: 0 0 0 18px
}

#boardBox #listBox .allCheck input {
    margin: 0 5px 0 0
}

#boardBox #listBox .reply {}


#boardBox #listBox .table tr td.num {
    width: 80px
}

#boardBox #listBox .table tr th.list_num,
#boardBox #listBox table tr .list_writer,
#boardBox .table td.writer {
    width: 80px
}

#boardBox #listBox table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

/*#boardBox #listBox table tr .list_writer, #boardBox #listBox table tr .list_date{width: 15%}*/
/*#boardBox #listBox table tr .list_num, #boardBox #listBox table tr .list_count{width: 5%}*/
/*#boardBox #listBox table tr .list_category{width: 12%}*/
/*#boardBox #listBox table tr .list_title{width: 52%}*/
#boardBox #listBox .table td.title .post_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    max-width: 400px
}

#boardBox #listBox .table td.title .title_link {
    /*    display: flex*/
}

#boardBox #listBox .listContents > tr:hover {
    background-color: #f9f9f9
}

#boardBox #listBox .listContents > tr:first-child {
    background-color: #f9f9f9
}

#boardBox #listBox nav {
    margin-bottom: 5%;
}

#boardBox #listBox .searchBox {
    margin: 0
}

#boardBox #listBox .listContents .title .cagetory_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75px;
    margin-right: 10px;
    font-weight: 600;
    color: #2a71b9
}

#boardBox #listBox .title .new_icon {
    background-color: #ec2323;
    display: inline-block;
    height: 14px;
    line-height: 13px;
    font-size: 10px;
    color: #fff;
    font-weight: 600;
    padding: 0px 4px 0 3px;
    border-radius: 2px;
    margin-left: 4px
}

#boardBox #listBox .title .title_icons {}

.table td,
.table th {
    border-top: 1px solid #e3e3e3
}


#boardBox #listBox .write_btn {
    border: 1px solid #222;
    color: #222;
    background-color: #fff;
}

#boardBox .boardTopBox {
    text-align: right;
}


#boardBox #listBox .searchBox {
    justify-content: center;
}

#boardBox #listBox .basic_th{width:70px}

@media screen and (max-width:767px) {

    #boardBox #listBox table tr .count {
        display: none;
    }

    #boardBox #listBox table tr td.date {
        display: none;
    }

    #boardBox #listBox table tr td.category {
        display: none;
    }

    #boardBox #listBox table tr td.num {
        display: none;
    }

    .pcList {
        display: none;
    }

    #boardBox .table td.writer {
        display: none;
    }

    #boardBox #listBox .table .moList {
        display: flex;
        margin: 5px 0 0
    }

    #boardBox #listBox .table .moList > span {
        margin: 0 5px 0 0 !important;
        padding: 0 5px 0 0;
        display: inline-block;
        position: relative;
        color: #b0b0af
    }

    #boardBox #listBox .table .moList > span > span.cagetory_name {
        margin: 0;
    }

    #boardBox #listBox .table .moList > span:before {
        content: '';
        display: block;
        width: 1px;
        height: 10px;
        background-color: #b0b0af;
        position: absolute;
        right: -0.5px;
        top: 50%;
        transform: translateY(-50%)
    }

    #boardBox #listBox .table .moList > span:last-child:before {
        display: none;
    }
}


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

    #boardBox #listBox .table .moList {
        display: none;
    }

    #boardBox #listBox .table .pcView {
        display: table-cell
    }

    #boardBox #listBox .table {
        font-size: 11pt;
    }

    #boardBox #listBox .table .post_num {
        width: 130px;
        min-width: 100px;
    }

    #boardBox #listBox .boardCategoryBox > div {
        ;
        font-size: 11pt;
        padding: 20px 0
    }

    #boardBox #listBox .boardCategoryBox {
        flex-wrap: nowrap
    }

    #boardBox #listBox table tr .list_writer,
    #boardBox .table td.writer {
        width: 100px
    }

    #boardBox .table td.date,
    #boardBox .table th.list_date {
        width: 100px;
    }

    #boardBox #listBox table tr .list_category {
        width: 100px
    }

    #boardBox #listBox table tr .list_num,
    #boardBox #listBox table tr .list_count {
        width: 80px
    }

    #boardBox .boardTopBox {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin: 30px 0px -1px;
    }

    #boardBox #listBox .boardCategoryBox {
        margin: 0;
    }

    #boardBox #listBox .searchBox {
        margin: 0 auto !important;
        border-bottom: 1px solid #616161;
        max-width: 320px;

    }

    #boardBox #listBox .write_btn {
        /* margin: 0; */
    }
}

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



    #boardBox #listBox .boardCategoryBox > div {
        border-right: 0;
    }

    #boardBox #listBox .boardCategoryBox > div > span {
        margin-right: 20px
    }


    #boardBox #listBox .boardCategoryBox > div {
        margin: 0 20px 0 0;
        font-size: 15px
    }
}


@media screen and (min-width:1200px) {
    #boardBox #listBox .basic_th{width:100px}

}