/* Reset */ 
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
/*@import url("http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css");*/
/*@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&subset=korean');*/

* { margin:0; padding:0; }
html, body { width:100%; min-width:410px; /*max-width:810px;*/ height:100%; }
body { font-family:"Nanum Gothic"/*, "Nanum Barun Gothic",*/; font-size:100%; word-break:break-all; -ms-word-break:break-all: }
img, fieldset, object { border:0; }
ul, ol { list-style:none; }
em, address, dfn { font-style:normal; }
a { text-decoration:none; color:#000; }
a:hover, a:active, a:focus { text-decoration:none; }
img { vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }
/*
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*/

textarea:focus, input:focus{
    outline: none;
}

body {
	background-image:url('../image/bg.gif');
	background-repeat:repeat-x;
	background-position:0 0;
}

#wrap {
	position:relative;
	width:96%;
	max-width:1300px;
	margin:0 auto;
}

/* header */
#head {
	position:relative;
	width:100%;
	height:100px;
	margin:0 auto;
}

.snb {
	position:absolute;
	top:40px;
	right:0;
	z-index:9;
}

.snb li {
	float:left;
	margin-left:10px;
}

h1 {
	position:absolute;
	top:15px;
	left:0;
	z-index:999;
}

.gnb {
	position:relative;
	top:35px;
	margin:0 0 0 25.38%;
}

.gnb li {
	display:inline-block;
	padding:5px 3.076%;
}

.gnb li a {
	display:inline-block;
	font-size:18px;
	color:#F05F9C;
	font-weight:bold;
	width:100%;
}

.gnb li a:hover, .gnb li.gnbselected a {
	color:#885FA8;
}

/* footer */
#tail {
	clear:both;
	width:100%;
	margin:0 auto;
	padding-top:35px;
}

#tail hr {
	width:100%;
	height:9px;
	background-image:url('../image/bar.jpg');
	background-repeat:no-repeat;
	border:none;
}

#tail .info {
	width:100%;
	min-height:150px;
	margin:0 auto;
}

#tail .info h4 {
	width:34%;
	float:left;
	padding:30px 2% 0 0;
	text-align:right;
}

#tail .info address {
	width:64%;
	float:left;
	font-size:11px;
	color:#797979;
	padding:45px 0 0 0;
	word-break:keep-all;
}

#tail .info .copyright  {
	font-size:10px;
	color:#838181;
	font-weight:900;
}

/* contents */
#contents {
	position:relative;
	clear:both;
	width:100%;
	margin:20px auto 0;
}

/* ¹ÝÀÀ */
@media all and (max-width:810px){
	.gnb {
		margin:0 0 0 32%;
	}

	.gnb li {
		padding:5px 1%;
	}

	.gnb li a {
		font-size:15px;
	}
}

@media all and (max-width:640px){
	body:after {
		content:"";
		position:absolute;
		top:145px;
		left:0;
		width:100%;
		border-bottom:1px solid #F05F9C;
	}

	#wrap {
		width:92%;
	}

	#head {
		height:150px;
	}

	.gnb {
		position:relative;
		top:0;
		margin:10px 0 0 0;
		padding-top:100px;
		font-size:0;
	}

	.gnb li {
		display:inline-block;
		width:25%;
		padding:0;
		text-align:center;
	}

	#tail .info h4 {
		width:100%;
		float:none;
		padding:0;
		text-align:center;
		padding:30px 0;
	}

	#tail .info address {
		width:100%;
		text-align:center;
		float:none;
		padding:0 0 30px 0;
	}
}