/*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 {font-size:0.9rem; font-weight:700; color:#fff;}
.boardGalleryContainer .boardList .boardListTitle strong{color:#FF5500;}

.boardGalleryContainer .galleryList{position:relative; border-top:1px solid rgba(255,255,255,0.5); padding-top:1.5rem;margin-top:2.5rem;}
.boardGalleryContainer .galleryList ul{display:flex; flex-wrap: wrap;gap:3.75rem  2.4rem; }
.boardGalleryContainer .galleryList ul li{width:calc((100% - (2.4rem * 3)) / 4);border-radius:10px;overflow:hidden;background:#222222;}
.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:74.18%; }
.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;position:absolute;width:100%;height:100%;left:0;top:0; }
.boardGalleryContainer .galleryList ul li a .gimg strong {position:absolute;left:1rem;top:1rem;font-size:0.7rem;font-weight:600;color:#FF5500;background:#0C0805;border-radius:5px;font-weight:600;padding:0.35rem 0.7rem;display:none;}

.boardGalleryContainer .galleryList ul li a:hover .gimg span{transform: scale(1.1);}
.boardGalleryContainer .galleryList ul li a input{position:relative;}

.boardGalleryContainer .galleryList .txt-box {background:#222222;padding:2rem 1.5rem;}

.boardGalleryContainer .galleryList p.subject{ font-weight:600;font-size: 1rem; letter-spacing:-0.01em; color: #fff; 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:#222;margin-top:1.5rem;color:#fff;width:100%;}
.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;display:none;}
.noPost img { border:none; vertical-align:middle; width:50%; }


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


@media (max-width:1200px){

.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{margin-top:0;}
.boardGalleryContainer .galleryList ul{margin:0;gap:1rem;}
.boardGalleryContainer .galleryList ul li{flex-basis: 100%; margin:0; margin-top:15px;}
.boardGalleryContainer .galleryList ul li:first-child{margin-top:0;}

}





.hover-bx {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center; background:rgba(0,0,0,0.5);opacity:0;}

.hover-bx .tit {font-size:0.8rem;color:rgba(255,255,255,0.6);}
.hover-bx .cate {font-size:0.9rem;color:#fff;margin-top:0.5rem;width:100%;padding:0 0.5rem;text-align:center;}
.hover-bx .more-btn {width:3rem;height:3rem;background:#FF5500 url(/images/default/main/more-icon.svg)no-repeat center center;border-radius:50%;margin-top:0.5rem;}


.boardGalleryContainer .galleryList ul li:hover a .gimg span{transition: filter 0.3s ease;filter: blur(5px);transition-duration: 0.3s;}
.boardGalleryContainer .galleryList ul li a .gimg:after{content:'';display: block;position: absolute;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));height: 5rem;width: 100%;left: 0;bottom: 0;z-index: 1;}

.boardGalleryContainer .galleryList ul li:hover .hover-bx{opacity:1;transition-duration: 0.3s;}

.boardGalleryContainer .galleryList ul li:hover a .gimg strong {opacity:0;}

/*뷰페이지*/

.board-view {display:flex;background:#222;border-radius:1rem;padding:3rem;gap:4rem;align-items: center;}
.board-view .big-Swiper .swiper-slide {border-radius:1rem;overflow:hidden;}
.board-view .thum-slide .swiper-slide {border-radius:5px;overflow:hidden;}
.board-view .thum-slide{margin-top:1rem;}
.board-view .img-box {width:42%;overflow:hidden;}
.board-view .txt-box{flex:1;}
.board-view .txt-box strong {font-size:1.75rem;color:#fff;font-weight:700;display:block;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.5);}
.board-view .txt-box ul{padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,0.5);}
.board-view .txt-box ul li  {color:rgba(255,255,255,0.6);font-size:1rem;font-weight:600;}
.board-view .txt-box ul li b{color:#fff;font-weight:600;width:4.25rem;display:inline-block;}
.board-view .txt-box ul li:not(:last-child){margin-bottom:1rem;}
.board-view .txt-box .cont-box {font-size:1rem;padding-top:2.5rem;}
.board-view .txt-box .cont-box .tit {font-size:1rem;color:#fff;font-weight:700;}
.board-view .txt-box .cont-box .txt {font-size:1rem;color:rgba(255,255,255,0.6);font-weight:600;margin-top:0.75rem;}

@media (max-width:1500px){
	.board-view{padding:1.5rem;gap:1.5rem;align-items: flex-start;}
}
@media (max-width:767px){
	.board-view{ flex-direction:column;gap:1.5rem;}
	.board-view .img-box{width:100%;}
	.board-view .txt-box strong{padding-bottom:1rem;}
	.board-view .txt-box ul{padding:1rem 0;}
	.board-view .txt-box .cont-box{padding-top:1rem;}

}

.boardgalleryList {border-top:1px solid rgba(255,255,255,0.2);margin-top:2.5rem;}
.boardgalleryList > ul > li > a{display:flex;padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,0.2);align-items:center;gap:3rem;
}


.boardgalleryList > ul > li > a .gimg {width:290px;height:185px;border-radius:10px;position:relative;overflow:hidden;}
.boardgalleryList > ul > li > a .gimg span {position:absolute;width:100%;height:100%;transition-duration: 0.3s;}

.boardgalleryList > ul > li > a .txt-box{flex:1;}
.boardgalleryList > ul > li > a .txt-box .subject {font-size:1.25rem;color:#fff;font-weight:700;}
.boardgalleryList > ul > li > a .txt-box .txt {font-size:0.9rem;color:rgba(255,255,255,0.6);margin:1.25rem 0 1.75rem 0;}
.boardgalleryList > ul > li > a .txt-box .date {font-size:0.9rem;color:#fff;}

.boardgalleryList > ul > li > a:hover .gimg span{    scale: 1.1;transition-duration: 0.3s;}
.boardgalleryList > ul > li > a:hover .txt-box .txt {    text-decoration: underline;
    text-underline-position: under;}




@media (max-width:1500px){
	.boardGalleryContainer{width:100% !important;padding:0 1rem;}
}

.boardSearch select{display:none;}

@media (max-width:1030px){
	.boardSearch{width:auto;}
	.boardSearch .bar-input{width:100%;justify-content: space-between;}
	.boardSearch input[name="btn_submit"]{width:2.75rem;}
}

@media (max-width:767px){
	.boardSearch .bar-input{height:auto;    flex-direction: row;}
	.bar-input input[type="text"]{height:auto;}
	.boardSearch{margin-top:0;}
	.boardgalleryList > ul > li > a {flex-direction:column;    align-items: flex-start;}
	.boardSearch{width:100%;}

}
@media (max-width:500px){
	.boardListSearch{   flex-direction: column-reverse;    align-items: flex-start;gap:1rem;width:100% !important;}
	.boardgalleryList > ul > li > a .gimg{width:100%;padding-top:65%;}
	.boardgalleryList > ul > li > a .gimg span {left:0;top:0;}
}