@charset "utf-8";

/* List */
.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: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 }

.list-wrap .list-container { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; margin-bottom:30px;}	
.at-content.sub_board:before{content:none;}

/* Responsive */
@media all and (max-width:767px) {
	.list-wrap .list-container { grid-template-columns:repeat(2, 1fr); }	
}
@media all and (max-width:420px) {
	.list-wrap .list-container { grid-template-columns:1fr; }	
}


/************기본 end**********************************************************************************************************************/
.list-wrap .list-btn{border-top:1px solid #ddd;padding-top:25px;}
.text-muted.list-none{margin-bottom:15px;}
.list-wrap .list-row .list-item{display:block;}
.list-wrap .list-row .list-item .img-wrap {background:#f3f3f3;border:1px solid #ddd;}
.list-wrap .list-row .list-item .img-wrap > img{width:100.5%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}
.list-wrap .list-row .list-item .img-wrap:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url("/thema/Basic/img/showProgram_more_ico.png") no-repeat center, url("/thema/Basic/img/showProgram_more_back.png") no-repeat right 20px center rgba(0,0,0,0.8);
	opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
}
.list-wrap .list-row .list-item:hover .img-wrap:after{opacity:1;}
.list-wrap .list-row .list-item .txt_box{margin-top:30px;}
.list-wrap .list-row .list-item .txt_box .cate{font-size:0;display:block;}
.list-wrap .list-row .list-item .txt_box .cate b{padding:0 10px;line-height:25px;display:inline-block;margin-right:5px;font-size:14px;border-radius:12.5px;color:#fff;text-align:center;font-weight:500;}
.list-wrap .list-row .list-item .txt_box .cate b:last-child{margin-right:0;}
.list-wrap .list-row .list-item .txt_box .cate b.bg01{background:#666;}
.list-wrap .list-row .list-item .txt_box .cate b.bg02{background:#00b8cb;}
.list-wrap .list-row .list-item .txt_box .cate b.bg03{background:#333;}
.list-wrap .list-row .list-item .txt_box strong{display:block;margin:10px 0 30px;font-size:18px;line-height:160%;letter-spacing:-0.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;height:55px;}
.list-wrap .list-row .list-item .txt_box ul li{position:relative;padding-left:45px;font-size:16px;line-height:120%;margin-bottom:10px;color:#666;}
.list-wrap .list-row .list-item .txt_box ul li:last-child{margin-bottom:0;}
.list-wrap .list-row .list-item .txt_box ul li b{position:absolute;top:0;left:0;color:#2964d9;}

@media all and (max-width:1230px){
	.list-wrap .list-row .list-item .img-wrap:after{background-size:auto, 20px;background-position:center, right 10px center;}
}
@media all and (max-width:1024px){
	.list-wrap .list-btn{padding-top:10px;}
	body .list-wrap .list-container{margin-right:-20px;}
	.list-wrap .list-row .list-item .img-wrap:after{background-size:21px, 15px;}
	.list-wrap .list-row .list-item .txt_box{margin-top:20px;}
	.list-wrap .list-row .list-item .txt_box .cate b{padding:0 7px;line-height:22px;font-size:13px;}
	.list-wrap .list-row .list-item .txt_box strong{margin:10px 0 20px;font-size:16px;height:48px;}
	.list-wrap .list-row .list-item .txt_box ul li{padding-left:40px;font-size:14px;margin-bottom:5px;}
}
@media all and (max-width:768px){
	body .list-wrap .list-container{margin-right:-15px;}
	.list-wrap .list-row .list-item .txt_box{margin-top:15px;}
	.list-wrap .list-row .list-item .txt_box .cate b{font-size:12px;}
	.list-wrap .list-row .list-item .txt_box strong{margin:5px 0 10px;font-size:14px;height:43px;}
	.list-wrap .list-row .list-item .txt_box ul li{padding-left:35px;font-size:13px;}
}
@media all and (max-width:420px){
	.list-wrap .list-row .list-item .txt_box strong{height:auto;}
}