@charset "utf-8";

/* List */
.list-item .tack-check { right: 15px; bottom: 15px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item h2 { display:block; font-size:16px; line-height:22px; margin:10px 5px; text-align:center; }
.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100% !important }

/* Responsive */
@media all and (max-width:768px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:480px) {
	.responsive .list-row { width:100% !important }
}
/* E : 기본 */
.gallery_container .list-item a .img_box {margin-bottom:25px; position:relative;}
.gallery_container .list-item a .img_box::after {
	content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:rgba(0,0,0,0.6) url("/thema/Basic/img/board_view_more.png") center no-repeat;
	opacity:0; visibility:hidden; transition:all 0.3s;
}
.gallery_container .list-item a:hover .img_box::after {opacity:1; visibility:visible;}
.gallery_container .list-item a .img_box img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100.9%;}
.gallery_container .list-item a .txt_box h4 {font-size:22px; font-weight:700; line-height:1.4; height:61px;}

@media all and (max-width:1024px){
	.gallery_wrap .gallery_container .list-item {margin-right:30px; margin-bottom:30px;}
	body .gallery_wrap .gallery_container {margin-right:-30px;}
	.gallery_container .list-item a .txt_box h4 {font-size:20px; height:58px;}
}
@media all and (max-width:768px){
	.gallery_wrap .gallery_container .list-item {margin-right:20px; margin-bottom:20px;}
	body .gallery_wrap .gallery_container {margin-right:-20px;}
	.gallery_container .list-item a .img_box {border-radius:20px; margin-bottom:20px;}
	.gallery_container .list-item a .txt_box h4 {font-size:18px; height:50px;}
}