:root {
    /* apricot */
    --smt-apricot-800: #F96B00;
    --smt-apricot-700: #F98600;
    --smt-apricot-600: #FFA800;
    --smt-apricot-500: #FFBB0D;
    --smt-apricot-400: #FFD84E;
    --smt-apricot-100: #FFECAA;
    --smt-apricot-50: #FFF9E4;

    /* blue */
    --smt-blue-800: #313EB5;
    --smt-blue-700: #485FDA;
    --smt-blue-600: #5175F4;
    --smt-blue-500: #6D91EF;
    --smt-blue-400: #9DB6F5;
    --smt-blue-100: #BED0FF;
    --smt-blue-50: #F0F4FF;

    /* red */
    --smt-red-50: #F43636;

    /* gray */
    --gs-gray-900: #232425;
    --gs-gray-800: #4D4E4F;
    --gs-gray-700: #626364;
    --gs-gray-600: #757575;
    --gs-gray-500: #9A9A9A;
    --gs-gray-400: #B2B2B2;
    --gs-gray-300: #DEDEDE;
    --gs-gray-200: #EEE;
    --gs-gray-100: #F5F5F5;
    --gs-gray-50: #FAFAFA;

    /* black and white */
    --bw-black: #000;
    --bw-white: #fff;
}

/* font color */
.smt-apricot-800 {
    color: var(--smt-apricot-800, #F96B00);
}

.smt-apricot-700 {
    color: var(--smt-apricot-700, #F98600);
}

.smt-apricot-600 {
    color: var(--smt-apricot-600, #FFA800);
}

.smt-apricot-500 {
    color: var(--smt-apricot-500, #FFBB0D);
}

.smt-apricot-400 {
    color: var(--smt-apricot-400, #FFD84E);
}

.smt-apricot-100 {
    color: var(--smt-apricot-100, #FFECAA);
}

.smt-apricot-50 {
    color: var(--smt-apricot-50, #FFF9E4);
}


.smt-blue-800 {
    color: var(--smt-blue-800, #313EB5);
}

.smt-blue-700 {
    color: var(--smt-blue-700, #485FDA);
}

.smt-blue-600 {
    color: var(--smt-blue-600, #5175F4);
}

.smt-blue-500 {
    color: var(--smt-blue-500, #6D91EF);
}

.smt-blue-400 {
    color: var(--smt-blue-400, #9DB6F5);
}

.smt-blue-100 {
    color: var(--smt-blue-100, #BED0FF);
}

.smt-blue-50 {
    color: var(--smt-blue-50, #F0F4FF);
}

.smt-red-50 {
    color: var(--smt-red-50, #F43636);
}

.gs-gray-900 {
    color: var(--gs-gray-900, #232425);
}

.gs-gray-800 {
    color: var(--gs-gray-800, #4D4E4F);
}

.gs-gray-700 {
    color: var(--gs-gray-700, #626364);
}

.gs-gray-600 {
    color: var(--gs-gray-600, #757575);
}

.gs-gray-500 {
    color: var(--gs-gray-500, #9A9A9A);
}

.gs-gray-400 {
    color: var(--gs-gray-400, #B2B2B2);
}

.gs-gray-300 {
    color: var(--gs-gray-300, #DEDEDE);
}

.gs-gray-200 {
    color: var(--gs-gray-200, #EEE);
}

.gs-gray-100 {
    color: var(--gs-gray-100, #F5F5F5);
}

.gs-gray-50 {
    color: var(--gs-gray-50, #FAFAFA);
}

.bw-black {
    color: var(--bw-black, #000);
}

.bw-white {
    color: var(--bw-white, #fff);
    z-index: 1;
}


/* Apple SD Gothic Neo */
@font-face {
    font-family: AppleSDGothicNeo;
    font-style: normal;
    font-weight: 400;
    src: url("/assets/font/AppleSDGothicNeoR.woff2") format("woff2"), url("/assets/font/AppleSDGothicNeoR.ttf") format("truetype")
}

@font-face {
    font-family: AppleSDGothicNeo;
    font-style: normal;
    font-weight: 700;
    src: url("/assets/font/AppleSDGothicNeoB.woff2") format("woff2"), url("/assets/font/AppleSDGothicNeoB.ttf") format("truetype")
}

.title_6_gn24 {
    font-family: NanumSquareRound;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px; /* 116.667% */
}

.title_5_gn24 {
    font-family: NanumSquareRound;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px; /* 140% */
}

.title_4_gn24 {
    font-family: NanumSquareRound;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px; /* 133.333% */
}

.title_3_gn24 {
    font-family: NanumSquareRound;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
}
.title_2_gn24 {
    font-family: NanumSquareRound;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px; /* 137.5% */
}

.title_1_gn24 {
    font-family: NanumSquareRound;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}

.body_6_gn24 {
    /*font-family: AppleSDGothicNeo;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}

.body_5_gn24 {
    /*font-family: AppleSDGothicNeo;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

.body_4_gn24 {
    font-family: NanumSquareRound;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 20px; /* 142.857% */
}

.body_3_gn24 {
    font-family: NanumSquareRound;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}

.body_2_gn24 {
    /*font-family: AppleSDGothicNeo;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}

.body_1_gn24 {
    font-family: AppleSDGothicNeo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.caption_4_gn24 {
    font-family: NanumSquareRound;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
}

.caption_3_gn24 {
    font-family: NanumSquareRound;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 133.333% */
}

.caption_2_gn24 {
    font-family: AppleSDGothicNeo;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 133.333% */
}

.caption_1_gn24 {
    font-family: AppleSDGothicNeo;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

/* 2025-03-04 앱 메인 개편 :: 텍스트 스타일 추가 */
.apple_1_gn24 {
    font-family: AppleSDGothicNeo;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.apple_2_gn24 {
    font-family: AppleSDGothicNeo;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
}

.nanum_1_gn24 {
    font-family: NanumSquareRound;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}