/*---------------------------------------------------------- TYPHOGRAPHY -------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700&display=swap');/*font-family: 'Montserrat', sans-serif;*/

@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');/*.nanummyeongjo * { font-family: 'Nanum Myeongjo', serif;}*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');/*font-family: 'Roboto', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Roboto+Slab:wght@100..900&display=swap'); /* font-family: "Roboto Slab", serif; */

@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&display=swap');/*font-family: 'Gothic A1', sans-serif;*/

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);/*.nanumgothic * { font-family: 'Nanum Gothic', sans-serif;}*/

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");/*font-family: 'Pretendard Variable', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');/*font-family: "Noto Serif KR", serif;*/

@font-face {
	font-family: 'DINMedium';
	src: url('../font/DINMedium.eot');
	src: local('DINMedium'), url('../font/DINMedium.woff') format('woff'), url('../font/DINMedium.ttf') format('truetype');
}

@font-face {
    font-family: 'notokr-black';
    src: url('../font/notokr-black.eot');
    src: url('../font/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-black.woff2') format('woff2'),
         url('../font/notokr-black.woff') format('woff'),
         url('../font/notokr-black.ttf') format('truetype'),
         url('../font/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-bold';
    src: url('../font/notokr-bold.eot');
    src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-bold.woff2') format('woff2'),
         url('../font/notokr-bold.woff') format('woff'),
         url('../font/notokr-bold.ttf') format('truetype'),
         url('../font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-demilight';
    src: url('../font/notokr-demilight.eot');
    src: url('../font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-demilight.woff2') format('woff2'),
         url('../font/notokr-demilight.woff') format('woff'),
         url('../font/notokr-demilight.ttf') format('truetype'),
         url('../font/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-light';
    src: url('../font/notokr-light.eot');
    src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-light.woff2') format('woff2'),
         url('../font/notokr-light.woff') format('woff'),
         url('../font/notokr-light.ttf') format('truetype'),
         url('../font/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-medium';
    src: url('../font/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-medium.woff2') format('woff2'),
         url('../font/notokr-medium.woff') format('woff'),
         url('../font/notokr-medium.ttf') format('truetype'),
         url('../font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-regular';
    src: url('../font/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-regular.woff2') format('woff2'),
         url('../font/notokr-regular.woff') format('woff'),
         url('../font/notokr-regular.ttf') format('truetype'),
         url('../font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-thin';
    src: url('../font/notokr-thin.eot');
    src: url('../font/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-thin.woff2') format('woff2'),
         url('../font/notokr-thin.woff') format('woff'),
         url('../font/notokr-thin.ttf') format('truetype'),
         url('../font/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;
}