

/*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 .boardList{padding-top:2rem; border-top: 1px solid #6256ac;}
div.boardGalleryContainer div.galleryList{position:relative; border-bottom:solid 1px #ddd; padding-bottom:2.5rem;}
div.boardGalleryContainer div.galleryList ul{display:flex; flex-wrap:wrap; margin:-1rem; }
div.boardGalleryContainer div.galleryList ul li{width:calc(100%/4 - 2rem);margin:1rem; border-radius:0.5rem;} 
div.boardGalleryContainer div.galleryList ul li a{}
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;}

div.boardGalleryContainer  div.galleryList ul li a .imgtxt{background: #fff;padding:1rem;}
div.boardGalleryContainer  div.galleryList p.subject{font-size:1rem; 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 p.person { color: #888; font-size:.7rem; font-weight:400;}
div.boardGalleryContainer  div.galleryList p.place { color: #888; font-size:.7rem; font-weight:400;}
div.boardGalleryContainer  div.galleryList p.time { color: #888; font-size:.7rem; font-weight:400;}
div.boardGalleryContainer  div.galleryList p.price { color: #888; font-size:.7rem; font-weight:400;}
div.boardGalleryContainer  div.galleryList p.content { color: #888; font-size:.7rem; font-weight:400;}


div.boardGalleryContainer  div.galleryList ul li a .img .icon{position:absolute; left:0.5rem; top:0.8rem;font-size:.65rem;}
div.boardGalleryContainer  div.galleryList ul li a .img .icon span{background: #333; color:#fff; padding:.3rem .5rem; font-size:0.8rem; font-weight:500; display:inline-block; width:3rem; height:3rem; border-radius:0.25rem; word-break: break-all; display:flex; align-items:center; justify-content: center;
text-align:center;}
div.boardGalleryContainer  div.galleryList ul li a .img .icon span:first-child{margin-left:0;}
div.boardGalleryContainer  div.galleryList ul li a .img .icon span.ing01{background:#d8194f; color:#fff; word-break: unset;}
div.boardGalleryContainer  div.galleryList ul li a .img .icon span.due{background-color:#016BE5; color:#fff; }
div.boardGalleryContainer  div.galleryList ul li a .img .icon span.end{background-color:#363636; color:#fff; }
div.boardGalleryContainer  div.galleryList ul li a input{position:relative; z-index:90;}

div.boardGalleryContainer div.galleryList ul li.no_post:hover{box-shadow:none;}

/* 검색 디자인 */

div.boardGalleryContainer .bor_top .total em{color:#6256ac; font-weight:800;}
div.boardGalleryContainer .bor_top .tag{display:flex; justify-content:flex-end; padding-bottom:1rem;}
div.boardGalleryContainer div.boardSearch form { margin:0; padding:0; }
div.boardGalleryContainer div.boardSearch form fieldset { display:block; margin:0;  }
*:first-child+html div.boardGalleryContainer div.boardSearch form fieldset { border:none;} /*ie7*/
div.boardGalleryContainer div.boardSearch form fieldset { display:flex; } /*ie*/
div.boardGalleryContainer div.boardSearch .barbar{display:flex;}

div.boardGalleryContainer div.boardSearch select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none; border: none; }

div.boardGalleryContainer div.boardSearch select {width:150px;height:55px;border:none; border-radius:0.25rem; background:#f5f5f5 url('/images/default/content/sel_icon.png')no-repeat center right+1rem;font-size:0.8rem; font-weight:600; color:#333;padding:0 1rem; font-family: 'SUITE';}
div.boardGalleryContainer div.boardSearch select{margin-right:0.7rem;}
div.boardGalleryContainer div.searchbox{position:relative;width:100%; }

div.boardGalleryContainer div.boardSearch input[type="text"] {height:2.75rem; width:100%; background:#f5f5f5; border: none; border-radius: 0.25rem; display:inline-block; padding: 0 1rem; font-size:0.8rem; font-family: 'SUITE'; color:#999999;}
div.boardGalleryContainer div.boardSearch input[type="button"].search{position:absolute; right:1rem; top:50%;transform:translateY(-50%); width:1.15rem; height:1.1rem; text-indent:-9999px; background:url('/images/default/content/btn_search.png') no-repeat center center; background-size:100% 100%; color:#000; outline:none; border:none;}

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 ul li{width: calc(100%/3 - 2rem);}
	div.boardGalleryContainer  div.galleryList p.subject{font-size:1.15rem; letter-spacing:-0.03rem;}
}
@media (max-width:767px){ 
	div.boardGalleryContainer div.galleryList ul li{width: calc(100%/2 - 2rem);}
	div.boardGalleryContainer .bor_top{margin-bottom:1.5rem;}
	div.boardGalleryContainer .bor_top .toptop{display:block;}
	div.boardGalleryContainer div.boardSearch{margin-top:1rem;}
    div.boardGalleryContainer div.boardSearch select{width:7rem; padding:0 0.3rem;}
	div.boardGalleryContainer div.boardSearch input[type="text"]{height:3.75rem;}
	div.boardGalleryContainer div.boardSearch input[type="button"].search{width:1.3rem; height:1.3rem; margin-top:0.175rem;}
	div.boardGalleryContainer .bor_top .tag{display:block;}
}

@media sreen and (-ms-,max-width:767px){
	div.boardGalleryContainer .bor_top div  { width:100%; } 
}



@media (max-width:360px){
	div.boardGalleryContainer div.galleryList ul li{width:100%; margin:2% 0;}
}
