@charset "utf-8";
/* CSS Document */

/* page-loading */
body #page-loading {
	margin:0;
	display:none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	background:rgba(255,255,255,.7);
	z-index: 9999;
	text-align: center;
}
body.show_spinner #page-loading {
	display:block;
}
body #page-loading span {
	width:64px; height:64px;
	position:absolute; top:40%; left:50%; transform:translate(-50%,-40%);
}
body #page-loading span:after {
	position:absolute; bottom:-80px; left:50%; transform:translateX(-50%);
	display:block; content:"";
	white-space:nowrap;
	text-align:center;
	font-size:16px;
	color:#003668;
}
body #page-loading span img {
	width:90px; height:90px;
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* 반응형 */
@media (max-width:768px) {
	body #page-loading span:after {
		bottom:-40px;
		font-size:14px;
	}
	body #page-loading span img {
		width:60px; height:60px;
	}
}