div.boardListTitle { padding:0 0 0 2px; height:40px; line-height:40px; font-size:.8rem; font-weight:normal; color:#898989;}
/*Gallery*/
div.boardGalleryContainer { position:relative; color:#333;    margin:0 auto; }
div.boardGalleryContainer select {  }
div.boardGalleryContainer fieldset { border:none; }
div.boardGalleryContainer fieldset legend { display:none; }
div.boardGalleryContainer a { color:#333; text-decoration:none; }
div.boardGalleryContainer a:hover {  }
div.boardGalleryContainer img { border:none; vertical-align:middle; margin-bottom:8px; }
div.boardGalleryContainer div.galleryList{position:relative; }
div.boardGalleryContainer div.galleryList ul{}
div.boardGalleryContainer div.galleryList ul li{width:23.5%; margin-top:2%;  margin-left:2%; float:left; position:relative; overflow:hidden; transition:box-shadow 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition:box-shadow 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);background:#f4f4f4;  }
div.boardGalleryContainer div.galleryList ul li:hover{-webkit-box-shadow: 0px 8px 15px 0px rgba(0 0 0 / 15%);-moz-box-shadow:  0px 8px 15px 0px rgba(0 0 0 / 15%);0px 8px 15px rgb(0 0 0 / 15%);}
div.boardGalleryContainer div.galleryList ul li:first-child,
div.boardGalleryContainer div.galleryList ul li:nth-child(4n+1){margin-left:0;}
div.boardGalleryContainer div.galleryList ul li a{display:block;}
div.boardGalleryContainer div.galleryList ul li a div.gimg{height:12.65rem;  overflow:hidden;}
div.boardGalleryContainer div.galleryList ul li a div.gimg span{width:100%; height:100%; display: inline-block; -moz-transition: transform .3s ease-out;  -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out;  transition: transform .3s ease-out;}

div.boardGalleryContainer  div.galleryList ul li a:hover div.gimg span{-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); /* IE 9 */
-o-transform: scale(1.5); transform: scale(1.5); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
 filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ }
div.boardGalleryContainer  div.galleryList ul li a .imgtxt{ color:#464646;  padding:1rem; position:relative;}
div.boardGalleryContainer  div.galleryList p.subject{font-weight:500;display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break:break-all; line-height: 1.3em;height: 2.6em; color:#121212;}
div.boardGalleryContainer  div.galleryList p.subject strong{color:#C0C0C0; font-weight:500;}

div.boardGalleryContainer  div.galleryList p.date{ padding: 1rem 0 0.5rem; color: #888; font-size:.7rem; font-weight:400;}
div.boardGalleryContainer  div.galleryList p.date em{padding-left:.5rem;position:relative;}

div.boardGalleryContainer  div.galleryList p.date strong{position:relative; padding-left:.5rem; font-weight:400;}
div.boardGalleryContainer  div.galleryList p.date strong:before{content:'\ea15';display : block; position : absolute; left :-0.25rem; top:-2px;font-family : xeicon; }


div.boardGalleryContainer  div.galleryList ul li a p.icon{position:absolute; left:.75rem; top:-0.5rem;font-size:.65rem;}
div.boardGalleryContainer  div.galleryList ul li a p.icon span{padding:.3rem .5rem; margin-left:-4px; font-weight:500;}
div.boardGalleryContainer  div.galleryList ul li a p.icon span:first-child{margin-left:0;}
div.boardGalleryContainer  div.galleryList ul li a p.icon span.new{background:#eb2d2f; color:#fff;}
div.boardGalleryContainer  div.galleryList ul li a p.icon span.due{background-color:#016BE5; color:#fff; }
div.boardGalleryContainer  div.galleryList ul li a p.icon span.end{background-color:#363636; color:#fff; }
div.boardGalleryContainer  div.galleryList ul li a input{position:relative; z-index:100;}

div.boardGalleryContainer div.galleryList ul li.no_post:hover{box-shadow:none;}

/* 검색 디자인 */
div.boardGalleryContainer .bor_top{overflow: hidden; font-size:0.85rem; background: #fff; border:1px solid #ddd; padding:0.75rem 1rem; margin-bottom: 2.5rem;}
div.boardGalleryContainer .bor_top p{display:inline-block; height:1.65rem; line-height:1.65rem;}
div.boardGalleryContainer .bor_top p b{color:#eb2d2f;}
div.boardGalleryContainer .bor_top div{float:right;  text-align:right;}
div.boardGalleryContainer div.boardSearch {margin:0px;}
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*/


div.boardGalleryContainer div.boardSearch form fieldset {  } /*ie*/
div.boardGalleryContainer div.boardSearch {margin:0px; padding:15px 10px; text-align:center; margin-top:30px; background-color: #f7f8f9;}
div.boardGalleryContainer div.boardSearch form { margin:0; padding:0; }
div.boardGalleryContainer div.boardSearch form fieldset { display:inline; margin:0; }
div.boardGalleryContainer div.boardSearch select  { border:1px solid #dadada; padding:0px 10px; line-height:40px;vertical-align:top; height:40px;color:#464646;  padding:0 0 0 10px; width:100px}
div.boardGalleryContainer div.boardSearch input[type="text"] { box-sizing:border-box; border:none; border:1px solid #dadada; height:40px; width:calc(100% - 230px);  margin:0;vertical-align:top; padding:0;}
div.boardGalleryContainer div.boardSearch input[type="button"].search{width:100px; background-color:#979797; color:#fff; height:40px; outline:none; border:none;}
div.boardListContainer div.boardButton { margin-top:20px; padding:0; text-align:right;vertical-align:top; }

div.boardGalleryContainer div.boardButton { margin-top:.75rem; padding:0; text-align:right; }
div.boardGalleryContainer a.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; }

/* 카테고리 디자인 */
div.cate{text-align:center; margin-bottom:2rem;}
div.cate ul li{display:inline-block; margin:0px 1rem;}
div.cate ul li a{display:inline-block; font-size:1.25rem; color:#888; font-weight:500;}
div.cate ul li.on a{color:#11006F;}


@media (max-width:1030px){

	div.boardGalleryContainer  div.galleryList p.subject{font-size:1.15rem; letter-spacing:-0.03rem;}

}
@media (max-width:767px){  

	div.boardGalleryContainer div.galleryList ul{margin:-2%;}
	div.boardGalleryContainer div.galleryList ul li{width:46%; margin:2%;}

	div.boardGalleryContainer .bor_top{padding: 0.5rem 1rem; margin-bottom:1.5rem;}
    div.boardGalleryContainer .bor_top div{width:55%;}

	div.boardGalleryContainer div.boardSearch{overflow:hidden;  box-sizing:border-box; padding:10px 10px; background-color:#f8f8f8;font-size:0.9em;}
	div.boardGalleryContainer div.boardSearch label{display:none;}
	div.boardGalleryContainer div.boardSearch select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none;}
	div.boardGalleryContainer div.boardSearch select{*background-image:none; min-width:auto; border:none;   -webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none;	background:#dedede url('/images/mobile/sel.png') no-repeat right center; font-size:0.95em;color:#777; height:25px;line-height:25px;  padding:0 0 0 10px; border-right:1px solid #dee2e6; width:80px; border-radius:0; box-sizing:border-box; float:left; margin-right:5px;}
	div.boardGalleryContainer div.boardSearch input[type="text"] {border-radius: 0 !important;  -webkit-appearance: none !important;   font-size:0.95em;  color: #4d4d4d;  text-indent: 5px !important; height: 25px; line-height:25px; background:transparent; border:none;width: 46%;border:none; box-sizing:border-box; float:left;background: #fff;   }
	div.boardGalleryContainer div.boardSearch input[type="button"].search { margin:0; vertical-align:middle;border:none; height: 25px; line-height:25px;  float:right; border-radius:0; border-left:none; width:calc(45% - 70px);background-color:#979797; color:#fff; font-size:0.9em; }

	div.boardViewContainer div.boardButton a{min-width:60px; height:35px; line-height:33px; box-sizing:border-box; padding:0 5px; z-index:0; background:#fff; border:1px solid #cdcdcd; color:#444 !important;text-align:center; vertical-align:top; transition:all 0.4s ease-out 0.1s; font-size:0.9em;}




}

@media (max-width:360px){
	div.boardGalleryContainer div.galleryList ul li{width:100%; margin:2% 0;}
}