@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; background:#000; }
.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-item:after{ opacity:0; content:""; position:absolute; top:15px; left:15px; width:calc(100% - 50px); height:calc(100% - 65px); border:2px solid #d80f35;
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
.list-wrap .txt-item{ position:relative; z-index:11; background:rgba(244,244,244,1); padding:30px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.list-wrap .txt-item b{ display:block; font-size:16px; color:#d80f35; font-weight:500; margin-bottom:10px;  }
.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; margin-bottom:25px; color:#333;}
.list-wrap .txt-item span{ display:block; font-size:15px; color:#777; line-height:100%; }

.list-item:hover:after{ opacity:1;}
.list-item:hover .txt-item{ background:rgba(244,244,244,0); padding-left:37.5px; }

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

	.list-item:after{ top:0; left:0; width:calc(100% - 15px); height:calc(100% - 15px);}
	.list-wrap .txt-item{ padding:20px; }
	.list-wrap .txt-item b{  font-size:14px; margin-bottom:5px;}
	.list-wrap .txt-item strong{  font-size:16px; height:47px;   margin-bottom:20px;}
	.list-wrap .txt-item span{ font-size:13px; }

	.list-item:hover .txt-item{ padding-left:20px; }
}
@media all and ( max-width:768px){
	.list-wrap .txt-item{ padding:15px; }
	.list-wrap .txt-item b{  font-size:13px; }
	.list-wrap .txt-item strong{  font-size:15px; height:45px; }

	.list-item:hover .txt-item{ padding-left:15px; }
}