@charset "utf-8";

/** 마이페이지 **/
.user_info { display: flex; align-items: center; justify-content: space-between; } 
.user_info .text_box { width: calc(100% - 70px); } 
.user_info .user_name { font-size: var(--font-large-xl); font-weight: 700; line-height: 34px; } 
.user_info .email { font-size: var(--font-small); color: var(--color-gray); line-height: 21px; } 
.user_info_link { display: inline-block; width: 52px; height: 34px; text-indent: -9999px; background: url(../../image/sub_mypage/icon_setting.svg) no-repeat center center, #ffffff; background-size: 18px; border: 1px solid rgba(34, 34, 34, 0.24); border-radius: 17px; } 
.user_cs_link { display: inline-block; height: 32px; font-size: var(--font-small); font-weight: 500; color: #6E7191; line-height: 32px; padding: 0 8px; background: #EFF0F6; border-radius: 16px; } 
.reservation_waiting { padding: 16px; background: #ffffff; border: 2px solid #eff0f6; border-radius: 12px; -webkit-box-shadow: 0 0 10px 2px #eff0f6; box-shadow: 0 0 10px 2px #eff0f6; margin-top: 24px; } 
.quick_link { width: 100%; min-width: 312px; display: flex; justify-content: space-between; margin: 24px auto 0; } 
.quick_link li a { display: inline-block; width: 52px; text-align: center; } 
.quick_link li a::before { width: 100%; height: 24px; content: ''; display: block; margin: 0 auto 8px; } 
.quick_link li a.link_order::before { background: url(../../image/sub_mypage/icon_delivery.svg) no-repeat center center; background-size: contain; } 
.quick_link li a.link_time::before { background: url(../../image/sub_mypage/icon_time.svg) no-repeat center center; background-size: contain; } 
.quick_link li a.link_coupon::before { background: url(../../image/sub_mypage/icon_coupon.svg) no-repeat center center; background-size: contain; } 
.quick_link li a.link_point::before { background: url(../../image/sub_mypage/icon_point.svg) no-repeat center center; background-size: contain; } 
.quick_link li a.link_care::before { background: url(../../image/sub_mypage/icon_care_health.svg) no-repeat center center; background-size: contain; } 
.quick_link li a.link_gift::before { background: url(../../image/sub_mypage/icon_gift.svg) no-repeat center center; background-size: contain; } 
.quick_link li a span { display: block; font-size: 13px; font-weight: 500; line-height: 20px; } 
.btn_quick_link { display: block; width: 100%; font-size: var(--font-regular); font-weight: 700; color: var(--color-white); line-height: 64px; text-align: center; background: var(--color-main); border-radius: var(--border-radius); margin-top: 24px; } 
.link_list li { margin-bottom: 24px; } 
.link_list li a { display: flex; align-items: center; width: 100%; } 
.link_list li a::before { width: 24px; height: 24px; content: ''; display: inline-block; margin-right: 12px; } 
.link_list li a.link_folder::before { background: url(../../image/sub_mypage/icon_folder.svg) no-repeat center center; background-size: 24px; } 
.link_list li a.link_paper::before { background: url(../../image/sub_mypage/icon_paper.svg) no-repeat center center; background-size: 22px; } 
.link_list li a.link_cal::before { background: url(../../image/sub_mypage/icon_cal.svg) no-repeat center center; background-size: 24px; } 
.link_list li a span { display: block; width: calc(100% - 72px); line-height: 32px; } 
.link_list li a::after { width: 24px; height: 24px; background: url(../../image/sub_mypage/icon_link_arrow.svg) no-repeat center center; background-size: 24px; content: ''; display: inline-block; margin-left: 12px; } 
.btn_box { text-align: center; padding: 70px 0; } 
.btn_box .btn_logout { display: inline-block; font-size: var(--font-small); color: var(--color-gray); line-height: 36px; text-decoration: underline; } 

#popup_confirm .popup_coupon .title { font-size: 18px; font-weight: 700; color: #222; line-height: 24px }
#popup_confirm .popup_coupon .title::before { content: ''; display: inline-block; width: 24px; height: 24px; background: url(../../image/icon/icon_giftbox.svg) no-repeat center center; background-size: contain; vertical-align: -6px; margin-right: 4px; }
#popup_confirm .popup_coupon .pop_btn_box .btn { font-size: 18px; }