@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* NotoSansKR */
@font-face {
	font-family: NotoSansKR;
	font-weight: 700;
	src: url('../font/NotoSans/NotoSansKR-Bold.woff') format('woff'), url('../font/NotoSans/NotoSansKR-Bold.woff2') format('woff2'), url('../font/NotoSans/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
	font-family: NotoSansKR;
	font-weight: 500;
	src: url('../font/NotoSans/NotoSansKR-Medium.woff') format('woff'), url('../font/NotoSans/NotoSansKR-Medium.woff2') format('woff2'), url('../font/NotoSans/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
	font-family: NotoSansKR;
	font-weight: 400;
	src: url('../font/NotoSans/NotoSansKR-Regular.woff') format('woff'), url('../font/NotoSans/NotoSansKR-Regular.woff2') format('woff2'), url('../font/NotoSans/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
	font-family: Noto Sans KR;
	font-weight: 700;
	src: url('../font/NotoSans/NotoSansKR-Bold.woff') format('woff'), url('../font/NotoSans/NotoSansKR-Bold.woff2') format('woff2'), url('../font/NotoSans/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
	font-family: Noto Sans KR;
	font-weight: 500;
	src: url('../font/NotoSans/NotoSansKR-Medium.woff') format('woff'), url('../font/NotoSans/NotoSansKR-Medium.woff2') format('woff2'), url('../font/NotoSans/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
	font-family: Noto Sans KR;
	font-weight: 400;
	src: url('../font/NotoSans/NotoSansKR-Regular.woff') format('woff'), url('../font/NotoSans/NotoSansKR-Regular.woff2') format('woff2'), url('../font/NotoSans/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSansKR-Bold';
	font-weight: 700;
	font-display: swap;
	src: url('../font/NotoSans/NotoSansKR-Bold.eot') format("embedded-opentype"), url('../font/NotoSans/NotoSansKR-Bold.woff') format('woff'), url('../font/NotoSans/NotoSansKR-Bold.woff2') format('woff2'), url('../font/NotoSans/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'NotoSansKR-Light';
	font-display: swap;
	src: url('../font/NotoSans/NotoSansKR-Light.eot') format("embedded-opentype"), url('../font/NotoSans/NotoSansKR-Light.woff2') format('woff2'), url('../font/NotoSans/NotoSansKR-Light.otf') format('opentype');
}

@font-face {
	font-family: NEXONLv2Gothic;
	font-weight: 400;
	src: url('../font/NEXONLv2Gothic.woff') format('woff'), url('../font/NEXONLv2Gothic.eot') format('embedded-opentype');
}

@font-face {
	font-family: NEXONLv2Gothic;
	font-weight: 700;
	src: url('../font/NEXONLv2GothicBold.woff') format('woff'), url('../font/NEXONLv2GothicBold.eot') format('embedded-opentype');
}

@font-face {
	font-family: NEXONLv1Gothic;
	font-weight: 400;
	src: url('../font/NEXON Lv1 Gothic OTF.woff') format('woff');
}

@font-face {
	font-family: NEXONLv1Gothic;
	font-weight: 700;
	src: url('../font/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
}

/* NEXON Gothic */
/* v1 */
@font-face {
	font-family: 'NEXONLv1Gothic';
	font-weight: 400;
	src: url('../font/NEXONGothic/NEXON Lv1 Gothic OTF.woff') format('woff');
}

@font-face {
	font-family: 'NEXONLv1Gothic';
	font-weight: 700;
	src: url('../font/NEXONGothic/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
}

@font-face {
	font-family: 'NEXONLv1GothicRegular';
	src: url('../font/NEXONGothic/NEXONLv1GothicOTF.eot');
	src: url('../font/NEXONGothic/NEXONLv1GothicOTF.eot') format("embedded-opentype"), url('../font/NEXONGothic/NEXONLv1GothicOTF.woff') format("woff");
}

@font-face {
	font-family: 'NEXONLv1GothicOTFLight';
	src: url('../font/NEXONGothic/NEXONLv1GothicOTFLight.eot');
	src: url('../font/NEXONGothic/NEXONLv1GothicOTFLight.eot') format("embedded-opentype"), url('../font/NEXONGothic/NEXONLv1GothicOTFLight.woff') format("woff");
}

@font-face {
	font-family: 'NEXONLv1GothicOTFBold';
	src: url('../font/NEXONGothic/NEXONLv1GothicOTFBold.eot');
	src: url('../font/NEXONGothic/NEXONLv1GothicOTFBold.eot') format("embedded-opentype"), url('../font/NEXONGothic/NEXONLv1GothicOTFBold.woff') format("woff");
}
/* v2 */
@font-face {
	font-family: 'NEXONLv2Gothic';
	src: url('../font/NEXONGothic/NEXONLv2Gothic.eot');
	src: url('../font/NEXONGothic/NEXONLv2Gothic.eot') format("embedded-opentype"), url('../font/NEXONGothic/NEXONLv2Gothic.woff') format('woff'), url("../font/NEXONLv2Gothic.ttf") format("truetype");
}

@font-face {
	font-family: 'NEXONLv2Gothic';
	font-weight: 700;
	src: url('../font/NEXONGothic/NEXONLv2GothicBold.eot');
	src: url('../font/NEXONGothic/NEXONLv2GothicBold.eot') format("embedded-opentype"), url('../font/NEXONGothic/NEXONLv2GothicBold.woff') format('woff');
}

@font-face {
	font-family: 'NEXONLv2GothicBold';
	src: url("../font/NEXONLv2GothicBold.eot");
	src: url("../font/NEXONLv2GothicBold.eot") format("embedded-opentype"), url("../font/NEXONLv2GothicBold.woff") format("woff"), url("../font/NEXONLv2GothicBold.ttf") format("truetype");
}

/* 프리시아 전기 폰트 */
@font-face {
	font-family: '승리의깃발';
	src: url(../font/WarsOfPrasia.woff) format('woff');
}

@font-face {
	font-family: '[프전]승리의깃발';
	src: url(../font/WarsOfPrasia.woff) format('woff');
}

/* 던전앤파이터  */
/* 비트비트체 */
@font-face {
	font-family: '비트비트체';
	src: url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff'), url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff2');
}

@font-face {
	font-family: '[던파]비트비트체';
	src: url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff'), url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff2');
}
/* 연단된칼날 */
@font-face {
	font-family: '[던파]연단된칼날-Bold';
	src: url(../font/DNFForgedBlade-Bold.woff) format('woff');
}

@font-face {
	font-family: '[던파]연단된칼날-Medium';
	src: url(../font/DNFForgedBlade-Medium.woff) format('woff');
}

@font-face {
	font-family: '[던파]연단된칼날-Light';
	src: url(../font/DNFForgedBlade-Light.woff) format('woff');
}

/* 마비노기 */
@font-face {
	font-family: '[마비노기]마비옛체';
	src: url(../font/MabinogiClassic.woff2) format('woff2'), url(../font/MabinogiClassic.woff) format('woff');
}

@font-face {
	font-family: 'fontello';
	src: url('../icons/fontello.eot?51042036');
	src: url('../icons/fontello.eot?51042036#iefix') format('embedded-opentype'), url('../icons/fontello.woff2?51042036') format('woff2'), url('../icons/fontello.woff?51042036') format('woff'), url('../icons/fontello.ttf?51042036') format('truetype'), url('../icons/fontello.svg?51042036#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	position: relative;
	font-family: "Pretendard Variable", Pretendard, 'Noto Sans KR', NotoSansKR, 'NotoSansKR', NEXONLv2Gothic, 'NEXONLv2Gothic', NEXONLv1Gothic, 'NEXONLv1Gothic', sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 1.57;
	box-sizing: border-box;
	color: var(--text_primary);
}
