@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 {
	position:relative;
	width: 100%;
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	font-family:'나눔고딕', 'NanumGothic', '맑은 고딕', ng;
}

div.wrap {
	border: 0;
    padding: 0; 
    background-image: url('back.jpg');
    min-height: 100%;
    background-position: center;
    background-size: cover;
}


#main2 { position:absolute; width:600px; height:620px; 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; }

#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:30px; bottom:30px; left:0px; font-size:12px; z-index: 2; font-family: “Nanum Gothic”, sans-serif; }
#link { position:absolute; 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:20px 0px 50px 0px; color:#2c3e50; text-shadow:1px 1px 2px #527495; }
h2 { font-family: “Nanum Gothic”, sans-serif; font-size:30px; margin:0px; padding: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:12px; }
#footer a:hover { color:#aaa; }

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


table { margin:50px 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: 28px;
	width:88px;
	height: 56px;
	text-transform: uppercase;
	font: bold 30px/32px Arial, sans-serif;
  border:1px solid #aaa;
}

.big span {
	display: block;
	text-transform: none;
	font: italic normal 12px/18px Georgia, sans-serif;
	text-shadow: 1px 1px 1px rgba(255,255,255, .12);
}


.blue {
	color: #000;

	}

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

/*footer*/
#footer2 {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;            /* Footer height */
  background-color: #e2e2e2;
  color: #222;
  text-align:center;
}
#footer2 img {
	float:left;
	margin-left:600px;
	margin-top:7px;
	white-space:nowrap;
}
#footer2 p.footerp {
	float:left;
	margin-left:50px;
	margin-top:20px;
	font-size:12px;
}
#footer2 p.footerp a {color:blue;}