/* ============================================================
   신일등식품 로그인 페이지 전용 CSS
   시안 login.html 의 <style> 블록을 그대로 떼어낸 것.
   ⚠ 선택자·수치를 바꾸지 말 것 — §20-10 픽셀 검증의 기준이다.
   ============================================================ */

.login-wrap{max-width:520px;margin:0 auto;padding:56px 24px 100px}
.login-wrap .page-h{text-align:center;margin-bottom:24px}
.ltabs{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:5px;margin-bottom:22px}
.ltabs button{border:0;background:transparent;border-radius:10px;height:44px;padding:0;font-size:14px;font-weight:700;color:var(--mut);display:flex;align-items:center;justify-content:center;gap:7px}
.ltabs button svg{width:17px;height:17px}
.ltabs button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(36,31,25,.08)}
.ltabs button.on.biz{color:var(--biz)}.ltabs button.on.per{color:var(--cur-d)}
.lpane{display:none}.lpane.on{display:block}
.lpane .card{padding:30px 30px 26px}
/* 로그인 버튼 — 펫터니아 bbs/login.php .btn_submit 규격(폭 100%·높이 48px·15px 800·radius 12) */
.lpane .btn-block{display:flex;width:100%;height:48px;padding:0;margin-top:6px;border:0;border-radius:12px;font-size:15px;font-weight:800;line-height:1}
.lpane .desc{font-size:13px;color:var(--ink2);margin-bottom:18px;display:flex;gap:8px;align-items:flex-start}
.lpane .desc i{font-style:normal;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:6px;flex-shrink:0;margin-top:2px}
.lpane.biz .desc i{background:var(--biz-bg);color:var(--biz)}.lpane.per .desc i{background:var(--cur-bg);color:var(--cur-d)}
.lopts{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;margin:4px 0 18px}
.lopts label{display:flex;align-items:center;gap:6px}
.lopts label input{width:16px;height:16px;accent-color:var(--cur)}
.lopts .links a{color:var(--mut)}.lopts .links a+a::before{content:"|";margin:0 8px;color:var(--line)}
.ljoin{text-align:center;font-size:13px;color:var(--mut);margin-top:18px}
.ljoin a{font-weight:700;color:var(--ink);text-decoration:underline}
.sns{margin-top:18px;padding-top:18px;border-top:1px solid var(--line2)}
.gorder{margin-top:16px}
.gorder .card{padding:20px 22px}
.gorder h3{font-size:14.5px;font-weight:800;margin-bottom:10px}
.gorder .inline{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
.gorder input{border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:13px;min-width:0}
.gorder .btn{border-radius:10px;padding:0 16px;font-size:13px}
@media (max-width:1024px){
  .login-wrap{padding:26px 16px 80px}
  .lpane .card{padding:22px 18px 20px}
  .gorder .inline{grid-template-columns:1fr}
  .gorder .btn{padding:12px 0}
}