div.document_info{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #71767a;
    font-size: 16px;
}
div.document_info > div{
    padding-left: 10px;
    position: relative;
}
div.document_info > div::after{
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    background-color: #ddd;
    top: 4px;
    left: 0;    
}
div.document_info > div:first-child{
    padding-left: 0;
}
div.document_info > div:first-child::after{
    display: none;
}
td.category_title{
    text-align: left;
    padding-left: 0;
    font-size: 16px;
    color: #202124;
    min-width: 100px;
}
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;
    }
}