@import "reset.css";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

:root {
    --color-01: #004862;
    --color-02: #2E8DBD;
    --color-bg-01: #E8EEF3;
    --color-bg-02: #F5F9FC;


    --color-gray-01: #151515;
    --color-gray-02: #555555;
    --content-max-width: 1440px;
    --content-max-width-1200: 1200px;
    --color-primary-01: #043D27;
    --color-primary-02: #3A896A;

    --color-primary-03: #E8F3ED;

    --color-primary-04: #F5FCF7;
    --color-white: #ffffff;
}

.desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

body {
    font-family: 'Pretendard', serif;
}

html > /**/ body {
    overflow-y: scroll
}

body * {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 150%;
}

/* H1 NAME */
h1, .h1 {
    color: var(--color-gray-01);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 150%;
    vertical-align: middle;
}

/* H2 NAME */
h2, .h2 {
    color: var(--color-gray-01);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 150%;
    vertical-align: middle;
}

/* H3 NAME */
h3, .h3 {
    color: var(--color-gray-01);
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 150%;
    vertical-align: middle;
}

/* Body1 NAME */
p, .p {
    color: var(--color-gray-02);
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 150%;
}

/* Body2 NAME */
.body2 {
    color: var(--color-gray-02);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 150%;
}


@media (max-width: 768px) {
    h1, .h1 {
        font-size: 28px;
    }

    h2, .h2 {
        font-size: 24px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    p, .p {
        font-size: 16px;
    }

    .body2 {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }
}

@media screen and (max-device-width: 768px) {
    body {
        -webkit-text-size-adjust: 100%;
    }
}