/* Shared public member pages use the reference landing's licensed fonts. */
@font-face{font-family:Jua;font-style:normal;font-display:swap;font-weight:400;src:url('/vendor/member-fonts/jua/jua-korean-400-normal.woff2') format('woff2');unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F}
@font-face{font-family:Jua;font-style:normal;font-display:swap;font-weight:400;src:url('/vendor/member-fonts/jua/jua-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
.member-brand-page{
  --member-ink:#20344f;
  --member-muted:#64748b;
  --member-line:#dce3ed;
  --member-accent:#2563b8;
  --member-soft:#edf4ff;
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  background:#fcfdff;
  font-family:"Noto Sans KR Variable","Malgun Gothic",sans-serif;
  font-size:16px;
  line-height:1.65;
  letter-spacing:-.025em;
}
.member-brand-page a{text-decoration:none}
.member-brand-page p{margin:0}
.member-brand-page :focus-visible{outline:3px solid #c07c3f;outline-offset:4px}
.member-brand-page .login-container{width:calc(100% - 80px);max-width:1200px;margin-inline:auto}
.member-brand-page .login-skip{position:fixed;top:-100px;left:16px;padding:12px 18px;background:var(--member-accent);color:#fff;z-index:10;border-radius:8px}
.member-brand-page .login-skip:focus{top:12px}
.member-brand-page .login-header{background:#fcfdff;border-bottom:1px solid var(--member-line)}
.member-brand-page .login-header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.member-brand-page .login-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:23px;font-weight:850;letter-spacing:-.07em;color:var(--member-ink)}
.member-brand-page .login-brand-mark{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:11px;background:var(--member-accent);color:#fff}
.member-brand-page .login-brand-dot{color:#f08b5b;margin-left:-6px}
.member-brand-page .login-header-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}
.member-brand-page .login-header-nav>a{display:inline-flex;align-items:center;gap:10px;min-height:44px}
.member-brand-page .login-header-nav>a:first-child{color:var(--member-ink)}
.member-brand-page .login-header-demo{padding:10px 17px;border:1px solid var(--member-line);border-radius:10px;background:white}
.member-brand-page .login-header-demo:hover{background:var(--member-soft);border-color:#aec9ec}
.member-brand-page .login-footer{border-top:1px solid var(--member-line);background:#fff;color:var(--member-muted);font-size:13px}
.member-brand-page .login-footer>div{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}
@media(max-width:1000px){.member-brand-page .login-container{width:calc(100% - 48px)}}
@media(max-width:760px){
  .member-brand-page .login-header-nav{gap:16px}
  .member-brand-page .login-header-nav>a:first-child{display:none}
  .member-brand-page .login-footer>div{flex-wrap:wrap;justify-content:center;gap:5px 20px;text-align:center}
}
@media(max-width:400px){
  .member-brand-page .login-container{width:calc(100% - 32px)}
  .member-brand-page .login-header-inner{gap:12px;min-height:72px}
  .member-brand-page .login-brand{font-size:20px;gap:7px}
  .member-brand-page .login-brand-mark{width:32px;height:32px;border-radius:9px}
  .member-brand-page .login-header-demo{padding:9px 11px;font-size:12px}
}

.login-footer .company-info{display:block;max-width:1200px;margin:auto;padding:0 40px 24px;min-height:0;font:13px/1.8 system-ui,sans-serif;color:#64748b}.login-footer .company-info p{margin:4px 0}

.legal-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px}.legal-links a{color:#2563b8;text-decoration:underline;text-underline-offset:3px}