:root {
    --main: #0B1C38;
    --sub: #1A1D21;
    --sub2: #D7D9DC;
    --black: #F5F6F7;
    --orange: #FF6B3D;
    --point: #FF6B3D;
    --blackC: #1A1D21;

    --fs-visual: 48px;   --lh-visual: 1.2;
    --fs-title: 44px;    --lh-title: 1.3;
    --fs-sub-title: 32px; --lh-sub-title: 1.35;
    --fs-sub-title-sub: 22px; --lh-sub-title-sub: 1.4;
    --fs-stat-num: 58px; --lh-stat-num: 1.0;
    --fs-stat-unit: 58px; --lh-stat-unit: 1.0;
    --fs-body: 18px;     --lh-body: 1.6;
    --fs-small: 16px;    --lh-small: 1.5;
}

@media screen and (max-width: 1300px) {
    :root {
        --fs-visual: 34px; --lh-visual: 1.25;
        --fs-title: 30px;  --lh-title: 1.3;
        --fs-sub-title: 24px; --lh-sub-title: 1.4;
        --fs-sub-title-sub: 18px; --lh-sub-title-sub: 1.45;
        --fs-stat-num: 40px; --lh-stat-num: 1.1;
        --fs-stat-unit: 40px; --lh-stat-unit: 1.1;
        --fs-body: 16px; --lh-body: 1.55;
        --fs-small: 14px; --lh-small: 1.5;
    }
    .failure-inner, .expert-inner, .system-inner, 
    .stats-inner, .rs-inner, .kea-inner, .fs-inner, .sys-inner, .video-inner, .final-question .inner {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 600px) {
    :root {
        --fs-visual: 24px; --lh-visual: 1.3;
        --fs-title: 22px;  --lh-title: 1.35;
        --fs-sub-title: 18px; --lh-sub-title: 1.4;
        --fs-sub-title-sub: 16px; --lh-sub-title-sub: 1.45;
        --fs-stat-num: 22px; --lh-stat-num: 1.1;
        --fs-stat-unit: 22px; --lh-stat-unit: 1.1;
        --fs-body: 15px; --lh-body: 1.5;
        --fs-small: 13px; --lh-small: 1.4;
    }
    .failure-inner, .system-inner, .stats-inner, .rs-inner, .kea-inner, .fs-inner, .final-question .inner {
        padding: 0 10px !important;
    }
    .kea-inner { padding: 0 !important; }
    .sys-inner, .expert-inner, .kea-header-center, .why-failure, .video-inner, .full-stack {
        padding-right: 20px !important; padding-left: 20px !important;
    }
}

@media screen and (max-width: 380px) {
    :root { --fs-stat-num: 18px; --fs-stat-unit: 18px; --fs-body: 14px; }
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.04em; font-size: var(--fs-body); line-height: var(--lh-body); }
li { list-style: none; }
a { text-decoration: none; color: inherit; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }

@media (max-width: 1024px) { html { scroll-padding-top: 70px; } }

.mobileBr { display: none; }
.pc-br { display: none; }
@media screen and (min-width: 1025px) { .pc-br { display: block !important; } }
@media screen and (max-width: 1024px) { .mobileBr { display: block; } .pc-br { display: none !important; } }

.highlight { color: var(--point); font-weight: 700; }
.normalColor { color: var(--main); }
.txt10 { font-size: var(--fs-sub-title); }