/* =========================================================================
   동북권 ICT이노베이션스퀘어 - member.css (회원서비스 전용 : 로그인 · 회원가입 · 아이디·비밀번호 찾기 · 통합회원 전환)
   - 순서 : common.css → layout.css → member.css / 스크립트 js/member.js
   - 공통 부품 그대로 씀 : 입력 양식(.form-list · .fm-*) · 진행 순서(.ap-steps) · 완료 상자(.ap-done · .ad-*) · 안내 박스(.guide-box) · 버튼(.btn)
   ========================================================================= */

/* ===================== 공통 ===================== */
.mb-lead{margin:0 0 clamp(22px, 18.33px + 0.98vw, 34px);text-align:center;font-size:clamp(15.5px, 15.04px + 0.122vw, 17px);color:var(--gray-700);word-break:keep-all;}
.mb-note{position:relative;margin:16px 0 0;padding-left:22px;font-size:clamp(13px, 12.69px + 0.082vw, 14px);line-height:1.6;color:var(--gray-700);word-break:keep-all;}
.mb-note::before{   /* 안내 아이콘 i (장식) — .fm-help 와 같은 모양 */
  content:'i';content:'i' / '';position:absolute;left:0;top:3px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;
  background:var(--gray-500);color:#fff;font-size:clamp(10.5px, 10.35px + 0.041vw, 11px);font-weight:800;font-style:italic;font-family:Georgia,serif;
}
.mb-note strong{color:var(--primary);}
.mb-note[hidden]{display:none;}
.mb-bullets{margin:20px 0 0;padding:0;list-style:none;}
.mb-bullets li{position:relative;padding-left:14px;font-size:clamp(13.5px, 13.19px + 0.082vw, 14.5px);line-height:1.7;color:var(--gray-700);word-break:keep-all;}
.mb-bullets li::before{content:'';position:absolute;left:2px;top:.72em;width:4px;height:4px;border-radius:50%;background:var(--gray-500);}
.mb-bullets li + li{margin-top:4px;}
.mb-form .cont-sec + .cont-sec{margin-top:clamp(40px, 32.65px + 1.959vw, 64px);}   /* 양식 묶음 사이 : 본문 묶음보다 좁게 */
.fm-text{display:flex;align-items:center;min-height:44px;margin:0;font-size:clamp(14px, 13.69px + 0.082vw, 15px);font-weight:700;color:var(--ink);}   /* 입력 칸 높이에 맞춰 가운데 */

/* 비밀번호 칸 + 보기 버튼 (입력 칸 오른쪽 안) */
.pw-wrap{position:relative;display:block;max-width:100%;}
.pw-wrap .input{width:100%;padding-right:52px;}
.pw-toggle{position:absolute;top:50%;right:6px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;border-radius:8px;transition:background .2s;}
.pw-toggle img{width:20px;height:20px;}
.pw-toggle:hover{background:#eef3fa;}
.pw-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;}

