@charset "UTF-8";

/*
    CSS 변수 및 전역 설정 관련 style을 여기에 정의합니다.
    이 파일은 all.css에서 import되어 사용됩니다.
*/

:root {
    /* font */
    --base-font-family: "Pretendard Variable", system-ui, Arial, sans-serif;
    --base-font-size: 18px;
    --base-line-height: 1.5;
    --base-letter-spacing: -0.025em;

    /* color */
    --base-text1-color: #222222;
    --base-text2-color: #666666;
    --base-text3-color: #767676;
    --base-bg1-color: #f5f5f5;
    --base-bg2-color: #f2f4f8;
    --base-line1-color: #cccccc;
    --base-line2-color: #eeeeee;

    --base-body-bg-color: white;
    --base-body-bg-color-rgb: 255, 255, 255;
    --base-body-color: var(--base-text2-color);
    --base-body-color-rgb: 102, 102, 102;
    --base-title-color: var(--base-text1-color);
    --base-title-color-rgb: 34, 34, 34;
    --base-border-color: var(--base-line1-color);
    --base-border-color-rgb: 204, 204, 204;

    --base-table-th-bg-color: #fff8f0;

    --yellow: #ffd260;
    --orange: #ff8200;
    --orange_w: #b35900; /* --bs-primary */
    --blue: #576dd8; /* --bs-info */
    --brown: #895118; /* --bs-warning */

    /* layout */
    --header-height: 120px;
    --header-gnb-height: 40px;
    --header-menu-height: 80px;

    --footer-height: 280px;

    --main-min-height: calc(100vh - var(--header-height) - var(--footer-height));
    --main-width: 1520px;
    --main-visual-height: 640px;

    --aside-width: 120px; /* quick menu */

    --page-y-offset: 0px; /* 이 변수값은 window scroll에 따라 변함. mls_util.scrollWindowHandler() */
    --viewport-height: 0px; /* 이 변수값은 window resize에 따라 변함. mlc_util.setViewportHeight() */

    /* font-weight */
    --weight-thin: 100;
    --weight-extra-light: 200;
    --weight-light: 300;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semi-bold: 600;
    --weight-bold: 700;
    --weight-extra-bold: 800;
    --weight-black: 900;
}