/**/
.bbs-list {}
.bbs-list-head {
    margin-bottom:1.6rem;
}
.bbs-list-head .count-post {
    color: #000;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    opacity: 0.8;
}
.bbs-list-head .count-post .num {}
.bbs-list-body {
    display:flex;
    flex-wrap:wrap;
    gap: 2%;
}
.bbs-list-body .post {
    width:32%;
    margin-bottom:2%;
}
.bbs-list-body .post .preview {
    height:260px;
    overflow:hidden;
    border-radius: 8px;
    background: #F4F5F9;
}
.bbs-list-body .post .preview a {}
.bbs-list-body .post .preview a .img-box {
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
    height:100%;
    transition:transform 300ms;
}
.bbs-list-body .post .preview a .img-box.no-img {
    background-size:initial;
}
.bbs-list-body .post .preview a .img-box:hover {
    transform:scale(1.1);
}
.bbs-list-body .post .data {
    margin-top:1.6rem;
}
.bbs-list-body .post .data .subject {
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
}
.bbs-list-body .post .data .date {
    color: #000;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    opacity: 0.6;
}

@media(max-width:767px){
    .bbs-list-body .post {
        width:49%;
    }
}
@media(max-width:424px){
    .bbs-list-body .post {
        width:100%;
        margin-bottom:3rem;
    }
}

/* foot */
.bbs-list-foot {}


/**/
.bbs-view {}
.bbs-view-head {}
.bbs-view-head .subject {
    color: #000;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 800;
    line-height: 135%;
    margin-bottom:2.4rem;
}
.bbs-view-body {}
.bbs-view-foot {
    margin-top:8rem;
}
.bbs-view .upload-file {display:none;}
.bbs-view .btns {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:1.2rem;
}