@font-face {
	font-family: "SpoqaHanSansNeo";
	src: url("sample/data/SpoqaHanSansNeo-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "SpoqaHanSansNeo";
	src: url("sample/data/SpoqaHanSansNeo-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: "SpoqaHanSansNeo";
	src: url("sample/data/SpoqaHanSansNeo-Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "SpoqaHanSansNeo";
	src: url("sample/data/SpoqaHanSansNeo-Light.otf") format("opentype");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "SpoqaHanSansNeo";
	src: url("sample/data/SpoqaHanSansNeo-Thin.otf") format("opentype");
	font-weight: 100;
	font-style: normal;
}
:root {
	font-size: 10px;
}
@media (min-width: 800px) {
	:root {
		font-size: 20px;
	}
}
@media (min-width: 960px) {
	:root {
		font-size: 24px;
	}
}
@media (min-width: 1120px) {
	:root {
		font-size: 28px;
	}
}
@media (min-width: 1280px) {
	:root {
		font-size: 32px;
	}
}
body {
	font-family: 'SpoqaHanSansNeo', 'sans-serif';
	color: #28323C;
	font-weight: 400;
}


/* 화면제어 */
.show-hide-pop {
	width: 100%;
	display: none;
	position: absolute;
}
article.show-hide-nav {
	width: 100%;
	display: none;
	position: absolute;
}
article.show-hide-nav.show {
	display: block;
}
.show-hide-pop {
	top: 0;
	left: 0;
	height: 100%;
	flex-direction: column;
}
.show-hide-pop.show {
	display: flex;
}

.show-hide-pop>div {
	flex: 1;
	overflow-y: auto;
}

.show-hide-pop.pop-in-right {
	transform: translateX(100%);
	display: flex;
	transition: transform 350ms cubic-bezier(.42,.01,.62,1)
}
.show-hide-pop.pop-in-right.show {
	transform: translateX(0);
}

.show-hide-pop.pop-in-bottom {
	transform: translateY(100%);
	display: flex;
	transition: transform 350ms cubic-bezier(.42,.01,.62,1)
}
.show-hide-pop.pop-in-bottom.show {
	transform: translateY(0);
}

.show-hide-pop.pop-in-scale {
	display: flex;
	opacity: 0;
	transform: scale(0, 0);
	transition: all 350ms cubic-bezier(.42,.01,.62,1)
}
.show-hide-pop.pop-in-scale.show {
	opacity: 1;
	transform: scale(1.0, 1.0);
}