.board-header { display: none; 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: 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; position: relative; overflow: hidden; transition: all 0.2s; background: #e7e7e7; }
.gallery-list .gallery-item:hover .thumb{box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
.gallery-list .gallery-item .thumb .thumb_img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: all 0.3s; background-position: center center; cursor: pointer; background-repeat: no-repeat; }
.gallery-list .gallery-item:hover .thumb_img{transform: scale(1.1);}
.gallery-list .gallery-item .thumb .thumb_img.cover { background-size: cover; }
.gallery-list .gallery-item .subject { margin-top: 1.87em;}
.gallery-list .gallery-item .subject a { display: block; position: relative; }
.gallery-list .gallery-item .subject a::after { content: ''; display: block; float: none; clear: both; }
.gallery-list .gallery-item .subject a:hover { color: #404040; }
.gallery-list .gallery-item .subject .date{font-size: 1em; color: #999; margin-bottom: 1em; text-transform: uppercase;}
.gallery-list .gallery-item .subject .subject_name { float: left; font-size: 1.25em; color: #444; font-weight: 600; line-height: 1.5em; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 100%; box-sizing: border-box; }
.gallery-list .gallery-item .subject span.secret,
.gallery-list .gallery-item .subject span.new { padding-right: 1.3em; }
.gallery-list .gallery-item .subject span.secret.new { padding-right: 2.6em; }
.gallery-list .gallery-item .subject span.secret::before,
.gallery-list .gallery-item .subject span.new::after { display: none;  position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-family: 'bpicon'; font-weight: 300; }
.gallery-list .gallery-item .subject span.secret.new::before { right: 1.3em; }
.gallery-list .gallery-item .subject span.secret::before { content: '\e66b'; }
.gallery-list .gallery-item .subject span.new::after { content: '\e71e'; }
.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; }

/* @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: 48.3%; margin-right: 3.3%; }
  .gallery-list .gallery-item:nth-child(2n+0) { margin-right: 0; }
  .gallery-list .gallery-item:nth-child(2) { margin-top: 0; }
}
@media screen and (max-width:767px) {
  .gallery-list .gallery-item .subject { margin-top: 1em;}
  .gallery-list .gallery-item .subject .date{margin-bottom: 0.5em;}
}
@media screen and (max-width:570px) {
  .gallery-list .gallery-item{margin-top: 8%;}
  .gallery-list .gallery-item .subject .date{font-size: 12px;}
  .gallery-list .gallery-item .subject .subject_name{font-size: 1.2em;}
}