/* 2-1.메인퍼블파일 */

/* 공통 */
* {
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

body {
	min-width: 100vw;
	min-height: 100vh;
	overflow: hidden;
	font-family: 'MaplestoryBold';
	background: black;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
body.off {
	opacity: 0;
}

#wrap {
	width: 1920px;
	height: 1080px;
	/* background-color: #fff; */
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: top left;
}

body > .bg {
	width: 2040px;
	height: 1080px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: top left;
	background: url('../../img/2/math/bg.png') no-repeat center center / cover;
}

#wrap .blank {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #565656;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 40px;
	text-align: center;
	line-height: 1.5;
	display: none;
}
#wrap.off .blank {
	display: flex;
}
#contents {
	width: 100%;
	height: 100%;
}
#wrap.off #contents {
	opacity: 0;
}
u {
	text-decoration: underline;
	text-underline-offset: 8px;
}
.ls-2e {
	letter-spacing: -0.02em;
}
.ls-3e {
	letter-spacing: -0.03em;
}
.ls-4e {
	letter-spacing: -0.04em;
}
.ls-5e {
	letter-spacing: -0.05em;
}
.ls-6e {
	letter-spacing: -0.06em;
}
.btn {
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;
}

.template {
	display: none !important;
}

.lesson-wrap-list {
	padding-top: 12px;
}