/* CSS 파일 설명
로그인 공통 글꼴
*/

/* 공통 글꼴(Pretendard)을 불러와 화면/입력창/그리드의 폰트체를 통일, 아이콘 전용 폰트는 유지 */
/* Shared UI typography. Pretendard v1.3.9, SIL OFL 1.1.
 * License: ../../public/fonts/pretendard/LICENSE
 */
@font-face {
  font-family: "Pretendard Variable";
  src: url("../../public/fonts/pretendard/PretendardVariable.woff2") format("woff2");
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
}

:root {
  --app-font-family: "Pretendard Variable", Pretendard, -apple-system,
    BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI",
    "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic",
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

/* Include generated group headers, popups and form controls as well as page text.
 * Legacy component themes declare their own families; override only that
 * property, keeping sizes, weights and dedicated icon fonts intact.
 */
body,
body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.glyphicon):not(.lnr):not([class*="note-icon-"]):not(.material-icons):not(.material-symbols-outlined) {
  font-family: var(--app-font-family) !important;
}

/* 로그인 전용 디자인: 브랜드 소개, 입력 폼, 안내창과 화면 크기별 배치를 관리합니다. */
body.biztms-login {
  --navy:#223169; --navy-hover:#182650; --ink:#1b2643;
  --text:#566176; --muted:#727c90; --line:#e9edf2;
  --surface:#f5f7fa; --white:#fff; --danger:#bf3c40;
}
.biztms-login, .biztms-login *, .biztms-login *::before, .biztms-login *::after {box-sizing:border-box;}
body.biztms-login {margin:0;background:var(--white);color:var(--ink);font-family:'Pretendard','Noto Sans KR','Noto Sans CJK KR',-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;}
.biztms-login button,.biztms-login input {font:inherit;}
.biztms-login button {cursor:pointer;}
.biztms-login button:disabled {cursor:not-allowed;}
.biztms-login button,.biztms-login a,.biztms-login input { -webkit-tap-highlight-color:transparent; }
.biztms-login button:focus-visible,.biztms-login a:focus-visible {outline:2px solid var(--navy);outline-offset:5px;}
.biztms-login .icon-defs {position:absolute;width:0;height:0;overflow:hidden;}
.biztms-login .icon {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.biztms-login .page-shell {min-height:100vh;min-height:100svh;display:flex;flex-direction:column;}
.biztms-login .skip-link {position:fixed;left:16px;top:-100px;padding:12px 18px;background:var(--navy);color:#fff;z-index:9;border-radius:8px;text-decoration:none;}
.biztms-login .skip-link:focus {top:16px;}
.biztms-login .site-header {height:96px;width:calc(100% - 128px);max-width:1536px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.biztms-login .brand {display:flex;align-items:center;gap:20px;}
.biztms-login .bizlogis-logo {display:block;width:163px;height:auto;}
.biztms-login .brand-divider {width:1px;height:18px;background:#dde2eb;}
.biztms-login .product-mark {font-size:13px;font-weight:700;letter-spacing:.4px;color:#68738a;}
.biztms-login .help-link {padding:10px 0 10px 10px;display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:#646e82;font-size:13px;}
.biztms-login .help-link .icon {width:17px;height:17px;}
.biztms-login .help-link:hover {color:var(--navy);}
.biztms-login .login-layout {width:calc(100% - 160px);max-width:1120px;margin:0 auto;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 380px;column-gap:112px;align-items:center;padding:48px 0 68px;}
.biztms-login .intro {padding-bottom:0;min-width:0;}
.biztms-login .intro-copy {padding-left:9px;}
.biztms-login .eyebrow {display:flex;align-items:center;gap:11px;margin-bottom:23px;color:var(--navy);font-size:10px;font-weight:700;line-height:16px;letter-spacing:2px;}
.biztms-login .eyebrow-rule {width:23px;height:2px;background:var(--navy);}
.biztms-login h1 {margin:0;font-size:43px;font-weight:700;line-height:1.38;letter-spacing:-1.65px;word-break:keep-all;}
.biztms-login h1 span {display:block;}
.biztms-login .headline-accent {color:var(--navy);}
.biztms-login .intro-description {margin:21px 0 0;color:var(--muted);font-size:15px;line-height:1.85;letter-spacing:-.25px;}
.biztms-login .intro-description span {display:block;}
.biztms-login .motion-scene {margin:51px 0 0;width:100%;}
.biztms-login #truckMotion {display:block;width:100%;height:auto;aspect-ratio:960 / 370;object-fit:contain;}
.biztms-login .motion-caption {display:flex;align-items:center;justify-content:space-between;margin:9px 8px 0 10px;}
.biztms-login .workflow-labels {display:flex;align-items:center;gap:13px;font-size:11px;color:#7a8497;letter-spacing:-.1px;}
.biztms-login .workflow-labels i {height:3px;width:3px;background:#b4bdcc;border-radius:50%;}
.biztms-login .motion-toggle {display:flex;align-items:center;gap:2px;font-size:10px;color:#7a8497;background:none;border:0;border-radius:6px;padding:5px;white-space:nowrap;}
.biztms-login .motion-toggle .icon {width:15px;height:15px;}
.biztms-login .motion-toggle:hover {background:var(--surface);color:var(--navy);}
.biztms-login .auth {min-width:0;padding-top:2px;}
.biztms-login .auth-heading {margin-bottom:32px;}
.biztms-login .auth h2 {margin:0;font-size:28px;font-weight:700;line-height:1.4;letter-spacing:-1px;color:var(--ink);}
.biztms-login .auth-heading p {margin:10px 0 0;font-size:14px;line-height:1.6;letter-spacing:-.15px;color:var(--muted);}
.biztms-login .login-form {margin:0;}
.biztms-login .field + .field {margin-top:19px;}
.biztms-login .field > label {display:block;font-size:12px;line-height:20px;font-weight:600;color:#4b566c;margin-bottom:8px;}
.biztms-login .input-shell {display:flex;align-items:center;border:1px solid transparent;border-radius:11px;min-height:56px;background:var(--surface);transition:background .16s,border-color .16s,box-shadow .16s;}
.biztms-login .input-shell:focus-within {background:#fff;border-color:var(--navy);box-shadow:0 0 0 3px rgba(34,49,105,.06);}
.biztms-login .input-shell.invalid {border-color:var(--danger);}
.biztms-login .input-shell input {width:100%;min-width:0;height:54px;border:0;outline:none;padding:0 17px;border-radius:11px;background:transparent;color:var(--ink);font-size:14px;letter-spacing:-.2px;}
.biztms-login .input-shell input::placeholder {color:#8791a3;opacity:1;}
.biztms-login .password-shell input {padding-right:3px;}
.biztms-login .password-toggle {display:grid;place-items:center;width:48px;min-width:48px;height:48px;padding:0;border:0;background:none;color:#8590a3;border-radius:8px;margin-right:3px;}
.biztms-login .password-toggle:hover {color:var(--navy);}
.biztms-login .password-toggle .icon {width:19px;height:19px;}
.biztms-login .field-error,.biztms-login .caps-lock {margin:7px 0 0;font-size:12px;line-height:1.5;color:var(--danger);}
.biztms-login .caps-lock {color:#936729;}
.biztms-login .form-options {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;}
.biztms-login .remember-label {position:relative;display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#697388;cursor:pointer;min-height:24px;white-space:nowrap;}
.biztms-login .remember-label input {position:absolute;left:0;top:0;width:20px;height:24px;margin:0;opacity:0;cursor:pointer;}
.biztms-login .checkbox-ui {width:18px;height:18px;border:1.3px solid #d3dae5;border-radius:5px;background:#fff;display:grid;place-items:center;transition:background .15s,border-color .15s;}
.biztms-login .checkbox-ui .icon {width:15px;height:15px;stroke-width:2;color:#fff;visibility:hidden;}
.biztms-login .remember-label input:checked + .checkbox-ui {background:var(--navy);border-color:var(--navy);}
.biztms-login .remember-label input:checked + .checkbox-ui .icon {visibility:visible;}
.biztms-login .remember-label input:focus-visible + .checkbox-ui {outline:2px solid var(--navy);outline-offset:3px;}
.biztms-login .text-link {background:none;border:0;color:#697388;font-size:12px;padding:4px 0;white-space:nowrap;}
.biztms-login .text-link:hover {color:var(--navy);text-decoration:underline;text-underline-offset:3px;}
.biztms-login .login-button {display:flex;position:relative;justify-content:center;align-items:center;gap:14px;width:100%;height:56px;margin-top:25px;border:0;border-radius:11px;background:var(--navy);color:#fff;font-size:15px;font-weight:600;letter-spacing:-.3px;transition:background .16s,transform .16s;}
.biztms-login .login-button > .icon {position:absolute;right:19px;width:18px;height:18px;opacity:.9;}
.biztms-login .login-button:hover {background:#ffcc00;color:var(--navy);}
.biztms-login .login-button:active {transform:translateY(1px);}
.biztms-login .login-button:disabled {opacity:.6;}
.biztms-login .account-help {border-top:1px solid var(--line);margin-top:28px;padding-top:23px;}
.biztms-login .account-help p {margin:0 0 5px;font-size:12px;color:var(--muted);line-height:20px;}
.biztms-login .account-link {display:flex;align-items:center;gap:5px;border:0;background:none;font-size:12px;font-weight:500;color:var(--navy);padding:0;line-height:23px;letter-spacing:-.1px;}
.biztms-login .account-link .icon {width:14px;height:14px;}
.biztms-login .account-link:hover {text-decoration:underline;text-underline-offset:3px;}
.biztms-login .access-note {display:flex;align-items:center;gap:5px;margin:26px 0 0;font-size:10px;line-height:18px;color:#8891a1;white-space:nowrap;}
.biztms-login .access-note .icon {width:12px;height:12px;}
.biztms-login .site-footer {width:calc(100% - 128px);max-width:1536px;margin:0 auto;border-top:1px solid #edf0f4;flex-shrink:0;}
.biztms-login .footer-inner {min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.biztms-login .footer-copy {display:flex;align-items:center;gap:17px;}
.biztms-login .company-name {font-size:11px;font-weight:500;color:#768095;}
.biztms-login .copyright {font-size:10px;letter-spacing:.05px;color:#9199a7;}
.biztms-login .footer-brands {display:flex;align-items:center;gap:22px;opacity:.9;}
.biztms-login .ob-logo {width:116px;height:auto;display:block;}
.biztms-login .abinbev-logo {width:77px;height:auto;display:block;}
.biztms-login .footer-brand-divider {width:1px;height:17px;background:#e3e7ef;}
.biztms-login .info-dialog {width:min(430px,calc(100% - 40px));border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 16px 64px rgba(20,34,69,.12);color:var(--ink);background:#fff;}
.biztms-login .info-dialog::backdrop {background:rgba(15,29,63,.28);}
.biztms-login .dialog-close {position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border:0;background:none;border-radius:8px;color:#8891a1;}
.biztms-login .dialog-kicker {font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--navy);}
.biztms-login .info-dialog h2 {margin:14px 0 10px;font-size:22px;line-height:1.5;letter-spacing:-.6px;}
.biztms-login .info-dialog p {font-size:14px;line-height:1.8;color:var(--text);white-space:pre-line;word-break:keep-all;}
.biztms-login .dialog-confirm {width:100%;height:48px;background:var(--navy);color:white;border:0;border-radius:10px;margin-top:14px;font-weight:600;}
@media (min-width:1700px) {
  .biztms-login .login-layout {max-width:1232px;grid-template-columns:650px 400px;column-gap:182px;}
  .biztms-login h1 {font-size:47px;}
}
@media (max-width:1100px) {
  .biztms-login .site-header,.biztms-login .site-footer {width:calc(100% - 80px);}
  .biztms-login .login-layout {width:calc(100% - 96px);grid-template-columns:minmax(0,1fr) 350px;column-gap:56px;}
  .biztms-login h1 {font-size:33px;letter-spacing:-1.3px;}
  .biztms-login .intro-description {font-size:14px;}
  .biztms-login .workflow-labels {gap:8px;font-size:10px;}
}
@media (max-width:820px) {
  .biztms-login .site-header {width:calc(100% - 48px);height:82px;}
  .biztms-login .bizlogis-logo {width:133px;}
  .biztms-login .brand {gap:12px;}
  .biztms-login .brand-divider {height:15px;}
  .biztms-login .product-mark {font-size:11px;}
  .biztms-login .help-link {font-size:0;gap:0;padding:10px;}
  .biztms-login .help-link .icon {width:20px;height:20px;}
  .biztms-login .login-layout {display:flex;flex-direction:column;gap:0;width:calc(100% - 48px);max-width:400px;padding:45px 0 33px;margin:0 auto;}
  .biztms-login .auth {order:1;width:100%;padding:0;}
  .biztms-login .auth h2 {font-size:27px;}
  .biztms-login .auth-heading {margin-bottom:28px;}
  .biztms-login .intro {order:2;width:100%;padding:0;margin-top:38px;}
  .biztms-login .intro-copy {display:none;}
  .biztms-login .motion-scene {margin:0;}
  .biztms-login .motion-caption {margin-top:1px;}
  .biztms-login .workflow-labels {font-size:9px;gap:9px;}
  .biztms-login .motion-toggle {font-size:9px;}
  .biztms-login .site-footer {width:calc(100% - 48px);}
  .biztms-login .footer-inner {padding:23px 0;min-height:112px;align-items:flex-start;flex-direction:column;gap:20px;}
  .biztms-login .footer-copy {gap:8px;flex-wrap:wrap;}
  .biztms-login .company-name {font-size:10px;}
  .biztms-login .copyright {font-size:9px;}
  .biztms-login .footer-brands {gap:16px;}
  .biztms-login .ob-logo {width:95px;}
  .biztms-login .abinbev-logo {width:63px;}
}
@media (max-width:360px) {
  .biztms-login .site-header,.biztms-login .login-layout,.biztms-login .site-footer {width:calc(100% - 36px);}
  .biztms-login .brand-divider,.biztms-login .product-mark {display:none;}
  .biztms-login .access-note {font-size:9px;}
  .biztms-login .remember-label,.biztms-login .text-link {font-size:11px;}
}
@media (prefers-reduced-motion:reduce) {
  .biztms-login *, .biztms-login *::before,.biztms-login *::after {transition:none!important;animation:none!important;scroll-behavior:auto!important;}
}