@charset "utf-8";

/*이벤트 리스트*/
.event_l{display:flex;flex-wrap:wrap;}
.event_l li {width:calc(33.333% - 26px);margin:60px 39px 0 0; max-width:420px;}

.event_l li .img_wrap {position: relative;width:100%;border-radius:8px;overflow: hidden;}
.event_l li .img_wrap .img {width:100%; }

.event_l li .event_title{ font-size:2.0rem; font-weight:500; line-height:1.5}
.event_l li .event_sub_title{font-size:1.4rem; font-weight:400; line-height:1.5}
.event_l li .event_price{font-size:1.6rem; font-weight:400;}
.event_l li .event_price .min_price{font-size:2.4rem; font-weight:800; color:var(--emphasis);}	

/* width 768px까지 지원 */
@media screen and (max-width: 767px) {

	.event_l li {
		width: 100%;
		max-width:calc(100% - 40px);
		margin:40px auto 0 !important;
	}
	.event_l li:nth-child(1) {margin-top:0;}

	/* 680px ~ 320px 구간만 적용 */
	@media screen and (min-width: 320px) {

		

	}

}

/* width 1024px까지 지원 */
@media screen and (min-width:768px) and (max-width:1279px) {
	.event_l{display:flex;flex-wrap:wrap; width:calc(100% - 40px); margin:0 auto;}
	.event_l li {width:calc(50% - 15px);margin:60px 30px 0 0; max-width:calc(100% - 40px);}
	.event_l li:nth-child(even) {margin-right:0;}
	.event_l li:nth-child(-n + 2) {margin-top:0;}


}

/* width 1456px까지 지 */
@media screen and (min-width: 1280px) {

	.event_l li:nth-child(3n) {margin-right:0;}
	.event_l li:nth-child(-n + 3) {margin-top:0;}


}


/* //예약상세 */

/* 이벤트 */
.event_title_wrap{
	width:100%;
	position:relative;
}

.event_title_wrap .event_info_title{
	position:relative;
}

.event_title_wrap .event_info{
	position:relative;
}

.event_title_wrap .event_info .d-day{
	color:var(--emphasis);
}

.event_title_wrap span.e_line{
	display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    background: var(--gray03);
    margin: 0 5px;
}

.event_procedure_wrap{
	border:1px solid var(--gray04);
}

.event_procedure_wrap + .event_procedure_wrap{
	margin-top:50px;
}

.event_procedure_wrap .event_procedure_title{
	width:100%;
	height:50px;
	display:flex;
	justify-content: space-between; /* 2025-03-26, 김승희 : 부가세 텍스트 추가 */
	align-items:Center;
	padding:20px;
	border-bottom:1px solid var(--emphasis);
}

.event_procedure_wrap .event_procedure_title .event-sub-txt{
	color:var(--gray02);
	font-size:1.8rem;
}

.event_procedure_wrap .event_procedur_l{
	width:100%;
	padding:10px;
}

.event_procedure_wrap .event_procedur_l li{
	padding:20px 0;
	border-bottom:1px solid var(--gray05);
	display:flex;
	justify-content: space-between;
}

.event_procedure_wrap .event_procedur_l li + li{
	margin-top:15px;
}

.event_procedure_wrap .event_procedur_l li .procedure_info{
	display:flex;
	align-items: flex-start
}

.event_procedure_wrap .event_procedur_l li .procedure_info .chk{
	position:relative;
}

.event_procedure_wrap .event_procedur_l li .procedure_info .chk input[type="checkbox"]{
	position:absolute;
	left:-1000;
	top:0;
}

.event_procedure_wrap .event_procedur_l li .procedure_info .chk label{
	display: block;
	width:20px;
	height:20px;
	cursor:pointer;
}

/* off */
.event_procedure_wrap .event_procedur_l li .procedure_info .chk .addcart+label{ 
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_off.png'); /*off 이미지*/
}
/* on */
.event_procedure_wrap .event_procedur_l li .procedure_info .chk .addcart:checked+label{
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_on.png'); /*on 이미지*/
}

.event_procedure_wrap .event_procedur_l li .procedure_info .chk .addcart2+label{ 
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_off.png'); /*off 이미지*/
}
/* on */
.event_procedure_wrap .event_procedur_l li .procedure_info .chk .addcart2:checked+label{
	background-repeat: no-repeat; /* 반복 방지 */
	background-image: url('../../../../image/icon/checkbox_on.png'); /*on 이미지*/
}


.event_procedure_wrap .event_procedur_l li .procedure_info .procedure_info_title{
	padding-left:10px;
	display: flex;
	flex-direction: column;
	gap:10px;
}

.event_procedure_wrap .event_procedur_l li .event_price_wrap{
	display:flex;
	align-items:center;
	font-size:1.6rem;
}

.event_procedure_wrap .event_procedur_l li .event_price_wrap .goodsDiscountRate{
	padding:0 10px;
}

/* width 680px까지 지원 */
@media screen and (max-width: 768px) {
	
	.event_procedure_wrap .event_procedure_title .event-sub-txt{
		font-size:1.4rem;
	}

	.event_procedure_wrap .event_procedur_l li .procedure_info{
		width:70%;
		display:flex;
		align-items: flex-start
	}

	
	.event_procedure_wrap .event_procedur_l li .event_price_wrap{
		width:30%;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content: flex-end;
		font-size:1.4rem;
	}


}