/* ----------------------------------------------------------------------------------------
버전 : 1.0
날짜 : 2024-02-29
작성자 : 박고은
프로그램명 : 공통 / 웹 페이지 전체 font css 설정
---------------------------------------------------------------------------------------- */
@charset "utf-8";


/* 전체 폰트 설정 */
* {
    font-family: 'Kanit', 'SUIT', sans-serif;
}

/* 영어 font - Kanit */
@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-Thin.eot');
    src: url('../font/Kanit-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-Thin.woff2') format('woff2'),
        url('../font/Kanit-Thin.woff') format('woff'),
        url('../font/Kanit-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-ThinItalic.eot');
    src: url('../font/Kanit-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-ThinItalic.woff2') format('woff2'),
        url('../font/Kanit-ThinItalic.woff') format('woff'),
        url('../font/Kanit-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-ExtraLight.eot');
    src: url('../font/Kanit-ExtraLigh.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-ExtraLight.woff2') format('woff2'),
        url('../font/Kanit-ExtraLight.woff') format('woff'),
        url('../font/Kanit-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-ExtraLightItalic.eot');
    src: url('../font/Kanit-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-ExtraLightItalic.woff2') format('woff2'),
        url('../font/Kanit-ExtraLightItalic.woff') format('woff'),
        url('../font/Kanit-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-Light.eot');
    src: url('../font/Kanit-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-Light.woff2') format('woff2'),
        url('../font/Kanit-Light.woff') format('woff'),
        url('../font/Kanit-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-LightItalic.eot');
    src: url('../font/Kanit-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-LightItalic.woff2') format('woff2'),
        url('../font/Kanit-LightItalic.woff') format('woff'),
        url('../font/Kanit-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-Regular.eot');
    src: url('../font/Kanit-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-Regular.woff2') format('woff2'),
        url('../font/Kanit-Regular.woff') format('woff'),
        url('../font/Kanit-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-Medium.eot');
    src: url('../font/Kanit-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-Medium.woff2') format('woff2'),
        url('../font/Kanit-Medium.woff') format('woff'),
        url('../font/Kanit-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-MediumItalic.eot');
    src: url('../font/Kanit-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-MediumItalic.woff2') format('woff2'),
        url('../font/Kanit-MediumItalic.woff') format('woff'),
        url('../font/Kanit-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-SemiBold.eot');
    src: url('../font/Kanit-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-SemiBold.woff2') format('woff2'),
        url('../font/Kanit-SemiBold.woff') format('woff'),
        url('../font/Kanit-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-SemiBoldItalic.eot');
    src: url('../font/Kanit-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-SemiBoldItalic.woff2') format('woff2'),
        url('../font/Kanit-SemiBoldItalic.woff') format('woff'),
        url('../font/Kanit-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-Bold.eot');
    src: url('../font/Kanit-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-Bold.woff2') format('woff2'),
        url('../font/Kanit-Bold.woff') format('woff'),
        url('../font/Kanit-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-BoldItalic.eot');
    src: url('../font/Kanit-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-BoldItalic.woff2') format('woff2'),
        url('../font/Kanit-BoldItalic.woff') format('woff'),
        url('../font/Kanit-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-ExtraBold.eot');
    src: url('../font/Kanit-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-ExtraBold.woff2') format('woff2'),
        url('../font/Kanit-ExtraBold.woff') format('woff'),
        url('../font/Kanit-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-ExtraBoldItalic.eot');
    src: url('../font/Kanit-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-ExtraBoldItalic.woff2') format('woff2'),
        url('../font/Kanit-ExtraBoldItalic.woff') format('woff'),
        url('../font/Kanit-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-Black.eot');
    src: url('../font/Kanit-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-Black.woff2') format('woff2'),
        url('../font/Kanit-Black.woff') format('woff'),
        url('../font/Kanit-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kanit';
    src: url('../font/Kanit-BlackItalic.eot');
    src: url('../font/Kanit-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Kanit-BlackItalic.woff2') format('woff2'),
        url('../font/Kanit-BlackItalic.woff') format('woff'),
        url('../font/Kanit-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


/* 한글 font - SUIT */
@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: local('SUIT Thin'), url('../font/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: local('SUIT ExtraLight'), url('../font/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: local('SUIT Light'), url('../font/SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: local('SUIT Regular'), url('../font/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: local('SUIT Medium'), url('../font/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: local('SUIT SemiBold'), url('../font/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: local('SUIT Bold'), url('../font/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: local('SUIT ExtraBold'), url('../font/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: local('SUIT Heavy'), url('../font/SUIT-Heavy.woff2') format('woff2');
}

/* @font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-Thin.eot');
    src: url('../font/Prompt-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-Thin.woff2') format('woff2'),
        url('../font/Prompt-Thin.woff') format('woff'),
        url('../font/Prompt-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-ThinItalic.eot');
    src: url('../font/Prompt-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-ThinItalic.woff2') format('woff2'),
        url('../font/Prompt-ThinItalic.woff') format('woff'),
        url('../font/Prompt-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-ExtraLight.eot');
    src: url('../font/Prompt-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-ExtraLight.woff2') format('woff2'),
        url('../font/Prompt-ExtraLight.woff') format('woff'),
        url('../font/Prompt-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-ExtraLightItalic.eot');
    src: url('../font/Prompt-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-ExtraLightItalic.woff2') format('woff2'),
        url('../font/Prompt-ExtraLightItalic.woff') format('woff'),
        url('../font/Prompt-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-Light.eot');
    src: url('../font/Prompt-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-Light.woff2') format('woff2'),
        url('../font/Prompt-Light.woff') format('woff'),
        url('../font/Prompt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-LightItalic.eot');
    src: url('../font/Prompt-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-LightItalic.woff2') format('woff2'),
        url('../font/Prompt-LightItalic.woff') format('woff'),
        url('../font/Prompt-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-Regular.eot');
    src: url('../font/Prompt-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-Regular.woff2') format('woff2'),
        url('../font/Prompt-Regular.woff') format('woff'),
        url('../font/Prompt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-Medium.eot');
    src: url('../font/Prompt-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-Medium.woff2') format('woff2'),
        url('../font/Prompt-Medium.woff') format('woff'),
        url('../font/Prompt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-MediumItalic.eot');
    src: url('../font/Prompt-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-MediumItalic.woff2') format('woff2'),
        url('../font/Prompt-MediumItalic.woff') format('woff'),
        url('../font/Prompt-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-SemiBold.eot');
    src: url('../font/Prompt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-SemiBold.woff2') format('woff2'),
        url('../font/Prompt-SemiBold.woff') format('woff'),
        url('../font/Prompt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-SemiBoldItalic.eot');
    src: url('../font/Prompt-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-SemiBoldItalic.woff2') format('woff2'),
        url('../font/Prompt-SemiBoldItalic.woff') format('woff'),
        url('../font/Prompt-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-Bold.eot');
    src: url('../font/Prompt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-Bold.woff2') format('woff2'),
        url('../font/Prompt-Bold.woff') format('woff'),
        url('../font/Prompt-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-BoldItalic.eot');
    src: url('../font/Prompt-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-BoldItalic.woff2') format('woff2'),
        url('../font/Prompt-BoldItalic.woff') format('woff'),
        url('../font/Prompt-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-ExtraBold.eot');
    src: url('../font/Prompt-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-ExtraBold.woff2') format('woff2'),
        url('../font/Prompt-ExtraBold.woff') format('woff'),
        url('../font/Prompt-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-ExtraBoldItalic.eot');
    src: url('../font/Prompt-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-ExtraBoldItalic.woff2') format('woff2'),
        url('../font/Prompt-ExtraBoldItalic.woff') format('woff'),
        url('../font/Prompt-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-BlackItalic.eot');
    src: url('../font/Prompt-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-BlackItalic.woff2') format('woff2'),
        url('../font/Prompt-BlackItalic.woff') format('woff'),
        url('../font/Prompt-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Prompt";
    src: url('../font/Prompt-Black.eot');
    src: url('../font/Prompt-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/Prompt-Black.woff2') format('woff2'),
        url('../font/Prompt-Black.woff') format('woff'),
        url('../font/Prompt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
} */