@charset "utf-8";

/******** 1024 ~ 1280 ********/
/* COMMON */
.wrap {position:relative; width:1200px; margin:0 auto;}
.wrap:after {content:""; display:block; clear:both;}

/* 공통 레이아웃 */
#header {
	position:relative;
	width:100%;
	height:170px;
	background:url("../imgs/header/header_bg.gif") repeat-x;
}

#footer {
	position:relative;
	width:100%;
	height:150px;
	letter-spacing:-0.03em;
	background:#3d4142 ;
}

/* MAIN */
#mainWrapper {position:relative;}

#main_contents {
	position:relative;
	width:100%;
	margin:0 auto;
	clear:both;
}

#content {
	position:relative;
	width:100%;
	margin:0 auto;
	clear:both;
}

@media all and (max-width:1200px) {
	#main_contents .wrap {width:auto;}
}

#notice {
	position:relative;
	width:100%;
	height:395px;
	background:#f7f7f7;
	z-index:100;
}

@media all and (max-width:1200px) {
	#notice {
		position:relative;
		width:100%;
		height:330px;
		background:#f7f7f7;
		z-index:100;
	}
}



/*SUB */
#subWrapper{position:relative; }

.leftColumn {
	position:relative;
	float:left;
	width:21%;
}


.centerColumn {
	position:relative;
	float:left;
	width:73%;
	margin:0 0 0 5%;
}

/******** 768 ~ 1023 ********/
@media all and (max-width:1023px) {
	#header {height:100px !important; background:none;}
	#footer .wrap {width:95% !important;}
	#footer {
		position:relative;
		width:100%;
		height:100px;
		letter-spacing:-0.03em;
		background:#3d4142 ;
		padding-bottom:10px;
    }
    .leftColumn {display:none;}
	.centerColumn {position:relative; float:left; width:100%; margin:0 0 0 0;}
}