@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:768px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:480px) {
	.responsive .list-row { width:100% !important }
}
/* E : 기본 */
.archive_container .list-item {position:relative;}
.archive_container .list-item .img_box {position:relative; margin-bottom:25px; background-color:#f4f4f4;}
.archive_container .list-item .img_box img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; box-shadow:0 10px 15px 0 rgba(0,0,0,0.15);}
.archive_container .list-item .txt_box {text-align: center;}
.archive_container .list-item .txt_box h4 {font-size:22px; font-weight:600; line-height:1.4; word-break:keep-all; height:61px; color:#022e44;}
.admin_edit_btn {position:absolute; top:15px; left:15px; height:30px; line-height:30px; background:#333; color:#fff !important; padding:0 12px; font-size:15px; z-index:1;}

@media all and (max-width:1024px){
	.gallery_wrap .archive_container .list-item {margin-right:30px; margin-bottom:30px;}
	body .gallery_wrap .archive_container {margin-right:-30px;}
	.archive_container .list-item .txt_box h4 {font-size:20px; height:58px;}
}
@media all and (max-width:768px){
	.gallery_wrap .archive_container .list-item {margin-right:20px; margin-bottom:20px;}
	body .gallery_wrap .archive_container {margin-right:-20px;}
	.archive_container .list-item .img_box {margin-bottom:20px;}
	.archive_container .list-item .txt_box h4 {font-size:18px; height:50px;}
}