/* ============================================================
   신일등식품 register 전용 CSS
   시안 register.html 의 <style> 블록(1개)을 그대로 떼어낸 것.
   ⚠ 선택자·수치를 바꾸지 말 것 — §20-10 픽셀 검증의 기준이다.
      url(img/…) 만 css/ 기준에 맞춰 ../img/ 로 고쳤다.
   ============================================================ */
.sel-wrap{max-width:960px;margin:0 auto;padding:56px 24px 100px}
.sel-wrap .page-h{text-align:center;margin-bottom:30px}
.sel{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sc{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:34px 32px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.2s}
.sc:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(36,31,25,.1)}
.sc::before{content:"";position:absolute;left:0;top:0;right:0;height:6px}
.sc.biz::before{background:var(--biz)}.sc.per::before{background:var(--cur)}
.sc .ic{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.sc .ic svg{width:28px;height:28px;color:#fff}
.sc.biz .ic{background:var(--biz)}.sc.per .ic{background:var(--cur)}
.sc h2{font-size:22px;font-weight:800;letter-spacing:-.02em}
.sc h2 small{display:block;font-size:12px;color:var(--mut);font-weight:600;letter-spacing:.08em;margin-top:2px}
.sc .who{font-size:13.5px;color:var(--ink2);margin:12px 0 16px}
.sc ul{display:grid;gap:8px;margin-bottom:22px}
.sc li{display:flex;gap:9px;font-size:13.5px;align-items:flex-start}
.sc li svg{width:16px;height:16px;flex-shrink:0;margin-top:3px}
.sc.biz li svg{color:var(--biz)}.sc.per li svg{color:var(--cur-d)}
.sc .btn{margin-top:auto;padding:14px 0;border-radius:12px;font-size:14.5px}
.sc .tip{font-size:12px;color:var(--mut);text-align:center;margin-top:10px}
.already{text-align:center;font-size:13.5px;color:var(--mut);margin-top:26px}
.already a{font-weight:700;color:var(--ink);text-decoration:underline}
@media (max-width:1024px){.sel-wrap{padding:26px 16px 80px}.sel{grid-template-columns:1fr;gap:12px}.sc{padding:24px 20px}.sc h2{font-size:19px}}