.bbs-list.grebt-notice {overflow:hidden;}
.bbs-list-body {display:flex; flex-wrap:wrap; margin-left:-1.5rem; margin-right:-1.5rem;}
.bbs-list-body .post-row {width:33.3%; max-width:33.3%; padding:0 1.5rem; margin-bottom:3rem;}
.bbs-list-body .post-row > .rect {padding:30px 25px;}
.bbs-list-body .post-row > .rect.head {
    background:#f4f4f4; height:290px; position:relative; font-size:0; padding:0; border-radius: 20px;
    overflow: hidden; box-shadow: 6px 6px 20px rgba(97, 97, 97, 0.26);
}
.bbs-list-body .post-row > .rect.head .img {z-index:10; position:relative; width:100%; height:100%;}
.bbs-list-body .post-row > .rect.head .img img {
    position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; max-width: 100%;
}
.bbs-list-body .post-row > .rect.head:before {
    content:'GREBT'; position:absolute; font-size:40px; color:#454545; left:0; top:0;
    font-family: 'Saira', sans-serif; font-weight:bold; text-align:center; z-index:0;
    width:100%; height:100%; display:flex; align-items: center; justify-content: center;
}
.bbs-list-body .post-row .subject {margin-bottom:20px;}
.bbs-list-body .post-row .content {margin-bottom:0; height:80px; overflow:hidden;}
.bbs-list-body .post-row .date {margin-bottom:0;}

@media (max-width:1024px){
    .bbs-list-body .post-row .content {margin-bottom:15px;}
    .bbs-list-body .post-row {width:50%; max-width:50%;}
}
@media (max-width:767px){
    .bbs-list-body .post-row {width:100%; max-width:100%;}
}