/* 새 사이트 헤더만 — 예전 스타일(shared/d.css)을 쓰는 회원가입 페이지용. 값은 assets/site.css 헤더와 같게 유지 */
.hd{--ink:#0E1116;--t2:#5B6270;--pk:#C8115A;--pkh:#A10E49;position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:70;background:#fff;height:64px;color:var(--ink);font-family:'Pretendard Variable',Pretendard,-apple-system,'Malgun Gothic',sans-serif;font-size:16px;line-height:1.55;letter-spacing:-.012em;word-break:keep-all}
.hd a{color:inherit;text-decoration:none}
.hd .wrap{width:100%;max-width:1320px;margin-inline:auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));height:64px;display:flex;align-items:center;gap:36px}
.hd img{height:32px;width:auto;display:block}
.hd .nav{display:flex;gap:30px;font-weight:600;margin-right:auto}
.hd .nav a{color:var(--t2);padding:6px 0;transition:color .2s}
.hd .nav a:hover{color:var(--ink)}
.hd .rt{display:flex;align-items:center;gap:22px;font-weight:600}
.hd .btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:8px;font-weight:700;font-size:15px;white-space:nowrap;transition:background .2s,transform .2s}
.hd .btn.cta{background:var(--pk);color:#fff}
.hd .btn.cta:hover{background:var(--pkh);transform:translateY(-2px)}
.hd .mb{display:none;width:44px;height:44px;border:0;background:none;color:inherit;border-radius:10px;align-items:center;justify-content:center;cursor:pointer}
.hd .mnav{display:none;position:absolute;left:0;right:0;top:64px;background:#fff;padding:8px max(24px,env(safe-area-inset-left,0px)) 18px;box-shadow:0 24px 40px rgba(14,17,22,.12)}
.hd .mnav.open{display:block}
.hd .mnav a{display:block;padding:14px 0;font-weight:600;font-size:17px}
@media(max-width:820px){.hd .nav,.hd .rt .hlogin{display:none}.hd .wrap{gap:12px}.hd .logo{margin-right:auto}.hd .mb{display:inline-flex}}

/* 헤더 메뉴를 화면 가운데로 — 로고 왼쪽, 로그인 · 시작하기 오른쪽 */
@media(min-width:821px){.hd .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:36px}.hd .logo{justify-self:start}.hd .nav{margin-right:0}.hd .rt{justify-self:end}}

/* 새 사이트 푸터 · 마지막 안내 — 예전 스타일을 쓰는 페이지용 */
.sft{--ink:#0E1116;--t2:#5B6270;--t3:#8A92A3;background:#fff;padding-block:40px 48px;font-family:'Pretendard Variable',Pretendard,-apple-system,'Malgun Gothic',sans-serif;font-size:14px;line-height:1.55;letter-spacing:-.012em;color:var(--t2);word-break:keep-all}
.sft a{color:inherit;text-decoration:none}
.sft .wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:24px;display:flex;gap:24px 40px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.sft img{height:24px;margin-bottom:10px;display:block}
.sft nav{display:flex;gap:22px;flex-wrap:wrap;font-weight:600;color:var(--ink)}
.sft .fa1 p{margin-top:6px;line-height:1.7;max-width:760px}.sft .fa1 a{text-decoration:underline}.sft .fa1 .cp{margin-top:14px;color:var(--t3)}
.ek-cta{background:#070B19;color:#fff;text-align:center;padding:88px 24px;font-family:'Pretendard Variable',Pretendard,-apple-system,'Malgun Gothic',sans-serif;word-break:keep-all}
.ek-cta h2{margin:0;color:#fff;font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1.2}
.ek-cta p{margin:14px 0 0;color:#B9C3DD;font-size:17px}
.ek-cta a{display:inline-flex;align-items:center;justify-content:center;height:54px;margin-top:28px;padding:0 28px;border-radius:10px;background:#C8115A;color:#fff;font-size:17px;font-weight:700;text-decoration:none}
.ek-cta a:hover{background:#A10E49}

/* 푸터 B안 — 윗줄 로고 · 메뉴, 아랫줄 회사 정보 · 법적 문서 */
.sftb .wrap{display:block}
.sftb .ft-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #E6E9F0}
.sftb .ft-logo img{height:26px;margin:0;display:block}
.sftb .ft-nav{display:flex;align-items:center;gap:26px;font-weight:600;font-size:15px;color:#0E1116}
.sftb .ft-nav a[aria-current]{color:#2A4FD6}
.sftb .ft-start{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:8px;background:#C8115A;color:#fff!important}
.sftb .ft-start:hover{background:#A10E49}
.sftb .ft-bot{display:flex;justify-content:space-between;align-items:flex-start;gap:20px 40px;padding-top:22px}
.sftb .fa1 p{margin:0 0 4px;line-height:1.7;max-width:760px}
.sftb .ft-legal{text-align:right;flex:none}
.sftb .ft-legal nav{display:flex;justify-content:flex-end;gap:18px;font-size:14px;color:#3F4654}
.sftb .ft-legal b{font-weight:700;color:#0E1116}
.sftb .ft-legal .cp{margin-top:10px;color:#6B7384}
@media(max-width:820px){.sftb .ft-top{flex-direction:column;align-items:flex-start}.sftb .ft-nav{flex-wrap:wrap;gap:16px 20px}.sftb .ft-bot{flex-direction:column}.sftb .ft-legal{text-align:left}.sftb .ft-legal nav{justify-content:flex-start}}
.sftb .ft-nav a[aria-current]{color:#0E1116}
html{scrollbar-gutter:stable}   /* 스크롤바 자리를 늘 비워 메인 홈 · 로그인 화면의 로고 가로 위치를 맞춘다(2026-11-10 [7]-5) */
