/* 로그인 시안 4종 — 회사 로고 색: 빨강 #e73828, 남색 #1d2087 */
body.lg{min-height:100vh;margin:0}
.lg form label{margin-top:14px}
.lg input{width:100%;padding:11px 12px;font-size:16px}
.lg .btn.big{width:100%;background:var(--brand);border-color:var(--brand);font-size:17px;padding:12px}
.lg .btn.big:hover{background:var(--accent)}
.lg .hint{font-size:13px;margin:14px 0 0}
.lg h1{margin:0 0 4px}
.foot{color:var(--muted);font-size:12px;text-align:center;margin-top:18px}

/* A */
.lg-a{background:#f3f4f8}
.a-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px}
.a-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:10px;padding:32px 30px}
.a-logo{display:block;width:220px;max-width:100%;margin:0 auto 6px}
.a-card h1{text-align:center;font-size:20px;color:var(--brand);letter-spacing:.2em;margin-bottom:10px}

/* B */
.lg-b{background:#fff}
.b-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100vh}
.b-brand{background:var(--brand);color:#fff;padding:56px 56px 40px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.b-brand::after{content:"";position:absolute;right:-60px;bottom:-60px;width:320px;height:320px;
  background-image:radial-gradient(var(--red) 22%,transparent 24%);background-size:16px 16px;opacity:.35;border-radius:50%}
.b-mark{width:84px;background:#fff;border-radius:14px;padding:12px 16px}
.b-name{margin-top:36px;font-size:15px;opacity:.85;letter-spacing:.05em}
.b-title{font-size:40px;font-weight:700;margin-top:4px}
.b-list{list-style:none;padding:0;margin:28px 0 0;font-size:16px;line-height:2;opacity:.9}
.b-list li::before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);margin-right:10px;vertical-align:middle}
.b-foot{margin-top:auto;font-size:12px;letter-spacing:.2em;opacity:.6}
.b-form{display:flex;flex-direction:column;justify-content:center;padding:40px clamp(24px,7vw,96px);max-width:520px}
.b-form h1{font-size:26px}
@media (max-width:820px){.b-wrap{grid-template-columns:1fr}.b-brand{padding:28px 24px}.b-title{font-size:28px}.b-list,.b-foot,.b-brand::after{display:none}}

/* C */
.lg-c{background:#f3f4f8}
.c-top{display:flex;align-items:center;gap:14px;background:#fff;border-bottom:3px solid var(--red);padding:12px 24px}
.c-top img{height:40px;width:auto}
.c-top span{font-weight:700;color:var(--brand);font-size:18px;letter-spacing:.15em}
.c-wrap{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:center;max-width:980px;margin:0 auto;padding:7vh 16px}
.c-today{flex:1 1 360px;min-width:0}
.c-date{color:var(--red);font-weight:700}
.c-today h1{font-size:34px;color:var(--brand);margin:6px 0 10px}
.c-today p{color:var(--muted);max-width:40ch}
.c-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.c-chips span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 14px;font-size:14px}
.c-card{flex:0 1 380px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 28px}

/* D */
.lg-d{background:var(--brand);background-image:radial-gradient(rgba(231,56,40,.55) 18%,transparent 20%);background-size:22px 22px;background-position:0 0}
.d-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px;
  background:linear-gradient(115deg,var(--brand) 0 45%,rgba(27,31,110,.75) 70%,rgba(27,31,110,.2))}
.d-card{width:100%;max-width:380px;background:#fff;border-radius:12px;padding:30px 30px 26px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.d-logo{display:block;width:120px;margin:0 auto 8px}
.d-card h1{text-align:center;font-size:19px;color:var(--brand)}