
/*Gallery*/
.boardGalleryContainer { position:relative; color:#353535;    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;}
.boardGalleryContainer .galleryList ul{width:100%; display:flex; flex-wrap: wrap; gap:1.25rem 1.05rem;}
.boardGalleryContainer .galleryList ul li{ width: calc((100% - 1.05rem * 2) / 3); border:1px solid #ededed;  }
.boardGalleryContainer .galleryList ul li a{display:block;transition: all 0.3s ease; transition-property: opacity;    transition-duration: 350ms;    transition-timing-function: ease-out;}
.boardGalleryContainer .galleryList ul li a input{position:relative;}
.boardGalleryContainer .galleryList ul li a .gimg{position:relative;}
.boardGalleryContainer .galleryList ul li a .gimg:before{content : ""; display : block; position : absolute; left :-5%; bottom:0;  width :110%; height : 42.4%; background : #284b8f; opacity:0; transition: all 0.05s;}
.boardGalleryContainer .galleryList ul li a .gimg:after{content : ""; display : block; position : absolute; left :-5%; bottom:0;  width :70%; height : 80%; background : #284b8f; opacity:0; border-radius:5rem 0 0 0; z-index:-2; transition: all 0.05s;}
.boardGalleryContainer .galleryList ul li a .gimg_in{overflow:hidden; position:relative; }
.boardGalleryContainer .galleryList ul li a .gimg_in em{position:absolute; left:0.5rem; top:0.5rem;  display:inline-block; width:3.2rem; height:1.7rem; line-height:1.7rem; text-align:center; background:#fff; border:0.5px solid #676767; border-radius:0.7rem; color:#284b8f; font-size:0.8rem; z-index:0; }
.boardGalleryContainer .galleryList ul li a span{ width:104%; margin-left:-2%; padding-top:69%; display: block; transition: all 0.2s;}


.boardGalleryContainer .galleryList p.subject{font-weight:700;font-size: 1.2rem; color:#000; display: inline-block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em;height: 3em; letter-spacing:0.02em;}

.boardGalleryContainer .galleryList .txt{padding:1.25rem 2rem 3rem 2.2rem; display:flex; justify-content: space-between; flex-direction: column; color:#555; font-size:0.8rem; gap:0.5rem;}\
.certi_list .galleryList .txt {padding: 1.25rem 1rem 3rem;}
.boardGalleryContainer .galleryList .txt .author{flex-basis: 50%;font-size: 0.9rem;color:#828282}
.boardGalleryContainer .galleryList .txt.ar{justify-content: flex-end;}
.boardGalleryContainer .galleryList .txt p.view{margin-top:0; }
.boardGalleryContainer .galleryList .txt .date{color:#828282; font-size:0.8rem;}


.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%;}
.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:1200px){	
	.boardGalleryContainer{width:100% !important; padding:0 1rem;}
}


@media (max-width:1030px){
	.boardGalleryContainer .galleryList .txt{font-size:13px;}
	.boardGalleryContainer .galleryList p.view span{font-size:10px; letter-spacing:0;}
}

@media (max-width:767px){
	.boardGalleryContainer .boardList .boardListTitle {font-size:0.9rem;}
	.boardGalleryContainer .galleryList .txt {padding: 1.75rem 1rem;}
	.boardGalleryContainer .galleryList ul {gap: 1.25rem 1rem}
	.boardGalleryContainer .galleryList ul li{ width: calc((100% - 1rem * 1) / 2);}
	.boardGalleryContainer .galleryList p.subject{font-size:1.1rem;}
}
@media (max-width:540px){
	.boardGalleryContainer .galleryList ul{margin:0;}
	.boardGalleryContainer .galleryList ul li{width: 100%;}
	.boardGalleryContainer .galleryList ul li:first-child{margin-top:0;}

	.boardViewContainer .boardPrev {display: flex;}
	.boardViewContainer .boardNext {display: flex;}
	.boardViewContainer .boardPrev a, .boardViewContainer .boardNext a {padding: 0;  height: 1.4rem; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;}
}



/*제품 슬라이드 게시판*/
.boardProductContainer{max-width:1320px; margin:0 auto;}
.product-list-wrap{position:relative;  padding:0 3.5rem; }
.swiper-button-next, .swiper-button-prev{width:1.45rem; height:2.5rem; margin-top:-1.25rem; background-size: 100% 100%;}
.product-list-wrap .swiper-button-next{background-image: url("/images/default/content/slide_next.png"); right:0;}
.product-list-wrap .swiper-button-prev{background-image: url("/images/default/content/slide_prev.png"); left:0;}
.product-list .gimg{position:relative; border:1px solid #dcdcdc;}
.product-list .gimg span{width:100%; padding-top:59%;  display: block; transition: all 0.2s; }
.product-list .txt{display:none;}

@media (max-width:1030px){
	.product-list-wrap{padding:0 2rem; }
}