/*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;gap:1.85rem;}
.boardGalleryContainer .galleryList ul li{width:calc((100% - (1.85rem * 3)) /4);border-radius:1rem 1rem 0 0;overflow:hidden;}
.boardGalleryContainer .galleryList ul li a{display:block;  }
.boardGalleryContainer .galleryList ul li a .gimg{overflow:hidden; position:relative; margin-bottom:0;padding-top:70.17%; }
.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%;  display: inline-block; 	transition: transform .3s ease-out;left:0;top:0;height:100%; position:absolute;}
.boardGalleryContainer .galleryList ul li a:hover .gimg span{transform: scale(1.1);}
.boardGalleryContainer .galleryList ul li a input{position:relative;}

.boardGalleryContainer .galleryList p.subject{color: #FFF; font-size: 1rem; font-weight: 600; line-height: 1.5rem;    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;min-height:4.5rem;}
.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-box {padding:1.75rem;    background: var(--4, linear-gradient(151deg, #262652 1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%));border-radius:0 0 1rem 1rem;}
.boardGalleryContainer .galleryList .txt{display:flex;color:rgba(242,242,242,0.7); margin-top:1.75rem; font-size:0.8rem;gap:0.5rem;}
.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 .state{ width:2.45rem;height:1.2rem;display:flex;justify-content:center;align-items:center;border-radius: 0.25rem;background:#A8B2FF;color:#13132E;font-size:0.7rem;    line-height: 1;}
.boardGalleryContainer .galleryList .txt span.date {flex:1;}


.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:1600px){	
.boardGalleryContainer {width:100% !important;padding:0 1rem;}
}

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


@media (max-width:1200px){
.boardGalleryContainer .galleryList ul li{width: calc((100% - (1.85rem * 2)) / 3);}
.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 {gap:1.5rem;}
.boardGalleryContainer .galleryList ul li{width: calc((100% - (1.5rem * 1)) / 2);}
.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;}
.boardGalleryContainer .galleryList ul li:first-child{margin-top:0;}
}