@charset "UTF-8";

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url(./fontFile/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url(./fontFile/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url(./fontFile/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url(./fontFile/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url(./fontFile/Pretendard-Bold.woff) format('woff');
}
/* 폰트 굵기 */
.fw300 {
    font-weight: 300;
}
.fw400 {
    font-weight: 400;
}
.fw500 {
    font-weight: 500;
}
.fw600 {
    font-weight: 600;
}
.fw700 {
    font-weight: 700;
}
/* 폰트 스티일 */
.ff_Pretendard {font-family: 'Pretendard', 'serif'}

/* 폰트 크기 */
.fs_13 {font-size:13px;}
.fs_14 {font-size:14px;}
.fs_15 {font-size:15px;}
.fs_16 {font-size:16px;}
.fs_18 {font-size:18px;}
.fs_20 {font-size:20px;}
.fs_22 {font-size:22px;}
.fs_25 {font-size:25px;}
.fs_28 {font-size:28px;}
.fs_30 {font-size:30px;}

@media (max-width: 1000px) {
    .fs_13 {font-size:12px;}
    .fs_14 {font-size:13px;}
    .fs_15 {font-size:14px;}
    .fs_16 {font-size:15px;}
    .fs_18 {font-size:17px;}
    .fs_20 {font-size:19px;}
    .fs_22 {font-size:20px;}
    .fs_25 {font-size:23px;}
    .fs_28 {font-size:25px;}
    .fs_30 {font-size:28px;}
}
@media (max-width: 780px) {
    .fs_13 {font-size:12px;}
    .fs_14 {font-size:13px;}
    .fs_15 {font-size:14px;}
    .fs_16 {font-size:15px;}
    .fs_18 {font-size:16px;}
    .fs_20 {font-size:17.5px;}
    .fs_22 {font-size:18px;}
    .fs_25 {font-size:20px;}
    .fs_28 {font-size:21.5px;}
    .fs_30 {font-size:23px;}
}
@media (max-width: 580px) {
    .fs_13 {font-size:12px;}
    .fs_14 {font-size:13px;}
    .fs_15 {font-size:14px;}
    .fs_16 {font-size:15px;}
    .fs_18 {font-size:15.5px;}
    .fs_20 {font-size:16px;}
    .fs_22 {font-size:16.5px;}
    .fs_25 {font-size:17.5px;}
    .fs_28 {font-size:18.5px;}
    .fs_30 {font-size:20px;}
}