/*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;}
.boardGalleryContainer .boardList .boardListTitle strong{color:#333;}

.boardGalleryContainer .galleryList{position:relative; border-top:1px solid #414141; padding-top:1.5rem;}
.boardGalleryContainer .galleryList ul{display:flex; flex-wrap: wrap; margin:-1.5%;}
.boardGalleryContainer .galleryList ul li{flex-basis: 30.33%; margin:1.5%;}
.boardGalleryContainer .galleryList ul li a{display:block; border:1px solid #DFDFDF; padding:1.3rem 1.3rem 2rem; }
.boardGalleryContainer .galleryList ul li a .gimg{overflow:hidden; position:relative; border-bottom:none; margin-bottom:0;}
.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:70.17%;  display: inline-block; 	transition: transform .3s ease-out; position:relative;overflow:hidden;}
.boardGalleryContainer .galleryList ul li a .gimg span img{position:absolute;left:0;top:0;width:100%;height:100%;    object-fit: cover;transform: scale(1);transition-duration: 0.5s;
}
.boardGalleryContainer .galleryList ul li a:hover .gimg span img{transform: scale(1.1);transition-duration: 0.5s;
}
.boardGalleryContainer .galleryList ul li a input{position:relative;}

.boardGalleryContainer .galleryList p.subject{ font-weight:500;font-size: 1rem; 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;}
.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{margin-left:5px;display:inline-block;  padding-left:8px; position:relative;}
.boardGalleryContainer .galleryList .txt .date:before{content : ""; display : block; position : absolute; left : 0; top:10%;  width :1px; height : 80%; background : #ddd;}


.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{flex-basis: 30.33%;}
.boardGalleryContainer .galleryList .txt{font-size:13px;}
.boardGalleryContainer .galleryList p.view span{font-size:10px; letter-spacing:0;}
}

@media (max-width:920px){
.boardGalleryContainer .boardList .boardListTitle {font-size:0.85rem;}
.boardGalleryContainer .galleryList ul li{flex-basis: 47%;}
.boardGalleryContainer .galleryList p.subject{font-size:1.1rem;}

}
@media (max-width:640px){
.boardGalleryContainer .galleryList ul{margin:0;}
.boardGalleryContainer .galleryList ul li{flex-basis: 100%; margin:0; margin-top:15px;}
.boardGalleryContainer .galleryList ul li:first-child{margin-top:0;}
}