/*Gallery*/
.boardGalleryContainer { position:relative; color:#333;    margin:0 auto; }
.boardGalleryContainer select {  }
.boardGalleryContainer fieldset { border:none; }
.boardGalleryContainer fieldset legend { display:none; }
.boardGalleryContainer a { color:#333; text-decoration:none; }
.boardGalleryContainer a:hover {  }
.boardGalleryContainer img { border:none; vertical-align:middle; }
.boardGalleryContainer .boardList { }
.boardGalleryContainer .boardList .boardListTitle {margin-bottom:0.75rem; font-size:0.75rem; font-weight:normal; color:#898989;display:none;}
.boardGalleryContainer .boardList .boardListTitle strong{color:#333;}
.boardListSearch{margin-bottom:1.4rem;}
.boardGalleryContainer .galleryList{position:relative;}
.boardGalleryContainer .galleryList ul{display:flex; flex-wrap: wrap;margin:-1.375rem -0.625rem;}
.boardGalleryContainer .galleryList ul li{margin: 1.375rem 0.625rem;width:calc(100% / 3 - 1.25rem);}
.boardGalleryContainer .galleryList ul li a{display:block; padding:1.3rem 1.3rem 2rem;background:#fff;border-radius:1rem; }
.boardGalleryContainer .galleryList ul li a:hover{box-shadow: 10px 0 30px rgb(0 0 0 / 6%);}
.boardGalleryContainer .galleryList ul li a .gimg{overflow:hidden; position:relative; border-bottom:none; margin-bottom:0;border-radius:0.5rem;}
.boardGalleryContainer .galleryList ul li a .gimg em{position:absolute; left:0px; top:0px; background:#262520; color:#fff; width:4rem; height:2rem; line-height:2rem; border-radius:0 0 .75rem 0; text-align:center; font-weight:600; z-index: 1;}
.boardGalleryContainer .galleryList ul li a .gimg span{width:100%;     padding-top: 61.826%; display: inline-block; 	transition: transform .3s ease-out; transform: scale(1.05);}
.boardGalleryContainer .galleryList ul li a:hover .gimg span{transform: scale(1.1);}
.boardGalleryContainer .galleryList ul li a .gimg .gimg-bg {position:absolute;width:100%;height:100%;background:rgba(0,78,162,0.4) url(/images/default/content/board-more.png)no-repeat center center;z-index:1;opacity:0;transition-duration: 0.5s;}

.boardGalleryContainer .galleryList ul li a:hover .gimg .gimg-bg {opacity:1;transition-duration: 0.5s;}

.boardGalleryContainer .galleryList p.subject{ font-weight:500;font-size: 1.15rem; letter-spacing:-0.01em; color: #212121; margin-top:1.5rem; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.3em;height: 1.3em; letter-spacing:-0.05em;position:relative;font-weight:600;}

.boardGalleryContainer .galleryList p.subject img{width:1rem;}
.boardGalleryContainer .galleryList p.view{text-align:right; margin-top:1rem;}
.boardGalleryContainer .galleryList p.view span{background:#F8F8F8; font-weight:bold;font-size:0.7rem; color:#424652; padding:0.6rem 1.25rem; border-radius:3rem;-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
.boardGalleryContainer .galleryList a:hover p.view span{background:#1e2432; color:#fff;}

.boardGalleryContainer .galleryList .txt{display:flex; justify-content: space-between;color:#888886; margin-top:1.5rem; font-size:15px;}
.boardGalleryContainer .galleryList .txt .author{flex-basis: 50%;}
.boardGalleryContainer .galleryList .txt.ar{justify-content: flex-end;}
.boardGalleryContainer .galleryList .txt p.view{margin-top:0; }
.boardGalleryContainer .galleryList .txt .date{display:inline-block; position:relative;color:#666;font-size:0.9rem;}


.boardGalleryContainer .boardButton{margin-top:1.5rem; text-align:right; vertical-align:middle; }

.noPost{ position:relative; color:#333; text-align:center;padding:2rem 1rem; background:#FAFAFA; width:97%; margin-left:1.5%; margin-top:1.5%;}
.noPost span{width:6rem; height:6rem; margin:0 auto; display: flex; align-items: center; justify-content: center; border:2px solid #EFEFEF; border-radius:50%; background:#fff; margin-bottom:1rem;}
.noPost img { border:none; vertical-align:middle; width:50%; }


@media (max-width:1300px){	
	.boardGalleryContainer{width:100% !important;}
}


@media (max-width:1200px){
.boardGalleryContainer .galleryList ul li{width:calc(100% / 3 - 1.25rem);}
.boardGalleryContainer .galleryList .txt{font-size:13px;}
.boardGalleryContainer .galleryList p.view span{font-size:10px; letter-spacing:0;}
}
@media (max-width:1030px){
	.boardGalleryContainer .galleryList ul li{width:calc(100% / 2 - 1.25rem);}
}


@media (max-width:920px){
.boardGalleryContainer .boardList .boardListTitle {font-size:0.85rem;}

.boardGalleryContainer .galleryList p.subject{font-size:1.1rem;}

}
@media (max-width:640px){

.boardGalleryContainer .galleryList ul li{width:calc(100% / 2 - 1.25rem); }

}


@media (max-width:500px){
	.boardGalleryContainer .galleryList{margin-top:2rem;}
	.boardGalleryContainer .galleryList ul{margin:0;}
	.boardGalleryContainer .galleryList ul li {width:100%;margin:0;}
	.boardGalleryContainer .galleryList ul li:not(:last-child){margin-bottom:1rem;}

}