@charset "utf-8";

/*---------- list ----------*/
.board-list {font-size:.9375rem}
.board-gallery {margin-left:-10px;margin-right:-10px}
.board-gallery:after {content:"";display:block;clear:both}
.board-gallery .gallery-item {position:relative;float:left}
.board-gallery .gallery-item.gallery-col-1 {width:100%}
.board-gallery .gallery-item.gallery-col-2 {width:50%}
.board-gallery .gallery-item.gallery-col-3 {width:33.33333%}
.board-gallery .gallery-item.gallery-col-4 {width:25%}
.board-gallery .gallery-item.gallery-col-5 {width:20%}
.board-gallery .gallery-item.gallery-col-6 {width:16.6666666667%}
.board-gallery .gallery-item.gallery-col-7 {width:14.2857142857%}
.board-gallery .gallery-item.gallery-col-8 {width:12.5%}
.board-gallery .gallery-item.gallery-col-9 {width:11.1111111111%}
.board-gallery .gallery-item.gallery-col-10 {width:10%}
.board-gallery .gallery-item-pd {padding:10px}
.board-gallery .gallery-item-in {position:relative;background:#fff;border:1px solid #e5e5e5;-webkit-transition:all 0.2s ease-in-out;transition:all .2s ease-in-out}
.board-gallery .gallery-item-in:hover {border-color:#959595}
.board-gallery .gallery-item-in .gallery-item-category {position:relative;background:#fff;min-height:50px;padding:15px;color:#959595;font-weight:bold;border-bottom:1px solid #e5e5e5}
.board-gallery .gallery-item .gallery-item-image {flex-shrink:0;position:relative;overflow:hidden;padding:10px}
.board-gallery .gallery-item .gallery-item-desc {flex-grow:1;position:relative}
.board-gallery .gallery-item .gallery-item-noimg-desc {position:relative}
.board-gallery .gallery-item .gallery-item-img-box {position:relative;overflow:hidden;max-height:500px;padding:10px}
.board-gallery .gallery-item .gallery-item-img-box-in {position:relative;overflow:hidden}
.board-gallery .gallery-item .gallery-item-img-box-in:after {content:"";text-align:center;position:absolute;display:block;left:0;top:0;opacity:0;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.board-gallery .gallery-item .gallery-item-img-box-in img {display:block;max-width:100%;height:auto}
.board-gallery .gallery-item .gallery-item-img-box-in .gallery-item-txt {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e5e5e5}
.board-gallery .gallery-item .gallery-item-img-box-in .video-icon {display:inline-block;position:absolute;top:50%;left:50%;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:40px;transform:translate(-50%,-50%);z-index:1}
.board-gallery .gallery-item:hover .gallery-item-img-box-in:after {opacity:1}
.board-gallery .gallery-desc {position:relative;margin-bottom:10px}
.board-gallery .gallery-item .gallery-item-bottom {position:relative;border-top:1px solid #e5e5e5}
.board-gallery .gallery-item .gallery-item-bottom .float-start {padding:15px}
.board-gallery .gallery-item .gallery-item-bottom .float-start i {color:#b5b5b5}
.board-gallery .gallery-item .gallery-item-bottom .float-end {padding:15px;border-left:1px solid #e5e5e5}
.board-gallery .gallery-item .gallery-item-bottom .float-end i {color:#b5b5b5}
.board-list .board-list-button-wrap:after {content:"";display:block;clear:both}
.board-list .board-list-button-wrap .blbw-left {float:left;margin-top:5px}
.board-list .board-list-button-wrap .blbw-right {float:right;margin-top:5px}
@media (max-width:1199px) {
    .board-gallery .gallery-item .gallery-item-bottom {font-size:.8125rem}
}
@media (max-width:991px) {
    .board-gallery .gallery-item {width:50% !important}
    .board-gallery .gallery-item.clearfix {clear:none}
    .board-gallery .gallery-item:nth-child(2n+1){clear:left !important}
}
@media (max-width:767px) {
    .board-gallery .gallery-item-in .gallery-item-category {padding:10px}
    .board-gallery .gallery-item .gallery-item-image {padding:10px 10px 0}
    .board-gallery .gallery-item .gallery-item-image-in .video-icon {width:40px;height:40px;line-height:40px;font-size:30px}
    .board-gallery .gallery-item .gallery-item-bottom .gallery-checkbox {top:5px;right:0}
    .board-gallery .gallery-item .gallery-item-bottom .float-start {padding:10px}
    .board-gallery .gallery-item .gallery-item-bottom .float-end {padding:10px}
}
@media (max-width:576px) {
    .board-gallery {margin-left:-5px;margin-right:-5px}
    .board-gallery .gallery-item-pd {padding:5px 5px 15px}
    .board-gallery .gallery-item-in {border:0}
    .board-gallery .gallery-item-in .gallery-item-category {padding:10px 0 5px;border-bottom:0}
    .board-gallery .gallery-item .gallery-item-image {padding:0}
    .board-gallery .gallery-item .gallery-item-bottom .gallery-checkbox {right:-10px}
    .board-gallery .gallery-item .gallery-item-bottom {border-top:0}
    .board-gallery .gallery-item .gallery-item-bottom .float-start {padding:0 0 10px}
}