* {margin:0; padding:0;}
html, button, input, select, textarea { /*color:#222;*/ }
body { font-size:1em; line-height:1.4;
			background-color: #ffffff;
			font-family: Arial, Helvetica, Verdana;
			font-size: 14px;
			line-height: 22px;
			/*color: #333;*/
			-webkit-text-size-adjust: none;
}
body *{text-shadow: none;}
a { color:#00e;}
a:visited { color:#551a8b; }
a:hover { color:#06e; }

fieldset { border:0; margin:0; padding:0; }
textarea { resize:vertical; }
i, em, address { font-style:normal; font-weight:normal; }

.nocallout { -webkit-touch-callout:none; }
.pressed { background-color:rgba(0, 0, 0, 0.7); }

textarea[contenteditable] { -webkit-appearance:none; }

.gifhidden { position:absolute; left:-100%; }

.ir { background-color:transparent; background-repeat:no-repeat; border:0;  display:block; overflow:hidden; text-align:left; text-indent:-999em; }
.ir br { display:none; }

.hidden { display:none !important; visibility:hidden; }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.invisible { visibility:hidden; }

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

/*/////////// (demo.css_¸ð¹ÙÀϸ޴ºÇ÷¯±×ÀÎ) /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*p{	margin: 0 0 10px 0;}*/
a, a:link, a:active, a:visited, a:hover{color: #333;text-decoration: underline;}
pre{font-size: 12px;width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}

#wrap nav{	display: none;}


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

#header {width:100%; padding:5% 0; background-image:url(/image/bg_header.gif); background-size:100% 100%; background-repeat:no-repeat;}
#header h1 {text-align:center; width:50%; margin:0 auto;}
#header h1 > a > img {width:100%;}


#header > a,
.header > a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 2%;
	left: 10px;
}
#header > a.friends,
.header > a.friends
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#header > a.right,.header > a.right{left: auto;right: 10px;}

#intro > img {width:100%;}

#footer {width:100%;}

/****** ǪÅÍ  ******/
#in_footer {padding:10px 0; background:url(/image/img/mid_bg.jpg) repeat;}
#in_footer address {margin-top:10px; color:#ccc; text-align:center; font-size:11px; line-height:14px;}
.btn_bottom {margin: 0 auto; width:90%; text-align:center;}
.btn_bottom a { margin-right:0; text-decoration:none; font-family:"dotum";}