@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:480px) {
	.responsive .list-row { width:100% !important; }
}



.list_item_box {border:1px solid #ddd; display:flex; flex-wrap:wrap; align-items:center;}
.list_item_box .img_box {width:55%;}
.list_item_box .img_box img {width:100.5%; height:auto; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.list_item_box .txt_box {width:45%; padding:25px;}
.list_item_box .txt_box .title_box {width:100%; border-bottom:1px solid #ddd; padding-bottom:20px;  margin-bottom:30px;}
.list_item_box .txt_box .title_box b.bold_genre {display:block; margin-bottom:10px; font-size:16px; color:#c80b16;}
.list_item_box .txt_box .title_box h3.list_title {font-size:26px; font-weight:700; line-height:110%; text-align:left; margin:0;}
.list_item_box .txt_box .list_cont {width:100%; margin-bottom:50px;}
.list_item_box .txt_box .list_cont li {font-size:16px; position:relative; line-height:130%; padding-left:13px; margin-bottom:10px;}
.list_item_box .txt_box .list_cont li:last-child {margin-bottom:0;}
.list_item_box .txt_box .list_cont li::before {content:''; width:4px; height:4px; border-radius:50%; background-color:#c80b16; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.list_item_box .txt_box .list_cont li b {color:#333; font-weight:500; margin-right:20px;} /* color:#999; 수정 */
.list_item_box .txt_box .btn_box {font-size:0;}
.list_item_box .txt_box .btn_box .detail_btn {display:inline-block; width:130px; height:45px; line-height:45px; font-size:16px; border:1px solid #ddd; text-align:center; margin-bottom:7px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.list_item_box .txt_box .btn_box .detail_btn:last-child {margin-bottom:0;}
.list_item_box .txt_box .btn_box .detail_btn:hover,
.list_item_box .txt_box .btn_box .detail_btn:focus {background-color:#c80b16; color:#fff; font-weight:600; border-color:transparent;}

@media all and (max-width:1170px){
	.list_item_box .txt_box .list_cont {margin-bottom:30px;}
}

@media all and (max-width:1070px){
	.list_item_box .txt_box .title_box {padding-bottom:15px; margin-bottom:25px;}
	.list_item_box .txt_box .title_box b {font-size:14px; margin-bottom:5px;}
	.list_item_box .txt_box .title_box h3.list_title {font-size:19px;}
	.list_item_box .txt_box .list_cont li {font-size:15px; margin-bottom:10px;}
	.list_item_box .txt_box .list_cont li b {margin-right:15px;}
	.list_item_box .txt_box .btn_box .detail_btn {font-size:14px; height:40px; line-height:40px;}
}

@media all and (max-width:1024px){
	body .list-wrap .list-container {margin-right:-20px;}
	body .list-wrap .list-item {margin-right:20px;}
	.list_item_box .txt_box {padding:20px;} 
	.list_item_box .txt_box .title_box {padding-bottom:10px; margin-bottom:10px;}
	.list_item_box .txt_box .title_box b.bold_genre {font-size:14px; margin-bottom:5px;}
	.list_item_box .txt_box .list_cont li {font-size:14px; margin-bottom:8px;}
	.list_item_box .txt_box .btn_box .detail_btn {margin-bottom:5px;}
}
@media all and (max-width:900px){
	.list_item_box .txt_box .list_cont {margin-bottom:15px;}
}
@media all and (max-width:768px){
	.list_item_box {display:block;}
	.list_item_box .img_box {width:100%;}
	.list_item_box .txt_box {width:100%;}
	.list_item_box .txt_box .list_cont {margin-bottom:20px;}
	.list_item_box .txt_box .list_cont li {margin-bottom:5px;}
	.list_item_box .txt_box .list_cont li b {margin-right:10px;}
	.list_item_box .txt_box .btn_box .detail_btn {width:calc(50% - 5px); margin-right:10px; margin-bottom:0;}
	.list_item_box .txt_box .btn_box .detail_btn:last-child {margin-right:0;}
}

