@charset "utf-8";

/* fonts */
@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 100; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Thin.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Thin.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Thin.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/alternative/Pretendard-Thin.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 200; 
    src: url('../fonts/Pretendard/public/static/Pretendard-ExtraLight.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-ExtraLight.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-ExtraLight.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/alternative/Pretendard-ExtraLight.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 300; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Light.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Light.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Light.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/alternative/Pretendard-Light.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 400; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Regular.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Regular.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Regular.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/alternative/Pretendard-Regular.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 500; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Medium.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Medium.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Medium.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/alternative/Pretendard-Medium.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 600; 
    src: url('../fonts/Pretendard/public/static/Pretendard-SemiBold.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-SemiBold.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-SemiBold.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/alternative/Pretendard-SemiBold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 700; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Bold.otf') format('opentype');
    src: url('../fonts/Pretendard/public/static/Pretendard-Bold.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Bold.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/alternative/Pretendard-Bold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 800; 
    src: url('../fonts/Pretendard/public/static/Pretendard-ExtraBold.otf') format('opentype'); 
    src: url('../fonts/Pretendard/public/static/Pretendard-ExtraBold.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-ExtraBold.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/alternative/Pretendard-ExtraBold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Pretendard'; 
    font-weight: 900; 
    src: url('../fonts/Pretendard/public/static/Pretendard-Black.otf') format('opentype'); 
    src: url('../fonts/Pretendard/public/static/Pretendard-Black.otf?#iefix') format('embedded-opentype'), 
         url('../fonts/Pretendard/web/static/woff/Pretendard-Black.woff') format('woff'), 
         url('../fonts/Pretendard/public/static/alternative/Pretendard-Black.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'NotoSansKR'; 
    font-weight: 100; 
    src: url('../fonts/Noto_Sans_KR/static/NotoSansKR-Thin.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'NotoSansKR'; 
    font-weight: 200; 
    src: url('../fonts/Noto_Sans_KR/static/NotoSansKR-ExtraLight.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'NotoSansKR'; 
    font-weight: 300; 
    src: url('../fonts/Noto_Sans_KR/static/NotoSansKR-Light.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'NotoSansKR'; 
    font-weight: 400; 
    src: url('../fonts/Noto_Sans_KR/static/NotoSansKR-Regular.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'NotoSansKR'; 
    font-weight: 500; 
    src: url('../fonts/Noto_Sans_KR/static/NotoSansKR-Medium.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'NotoSansKR'; 
    font-weight: 600; 
    src: url('../fonts/Noto_Sans_KR/static/NotoSansKR-SemiBold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'NotoSansKR'; 
    font-weight: 700; 
    src: url('../fonts/Noto_Sans_KR/static/NotoSansKR-Bold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'NotoSansKR'; 
    font-weight: 800; 
    src: url('../fonts/Noto_Sans_KR/static/NotoSansKR-ExtraBold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'NotoSansKR'; 
    font-weight: 800; 
    src: url('../fonts/Noto_Sans_KR/static/NotoSansKR-Black.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'paybooc'; 
    font-weight: 300; 
    src: url('../fonts/paybooc_OTF/paybooc OTF Light.otf') format('opentype'); 
}

@font-face { 
    font-family: 'paybooc'; 
    font-weight: 500; 
    src: url('../fonts/paybooc_OTF/paybooc OTF Medium.otf') format('opentype'); 
}

@font-face { 
    font-family: 'paybooc'; 
    font-weight: 700; 
    src: url('../fonts/paybooc_OTF/paybooc OTF Bold.otf') format('opentype'); 
}

@font-face { 
    font-family: 'paybooc'; 
    font-weight: 800; 
    src: url('../fonts/paybooc_OTF/paybooc OTF ExtraBold.otf') format('opentype'); 
}

@font-face { 
    font-family: 'inter'; 
    font-weight: 100; 
    src: url('../fonts/inter/static/Inter_18pt-Thin.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'inter'; 
    font-weight: 200; 
    src: url('../fonts/inter/static/Inter_18pt-ExtraLight.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'inter'; 
    font-weight: 300; 
    src: url('../fonts/Inter/static/Inter_18pt-Light.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'inter'; 
    font-weight: 400; 
    src: url('../fonts/Inter/static/Inter_18pt-Regular.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'inter'; 
    font-weight: 500; 
    src: url('../fonts/Inter/static/Inter_18pt-Medium.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'inter'; 
    font-weight: 600; 
    src: url('../fonts/Inter/static/Inter_18pt-SemiBold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'inter'; 
    font-weight: 700; 
    src: url('../fonts/Inter/static/Inter_18pt-Bold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'inter'; 
    font-weight: 800; 
    src: url('../fonts/Inter/static/Inter_18pt-ExtraBold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'inter'; 
    font-weight: 900; 
    src: url('../fonts/Inter/static/Inter_18pt-Black.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Paperlogy'; 
    font-weight: 100; 
    src: url('../fonts/Paperlogy/Paperlogy-1Thin.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Paperlogy'; 
    font-weight: 200; 
    src: url('../fonts/Paperlogy/Paperlogy-2ExtraLight.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Paperlogy'; 
    font-weight: 300; 
    src: url('../fonts/Paperlogy/Paperlogy-3Light.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Paperlogy'; 
    font-weight: 400; 
    src: url('../fonts/Paperlogy/Paperlogy-4Regular.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Paperlogy'; 
    font-weight: 500; 
    src: url('../fonts/Paperlogy/Paperlogy-5Medium.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Paperlogy'; 
    font-weight: 600; 
    src: url('../fonts/Paperlogy/Paperlogy-6SemiBold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Paperlogy'; 
    font-weight: 700; 
    src: url('../fonts/Paperlogy/Paperlogy-7Bold.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Paperlogy'; 
    font-weight: 800; 
    src: url('../fonts/Paperlogy/Paperlogy-9Black.ttf') format('truetype'); 
}

@font-face { 
    font-family: 'Paperlogy'; 
    font-weight: 900; 
    src: url('../fonts/Paperlogy/Paperlogy-8ExtraBold.ttf') format('truetype'); 
}

/* 설정 */
:root{
    /* fonts */
    --font-family-Pretendard: 'Pretendard';
    --font-family-NotoSansKR: 'NotoSansKR';
    --font-family-paybooc: 'paybooc';
    --font-family-inter: 'inter';
    --font-family-Paperlogy: 'Paperlogy';

    /* font color */
}