@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 }

/* 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 .circle_btn{position:absolute;top:-160px;right:15px;}
.list-wrap .list-item{display:block;}
.list-wrap .list-item .img-wrap{border-radius:25px;}
.list-wrap .list-item .img-wrap:after{content:"";background:url('/thema/Basic/img/main_work_plus.png') no-repeat center rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.list-wrap .list-item:focus .img-wrap:after,
.list-wrap .list-item:hover .img-wrap:after{opacity:1;}
.list-wrap .list-item .img-wrap img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.list-wrap .list-item:focus .img-wrap img,
.list-wrap .list-item:hover .img-wrap img{-webkit-transform:translate(-50%,-50%) scale(1.2);-moz-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);}
.list-wrap .list-item .txt_box{margin-top:40px;}
.list-wrap .list-item .txt_box .cate{font-size:16px;font-weight:700;color:#1aa4b8;}
.list-wrap .list-item .txt_box .title{font-size:30px;line-height:1.2;margin-top:10px;}

@media all and (max-width:1200px){
	.list-wrap .circle_btn{top:-120px;}
	.list-wrap .list-item .txt_box{margin-top:30px;}
	.list-wrap .list-item .txt_box .cate{font-size:14px;}
	.list-wrap .list-item .txt_box .title{font-size:26px;}
}
@media all and (max-width:1024px){
	.list-wrap .circle_btn{top:-80px;}
	body .list-wrap .list-container{margin-right:-20px;}
	body .list-wrap .list-item{margin-right:20px;margin-bottom:50px;}
	.list-wrap .list-item .img-wrap:after{background-size:35px;}
	.list-wrap .list-item .txt_box{margin-top:20px;}
	.list-wrap .list-item .txt_box .title{font-size:20px;}
}
@media all and (max-width:768px){
	.list-wrap .circle_btn{display:none;}
	body .list-wrap .list-item{margin-bottom:30px;}
	.list-wrap .list-item .txt_box .title{font-size:18px;}
}