@charset "utf-8";

/* layout */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, code, img, dl, dt, dd, ol, ul, li, fieldset, legend, caption { margin: 0; padding: 0; border: 0; }
div, span, article, section, header, footer, p, ul, li, fieldset, legend, label, a, nav { box-sizing: border-box; }
html { -webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; height: 100%; }
body { min-height: 100%; line-height: 1.3; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width:100%; border:none; vertical-align: top; max-width:100%; border:none; vertical-align:top; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;}
fieldset {border:none; vertical-align:top;}
.hidden { display: none; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;font-family:'Pretendard',sans-serif;font-weight:400;box-sizing:border-box;}
table {width:100%;border:0;border-spacing:0;border-collapse:collapse;}
table caption, form legend{visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
button span {position:relative;}
button::-moz-focus-inner {padding:0;border:0;}
button, input[type=submit], input[type=reset], input[type=button] {overflow:visible; margin:0; padding:0; cursor:pointer; border:0; background:transparent;outline:none;}
input[type=checkbox] {-webkit-appearance:checkbox;}
input[type=image]{vertical-align:top;}
input, select, textarea, button {font-family:'Pretendard',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale; font: inherit; outline: none;}

hr {display:none;}
em, address, cite {font-style:normal;}
strong {font-weight:500;}
ol, ul { list-style: none; }
a { text-decoration:none; color: inherit;}

/* HTML5 Reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, source, picture { display: block; } 


/* 폰트 */
@font-face {
	font-family: "Pretendard";
	font-weight: 100;
	font-display: swap;
	src: local("Pretendard Thin"), url("/fonts/Pretendard-Thin.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Thin.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 200;
	font-display: swap;
	src: local("Pretendard ExtraLight"),
		url("/fonts/Pretendard-ExtraLight.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-ExtraLight.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 300;
	font-display: swap;
	src: local("Pretendard Light"), url("/fonts/Pretendard-Light.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Light.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard Regular"),
		url("/fonts/Pretendard-Regular.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Regular.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 500;
	font-display: swap;
	src: local("Pretendard Medium"),
		url("/fonts/Pretendard-Medium.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Medium.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 600;
	font-display: swap;
	src: local("Pretendard SemiBold"),
		url("/fonts/Pretendard-SemiBold.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-SemiBold.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 700;
	font-display: swap;
	src: local("Pretendard Bold"), url("/fonts/Pretendard-Bold.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Bold.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 800;
	font-display: swap;
	src: local("Pretendard ExtraBold"),
		url("/fonts/Pretendard-ExtraBold.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-ExtraBold.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 900;
	font-display: swap;
	src: local("Pretendard Black"), url("/fonts/Pretendard-Black.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Black.subset.woff") format("woff");
}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
    font-display: swap;
	src: url('/fonts/NanumBarunGothic.eot');
	src: url('/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
	url('/fonts/NanumBarunGothic.woff') format('woff'),
	url('/fonts/NanumBarunGothic.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
    font-display: swap;
	src: url('/fonts/notokr-medium.eot');
	src: url('/fonts/notokr-medium.eot') format('embedded-opentype'),
	url('/fonts/notokr-medium.woff') format('woff'),
	url('/fonts/notokr-medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR regular';
	font-style: normal;
    font-display: swap;
	src: url('/fonts/notokr-regular.eot');
	src: url('/fonts/notokr-regular.eot') format('embedded-opentype'),
	url('/fonts/notokr-regular.woff') format('woff'),
	url('/fonts/notokr-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR bold';
	font-style: normal;
    font-display: swap;
	src: url('/fonts/notokr-bold.eot');
	src: url('/fonts/notokr-bold.eot') format('embedded-opentype'),
	url('/fonts/notokr-bold.woff') format('woff'),
	url('/fonts/notokr-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR light';
	font-style: normal;
    font-display: swap;
	src: url('/fonts/notokr-light.eot');
	src: url('/fonts/notokr-light.eot') format('embedded-opentype'),
	url('/fonts/notokr-light.woff') format('woff'),
	url('/fonts/notokr-light.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR demilight';
	font-style: normal;
    font-display: swap;
	src: url('/fonts/notokr-demilight.eot');
	src: url('/fonts/notokr-demilight.eot') format('embedded-opentype'),
	url('/fonts/notokr-demilight.woff') format('woff'),
	url('/fonts/notokr-demilight.ttf') format('truetype');
}

@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 500;
    font-display: swap;
	src: url('/fonts/NanumSquare.eot');
	src: url('/fonts/NanumSquare.eot') format('embedded-opentype'),
	url('/fonts/NanumSquare.woff') format('woff'),
	url('/fonts/NanumSquare.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 700;
    font-display: swap;
	src: url('/fonts/NanumSquareBold.eot');
	src: url('/fonts/NanumSquareBold.eot') format('embedded-opentype'),
	url('/fonts/NanumSquareBold.woff') format('woff'),
	url('/fonts/NanumSquareBold.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 800;
    font-display: swap;
	src: url('/fonts/NanumSquareExtraBold.eot');
	src: url('/fonts/NanumSquareExtraBold.eot') format('embedded-opentype'),
	url('/fonts/NanumSquareExtraBold.woff') format('woff'),
	url('/fonts/NanumSquareExtraBold.ttf') format('truetype');
}