@charset "UTF-8";
/* 팔자마을 알림/확인 화면 (bbs/alert.php, confirm.php 의 noscript 안내 카드).
   로드 방법: head.sub.php 의 tokens/layout 로드 줄 아래에 한 줄 추가 (Task 6)
   add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_CSS_URL.'/alert.css?ver='.G5_CSS_VER.'">', 0); */
#validation_check, #confirm_check { box-sizing: border-box; width: calc(100% - 24px); max-width: var(--pm-w-form, 480px); margin: 64px auto; padding: 28px 24px; border-radius: var(--pm-r-panel, 30px); background: var(--pm-card, rgba(255,251,245,.88)); box-shadow: var(--pm-shadow); color: var(--pm-ink); font-family: var(--pm-font-body); text-align: center; }
#validation_check h1, #confirm_check h1 { margin: 0 0 8px; font: 400 24px/1.3 var(--pm-font-head); }
#confirm_check h2 { margin: 0 0 16px; font-size: 15px; font-weight: 400; color: var(--pm-sub-text); }
#validation_check p, #confirm_check p { margin: 0 0 20px; padding: 16px; border: 0; border-radius: var(--pm-r-input, 14px); background: var(--pm-soft); color: var(--pm-ink); font-size: 15px; line-height: 1.7; }
#validation_check .btn_confirm { text-align: center; }
#validation_check a, #confirm_check a, #validation_check input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; min-height: var(--pm-tap, 44px); min-width: 120px; padding: 10px 22px; margin: 4px; border: 0; border-radius: var(--pm-r-input, 14px); background: var(--pm-fire); color: var(--pm-ink); font: 17px/1.2 var(--pm-font-head); text-decoration: none; cursor: pointer; box-shadow: var(--pm-shadow-sm); }
#confirm_check a:not(:first-of-type) { background: var(--pm-soft); box-shadow: none; }
#validation_check a:hover, #confirm_check a:hover, #validation_check input[type="submit"]:hover { background: var(--pm-fire-hover, #f69a83); }
#confirm_check a:not(:first-of-type):hover { background: var(--pm-soft2); }
@media (max-width: 480px) { #validation_check, #confirm_check { margin: 32px auto; padding: 22px 18px; border-radius: 26px; } }