@charset "utf-8";

/* 예약 등록 모달 */
.resv-modal .resv-program {display: flex; flex-direction: column; row-gap: var(--space-16);}
.resv-modal .resv-customer {color: var(--color-font2);}

/* 요금 안내 */
.resv-price {padding: var(--space-24) var(--space-16) var(--space-16); border: 1px solid var(--color-border1); border-radius: var(--radius-large);}
.resv-price .resv-price-tit {margin-bottom: var(--space-8); padding-inline: var(--space-16);}
.resv-price .resv-price-list > div {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-16); padding: var(--space-12) var(--space-16);}
.resv-price .resv-price-list > div + div {border-top: 1px solid var(--color-border1);}
.resv-price .resv-price-list dt {color: var(--color-font1);}
.resv-price .resv-price-list dd {flex: none; color: var(--color-font1); font-variant-numeric: tabular-nums;}
.resv-price .resv-price-total dt {display: flex; flex-direction: column;}
.resv-price .resv-price-note {color: var(--color-font3);}
.resv-price .resv-price-total dd {color: var(--color-static2);}

/* 반응형 */
@media screen and (max-width: 768px) {
    .resv-price .resv-price-total {flex-direction: column; align-items: flex-start;}
}