/*Gallery*/
.boardGalleryContainer { position:relative; color:#333;    margin:3rem auto 0 auto !important; }
.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:1rem; font-size:0.9rem; color:#333;}
.boardGalleryContainer .boardList .boardListTitle strong{color:#1060A1;}

.boardGalleryContainer .galleryList{position:relative; }
.boardGalleryContainer .galleryList ul{display:flex; flex-wrap: wrap;gap:3rem 1.5rem;}
.boardGalleryContainer .galleryList ul li{width:calc(100% / 4 - 1.125rem);}
.boardGalleryContainer .galleryList ul li a{display:block;}
.boardGalleryContainer .galleryList ul li a .gimg{overflow:hidden; position:relative; border-bottom:none; margin-bottom:0;     padding-top: 56.25%; }
.boardGalleryContainer .galleryList ul li a .gimg span{position:absolute;width:100%;height:100%;left:0;top:0;	transition: transform .3s ease-out; }
.boardGalleryContainer .galleryList ul li a:hover .gimg span{transform: scale(1.1);}
.boardGalleryContainer .galleryList ul li a input{position:relative;}
.boardGalleryContainer .galleryList ul li a .text-zone {padding:1.25rem 1rem 1.5rem 1rem;background:#F8F8F8;}

/*호버했을 경우*/
.boardGalleryContainer .galleryList ul li a:hover {box-shadow: 0 10px 30px rgb(16 96 161 / 10%);}
.boardGalleryContainer .galleryList ul li a:hover .text-zone {background:#fff;}
.boardGalleryContainer .galleryList ul li a:hover p.subject {color:#1060A1;font-weight:700;}
.boardGalleryContainer .galleryList ul li a:hover  .txt .date {color:#1060A1;}

.boardGalleryContainer .boardButton a {display: inline-block;height: 2.75rem;line-height: 2.75rem;border: 1px solid #000;border-radius: 2.5rem;background: #fff url(/images/default/content/board-arrow.svg)no-repeat center right+1rem;font-size: 0.8rem;color: #000 !important;text-align: left;width: 7.5rem;padding: 0 2rem 0 1rem;}
.boardGalleryContainer .boardButton a:hover {background: #000 url(/images/default/content/board-arrow-on.svg)no-repeat center right+1rem;color: #fff !important;box-shadow: none;}



.boardGalleryContainer .galleryList p.subject{ font-weight:600;font-size: 1rem; letter-spacing:-0.01em; color: #212121; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3em;height: 2.6em; 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{color:#666; margin-top:1rem; font-size:1rem;text-align:right;}
.boardGalleryContainer .galleryList .txt .author{}
.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;}


.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:100%;  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;}
	.boardGalleryContainer .galleryList ul li{    width: calc(100% / 3 - 1rem);}
}


@media (max-width:1200px){
.boardGalleryContainer .galleryList ul li{}
.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{}
.boardGalleryContainer .galleryList p.subject{font-size:1.1rem;}

}
@media (max-width:767px){
	.boardGalleryContainer .galleryList ul li {width: calc(100% / 2 - 0.75rem);}
}

@media (max-width:640px){
.boardGalleryContainer .galleryList ul{margin:0;}
.boardGalleryContainer .galleryList ul li{ margin:0; }
.boardGalleryContainer .galleryList ul li:first-child{margin-top:0;}
}
@media (max-width:500px){
	.boardGalleryContainer .galleryList ul {gap:1.5rem;}
	.boardGalleryContainer .galleryList ul li{width:100%;}
}