div.document_info{
    display: flex;
    align-items: center;
    gap: 10px;
}
div.document_info > div::after{
    content: '|';
    display: inline-flex;
    width: 1px;
    height: 100%;
    padding-left: 10px;
}
div.document_info > div:last-child::after{
    display: none;
}
td.category_title{
    text-align: center;
}
div.mobile_list{
    display: none;
}
@media ( max-width: 768px ) {
    .board_list{
        overflow: auto;
    }
    .board_list td.title{
        white-space: nowrap;
        min-width: auto;
    }
    .default_table{
        display: none;
    }
    div.mobile_list{
        display: block;
        padding: 0;
    }
    div.no_article{
        font-size: 14px;
        text-align: center;
        padding: 20px 0;
    }
    div.mobile_list{
        margin-top: 10px;
        border-top: 1px solid #E5E8EB;
    }
    div.document_item{
        padding: 20px 0;
        border-bottom: 1px solid #E5E8EB;
    }
    div.document_item_title{
        display: flex;
        align-items: center;
        gap: 5px;
    }
    div.document_item_title>a:not(.replyNum){
        font-size: 14px;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    span.notice_icon{
        font-size: 12px;
        white-space: nowrap;
    }
    i.secret_document{
        font-size: 12px;
    }
    div.document_item_title>a.replyNum{
        font-size: 12px;
    }
}