@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    src: local(※), url("/fonts/Pretendard-Thin.woff2") format('woff2');
    font-weight: 100;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    src: local(※), url("/fonts/Pretendard-Regular.woff2") format('woff2');
    font-weight: 400;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    src: local(※), url("/fonts/Pretendard-Medium.woff2") format('woff2');
    font-weight: 500;
} 
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    src: local(※), url("/fonts/Pretendard-SemiBold.woff2") format('woff2');
    font-weight: 600;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    src: local(※), url("/fonts/Pretendard-Bold.woff2") format('woff2');
    font-weight: 700;
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    src: local(※), url("/fonts/Pretendard-Black.woff2") format('woff2');
    font-weight: 900;
}

/* font */
.font-noto-sans {
    font-family: "Pretendard", sans-serif;
    letter-spacing: -1px;
}
.font-regular {
    font-weight: 400;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}

/* 폰트 사이즈 */

.ft10 {
   font-size: 10px;
}

.ft12 {
   font-size: 12px;
}

.ft14 {
   font-size: 14px;
}

.ft16 {
   font-size: 16px;
}

.ft18 {
   font-size: 18px;
}

.ft20 {
   font-size: 20px;
}

.ft22 {
   font-size: 22px;
}

.ft24 {
   font-size: 24px;
}

.ft26 {
   font-size: 26px;
}

/* color */
.fc-black-deep {
    color: #1e2022;
}
.fc-black {
    color: #292929;
}
.fc-black-impt {
    color: #292929 !important;
}
.fc-white {
    color: #fff;
}
.fc-gray {
    color: #8B95A1;
}
.fc-coolgray1 {
    color: #D2D8DD;
}
.fc-coolgray2 {
    color: #B0B7C1;
}
.fc-coolgray4 {
    color: #6B7684;
}
.fc-coolgray6 {
    color: #333D4B;
}
.fc-coolgray7 {
    color: #283447;
}
.fc-warmgray {
    color: #1e1e25;
}
.fc-lightgray {
    color: #c0c0c0;
}
.fc-lightgray-impt {
    color: #c0c0c0 !important;
}
.fc-whitegray {
    color: #6b7684;
}
.fc-whitegray-impt {
    color: #6b7684 !important;
}
.fc-darkgray {
    color: #5c6373;
}
.fc-darkgray-impt {
    color: #5c6373 !important;
}
.fc-deepgray {
    color: #52616b;
}
.fc-deepgray-impt {
    color: #52616b !important;
}
.fc-green {
    color: #2bc68d;
}
.fc-green-impt {
    color: #2bc68d !important;
}
.fc-red {
    color: #C21D48;
}
.fc-red-impt {
    color: #C21D48 !important;
}
.fc-blue {
    /* color: #0c81e4; */
    /* color: #0159a9; */
    color: #3d6afe;
}
.fc-blue-impt {
    color: #0c81e4 !important;
}
.fc-bluepurple {
    color: #4f78e0;
}
.fc-bluepurple-impt {
    color: #4f78e0 !important;
}
.fc-primary {
    /* color: #507cf3; */
    color: #3182F6;
}
.fc-primary-impt {
    color: #507cf3 !important;
}
.fc-emerald {
    color: #11c4d4;
}
.fc-emerald-impt {
    color: #11c4d4 !important;
}
.fc-orange {
    color: #ff6700;
}
.fc-orange-impt {
    color: #ff6700 !important;
}
.fc-purple {
    color: #7C6FF3;
}

/* background color */
.bg-lightgray {
    background: #fafafa;
}
.bg-skyblue {
    background: #f0f5f9;
}
.bg-green {
    background: #efffea;
}
.bg-orange {
    background: #ffefe5;
}
.bg-yellow {
    background: #fffad3 !important;
}