@keyframes rotate_loading {100% {transform:rotate(360deg);}}
.cover-all-in-progress {z-index:300;
  background-color:#000;
  position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.3;
}
.loading {z-index:400;position:absolute;top:calc(50% - 18px);left:calc(50% - 18px);animation: rotate_loading .8s linear infinite;transform-origin:50% 50%;
  width:36px;height:36px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAh0lEQVR4Ae3XgQXAMBSE4YeOlS0ySAYpOkjHK6B4hUModUivFfdzQBsfIAk3azloBulB4n8NMkgCKsFX3gLt3aEHiSr4NrE1BrYQqCfMFkiPEmFYlA5DoLQYAnXHiGsd4MQSa19jKkagNBgkRBEYOYrB8CghRoLKbjX4qu9DBhnkl+uvQDPmLnBoDai+LtB1AAAAAElFTkSuQmCC');
}
.result-message {
  z-index:405;position:absolute;top:calc(50% - 100px);left:calc(50% - 150px);width:300px;
  border:1px solid #ddd;border-radius:5px;
  background-color:#fff;text-align:left;color:#555;display:none;
  padding:30px;
}
.result-message button {
  position:absolute;bottom:20px;padding:5px 20px;margin-right:5px;border:0;border-radius:5px;width:90px;cursor:pointer;
  background-color:#888;color:#fff;
  font-family: 'Oswald', 'NanumSquareNeo', 'AppleSDGothicNeo-Regular';
}
.result-message button:first-child {right:114px;background-color:#808000;}
.result-message button:last-child {right:20px;}
.result-message button:hover {background-color:#333;}

main#content {
	margin-top:90px;
}
section#pagetitle {
	font-size:1.6em;font-weight:bold;line-height: 1.8em;
}
section#pagetitle:after {
    background: rgba(71,141,226,0.5);
    content: "";
    display: block;
    width: 30px;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 40px;
}

section#pagetitle p {
	margin-bottom: 15px;
}
section#pagetitle span {
	font-size: 0.6em;
	color: gray;
	text-transform: uppercase;
}

section#pagetitle span.more {
  display: block;
  position: absolute;
  right: 0px;
  margin-top: -36px;
  text-align: right;
}
section#pagetitle span.more a {
  padding: 10px;
  border: 2px solid #333;
  font-family: 'Oswald', 'NanumSquareNeo', 'AppleSDGothicNeo-Regular';
}
section#pagetitle span.more a:hover {
  border: 2px solid #888;
  color: #888;
}

@media (max-width: 1024px) {
	main#content {
		/* 
		margin-top:70px;
		*/
		width: calc(100% - 15px);
	}
	section#pagetitle {
		font-size:1.3em;
	}
	section#pagetitle span.more {
	    right: 0px;
	    float: left;
	    font-size: 0.7em;
	}
}

/* paging */
.paging {clear:both;padding-top:20px;text-align:left;font-family:Oswald;}
.paging a {padding:7px 10px;border:1px solid #4A91E5;border-radius:2px;margin-right:2px;}
.paging a.on {background-color:#eee;font-weight:bold;}
.paging a.btn {padding:4px 10px 5px 10px;background-color:#777;border:1px solid #777;}
.paging a:hover {background-color:#4A91E5;color:#fff;border:1px solid #4A91E5;}