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

div.boardGalleryContainer div.boardSearch {margin:0px; text-align:center; margin:4rem 0 0;}
div.boardGalleryContainer div.boardSearch form { margin:0; padding:0; }
div.boardGalleryContainer div.boardSearch form fieldset { display:inline; margin:0;  }
*:first-child+html div.boardGalleryContainer div.boardSearch form fieldset { border:none;} /*ie7*/

.boardSearch {display: flex; align-items: center; justify-content: center; gap: 0.25rem; margin-top:1.5rem;} /*ie*/
.boardSearch select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none;}
.boardSearch select { border:1px solid #dadada; padding:0px 10px; line-height:40px; height:42px;background-image:none;   -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none;	background:#fff url('/images/default/content/sel_arr.svg') no-repeat right+10px center;font-size:16px; color:#464646;  padding:0 0 0 10px; width:100px;    flex-shrink: 0;}
.boardSearch > div{display: flex; align-items: center; justify-content: center; gap:0.5rem;}
.boardSearch input[type="text"] { border:1px solid #dadada; height:42px; width:205px; margin:0; }
.boardSearch input[name="btn_submit"]{flex-shrink:0; display: flex; align-items: center; justify-content: center; cursor:pointer; height:100%; box-sizing:border-box; width:3.5rem;  height:42px; text-indent:-9999px; vertical-align:middle; transition:all 0.4s ease-out 0.1s; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); background:#003663 url('/images/default/content/btn_search.svg') no-repeat center center; outline:0; border:none; border-radius:3px;}
.boardSearch a.shadeButton {flex-shrink:0;position:relative;  display:block; text-indent:-9999px; width:3rem; height:42px;}
.boardSearch a.shadeButton:before{content: "\e9d2"; display: flex; align-items: center; justify-content: center; position : absolute;left : 0;top:0; text-indent:0; font-size: 1.5rem;font-family: 'xeicon'; width:100%; height:100%;background:#92999e;color:#fff; border-radius:3px;}


@media (max-width:767px){
	.boardSearch input[type="text"] {width:100%;}
}


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

/* 카테고리 탭으로 */
.category {position:relative; width: 1420px; margin: 0 auto 2.5rem auto; padding-bottom:2.5rem;}
.category:before{content : ""; display : block; position : absolute; left : 50%; transform:translateX(-50%); bottom:1px;  width :1920px; height : 3px; background : #e5e5e5; z-index:-1;}
.category:after{content : ""; display : block; position : absolute; left :0; bottom:0;  width :100%; height : 5px; background : #353535; z-index:-1;}

.category ul {text-align: center; display: flex; justify-content: center; flex-wrap: wrap; gap:0.5rem 0;}
.category ul li {display: inline-block; position: relative; }
.category ul li a {display: block; padding: 0 1rem; font-size:0.95rem; font-weight: 500; color: #888; transition: 0.4s;}
.category ul li.on a, .category ul li a.on, .category ul li:hover a{text-decoration: none; color: var(--sub); }
.category ul li:not(:last-child):after {content: ""; position: absolute; top:0.4em; right: 0; height: 15px; width: 1px; background: #d7d7d7;}
.category ul li:last-child a:after {content: none;}
.category ul li a span {position: relative; display: inline-block; height: 100%; } 


@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}
}