/* Common */
html, body {height: 100%; margin: 0; padding: 0; font-size: 12px;}

/* Layout */
#header {position: relative; z-index: 1; margin:0 auto;} /* 높이값을 꼭 줘야 함*/
#body {min-height: 100%;  margin-bottom: -100px;} /* header 의 높이값과 footer 의 높이값 */
#content {padding-bottom: 120px;}
* html #body  {height: 100%;} /* for IE6.0 */ 
#footer {height: 100px; padding-top: 20px;}

/* 공통설정 */
@font-face {font-family: "fontface"; src: url("font.woff") format('woff');}
* {font-family: fontface;}
.row {margin: 0;}
h3, h4, p {line-height: 1.7em;}
button, #content img {margin: 10px 0;}
.btn, input {margin: 5px 0;}

/* 반응형 설정 */
@media(max-width: 991px){
	#header {height: 150px;}	#body {margin-top: -150px;} #content {padding-top: 150px;}
	#header .nav .page01, #header .nav .page02, #header .nav .page03, #header .nav .page04 {height: 50px; overflow: hidden;}
	#header .nav .page01 a {color: #d9534f;}
	#header .nav .page02 a {color: #f0ad4e;}
	#header .nav .page03 a {color: #5bc0de;}
	#header .nav .page04 a {color: #5cb85c;}
	#header .nav a {color: #fff; line-height: 50px;}
}
@media(min-width: 992px){
	#header {height: 100px;}	#body {margin-top: -100px;} #content {padding-top: 100px;}
	#header .nav a {line-height: 100px;}
	#header .nav a:hover {text-decoration: none;}
	#header .nav .page01 a {color: #d9534f;}
	#header .nav .page02 a {color: #f0ad4e;}
	#header .nav .page03 a {color: #5bc0de;}
	#header .nav .page04 a {color: #5cb85c;}
}

/* Header */
#header {background: #222;}
#header .logo {text-align: center;}
#header .logo img {height: 100px;}
#header .nav {text-align: center;}

/* content */
#content .main-bg {background: #222; margin: 30px 0;}
#content .main-bg small {color: #fff;}
#content .slider, #content .slider img {margin: 0;}
#content .slider .slidesjs-slide {background-repeat: no-repeat !important; background-position: 50% 50%; background-size: 100% !important;}
#content .slider .slidesjs-navigation {float: left; margin: 2px; color: #222;}
#content .slider .slidesjs-navigation a {text-dedcoration: none;}
#content .slider .slidesjs-pagination {padding: 0;}
#content .slider .slidesjs-pagination li {list-style: none; float: left;}
#content .slider .slidesjs-pagination li a {color: #aaa; text-decoration: none; margin: 2px;}
#content .page01 {background: #d9534f;}
#content .page02 {background: #f0ad4e;}
#content .page03 {background: #5bc0de;}
#content .page04 {background: #5cb85c;}
#content .page01-color {color: #d9534f;}
#content .page02-color {color: #f0ad4e;}
#content .page03-color {color: #5bc0de;}
#content .page04-color {color: #5cb85c;}
#content .sub-menu {background: #eee; padding: 5px 0;}
#content .page-header {margin-bottom: 30px; padding: 0;}
#content .page-header h3, #content .page-header p {color: #fff; text-align: center;}
#content .page-header h3:before {content: ''; display: block; width: 30px; height: 5px; background: #fff; margin: 30px auto;}

/* Footer */
#footer {background: #222; line-height: 30px; color: #fff; text-align: center;}
#footer img {max-height: 50px; width: auto;}