/* ────────────────────────────── common ────────────────────────────── */
* {
	margin: 0; padding: 0;
	font-family: 'Nanum Gothic'; font-size: 15px; color: #333; letter-spacing: -.08em;
}

#preloader {
	position: fixed; top: 0; right: 0; bottom: 0; left: 0;
	background-color: #fff; z-index: 100;
}
#preloader > .motion {
	width: 100px; height: 100px;
	position: fixed; top: 40%; left: 50%;
	-webkit-transform: translate(-50%, -50%);

	border-bottom:	4px solid transparent;
	border-left:	4px solid transparent;
	border-right:	4px solid #f9bd01;
	border-top:		4px solid #5f1c00;
	border-radius: 50%;

	animation: motion .6s infinite linear;
}

@keyframes motion {
    from {
        -webkit-transform: translate(-50%, 0) rotate(0deg);
    }
    to {
        -webkit-transform: translate(-50%, 0) rotate(359deg);
    }

}