/*Gallery*/
div.boardGalleryContainer { position:relative; color:#333;   margin:0 auto; font-size:0.9rem; font-family: 'Pretendard', serif;}
div.boardGalleryContainer fieldset { border:none; }
div.boardGalleryContainer fieldset legend { display:none; }
div.boardGalleryContainer img { border:none; vertical-align:middle; margin-bottom:8px; }
div.boardGalleryContainer div.boardList {  }
div.boardGalleryContainer div.boardList div.boardListTitle {padding:0 0 0 2px; line-height:1.0; font-size:15px; margin-bottom:15px;font-weight:normal; color:#898989;}
div.boardGalleryContainer div.boardList div.boardListTitle strong{color:#555;}
div.boardGalleryContainer div.boardList div.boardListRightTitle { padding:0 3px 0 0; text-align:right; }
div.boardGalleryContainer div.boardList div.boardListRightTitle form.categoryForm { display:inline; margin:0; padding:0; }
div.boardGalleryContainer div.boardList div.boardListRightTitle form.categoryForm fieldset { display:inline; margin:0; padding:0; border:none; }
div.boardGalleryContainer div.boardList div.boardListRightTitle form.categoryForm fieldset legend { display:none; }
div.boardGalleryContainer div.boardList table { margin:2px 0 2px 0; border-collapse:collapse; word-wrap:break-all; }
div.boardGalleryContainer div.boardList table caption { display:none; }
div.boardGalleryContainer div.boardList table thead { background:linear-gradient(180deg, #fefefe 0%, #eee 100%); behavior:url(/css/htc/PIE-1.0.0/PIE.htc); -pie-background: linear-gradient(#fefefe, #eee); }
div.boardGalleryContainer div.boardList table thead tr th { padding:6px 5px; border-top:1px solid #dbd2d5; border-bottom:1px solid #dbd2d5; color:black; text-align:center; white-space:nowrap; word-wrap:break-word; }
div.boardGalleryContainer div.boardList table thead tr th span { display:block; width:100%; border-left:1px dotted #bbb; }
div.boardGalleryContainer div.boardList table thead tr th.first { border-left:1px solid #dbd2d5; }
div.boardGalleryContainer div.boardList table thead tr th.first span { border-left:none; }
div.boardGalleryContainer div.boardList table thead tr th.last { border-right:1px solid #dbd2d5; }
div.boardGalleryContainer div.boardList table tbody tr td { padding:0px 10px; text-align:center; word-wrap:break-word; }
div.boardGalleryContainer div.boardList table tbody tr td:first-child{padding-left:0;}
div.boardGalleryContainer div.boardList table tbody tr td.num {  }
div.boardGalleryContainer div.boardList table tbody tr td.title { text-align:left; vertical-align:middle; }
div.boardGalleryContainer div.boardList table tbody tr td.author {  }
div.boardGalleryContainer div.boardList table tbody tr td.rdate {  }
div.boardGalleryContainer div.boardList table tbody tr td.rnum {  }

div.boardGalleryContainer  .galleryList {display:flex; flex-wrap:wrap; gap: 3.8rem 1.75rem;}
div.boardGalleryContainer  .galleryList li {width:calc((100% - 1.75rem * 3)/4);}
div.boardGalleryContainer  div.galleryList div.item { margin-bottom:10px; text-align:center; background-color:#fff; box-shadow:0 0 3px #dbd2d5; behavior:url(/css/htc/PIE-1.0.0/PIE.htc); word-wrap:break-all; }
div.boardGalleryContainer  div.galleryList div.selected { border:1px solid red; } /*img { border:none; -webkit-box-reflect:below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.5))); }*/
div.boardGalleryContainer  .galleryList li .gimg {padding-top: 75.68%; position:relative;}
div.boardGalleryContainer  .galleryList li .cover {display: flex; justify-content: center; align-items: center;position: absolute; top: 0px;  left: 0px;  width: 100%;  height: 100%; z-index: 10; background:#000; opacity:0; transition: all 0.3s;}
div.boardGalleryContainer  .galleryList li .cover i {color:#fff; font-size:2.5rem;}
div.boardGalleryContainer  .galleryList li:hover .cover {opacity:0.7;} 
div.boardGalleryContainer  div.galleryList div.item div.imagePanel { display:none; position:absolute; left:0; bottom:0; width:100%; background:url(/images/board/clip/translucent_bg.png); color:#fff; }
div.boardGalleryContainer  div.galleryList div.item div.imagePanel p { margin:5px 0; padding:0; width:100%; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
div.boardGalleryContainer  div.galleryList div.item img.iconLock { position:absolute; top:1px; left:1px; background:#fff; opacity:.7; }
div.boardGalleryContainer  div.galleryList div.item img.iconNew { position:absolute; top:1px; right:1px; }
div.noGallery { margin:20px 5px; padding:50px 0; border:none; text-align:center; box-shadow:0 0 3px #dbd2d5; behavior:url(/css/htc/PIE-1.0.0/PIE.htc); }
*:first-child+html div.boardGalleryContainer  div.galleryList { padding:10px; }
*:first-child+html div.boardGalleryContainer  div.galleryList div.item { float:left; position:relative; margin-left:5px; margin-right:5px; width:170px; height:170px; } /*ie7*/
div.boardGalleryContainer  div.manageButton{margin-bottom:-20px;}

.noPost{display: flex; justify-content: center; align-items: center; flex-direction: column; width:100%; background:url('/images/board/layout/no-post-bg.jpg')no-repeat 50% 50%/cover;}
.noPost img{}

.boardButton { margin-top:15px; padding:0; text-align:right; }

@media (max-width:1420px){
	div.boardGalleryContainer {width:100% !important; margin:0; padding: 0 1rem;}
	div.boardGalleryContainer  .galleryList {gap: 2.5rem 1.5rem;}
	div.boardGalleryContainer  .galleryList li { width: calc((100% - 1.5rem* 3) / 4);}
}
@media (max-width:1030px){
	div.boardGalleryContainer  .galleryList li { width: calc((100% - 1.5rem* 2) / 3);}
}
@media (max-width:767px){
	div.boardGalleryContainer  .galleryList li { width: calc((100% - 1.5rem* 1) / 2);}

}
@media (max-width:450px){
	div.boardGalleryContainer  .galleryList li { width: 100%;}

}



/* 홍보자료 갤러리 */
div.boardGalleryContainer .posterList li {padding: 2rem; background:#f4f4f4; text-align: center;}
div.boardGalleryContainer .posterList li .subject {margin:1rem 0; font-weight:700;}
div.boardGalleryContainer .posterList li .subject strong {display:none;}
div.boardGalleryContainer .galleryList li .posterImg {padding-top:145.63%; cursor:default;}

div.boardGalleryContainer .galleryList .pr_btn {display: flex;  justify-content: center;  align-items: center; gap: 0.5rem;}
div.boardGalleryContainer .galleryList .pr_btn a {display: flex; gap: 0.5rem;align-items: center; justify-content: center; padding: 0.5rem 1rem; background: #fff;  border: 2px solid #e4e4e4;  color: #4b4b4b;  font-size: 0.9rem;  line-height: 1rem; height:2.3rem;}
div.boardGalleryContainer .galleryList .pr_btn a i {transform:rotate(0deg) !important;}
div.boardGalleryContainer .galleryList .pr_btn a.pr_view {padding: 0; background:var(--sub); width: 2.2rem; height:auto; color:#fff; border:none;aspect-ratio: 1;}

@media (max-width:1420px){
	div.boardGalleryContainer .posterList {gap:2.5rem 1rem;}
	div.boardGalleryContainer .posterList li {padding: 1.5rem 1rem; width: calc((100% - 1rem* 3) / 4);}
}
@media (max-width:1030px){
	div.boardGalleryContainer  .posterList li { width: calc((100% - 1rem* 2) / 3);}
}
@media (max-width:767px){
	div.boardGalleryContainer .posterList li .subject {font-size:1.2rem;}
	div.boardGalleryContainer  .posterList li { width: calc((100% - 1rem* 1) / 2);}
}
@media (max-width:450px){
	div.boardGalleryContainer  .posterList li { width: 100%;}
	div.boardGalleryContainer .galleryList .pr_btn a  {height: 2.5rem;}
	div.boardGalleryContainer .galleryList .pr_btn a.pr_view {width:2.5rem}
}