/*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; }

.boardList { }
.boardGalleryContainer .boardListTitle {display:none; margin-bottom:0.75rem; font-size:0.75rem; font-weight:normal; color:#898989;}

.galleryList{position:relative;}
.galleryList ul{display:flex; flex-wrap: wrap; gap:3.55rem 1rem; margin-top: 3.1rem;}
.galleryList ul li{ width: calc((100% - 1rem * 2) / 3);}
.galleryList ul li a{display:block; border:1px solid #ededed; transition: all 0.3s ease; transition-property: opacity;    transition-duration: 350ms;    transition-timing-function: ease-out;}
.galleryList ul li a input{position:relative;}
.galleryList ul li .gimg{position:relative; border-bottom:1px solid #ededed;}
.galleryList ul li .gimg_in{overflow:hidden; position:relative; margin-bottom:0;}
.galleryList ul li .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; }
.galleryList ul li .gimg_in span{width:100%; padding-top:64%;  display: block; transition: all 0.2s; }
.galleryList ul li .txt{padding: 1.3rem 1.5rem 1.1rem;}
.galleryList ul li .subject{ font-weight:500;font-size: 1.2rem; font-weight: 700; display: block; text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 1.47;height: 3.2em; color:#000;}
.galleryList ul li a .txt .date{display:none;}
.galleryList ul li a:hover .gimg_in span{transform: scale(1.1);}
.galleryList ul li a:hover .gimg:before,
.galleryList ul li a:hover .gimg:after{opacity:1; }


.boardButton{margin-top:1.5rem; text-align:right; vertical-align:middle; }
.shadeButton { margin:0 5px; display:block; text-indent:-10000px; font-size:0; width:84px; height:40px;background: url('/images/board/button/btn_list2.gif') no-repeat 0 0;  float:right; }

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


@media (max-width:767px){
	.boardList .boardListTitle {font-size:0.9rem;}
	.galleryList ul li{ width: calc((100% - 1rem * 1) / 2);}
	.galleryList ul li a .txt{padding:1.25rem 1rem;}
	.galleryList ul li a .txt .subject{font-size:1.1rem;}

}
@media (max-width:540px){
	.galleryList ul li{width: 100%;}
}

/* 브로셔 리스트 */
.brochure_list ul {gap: 4rem 3.95rem;}
.brochure_list ul li {width: calc((100% - 2.9rem * 3) / 4); border: 1px solid #d5d3d1;}
.brochure_list ul li .gimg {aspect-ratio: 254 / 322; border-bottom:1px solid #d5d3d1;}
.brochure_list ul li .txt {display:block; padding: 0.5rem 1rem 1.1rem;}
.brochure_list ul li .txt .date{display:none;}
.brochure_list ul li .txt p.down {text-align:center; margin-top: 0.7rem;}
.brochure_list ul li .txt p.down a.pdfBtn {display: inline-flex;align-items: center;justify-content: center; padding: 0 0.75rem; width:6.4rem; height:1.8rem; line-height:1.8rem; border-radius: 0.9rem;font-size: 0.8rem; font-weight: 400;cursor: pointer; color: #000; background: #d3deea; transition:all 0.3s; font-family:"Noto Sans KR", "sans-serif"; border: 0;}
.brochure_list ul li .txt p.down a.pdfBtn:hover {color: #fff;background: #215c98;}
	



@media (max-width:1020px){	
	.brochure_list ul {gap: 4rem 2rem;}
	.brochure_list ul li {width: calc((100% - 2rem* 2) / 3);}
}
@media (max-width:767px){	
	.brochure_list ul {gap: 4rem 1rem;}
	.brochure_list ul li {width: calc((100% - 1rem* 1) / 2);}
}