@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face { font-family:ng; src:url(NanumGothic.eot); src:local(※), url(/font/NanumGothic.woff) format(‘woff’); }
html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; font-family:'나눔고딕', 'NanumGothic', '맑은 고딕', ng; }



#main { position:absolute; width:600px; height:800px; top:50%; left:50%; margin:-400px 0px 0px 0px; padding:0px; border:0px; font-family: “Nanum Gothic”, sans-serif; font-size:18px; line-height:30px; color:#212121; z-index: 2; }

#footer { position:absolute; width:600px; height:90px; bottom:60px; left:20px; font-size:12px; z-index: 2; font-family: “Nanum Gothic”, sans-serif; }


h1 { font-family: “Nanum Gothic”, sans-serif; font-size:50px; margin:0px; padding:0px 0px 50px 0px; color:#2c3e50; text-shadow:1px 1px 2px #527495; }
h2 { font-family: “Nanum Gothic”, sans-serif; font-size:25px; margin:0px; padding:50px 0px 20px 0px; color:#34495e; text-shadow:1px 1px 2px #537597; }

#footer a:link, a:active, a:visited { color:#ccc; text-decoration:none; font-family: “Nanum Gothic”, sans-serif; font-size:19px; }
#footer a:hover { color:#aaa; }

table { margin:30px auto; width:600px; border:0px; }

.button {
	display: inline-block;
	position: relative;
	margin: 0px 0px 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.22);
	font: bold 12px/25px Arial, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;


	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

	.button:link {
		color:#2c3e50;

	}

	.button:visited {
		color:#2c3e50;

	}

	.button:active {
		color:#2c3e50;
		-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
		-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
		box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);

	}

	.button:hover {
		color:#fff;
    background:rgba(44,62,80,1);
		-webkit-box-shadow: 1px 1px 1px rgba(41,128,185,.29), inset 0px 0px 2px rgba(29,88,130, .5);
		-moz-box-shadow: 1px 1px 1px rgba(41,128,185,.29), inset 0px 0px 2px rgba(29,88,130, .5);
		box-shadow: 1px 1px 1px rgba(41,128,185,.29), inset 0px 0px 2px rgba(29,88,130, .5);
	}


/* Big Button Style */

.big {
	padding: 0 10px;
	padding-top: 20px;
	width:388px;
	height: 56px;
	text-transform: uppercase;
	font: bold  25px/25px Arial, sans-serif; 
  border:1px solid #aaa;
}

.big span {
	display: block;
	text-transform: none;
	text-shadow: 1px 1px 1px rgba(255,255,255, .12);
}


.blue {
	color: #000;

	}
	

/* 링크에서 밑줄 없애기 */
a.no-uline { text-decoration:none }