.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; position: relative; width: 100%; margin-top: 5%; }
.gallery-list .gallery-item > div { float: left; width: 100%; }
.gallery-list .gallery-item .num { margin-bottom: 10px; }
.gallery-list .gallery-item .thumb { float: left; width: 30%; 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 .gallery-item-info { float: left; width: 60%; margin: 0 0 0 3%; }
.gallery-list .gallery-item .subject { font-size: 20px; font-weight: 600; line-height: 150%; }
.gallery-list .gallery-item .content{line-height: 26px; margin-top: 20px; }


.gallery-list .gallery-item .date { position: absolute; left: 33%; width: 60%; bottom: 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; }


@media ( max-width: 768px ) {
  .gallery-list .gallery-item { font-size: 13px; }
.gallery-list .gallery-item .thumb { width: 100%; }
  .gallery-list .gallery-item .subject { font-size: 16px; }
}

@media ( max-width: 650px ) {
  .gallery-list .gallery-item { margin-top: 15%; }
  .gallery-list .gallery-item .thumb { width: 100%; }
  .gallery-list .gallery-item .gallery-item-info { width: 100%; margin: 5% 0 0 0; }
  .gallery-list .gallery-item .date { position: initial; left: auto; width: 100%; bottom: auto; margin-top: 3%; }
}