@charset "utf-8";
/** 확인콜 **/
.reservation_waiting .top_area { display: block; width: 100%; font-size: var(--font-regular); font-weight: 700; color: var(--color-white); line-height: 30px; text-align: center; background: #2AAD5C; border-radius: 15px; margin-bottom: 12px; } 
.reservation_waiting .top_area i { display: inline-block; width: 20px; height: 20px; background: url(../image/reservation/icon_phone.svg) no-repeat center center; vertical-align: -4px; margin-right: 10px; } 
.reservation_waiting .guide_area { width: 100%; text-align: center; padding: 12px; background: #F8F9FA; border-radius: var(--border-radius-s); } 
.reservation_waiting .guide_area.channel_talk::before { width: 38px; height: 38px; background: url(../image/reservation/icon_channel_talk.svg) no-repeat center center; background-size: 38px; content: ''; display: block; margin: 0 auto 12px; } 
.reservation_waiting .guide_area p { font-size: var(--font-small); font-weight: 400; line-height: 20px; text-align: center; } 
.reservation_waiting .guide_area .btn { display: block; box-sizing: border-box; padding: 0px 16px; width: 190px; height: 40px; font-size: 15px; font-weight: 700; color: #2AAD5C; line-height: 38px; text-align: center; text-transform: capitalize; background: var(--color-white); border: var(--border-main); border-radius: 12px; margin: 12px auto; } 
.reservation_waiting .guide_area .btn_popup { display: inline-block; font-size: 13px; font-weight: 500; color: var(--color-black-40); line-height: 16px; text-decoration: underline; } 
.reservation_waiting .guide_area .btn_popup i { display: inline-block; width: 16px; height: 16px; background: url(../image/reservation/icon_circle_question.svg) no-repeat center center; vertical-align: -3px; margin-right: 4px; } 

/* POPUP */
.popup_reservation { padding-top: 0; }
.popup_reservation h3 { font-size: var(--font-medium); font-weight: 700; line-height: 24px; text-align: left; }
.popup_reservation h3 em { color: #FF8D8D; }
.popup_reservation .guide_area { width: 100%; font-size: var(--font_regular); font-weight: 700; line-height: 24px; text-align: center; padding: 12px; background: #F2F4F6; border-radius: var(--border-radius-s); margin-top: 18px; }
.popup_reservation .guide_area p.sub { font-size: var(--font-small); font-weight: 400; line-height: 26px; margin-top: 8px; }
.popup_reservation .guide_area p.sub span { display: inline-block; height: 20px; font-size: var(--font-small); font-weight: 700; line-height: 20px; text-align: center; padding: 0px 6px; border-radius: 10px; }
.popup_reservation .guide_area p.sub span.red { background: #FFE4E5; color: #E04F4F; }
.popup_reservation .guide_area p.sub span.blue { background: #D0F7FF; color: #1077AB; }
.popup_reservation ul { margin-top: 8px; }
.popup_reservation ul li { font-size: var(--font-small); font-weight: 400; line-height: 22px; padding-left: 34px; background: url(../image/reservation/icon_pop_check_purple.svg) no-repeat center left; margin-bottom: 8px; }
.popup_reservation ul li:last-of-type { margin-bottom: 0; }