@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body, div, table, td, tr, th, span, h1, h2, h3, h4, h5, hr, li { font-family: Nanum Gothic; }

.head-container,
.head-container div { float: right;  }

.container { margin: 0 auto; }

@media (max-width:767px) {
	body > nav { }
	.navbar-header { width: 100%; }
	.head-container { 
		width: 100%;
	}
	#contentsbox {}
	footer {} 

}

@media (min-width:768px) {
	body > nav { height: 53px; }
	#searchBox { padding-top: 12px; }
	#content { margin-top: 50px; }
	.contentsbox { width: 1100px; margin: 0 auto; border: 1px solid #ffffff; }
	.contentsbox div { }
	#sidebar > div { float: left; border: 1px solid #ccc; }
	.s_article_rep { width: 850px; }
	.s_article_rep div { width: 100%; }
	.s_sidebar_category { position: absolute; top: 50px; left: 50%; width: 550px; padding-left: 300px; /* 1200의 절반 */ }
}