@charset "utf-8";

.bbs_gallist ul.gall.basic {}
.bbs_gallist ul.gall.basic {gap: 15px;margin: 0;}
.bbs_gallist ul.gall.basic.row-cols-md-2 > li.cell {flex: 0 0 calc(50% - 45px/4);}
.bbs_gallist ul.gall.basic.row-cols-md-3 > li.cell {flex: 0 0 calc(33.33% - 30px/3);}
.bbs_gallist ul.gall.basic.row-cols-md-4 > li.cell {flex: 0 0 calc(25% - 45px/4);}
.bbs_gallist ul.gall.basic li.cell {margin-bottom: 1rem; padding: 0;}
.bbs_gallist ul.gall.basic li.cell > a {border-radius: 10px;}
.bbs_gallist ul.gall.basic li.cell > a span {transition: all 0.3s;}
.bbs_gallist ul.gall.basic li.cell > a:hover span,
.bbs_gallist ul.gall.basic li.cell > a:focus span {transform: scale(1.1);}
.bbs_gallist ul.gall.basic li.cell .ca_name {display: inline-block; margin-top: 10px; padding: 3px 10px; border-radius: 5px; font-size: 0.9rem; color: #1D2D67; border: 1px solid #1D2D67;}
.bbs_gallist ul.gall.basic li.cell .cell_subject {margin:15px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; font-weight: 500;}
.bbs_gallist ul.gall.basic li.cell .cell_subject span {vertical-align: middle;}
.bbs_gallist ul.gall.basic li.cell .cell_subject span.notice {display: inline-block; padding: 3px 7px; border-radius: 5px; font-size:0.9rem; color: #fff; background: #0a529e;}
.bbs_gallist ul.gall.basic li.cell .cell_wr_name {margin-top: 5px; color: #666; font-size: 0.9rem;}
.bbs_gallist ul.gall.basic li.cell .cell_bottom {font-size: 0.9rem;}
.bbs_gallist ul.gall.basic li.cell .cell_bottom .cell_info {display: flex; justify-content: space-between;}
.bbs_gallist ul.gall.basic li.cell .cell_bottom .cell_info .info_sub span {padding-left: 5px;}
.bbs_gallist ul.gall.basic li.cell .cell_bottom .cell_info .info_sub span:first-child {padding: 0;}
.bbs_gallist ul.gall.basic li.cell .cell_bottom .cell_info .info_sub .info_hit i {color: #3086e2;}
.bbs_gallist ul.gall.basic li.cell .cell_bottom .cell_info .info_sub .info_good i {color: #f34b70}
.bbs_gallist ul.gall.basic li.cell .view_info_hashtag {margin-top: 5px;}
.bbs_gallist ul.gall.basic li.cell .view_info_hashtag ul li {padding: 2px 10px; font-size: 0.9rem;}

@media (max-width:768px) {
    .bbs_gallist ul.gall.basic.row-cols-md-3 > li.cell {flex: 0 0 calc(50% - 15px/2);}
}

@media (max-width:420px) {
    .bbs_gallist ul.gall.basic li.cell .cell_subject {font-size: 1rem;}
    .bbs_gallist ul.gall.basic li.cell .cell_bottom .cell_info {flex-wrap: wrap;}
}