/* ===================== 로그인 : [로그인 상자 | 안내 카드 2개] ===================== */
.ml-wrap{display:flex;align-items:stretch;gap:clamp(20px, 13.88px + 1.633vw, 40px);max-width:1080px;margin:0 auto;}
.ml-box{
  flex:1 1 0%;min-width:0;padding:clamp(28px, 20.65px + 1.959vw, 52px) clamp(22px, 12.2px + 2.612vw, 54px);
  border:1px solid #e3ecf7;border-radius:28px;background:#fff;box-shadow:0 24px 50px -36px rgba(5,40,100,.35);
}
.ml-title{margin:0;font-family:var(--font-title);font-weight:400;font-size:clamp(22.5px, 20.20px + 0.612vw, 30px);line-height:1.3;color:var(--ink);}
.ml-desc{margin:8px 0 0;font-size:clamp(14px, 13.69px + 0.082vw, 15px);color:var(--gray-700);word-break:keep-all;}
.ml-desc strong{color:var(--primary);}
.ml-alert{margin:18px 0 0;padding:12px 16px;border-radius:12px;background:#fdecea;font-size:clamp(13px, 12.69px + 0.082vw, 14px);font-weight:700;color:#b42318;word-break:keep-all;}   /* 대비 5.7:1 */
.ml-alert[hidden]{display:none;}
.ml-form{margin-top:clamp(20px, 16.33px + 0.98vw, 32px);}
.ml-field + .ml-field{margin-top:18px;}
.ml-label{display:block;margin:0 0 8px;font-size:clamp(14px, 13.69px + 0.082vw, 15px);font-weight:700;color:var(--ink);}
.ml-form .input{width:100%;height:clamp(50px, 47.55px + 0.653vw, 58px);padding:0 16px;font-size:clamp(14.5px, 14.04px + 0.122vw, 16px);border-radius:12px;}
.ml-form .pw-wrap .input{padding-right:56px;}
.ml-opt{display:flex;align-items:center;justify-content:space-between;margin-top:16px;}
.ml-submit{width:100%;margin-top:clamp(20px, 17.55px + 0.653vw, 28px);}
.ml-links{display:flex;flex-wrap:wrap;justify-content:center;margin:clamp(20px, 17.55px + 0.653vw, 28px) 0 0;padding:0;list-style:none;}
.ml-links li{display:flex;align-items:center;}
.ml-links li + li::before{content:'';width:1px;height:12px;margin:0 16px;background:#cfd8e6;}   /* 구분선 (장식) */
.ml-links a{font-size:clamp(13.5px, 13.19px + 0.082vw, 14.5px);color:var(--gray-700);text-underline-offset:3px;}
.ml-links a:hover{color:var(--primary);text-decoration:underline;}
.ml-links a:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px;}
.ml-note{position:relative;margin:clamp(22px, 18.33px + 0.98vw, 34px) 0 0;padding:14px 16px 14px 40px;border-radius:12px;background:#f5f7fa;font-size:clamp(12.5px, 12.19px + 0.082vw, 13.5px);line-height:1.6;color:var(--gray-700);word-break:keep-all;}
.ml-note::before{content:'i';content:'i' / '';position:absolute;left:16px;top:16px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--gray-500);color:#fff;font-size:clamp(10.5px, 10.35px + 0.041vw, 11px);font-weight:800;font-style:italic;font-family:Georgia,serif;}

.ml-side{flex:0 0 clamp(300px, 255.92px + 11.755vw, 400px);display:flex;flex-direction:column;gap:clamp(14px, 11.55px + 0.653vw, 22px);}
.ml-card{flex:1 1 0%;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px, 20.33px + 0.98vw, 36px) clamp(22px, 18.33px + 0.98vw, 34px);border-radius:24px;background:var(--sky);}
.ml-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:16px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px #d6e6fa;}
.ml-ic img{width:24px;height:24px;}
.mlc-title{margin:0 0 8px;font-size:clamp(17.5px, 17.04px + 0.122vw, 19px);font-weight:800;color:var(--ink);word-break:keep-all;}
.mlc-text{margin:0 0 20px;font-size:clamp(13.5px, 13.19px + 0.082vw, 14.5px);line-height:1.7;color:var(--gray-700);word-break:keep-all;}
.mlc-text strong{color:var(--primary);}
.ml-card .btn{margin-top:auto;}

/* ===================== 회원가입 1 : 회원 유형 카드 =====================
   - 3안 중 C(사용자 선택) : 연한 색 바탕 카드 + 흰 원 큰 색 아이콘 + 알약 버튼 + 아래 색 띠 / 유형 색 --jt : 학습자 파랑 · 강사 주황갈색
   - 카드 어디를 눌러도 가입 버튼 링크로 이동 (.jt-btn::before 가 카드 전체를 덮음, 키보드 초점은 버튼 하나) */
.jt-list{display:flex;gap:clamp(16px, 11.1px + 1.306vw, 32px);margin:0;padding:0;list-style:none;}   /* 폭 = page-head 와 같게 (사용자 지시) */
.jt-item{
  --jt:var(--primary);--jt-soft:#eaf3fd;--jt-dark:var(--primary-dark);
  position:relative;flex:1 1 0%;min-width:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;
  padding:clamp(30px, 23.88px + 1.633vw, 50px) clamp(22px, 15.88px + 1.633vw, 42px) clamp(34px, 28.49px + 1.469vw, 52px);
  border-radius:32px;background:var(--jt-soft);text-align:center;transition:box-shadow .3s,transform .3s var(--ease);
}
.jt-item.is-teacher{--jt:#b45309;--jt-soft:#fdf3e7;--jt-dark:#92400e;}   /* 강사 : 주황갈색 (흰 글자 대비 5.0:1, 연한 바탕 위 글자 4.6:1) — 2026-10-02 자주 · 보라 · 오렌지 등 보고 처음 색으로 되돌림(사용자 지시) */
.jt-item::after{content:'';position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--jt);}   /* 아래 색 띠 (장식) */
.jt-item:hover{box-shadow:0 30px 50px -30px rgba(5,40,100,.4);transform:translateY(-4px);}
.jt-item:focus-within{outline:3px solid var(--jt);outline-offset:3px;}   /* 버튼에 초점 = 카드 전체 테두리 */
.jt-ic{display:flex;align-items:center;justify-content:center;width:clamp(96px, 88.65px + 1.959vw, 120px);height:clamp(96px, 88.65px + 1.959vw, 120px);margin-bottom:20px;border-radius:50%;background:#fff;transition:background .3s;box-shadow:0 18px 30px -18px rgba(5,40,100,.35);}
.jt-ic img{width:44%;height:44%;transition:filter .3s;}
.jt-item:hover .jt-ic,.jt-item:focus-within .jt-ic{background:var(--jt);}   /* 카드에 마우스 · 초점 : 아이콘 원 = 유형 색, 아이콘 흰색 (사용자 지시) */
.jt-item:hover .jt-ic img,.jt-item:focus-within .jt-ic img{filter:brightness(0) invert(1);}
.jt-eyebrow{margin:0 0 4px;font-size:clamp(12px, 11.69px + 0.082vw, 13px);font-weight:800;letter-spacing:3px;color:var(--jt);}   /* LEARNER · TEACHER (장식, aria-hidden) */
.jt-title{margin:0;font-family:var(--font-title);font-weight:400;font-size:clamp(22.5px, 20.20px + 0.612vw, 30px);color:var(--jt);}
.jt-badge{margin:10px 0 0;padding:5px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--jt);font-size:clamp(12px, 11.69px + 0.082vw, 13px);font-weight:700;color:var(--jt-dark);}   /* 흰 바탕 대비 7:1 이상 */
.jt-desc{display:flex;flex-direction:column;gap:12px;margin:auto 0 clamp(26px, 22.33px + 0.98vw, 38px);padding:clamp(28px, 23.1px + 1.306vw, 44px) 0 0;list-style:none;text-align:left;}   /* 크게 · 아래로 (사용자 지시) : 버튼 바로 위에 붙여 두 카드 목록 높이 같게 */
.jt-desc li{position:relative;padding-left:32px;font-size:clamp(17px, 16.08px + 0.245vw, 20px);font-weight:500;line-height:1.6;color:var(--gray-700);word-break:keep-all;}
.jt-desc li::before{   /* 체크 (장식) : 흰 원 + 유형 색 체크 */
  content:'';position:absolute;left:0;top:.18em;width:21px;height:21px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23053ea5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 8.3 2.3 2.3 4.7-4.9'/%3E%3C/svg%3E") center/12px no-repeat;
}
.jt-item.is-teacher .jt-desc li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b45309' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 8.3 2.3 2.3 4.7-4.9'/%3E%3C/svg%3E");}
.jt-btn{position:static;margin-top:0;min-width:210px;background:var(--jt);border-color:var(--jt);}
.jt-btn::before{content:'';position:absolute;inset:0;border-radius:inherit;}   /* 카드 전체 누르기 */
.jt-btn:hover,.jt-item:hover .jt-btn{background:var(--jt-dark);border-color:var(--jt-dark);}
.jt-btn:focus-visible{outline:none;}
.mb-guide{margin:clamp(24px, 19.1px + 1.306vw, 40px) 0 0;}
.ig-logout-note{margin:0 0 clamp(20px, 16.33px + 0.98vw, 32px);}
.gb-ic .gb-mb{width:22px;height:22px;margin:0;}

/* ===================== 회원가입 2 : 약관 동의 ===================== */
.ja-all{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:clamp(18px, 15.55px + 0.653vw, 26px) clamp(20px, 15.1px + 1.306vw, 36px);border:2px solid var(--primary);border-radius:20px;background:var(--sky);}
.ja-all .chk{font-size:clamp(16.5px, 16.04px + 0.122vw, 18px);font-weight:800;}
.ja-all .chk input{width:22px;height:22px;}
.ja-all-help{margin:0;font-size:clamp(13px, 12.69px + 0.082vw, 14px);color:var(--gray-700);}
.ja-list{display:flex;flex-direction:column;gap:14px;margin-top:16px;}
.ja-item{padding:clamp(18px, 15.55px + 0.653vw, 26px) clamp(20px, 15.1px + 1.306vw, 36px);border:1px solid #e3ecf7;border-radius:20px;background:#fff;}
.ja-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;}
.ja-title{margin:0;font-size:clamp(15.5px, 15.04px + 0.122vw, 17px);font-weight:800;color:var(--ink);}
.ja-need{margin-left:4px;font-weight:700;color:var(--red);}
.ja-need.is-opt{color:var(--gray-700);}
/* 약관 전문 상자(.ja-text) 스타일은 전역 app.css 로 이동 — 1:1 문의 작성(qna_write)과 공용 */
.ja-item .fm-err{margin-top:10px;}

/* ===================== 회원가입 3 : 이메일 인증 ===================== */
.mb-intro{display:flex;align-items:center;gap:clamp(14px, 11.55px + 0.653vw, 22px);margin-bottom:clamp(32px, 26.49px + 1.469vw, 50px);padding:clamp(20px, 16.33px + 0.98vw, 32px) clamp(20px, 13.88px + 1.633vw, 40px);border-radius:24px;background:var(--sky);}
.mi-ic{flex:none;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 7px #d6e6fa;}
.mi-ic img{width:26px;height:26px;}
.mi-title{margin:0 0 4px;font-size:clamp(17.5px, 17.04px + 0.122vw, 19px);font-weight:800;color:var(--ink);word-break:keep-all;}
.mi-text{margin:0;font-size:clamp(14px, 13.69px + 0.082vw, 15px);line-height:1.6;color:var(--gray-700);word-break:keep-all;}
.mi-text strong{color:var(--primary);}
.au-line{flex-wrap:wrap;}
.au-btn{flex:none;min-width:120px;}
.au-btn:disabled{opacity:.45;cursor:default;pointer-events:none;}   /* 인증을 마친 뒤 누를 수 없는 버튼 */
.au-timer{font-size:clamp(14px, 13.69px + 0.082vw, 15px);font-weight:800;color:var(--red);font-variant-numeric:tabular-nums;}
.au-timer:empty{display:none;}
.au-status{margin:12px 0 0;font-size:clamp(13.5px, 13.19px + 0.082vw, 14.5px);font-weight:700;color:var(--primary);word-break:keep-all;}
.au-status:empty{display:none;}
.au-status.is-err{color:var(--red);}
.au-status.is-ok::before{content:'';display:inline-block;width:16px;height:16px;margin:0 6px -3px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23053ea5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='m5 8.2 2 2 4-4.2'/%3E%3C/svg%3E") center/contain no-repeat;}

/* ===================== 회원가입 4 : 정보 입력 ===================== */
.jf-done{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:clamp(13px, 12.69px + 0.082vw, 14px);font-weight:800;color:var(--primary);}
.jf-done::before{content:'';width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23053ea5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='m5 8.2 2 2 4-4.2'/%3E%3C/svg%3E") center/contain no-repeat;}
.pw-rules{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;list-style:none;}
.pw-rules li{display:flex;align-items:center;gap:5px;font-size:clamp(12.5px, 12.19px + 0.082vw, 13.5px);color:var(--gray-700);}
.pw-rules li::before{   /* 회색 원 → 맞으면 파란 체크 */
  content:'';flex:none;width:16px;height:16px;border-radius:50%;background:#e9eef5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239aa4b5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 8.3 2.3 2.3 4.7-4.9'/%3E%3C/svg%3E") center/11px no-repeat;
}
.pw-rules li.is-ok{font-weight:700;color:var(--primary);}
.pw-rules li.is-ok::before{background-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.5 8.3 2.3 2.3 4.7-4.9'/%3E%3C/svg%3E");}
.jf-opt{display:inline-flex;align-items:center;height:26px;margin-left:4px;padding:0 10px;border-radius:999px;background:#eef1f5;font-family:var(--font-body);font-size:clamp(12px, 11.69px + 0.082vw, 13px);font-weight:700;color:var(--gray-700);}
.jf-job{flex-wrap:wrap;}
.jf-addr{display:flex;flex-direction:column;gap:8px;max-width:520px;}
.jf-captcha{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin-top:clamp(28px, 23.1px + 1.306vw, 44px);padding:22px 20px;border:2px dashed #c9d6e8;border-radius:16px;background:#fafcff;font-size:clamp(14px, 13.69px + 0.082vw, 15px);font-weight:700;color:var(--gray-700);}
.jf-captcha span{font-size:clamp(12px, 11.69px + 0.082vw, 13px);font-weight:400;}

/* ===================== 반응형 ===================== */
@media (max-width:1000px){
  .ml-wrap{flex-direction:column;max-width:640px;}
  .ml-side{flex:none;flex-direction:row;}
}
@media (max-width:768px){
  .jt-list{flex-direction:column;}
  .ml-side{flex-direction:column;}
}
@media (max-width:640px){
  .ml-form .input{font-size:clamp(16px, 15.54px + 0.122vw, 17.5px);}   /* 모바일 입력 칸 16px (아이폰 자동 확대 방지) */
  .mb-steps li:not(.is-current){padding:0 calc(var(--ar) + 3px) 0 calc(var(--ar) + 6px);}   /* 5단계 : 번호만 보이는 단계는 좁게 → 지금 단계 이름이 다 보이게 */
  .mb-steps li:first-child:not(.is-current){padding-left:10px;}
  .ml-box{padding:26px 20px;border-radius:22px;}
  .ml-links li + li::before{margin:0 12px;}
  .mb-intro{flex-direction:column;text-align:center;}   /* 모바일 : 아이콘 위 · 글 가운데 (안내 박스 .guide-box 와 같게, 사용자 지시) */
  .mi-ic{width:50px;height:50px;}
  .mi-ic img{width:23px;height:23px;}
  .au-line .input{flex:1 1 100%;width:100%;}
  .au-btn{flex:1 1 0%;}
  .jf-job .select,.jf-job .input{flex:1 1 100%;width:100%;}
  .jt-btn{min-width:0;width:100%;}
}
@media (prefers-reduced-motion:reduce){
  .jt-item,.pw-toggle,.jt-ic,.jt-ic img{transition:none;}
  .jt-item:hover,.jt-item:focus-within{transform:none;}
}

/* ===================== 아이디 · 비밀번호 찾기 ===================== */
.mb-tabs{margin-bottom:clamp(28px, 22.49px + 1.469vw, 46px);}
.mb-panel:focus-visible{outline:2px solid var(--primary);outline-offset:8px;border-radius:8px;}
.mb-sub{margin:-8px 0 18px;font-size:clamp(14.5px, 14.19px + 0.082vw, 15.5px);line-height:1.7;color:var(--gray-700);word-break:keep-all;}
.mb-sub strong{color:var(--primary);}
.fd-result{margin-top:clamp(24px, 19.1px + 1.306vw, 40px);padding:clamp(26px, 21.1px + 1.306vw, 42px) clamp(20px, 13.88px + 1.633vw, 40px);border:2px solid var(--primary);border-radius:24px;background:var(--sky);text-align:center;}
.fd-result[hidden]{display:none;}
.fd-result:focus-visible{outline:2px solid var(--primary);outline-offset:4px;}
.fd-result-text{margin:0;font-size:clamp(17px, 16.08px + 0.245vw, 20px);font-weight:700;color:var(--ink);word-break:keep-all;}
.fd-result-text strong{color:var(--primary);font-weight:800;}
.fd-result-sub{margin:8px 0 0;font-size:clamp(13px, 12.69px + 0.082vw, 14px);color:var(--gray-700);word-break:keep-all;}
.fd-result .ap-btns{margin-top:clamp(20px, 17.55px + 0.653vw, 28px);}

/* ===================== 비밀번호 변경 안내 ===================== */
.pn-box{display:flex;flex-direction:column;align-items:center;padding:clamp(36px, 28.65px + 1.959vw, 60px) clamp(20px, 10.2px + 2.612vw, 52px);border:1px solid #e3ecf7;border-radius:28px;background:linear-gradient(180deg,var(--sky) 0,#fff 220px);text-align:center;}
.pn-ic{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin-bottom:20px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 9px #d6e6fa;}
.pn-ic img{width:34px;height:34px;}
.pn-title{margin:0 0 10px;font-family:var(--font-title);font-weight:400;font-size:clamp(22.5px, 20.20px + 0.612vw, 30px);color:var(--ink);word-break:keep-all;}
.pn-text{margin:0;font-size:clamp(15px, 14.54px + 0.122vw, 16.5px);line-height:1.75;color:var(--gray-700);word-break:keep-all;}
.pn-text strong{color:var(--primary);}
.pn-info{display:flex;justify-content:center;margin:20px 0 0;}
.pn-info > div{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d6e2f1;}
.pn-info dt{font-size:clamp(13px, 12.69px + 0.082vw, 14px);font-weight:700;color:var(--gray-700);}
.pn-info dd{margin:0;font-size:clamp(14px, 13.69px + 0.082vw, 15px);font-weight:800;color:var(--ink);}
.pn-box .ap-btns{margin-top:clamp(26px, 22.33px + 0.98vw, 38px);}

/* ===================== 통합회원 전환 ===================== */
.ig-guide{margin-top:clamp(24px, 19.1px + 1.306vw, 40px);padding:clamp(20px, 16.33px + 0.98vw, 32px) clamp(20px, 13.88px + 1.633vw, 40px);border-radius:20px;background:#f5f7fa;}
.ig-guide-title{margin:0;font-size:clamp(14.5px, 14.04px + 0.122vw, 16px);font-weight:800;color:var(--ink);}
.ig-guide .mb-bullets{margin-top:10px;}
/* 처음 방문 안내 카드 (사용자 선택 B안) : [아이콘 | 제목 · 설명 | 회원가입 버튼] / 모바일은 위아래 가운데 */
.ig-new{display:flex;align-items:center;gap:18px;margin-top:16px;padding:clamp(18px, 16.16px + 0.49vw, 24px) clamp(20px, 18.16px + 0.49vw, 26px);border-radius:20px;background:var(--sky);}
.ig-new-ic{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px #d6e6fa;}
.ig-new-ic img{width:24px;height:24px;}
.ig-new-txt{flex:1 1 auto;min-width:0;}
.ig-new-title{margin:0 0 4px;font-size:clamp(15.5px, 15.04px + 0.122vw, 17px);font-weight:800;color:var(--ink);}
.ig-new-desc{margin:0;font-size:clamp(13.5px, 13.19px + 0.082vw, 14.5px);line-height:1.6;color:var(--gray-700);word-break:keep-all;}
.ig-new-btn{flex:none;min-width:130px;}
/* 대표 계정 선택 : 계정 카드 (라디오) */
.ig-accounts{display:flex;gap:clamp(12px, 9.55px + 0.653vw, 20px);min-width:0;margin:0;padding:0;border:0;}
.ig-acc{position:relative;flex:1 1 0%;min-width:0;display:flex;cursor:pointer;}
.ig-acc input{position:absolute;left:24px;top:26px;width:20px;height:20px;margin:0;accent-color:var(--primary);cursor:pointer;}
.ig-card{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;padding:22px 24px 22px 58px;border:1px solid #d6e2f1;border-radius:20px;background:#fff;transition:border-color .2s,background .2s,box-shadow .2s;}
.ig-acc:hover .ig-card{border-color:var(--primary);}
.ig-acc input:checked + .ig-card{border:2px solid var(--primary);padding:21px 23px 21px 57px;background:var(--sky);box-shadow:0 18px 34px -26px rgba(5,62,165,.5);}
.ig-acc input:focus-visible + .ig-card{outline:2px solid var(--primary);outline-offset:3px;}
.ig-head{display:flex;align-items:center;gap:8px;}
.ig-site{font-size:clamp(14.5px, 14.04px + 0.122vw, 16px);font-weight:800;color:var(--ink);}
.ig-pick{display:none;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--primary);font-size:clamp(12px, 11.85px + 0.041vw, 12.5px);font-weight:700;color:#fff;}
.ig-acc input:checked + .ig-card .ig-pick{display:inline-flex;}
.ig-id{font-size:clamp(16.5px, 16.04px + 0.122vw, 18px);font-weight:800;color:var(--primary);word-break:break-all;}
.ig-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:clamp(13px, 12.69px + 0.082vw, 14px);color:var(--gray-700);}
/* 연결될 이력 */
.ig-history{display:flex;gap:clamp(10px, 7.55px + 0.653vw, 18px);margin:0;padding:0;list-style:none;}
.ig-history li{flex:1 1 0%;min-width:0;display:flex;}
.ig-history a,
.ig-history .ig-num{   /* 이력 숫자 상자 — 통합 전환 화면은 링크 없이 숫자만(.ig-num, 회원 정의서 v1.2 15장 5번) */
  position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:clamp(18px, 15.55px + 0.653vw, 26px) 12px;
  border:1px solid transparent;border-radius:20px;background:var(--sky);text-align:center;transition:border-color .2s,background .2s;
}
.ig-history a::after{   /* 오른쪽 위 화살표 (장식) */
  content:'';position:absolute;top:14px;right:14px;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23053ea5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.55;
}
.ig-history a:hover{border-color:var(--primary);background:#fff;}
.ig-history a:hover::after{opacity:1;}
.ig-history a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.ig-history strong{font-family:var(--font-title);font-weight:400;font-size:clamp(27px, 24.24px + 0.735vw, 36px);line-height:1.1;color:var(--primary);}
.ig-history span{font-size:clamp(13.5px, 13.19px + 0.082vw, 14.5px);font-weight:700;color:var(--gray-700);word-break:keep-all;}

@media (max-width:768px){
  .ig-accounts{flex-direction:column;}
  .ig-history{flex-wrap:wrap;}
  .ig-history li{flex:1 1 calc(50% - 9px);}
}
@media (max-width:640px){
  .ig-new{flex-direction:column;gap:12px;text-align:center;}   /* 모바일 : 아이콘 위, 글 가운데, 버튼 칸 가득 */
  .ig-new-btn{width:100%;}
  .pn-box .ap-btns{align-self:stretch;}   /* 모바일 : 버튼 두 개가 상자 폭 가득 (가운데 정렬 때문에 좁아져 글자가 2줄 되던 것) */
}
@media (max-width:450px){
  .pn-box .ap-btns{flex-direction:column;}   /* 작은 모바일 : 위아래로 */
  .pn-box .ap-btns .btn{flex:none;width:100%;}
}
@media (prefers-reduced-motion:reduce){ .ig-card{transition:none;} }