.board-header { width: 100%; margin-bottom: 20px; }
.board-header .board-total { float: left; }
.board-header .board-sort { float: right; }

.gallery-list { width: 100%; }
.gallery-list:after { content: ''; display: block; float: none; clear: both; }
.gallery-list .gallery-item { float: left; width: 100%; }
.gallery-list .gallery-item > div { float: left; width: 100%; }
.gallery-list .gallery-item .num { margin-bottom: 10px; }
.gallery-list .gallery-item .thumb { float: left; position: relative; overflow: hidden; background: #e7e7e7; /*height: 220px !important;*/  }
.gallery-list .gallery-item .thumb .thumb_img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center center; cursor: pointer; background-repeat: no-repeat; }
.gallery-list .gallery-item .thumb .thumb_img.cover { background-size: cover; }
.gallery-list .gallery-item .subject { font-size: 20px; font-weight: 600; line-height: 150%; height: 60px; margin: 15px 0 35px; overflow: hidden; }

.gallery-list .gallery-item .info { padding-top: 20px; border-top: solid 1px #ddd; }
.gallery-list .gallery-item .info > p { margin-top: 5px; }
.gallery-list .gallery-item .info > p:first-child { margin-top: 0; }
.gallery-list .gallery-item:nth-child(1) { margin-top: 0; }
.gallery-list .empty { width: 100%; text-align: center; padding: 50px 0; }
.gallery-list .empty > p { margin-bottom: 20px; }

.gallery-list .gallery-item > .thumb



@media ( min-width: 480px ) {
  .gallery-list .gallery-item:nth-child(2) { margin-top: 0; }
}
@media ( max-width: 480px ) {
  .gallery-list .gallery-item:first-child { margin-top: 10%; }
  .gallery-list .gallery-item {margin-bottom: 10vh;}
  .gallery-list .gallery-item .subject {margin:3% 0;}
  .gallery-list .gallery-item .info > p {float:left;}
  .gallery-list .gallery-item .info > p:nth-child(2) {float:right; margin:0;}
}
@media ( min-width: 480px ) and ( max-width: 767px ) {
  .gallery-list .gallery-item { width: 48.5%; margin-right: 3%; margin-bottom:5vh;}
  .gallery-list .gallery-item:nth-child(2n+0) { margin-right: 0; }
}
@media ( min-width: 768px ) {
  .gallery-list .gallery-item { width: 22.75%; margin:0 3% 6% 0; }
  .gallery-list .gallery-item:nth-child(4n+0) { margin-right: 0; }
  .gallery-list .gallery-item:nth-child(3),
  .gallery-list .gallery-item:nth-child(4) { margin-top: 0; }
}