@charset "utf-8";

/* ------------------------------------------------------------------------- */
/* Reset
/* ------------------------------------------------------------------------- */

/* webfont - Roboto */
@font-face {
	font-family:'Roboto';
	font-weight:400;
	font-display:swap;
	src:local(''),
		url('../fonts/Roboto-Regular.woff2') format("woff2"), 
		url('../fonts/Roboto-Regular.woff') format("woff");
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

@font-face {
	font-family:'Roboto';
	font-weight:500;
	font-display:swap;
	src:local(''), 
		url('../fonts/Roboto-Medium.woff2') format("woff2"), 
		url('../fonts/Roboto-Medium.woff') format("woff");
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

@font-face {
	font-family:'Roboto';
	font-weight:700;
	font-display:swap;
	src:local(''), 
		url('../fonts/Roboto-Bold.woff2') format("woff2"), 
		url('../fonts/Roboto-Bold.woff') format("woff");
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}


/* webfont - Noto Sans KR */
@font-face {
	font-family:'Noto Sans KR';
	font-weight:300;
	font-display:swap;
	src:local(''), 
		url('../fonts/NotoSansKR-Light.woff2') format("woff2"), 
		url('../fonts/NotoSansKR-Light.woff') format("woff");
	unicode-range:U+AC00-D7A3;
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:400;
	font-display:swap;
	src:local(''), 
		url('../fonts/NotoSansKR-Regular.woff2') format("woff2"), 
		url('../fonts/NotoSansKR-Regular.woff') format("woff");
	unicode-range:U+AC00-D7A3;
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:500;
	font-display:swap;
	src:local(''), 
		url('../fonts/NotoSansKR-Medium.woff2') format("woff2"), 
		url('../fonts/NotoSansKR-Medium.woff') format("woff");
	unicode-range:U+AC00-D7A3;
}

@font-face {
	font-family:'Noto Sans KR';
	font-weight:700;
	font-display:swap;
	src:local(''), 
		url('../fonts/NotoSansKR-Bold.woff2') format("woff2"), 
		url('../fonts/NotoSansKR-Bold.woff') format("woff");
	unicode-range:U+AC00-D7A3;
}

/* webfont - Nanum Brush Script */
@font-face {
	font-family:'Nanum Brush Script';
	font-weight:400;
	font-display:swap;
	src:local(''), 
		url('../fonts/NanumBrushScript-Regular.woff2') format("woff2"), 
		url('../fonts/NanumBrushScript-Regular.woff') format("woff");
	/* unicode-range:U+AC00-D7A3; */
}

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; color:#222; font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Sans-serif; font-size:12px; line-height:1.2; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}

ol, ul {list-style:none;}

a,
a:hover,
a:active,
a:visited,
a:link {text-decoration:none;}

/* var */
:root {
	/* color */
	--color-white:#fff;
	--color-gray:#808080;
	--color-gray2:#777;
	--color-point-blue:#0676dd;
	--color-point-red:#e02171;

	/* border */
	--bd-gray:#eee;
	--bd-gray2:#ddd;

	/* background */
	--bg-gray:#f1f1f1;
}