@charset "utf-8";

/* List */
.list-category{display: none;}
.list-item .tack-check { right: 10px; bottom: 10px; 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:0;padding: 10px 8px !important;border-top: 1px solid #ddd; text-align:left;height: 38px;}
.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:8px 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-row.clearfix { float:left !important; padding:0 !important; margin:0 !important; width:100% !important }


.img_hover{background:url('/thema/Basic/img/item_img_hover.png') repeat 0 0;display: none;position:absolute;top:0;left: 0;padding: 90px 15px 265px;width: 100%;}
	.img-item:hover .img_hover{display: block;}
	.img_hover .hv_tit{font-size: 18px;line-height: 20px;color: #fff;text-align: center;margin: 0 !important;}
	.img_hover .hv_list{text-align: center;margin: 0;color: #fff !important;}
	.img_hover .port_f_bt{font-size: 16px;line-height: 18px;color: #fff;display: block;border: 2px solid #fff;text-align: center;border-radius:30px;width: 132px;padding: 12px 0;position:absolute;bottom: 100px;left: 50%;transform:translate(-50%, 0)}

/* 모달팝업 */
.bbs_0103_modal{display:none;  z-index:9999; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); cursor:pointer; overflow-x:auto;}
.bbs_0103_modal img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); width:400px;  max-width:90%;}

/* Responsive */

@media all and (max-width:991px){
.list-item h2 {  font-size:14px; line-height:20px; padding: 10px 8px !important;border-top: 1px solid #ddd; text-align:left;height: 50px;}
.list-item .list-details { padding:6px 3%; font-size: 13px;line-height: 17px;}
}

@media all and (max-width:767px) {
	.responsive .list-row { width:50% !important }
}

/* @media all and (max-width:420px) {
	.responsive .list-row { width:100% !important }
}
 */