@charset "utf-8";

/* Global Box Sizing */
*, *::before, *::after { box-sizing: border-box; }

/* Reset Elements */
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;
	vertical-align: baseline;
	font-family: 'Nanum', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

button, input, select, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Nanum', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: inherit;
	color: inherit;
	background: transparent;
}

:root {
	--itgo: #0069b4;
	--itgo-dark: #002460;
	--bg-card: #fff;
	--bg-blue: #f0f6fc;
	--bg-gray: #f6f7f9;
	--bg-darkgray: #d8dce5;
	
	--bg-box-yellow: #ffeca8;
	--bg-box-red: #ffc1a8;
	--bg-box-sky: #a8f2ff;
	--bg-box-blue: #a8e2ff;
	--color-box-yellow: #5f4a00;
	--color-box-red: #581900;
	--color-box-sky: #024956;
	--color-box-blue: #013c5a;
	
	--color-yellow: #fff200;
	--color-red: #f43f5e ;
	--border: solid 1px #e5e7eb;
	--border-itgo: solid 1px #0069b4;
	--text-dark: #111827;
	--text-gray: #6b7280;
	--font-title: 900 1.38rem/1 Nanum;
	--thumb: #ddd;
	--box-radius: 15px;
	--box-gap: 20px;
	--box-margin:20px 0 0 0;
	--box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
	--box-grid: repeat(5, 1fr);
	--sub-box-grid: repeat(4, 1fr);
	--box-height: 15.85rem;
	--box-title: 800 1rem/1.35 Nanum;
	--pop-text: 900 1.6rem/1 Nanum;
	--fptotal-text: 900 1.6rem/1.35 Nanum;
	--fptotal-margin:30px 0 0 0;
	--fptotal-title: 600 1.38rem/1 Nanum;
	--sub-banner-st: 900 2.46rem/2 Nanum;
	--sub-banner-em: 600 0.92rem/1.5 Nanum;
	--button-radius: 50px;
	--section-margin: 50px 0 0 0;
	--freepass-st: 900 1.6rem/1.3 Nanum;
	--banner-margin: 84px;
	--tab-border: dashed 1px #e5e7eb;
	--cont-margin: 10px 0 0 0;
	--coupon-margin: 20px 0 0 0;
}
@media screen and (max-width: 1120px){
	:root {
		--banner-margin: 120px;
		--sub-box-grid: repeat(5, 1fr);
	}
}
@media screen and (max-width: 1024px){
	:root {
		--box-grid: repeat(4, 1fr);
		--sub-box-grid: repeat(4, 1fr);
		--box-height: 18rem;
	}
}
@media screen and (max-width: 940px){
	:root {
		--banner-margin: 30px;
	}
}
@media screen and (max-width: 800px){
		:root {
		--box-grid: repeat(3, 1fr);
		--sub-box-grid: repeat(3, 1fr);
	}
}
@media screen and (max-width: 600px){
	:root {
		--section-margin: 6vw 0 0 0;
		--box-margin:2vw 0 0 0;
		--font-title: 900 1.17rem/1 Nanum;
		--box-grid: repeat(2, 1fr);
		--sub-box-grid: repeat(2, 1fr);
		--box-gap: 10px;
		--box-height: 19rem;
		--pop-text: 900 1.4rem/1 Nanum;
		--freepass-st: 900 1.3rem/1.3 Nanum;
	}
}
@media screen and (max-width: 500px){:root {--box-height: 18rem}}
@media screen and (max-width: 400px){:root {--box-height: 15rem; --coupon-margin: 0}}
button { cursor: pointer; caret-color: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { font-size: 13px; }
body { line-height: 1.4; overflow-y: scroll; color: var(--text-dark); background: #fff}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: var(--text-dark); }
em { font-style: normal; }

/* Utility Classes */
.hide { display: none !important; }
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Web Fonts (NanumSquareNeo) */
@font-face {
	font-family: 'Nanum';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot');
	src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix') format('embedded-opentype'),
	     url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2') format('woff2'),
	     url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff') format('woff'),
	     url('/font/NanumSquareNeoTTF-bRg.ttf') format('truetype');
}

@font-face {
	font-family: 'Nanum';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot');
	src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix') format('embedded-opentype'),
	     url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2') format('woff2'),
	     url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff') format('woff'),
	     url('/font/NanumSquareNeoTTF-cBd.ttf') format('truetype');
}

@font-face {
	font-family: 'Nanum';
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot');
	src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix') format('embedded-opentype'),
	     url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2') format('woff2'),
	     url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff') format('woff'),
	     url('/font/NanumSquareNeoTTF-dEb.ttf') format('truetype');
}

@font-face {
	font-family: 'Nanum';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot');
	src: url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix') format('embedded-opentype'),
	     url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2') format('woff2'),
	     url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff') format('woff'),
	     url('/font/NanumSquareNeoTTF-eHv.ttf') format('truetype');
}

@font-face {
	font-family: 'gangwon';
	font-weight: 800;
	font-style: normal;
	font-display: swap;
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
}