@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); /*font-family: 'Nanum Brush Script', cursive;  나눔브러쉬*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /*font-family: 'Nanum Gothic', sans-serif;  나눔고딕*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); /*font-family: 'Nanum Gothic Coding', monospace;  나눔고딕코딩*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /*font-family: 'Nanum Myeongjo', serif; 나눔명조*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css); /*font-family: 'Nanum Pen Script', cursive; 나눔펜*/
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css); /* font-family: 'Hanna', serif; 한나*/

@import url(style.css);

.hn {font-family: 'Hanna', sans-serif;}
.nbs {font-family: 'Nanum Brush Script', sans-serif;}
.ng {font-family: 'Nanum Gothic', sans-serif;}
.ngc {font-family: 'Nanum Gothic Coding', sans-serif;}
.nm {font-family: 'Nanum Myeongjo', sans-serif;}
.nps {font-family: 'Nanum Pen Script', sans-serif;}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	text-decoration:none;
/*	font-family:'Nanum Gothic', sans-serif;
	font-size:12px;*/
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

ul,ol,li{list-style:none}


/* skipnavi */
#skip_navigation {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	z-index:999;
	line-height:0;
	font-size:0;
}
#skip_navigation li a {
	position:absolute;
	top:-500px;
	text-indent:-9999px;
	line-height:1;
	font-size:12px;
	color:#fff;
}
#skip_navigation li a:hover {
	font-size:12px;
	line-height:1;
	position:absolute;
	left:0px;
	top:0px;
	font-weight:bold;
	text-indent:0px;
	padding:4px 0 0 0;
	text-align:center;
	background:#027bc4;
	width:100%;
	display:block; 
	height:20px;
	z-index:1000;
	color:#fff;
}
#skip_navigation li a:focus {
	font-size:12px;
	line-height:1;
	position:absolute;
	left:0px;
	top:0px;
	font-weight:bold;
	text-indent:0px;
	padding:4px 0 0 0;
	text-align:center;
	background:#027bc4;
	width:100%;
	display:block; 
	height:20px;
	z-index:1000;
	color:#fff;
} 
#skip_navigation li a:active {
	font-size:12px;
	line-height:1;
	position:absolute;
	left:0px;
	top:0px;
	font-weight:bold;
	text-indent:0px;
	padding:4px 0 0 0;
	text-align:center;
	background:#027bc4;
	width:100%;
	display:block; 
	height:20px;
	z-index:1000;
	color:#fff;
}

#wrap {
	width:100%; 
	height:100%;
}