@charset "utf-8";

/* List */
.list-wrap .list-row{ position:relative; }
.list-wrap .list-row .tack-check{ z-index:111;  position:absolute; top:10px; left:10px; }
.list-item{ display:block;}
.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 .img-wrap{ z-index:11; border:1px solid #ddd; }
.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:767px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:420px) {
	.responsive .list-row { width:100% !important }
}

/****기본 end*************************************************************************************************/
.list-wrap .txt-item{ position:relative; z-index:11;  margin-top:20px;}
.list-wrap .txt-item strong{ display:block; display:-webkit-box; font-size:18px; line-height:150%; height:50px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#333; }

.hover_box{ opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:11; display:flex; flex-wrap:wrap; align-items:center;
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
.hover_box > div{ width:100%; text-align:center; padding:0 20px;  }
.hover_box > div * { color:#fff; }
.hover_box > div strong{ display:block; display:-webkit-box; font-size:18px; line-height:150%; height:50px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:500; }
.hover_box > div a{ display:block; margin:25px auto 0; height:35px; line-height:35px; border-radius:10px; color:#bbb; font-size:14px; background:#222; max-width:130px;   }
.hover_box > div a img{ display:inline-block; vertical-align:middle; margin-left:10px; width:16px;  }

.list-wrap .list-item:hover .hover_box{ opacity:1;}


@media all and ( max-width:1024px){
	.list-wrap .list-container{ margin-right:-15px !important;}
	.list-wrap .list-item{ margin-right:15px !important; margin-bottom:30px !important;}

	.list-wrap .txt-item{ margin-top:15px; }
	.list-wrap .txt-item strong,
	.hover_box > div strong{  font-size:16px; height:47px; }
	.hover_box > div a{  margin:20px auto 0; height:30px; line-height:30px; border-radius:7px; font-size:13px; max-width:110px;  }
}
@media all and ( max-width:768px){
	.list-wrap .txt-item strong,
	.hover_box > div strong{  font-size:15px; height:45px; }
}