@charset "utf-8";
/* =========================================================
   비밀번호 확인 페이지 — 게시판 스킨(notice/gallery)과 동일 디자인 컨셉
   공유 style.css를 건드리지 않도록 이 페이지 전용으로 분리
   ========================================================= */
#nt_pw{
    --nt-primary:var(--color-primary,#4f46e5);
    --nt-primary-hover:var(--color-primary-hover,#4338ca);
    --nt-primary-light:var(--color-primary-light,#f5f3ff);
    --nt-surface:var(--color-surface,#ffffff);
    --nt-text:var(--color-text-main,#0f172a);
    --nt-muted:var(--color-text-muted,#64748b);
    --nt-border:var(--color-border,#e2e8f0);
    --nt-r-md:var(--radius-md,12px);
    --nt-r-lg:var(--radius-lg,16px);
    --nt-shadow:var(--shadow-soft,0 10px 25px -5px rgba(15,23,42,.05),0 8px 10px -6px rgba(15,23,42,.04));
    width:100%;max-width:460px;margin:48px auto 64px;padding:0 16px;box-sizing:border-box;
    font-family:var(--font-family,'Nanum Gothic',sans-serif);color:var(--nt-text)}
#nt_pw *,#nt_pw *:before,#nt_pw *:after{box-sizing:border-box}
#nt_pw svg{display:block}
#nt_pw .nt-ico{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;
    stroke-linecap:round;stroke-linejoin:round}

/* ── 카드 ── */
#nt_pw .nt-auth-card{background:var(--nt-surface);border:1px solid var(--nt-border);
    border-radius:var(--nt-r-lg);box-shadow:var(--nt-shadow);padding:38px 32px 32px;text-align:center}

/* 상단 아이콘 */
#nt_pw .nt-auth-ico{display:inline-flex;align-items:center;justify-content:center;
    width:60px;height:60px;margin:0 auto 18px;border-radius:50%;
    background:var(--nt-primary-light);color:var(--nt-primary)}
#nt_pw .nt-auth-ico .nt-ico{font-size:28px;stroke-width:1.7}

/* 제목 / 설명 */
#nt_pw .nt-auth-title{margin:0 0 10px;font-size:21px;font-weight:800;letter-spacing:-.02em;
    line-height:1.35;color:var(--nt-text);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nt_pw .nt-auth-desc{margin:0 0 26px;padding:0;border:0;
    font-size:13.5px;line-height:1.65;color:var(--nt-muted)}
#nt_pw .nt-auth-desc strong{display:block;margin:0 0 6px;font-size:14.5px;font-weight:700;color:var(--nt-text)}

/* ── 입력 ── */
#nt_pw .nt-auth-field{display:flex;align-items:center;gap:9px;height:50px;padding:0 14px;margin:0 0 10px;
    border:1px solid var(--nt-border);border-radius:var(--nt-r-md);background:var(--nt-surface);
    transition:border-color .15s,box-shadow .15s}
#nt_pw .nt-auth-field:focus-within{border-color:var(--nt-primary);box-shadow:0 0 0 3px var(--nt-primary-light)}
#nt_pw .nt-auth-field .nt-ico{font-size:18px;color:var(--nt-muted)}
#nt_pw .nt-auth-field input{flex:1;min-width:0;height:auto;padding:0;margin:0;border:0;outline:0;
    background:transparent;box-shadow:none;font-size:15px;color:var(--nt-text);
    font-family:inherit;text-align:left}
#nt_pw .nt-auth-field input::placeholder{color:#94a3b8}
/* default.css의 .required 별표 배경(!important) 제거 — 자체 디자인 사용 */
#nt_pw .nt-auth-field input.required{background-image:none !important}

/* ── 버튼 ── */
#nt_pw .nt-auth-btn{display:flex;align-items:center;justify-content:center;gap:7px;
    width:100%;height:50px;margin:0;padding:0 20px;border:1px solid var(--nt-primary);
    border-radius:var(--nt-r-md);background:var(--nt-primary);color:#fff;
    font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;
    box-shadow:0 4px 12px rgba(79,70,229,.2);transition:background .15s,border-color .15s}
#nt_pw .nt-auth-btn:hover{background:var(--nt-primary-hover);border-color:var(--nt-primary-hover)}

/* 돌아가기 링크 */
#nt_pw .nt-auth-back{display:inline-flex;align-items:center;gap:6px;margin-top:18px;
    font-size:13.5px;font-weight:700;color:var(--nt-muted);text-decoration:none}
#nt_pw .nt-auth-back:hover{color:var(--nt-primary)}

/* ── 반응형 ── */
@media (max-width:520px){
    #nt_pw{margin:28px auto 44px}
    #nt_pw .nt-auth-card{padding:30px 20px 26px}
    #nt_pw .nt-auth-title{font-size:19px;white-space:normal}
    #nt_pw .nt-auth-ico{width:54px;height:54px}
}