@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap'); /* font-family: 'Lato', sans-serif; */
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css"); */


@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url({{$template}}/img/images/fonts/woff2/Pretendard-Black.woff2) format('woff2'), url({{$template}}/img/images/fonts/woff/Pretendard-Black.woff) format('woff');
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url({{$template}}/img/images/fonts/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url({{$template}}/img/images/fonts/woff/Pretendard-ExtraBold.woff) format('woff');
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url({{$template}}/img/images/fonts/woff2/Pretendard-Bold.woff2) format('woff2'), url({{$template}}/img/images/fonts/woff/Pretendard-Bold.woff) format('woff');
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url({{$template}}/img/images/fonts/woff2/Pretendard-SemiBold.woff2) format('woff2'), url({{$template}}/img/images/fonts/woff/Pretendard-SemiBold.woff) format('woff');
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url({{$template}}/img/images/fonts/woff2/Pretendard-Medium.woff2) format('woff2'), url({{$template}}/img/images/fonts/woff/Pretendard-Medium.woff) format('woff');
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url({{$template}}/img/images/fonts/woff2/Pretendard-Regular.woff2) format('woff2'), url({{$template}}/img/images/fonts/woff/Pretendard-Regular.woff) format('woff');
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url({{$template}}/img/images/fonts/woff2/Pretendard-Light.woff2) format('woff2'), url({{$template}}/img/images/fonts/woff/Pretendard-Light.woff) format('woff');
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url({{$template}}/img/images/fonts/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url({{$template}}/img/images/fonts/woff/Pretendard-ExtraLight.woff) format('woff');
}


@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url({{$template}}/img/images/fonts/woff2/Pretendard-Thin.woff2) format('woff2'), url({{$template}}/img/images/fonts/woff/Pretendard-Thin.woff) format('woff');
}