/*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 { overflow:hidden;  }
.boardGalleryContainer .boardListHead {display:flex; align-items: baseline; justify-content: space-between; margin-bottom:10px; font-size:0.85rem;}
.boardGalleryContainer .boardListTitle {font-size:0.8rem; font-weight:normal; color:#898989;}
.boardGalleryContainer .boardListTitle strong{color:#555;}
.boardGalleryContainer .boardListRightTitle { padding:0 3px 0 0; text-align:right; }
.boardGalleryContainer .boardListRightTitle form.categoryForm { display:inline; margin:0; padding:0; }
.boardGalleryContainer .boardListRightTitle form.categoryForm fieldset { display:inline; margin:0; padding:0; border:none; }
.boardGalleryContainer .boardListRightTitle form.categoryForm fieldset legend { display:none; }
.boardGalleryContainer .boardListRightTitle form.categoryForm select{min-width:7.5rem;font-size:15px; height:35px; line-height:35px;}

.boardGalleryContainer .no_post{font-size:.8rem; text-align:center !important; padding:7.5rem 0px 1.5rem 0px !important; background: #f8f8f8 url('/images/default/content/noPost2.svg') no-repeat center 1.25rem !important; background-size: 5.25rem auto !important; width:100% !important; margin-top:1rem;}

@media (max-width:767px){
.boardGalleryContainer .boardListHead {flex-direction:column-reverse; align-items: stretch; flex-wrap: wrap;}
.boardGalleryContainer .boardListTitle{font-size:0.85rem;}

}


/*갤러리 리스트*/
.galleryList{position:relative;  }
.galleryList ul{display:flex; flex-wrap: wrap; margin:-2% -1%;}
.galleryList ul li{flex-basis: 31.333%; margin:2% 1%;}
.galleryList ul li a{display:block;}
.galleryList ul li a .gimg{margin-bottom:20px; overflow:hidden; position:relative;  border:1px solid #eee;}
.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;}
.galleryList ul li a .gimg span{width:100%; padding-top:56.25%;  display: inline-block; 	transition: transform .3s ease-out; }
.galleryList ul li a:hover .gimg span{transform: scale(1.1);	}
.galleryList p.subject{ font-weight:500; padding:0; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 1.3em; font-size: 0.9rem;  letter-spacing:-0.03em;  color: #343434;}
.galleryList p.date{padding-top: 5px; color: #888;}
.galleryList ul li a input{position:relative; z-index:100;}

.galleryList.movie ul li a .gimg:after{ content : ""; display : block; position : absolute; left :50%; top:50%; margin-top:-15px; margin-left:-13px; width : 26px; height : 30px;  background: url("/images/default/content/play.png") no-repeat center center; z-index:10;}
.galleryList.movie ul li a .gimg:before{ content : ""; display : block; position : absolute; left :0; top:0;  width : 100%; height : 100%; background : rgba(0, 0, 0, .5); z-index:1;}


@media (max-width:767px){
.galleryList ul li{flex-basis: 48%;}
.galleryList p.subject{font-size:1.05rem;}
}
@media (max-width:360px){
.galleryList ul li{flex-basis: 100%;}

}


/*갤러리 리스트-new */
/*└> 사진배경으로 깔리고 호버시 사진배경 없어지고 흰배경의 검정글씨*/
.galleryList-new{position:relative; }
.galleryList-new ul{margin:-3% -1%;}
.galleryList-new ul li{width:31.333%; margin:3% 1%; float:left; position: relative; height:18rem;}
.galleryList-new ul li a{display:block; width:100%; height:100%; padding:1.5rem 1.25rem 1.25rem; transition: all ease .2s; }
.galleryList-new ul li a:after{ content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.galleryList-new p.subject{position: relative; font-weight:500; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.6em; font-size: 1.2rem;    color: #fff; transition: all ease .1s; z-index: 10;}
.galleryList-new p.desc{font-size: .9rem;  line-height: 1.3rem;  position: relative;  z-index: 1; display: -webkit-box;  overflow: hidden;  height: 3.9rem;  margin-top: 1.5rem; transition: all ease .1s; text-overflow: ellipsis; word-break: break-word; color: #f2f2f2; -webkit-line-clamp: 3;    -webkit-box-orient: vertical;}
.galleryList-new p.date{position: absolute; z-index: 1; bottom: 1.25rem;  padding-top: 1.25rem;color: #fff;}
.galleryList-new ul li a input{position:relative; z-index:100;}
.galleryList-new ul li:hover{background:#fff !important; box-shadow: 6px 8px 16px 0 rgb(0 0 0 / 12%);}
.galleryList-new ul li a:hover{outline:2px solid #262520; background:#fff !important; }
.galleryList-new ul li a:hover p.subject,
.galleryList-new ul li a:hover p.desc,
.galleryList-new ul li a:hover p.date{color:#111;}
.galleryList-new ul li a:hover:after{display:none;}


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



/********************************************************
■ 레이아웃 변경
********************************************************/

/*********** 태블릿 ***********/
@media all and (max-width:767px){
	.galleryList ul li,
	.galleryList-new ul li{width:48%;}
	
}

@media (max-width: 524px){
	.galleryList ul li{width:98%;}
	.galleryList-new ul li{width:98%; height:14rem;}
}