@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");


:root {
    --text-size-xl: 20px;
    --text-size-lg: 18px;
    --text-size-md: 16px;
    --text-size-sm: 14px;
    --text-size-xs: 12px;
    --text-size-2xs: 10px;
    --text-line-height-compact: 1.3;
    --text-line-height-content: 1.6;
    --text-line-height-title: 1.3;
    --text-line-height-display: 110%;
    --text-letter-spacing: -0.04em;

    --checkbox-size-00: 20px;
    --checkbox-size-01: 18px;
    --checkbox-size-02: 16px;
    --checkbox-size-03: 15px;
    --checkbox-size-04: 13px;
    --checkbox-size-05: 11px;

    --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;

}


@media screen and (min-width: 992px) {
    :root {
        --text-size-00: 38px;
        --text-size-01: 36px;
        --text-size-02: 34px;
        --text-size-03: 32px;
        --text-size-04: 30px;
        --text-size-05: 28px;
        --text-size-06: 26px;
        --text-size-07: 24px;
        --text-size-08: 22px;
        --text-size-09: 20px;
        --text-size-10: 18px;
        --text-size-11: 16px;
        --text-size-12: 15px;
        --text-size-13: 13px;
    }
}

@media screen and (max-width: 991px) {
    :root {
        --text-size-00: 34px;
        --text-size-01: 32px;
        --text-size-02: 30px;
        --text-size-03: 28px;
        --text-size-04: 26px;
        --text-size-05: 24px;
        --text-size-06: 22px;
        --text-size-07: 20px;
        --text-size-08: 18px;
        --text-size-09: 16px;
        --text-size-10: 15px;
        --text-size-11: 14px;
        --text-size-12: 13px;
        --text-size-13: 11px;
    }
}


.text-content-00 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-00) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-00-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-00) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-00-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-00) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-00-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-00) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-01 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-01) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-01-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-01) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-01-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-01) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-01-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-01) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}


.text-content-02 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-02) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-02-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-02) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-02-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-02) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-02-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-02) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}


.text-content-03 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-03) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-03-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-03) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-03-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-03) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-03-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-03) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}


.text-content-04 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-04) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-04-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-04) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-04-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-04) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-04-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-04) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}


.text-content-05 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-05) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-05-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-05) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-05-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-05) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-05-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-05) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}


.text-content-06 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-06) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-06-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-06) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-06-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-06) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-06-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-06) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-07 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-07) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-07-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-07) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-07-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-07) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-07-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-07) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-08 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-08) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-08-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-08) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-08-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-08) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-08-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-08) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-09 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-09) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-09-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-09) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-09-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-09) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-09-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-09) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-10 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-10) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-10-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-10) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-10-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-10) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-10-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-10) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-11 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-11) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-11-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-11) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-11-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-11) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-11-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-11) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-12 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-12) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-12-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-12) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-12-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-12) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-12-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-12) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-13 {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-13) !important;
    font-weight: 400 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-13-medium {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-13) !important;
    font-weight: 500 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-13-semibold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-13) !important;
    font-weight: 600 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}

.text-content-13-bold {
    font-family: var(--font-family) !important;
    font-size: var(--text-size-13) !important;
    font-weight: 700 !important;
    line-height: var(--text-line-height-content);
    letter-spacing: var(--text-letter-spacing) !important
}


.input-checkbox-size-00 {
    height: var(--checkbox-size-00) !important;
    width: var(--checkbox-size-00) !important;
}

.input-checkbox-size-01 {
    height: var(--checkbox-size-01) !important;
    width: var(--checkbox-size-01) !important;
}


.input-checkbox-size-02 {
    height: var(--checkbox-size-02) !important;
    width: var(--checkbox-size-02) !important;
}


.input-checkbox-size-03 {
    height: var(--checkbox-size-03) !important;
    width: var(--checkbox-size-03) !important;
}

.input-checkbox-size-04 {
    height: var(--checkbox-size-04) !important;
    width: var(--checkbox-size-04) !important;
}

.input-checkbox-size-05 {
    height: var(--checkbox-size-05) !important;
    width: var(--checkbox-size-05) !important;
}


.text-black {
    color: #222222 !important;
}

.text-semiblack {
    color: #36383d !important;
}

.text-gray {
    color: #939393 !important;
}

.text-semigray {
    color: #7e7e7e !important;
}


.text-white {
    color: #ffffff !important;
}

.text-red {
    color: #ff1129 !important;
}

.text-darkred {
    color: #cc2a32 !important;
}

.text-semired {
    color: #ff4857 !important;
}

.text-lgreen {
    color: rgb(67, 231, 148) !important;
}

.text-green {
    color: #4bad48 !important;
}

.text-orange {
    color: #ff9500 !important;
}

.text-yellow {
    color: #ffc107 !important;
}

.text-lblue {
    color: #61acfc !important;
}

.text-blue {
    color: #2890ff !important;
}

.bg-green {
    background-color: #E3F4E8;
}

.bg-pink {
    background-color: rgba(252, 224, 228, 0.73);
}

.bg-blue {
    background-color: #DBE9F4;
}

.bg-orange {
    background-color: #f9e8d8;
}

.bg-purple {
    background-color: #e6e0ff;
}

.bg-lightblue {
    background-color: rgb(238, 255, 254);
}

.bg-lightgreen {
    background-color: #f2ffeb;
}