@charset "utf-8";
/** POPUP */
#popup_confirm { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2000; } 
#popup_confirm .popup_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } 
#popup_confirm .popup_wrap { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 432px; background: var(--color-white); text-align: center; padding: 24px; border-radius: 16px; z-index: 3000; } 
#popup_confirm .popup_wrap .btn_pop_close { position: absolute; right: 24px; top: 16px; width: 24px; height: 24px; background: url(../image/btn/btn_popup_close.svg) no-repeat center center; background-size: contain; text-indent: -9999px; display: block; } 
#popup_confirm .pop_title { font-size: var(--font-large); font-weight: 700; line-height: 32px; padding-top: 16px; margin-bottom: 8px; }
#popup_confirm .sub_text { font-size: 15px; line-height: 24px; }
#popup_confirm .pop_btn_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 24px 0 0; }
#popup_confirm .pop_btn_box .btn { width: 100%; height: 56px; font-size: 15px; font-weight: 700; color: var(--color-white); line-height: 56px; text-align: center; background: var(--color-main); border: var(--border-main); border-radius: var(--border-radius); box-sizing: border-box; }
#popup_confirm .pop_btn_box .btn.wid60 { width: calc(62% - 8px); }
#popup_confirm .pop_btn_box .btn.wid40 { width: 38%; }
#popup_confirm .pop_btn_box .btn.wid50 { width: calc(50% - 4px); }
#popup_confirm .pop_btn_box .btn_cancle { color: #757575; background: var(--color-white); border: 1px solid #ddd; }
#popup_confirm .pop_btn_box .btn:disabled,
#popup_confirm .pop_btn_box .btn.disabled { color: var(--color-white); background: var(--color-disabled); border: var(--border); pointer-events: none; }
#popup_confirm .pop_btn_box .btn.btn_gray { color: #888888; background: #ffffff; border: var(--border); margin-top: 8px; }