.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%; margin-top: 8%; }
.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; }
.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: 1.3em; font-weight: 600; line-height: 150%; height: 3em; margin: 5% 0 0; overflow: hidden;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow: ellipsis; }
.gallery-list .gallery-item .content { font-size: 0.85em; line-height: 180%; height: 5.4em; margin: 1.5em 0 0; padding: 1.5em 0; border-top: solid 1px #ddd; box-sizing: content-box; }
.gallery-list .gallery-item .content > div { overflow: hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; }
.gallery-list .gallery-item .info { }
.gallery-list .gallery-item .info > p { margin-top: 5px; }
.gallery-list .gallery-item .info > p:first-child { margin-top: 0; }
.gallery-list .gallery-item .info > p.date { font-size: 0.8em; font-family: 'Montserrat'; }
.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; }

@media ( min-width: 480px ) {
  .gallery-list .gallery-item:nth-child(2) { margin-top: 0; }
}
@media ( min-width: 480px ) and ( max-width: 767px ) {
  .gallery-list .gallery-item { width: 48.5%; margin-right: 3%; }
  .gallery-list .gallery-item:nth-child(2n+0) { margin-right: 0; }
}
@media ( min-width: 768px ) {
  .gallery-list .gallery-item { width: 22.75%; margin-right: 3%; }
  .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; }
}