@font-face {
    font-family: "Pretendard Variable";
    font-style: normal;
    font-weight: 45 920;
    font-display: swap;
    src: url("../../pms-login/webfonts/PretendardVariable.woff2") format("woff2-variations");
}

:root {
    --font-basic: "Pretendard Variable", sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 800;
    --input-placeholder-color: #8792a2;
    --color-background: #fff;
    --color-background-rgb: 255, 255, 255;
    --color-basic: #162033;
    --color-basic-rgb: 22, 32, 51;
    --color-white: #fff;
    --color-white-rgb: 255, 255, 255;
    --color-black: #000;
    --color-black-rgb: 0, 0, 0;
    --color-gray: #6a7282;
    --color-gray-light: #99a1af;
    --color-point: #2369a8;
    --color-point-rgb: 35, 105, 168;
    --color-point-hover: #174f82;
    --color-line-basic: #d1d5dc;
    --color-line-light: #e5e9ef;
    --color-box-basic: #f4f7fb;
    --color-green: #278b61;
}

html, body { min-height: 100%; background: #fff; }
a[class*="btns"], button[class*="btns"] {
    display: inline-block;
    border: 1px solid var(--color-line-basic);
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
[class*="btns"].size-xl { padding: 12px 25px; font-size: 1.125rem; }
.btns-point { border-color: var(--color-point); background: var(--color-point); color: #fff; }
.btns-point:hover { border-color: var(--color-point-hover); background: var(--color-point-hover); }
input.basic-input {
    position: relative;
    margin: 0;
    padding: 5px 10px;
    border: 1px solid var(--color-line-basic);
    background: var(--color-background);
    word-break: break-all;
    transition: border-color .2s, box-shadow .2s;
}
input.basic-input:focus {
    outline: none;
    border-color: var(--color-point);
    box-shadow: 0 0 0 3px rgba(var(--color-point-rgb), .12);
}