/* Reset CSS */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* { margin:0; padding:0; border:0; outline:0; vertical-align:top; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:top; }
a { vertical-align:top; text-decoration:none; color:#000; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
body { background: #ffffff; font-family:'Nanum Gothic', 'µ¸¿ò'; font-size:100%; line-height:1; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }

/* layout */
#wrap{width:1200px; margin:0 auto; font-size:13px; font-weight:bold; color:#676767; line-height:17px; position:relative;}

#header{width:178px; float:left; padding:0 0 0 0; background:#fff;}

#main { margin:0 220px 0 243px; border-left:1px solid #ddd;
		border-right:1px solid #ddd; min-height:1127px;
		background:#c4271b;
		line-height:28px;
		font-size:14px; color:#ffffff; 
		box-sizing:border-box; /* W3C */
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
}

#contents { width:220px; position:absolute; top:0; right:0; background:#24bbaf;}

#foot { clear:both; height:120px; border-top:1px solid #ddd; background:#d29dc7;}

/*¹ÝÀÀÇüÀ¥ µðÀÚÀÎ*/

@media screen and (max-width:1280px){
	#wrap{width:95%;}

}
@media screen and (max-width:1024px){
	#wrap{width:100%;}
	#main{margin:0 0 0 243px; min-height:0; border:none;}
	#contents{margin:0 0 0 243px; width:auto; position:relative; clear:left; overflow:auto; padding-bottom:10px; background:#fff;}

}
@media screen and (max-width:768px){
	
}

@media screen and (max-width:600px){
	#head{width:100%; float:none; padding:0; margin-top:10px;}
	#main{border-left:0; margin:0; clear:both;}
	#contents{margin:0;}

}
@media screen and (max-width:480px){
	#wrap{min-width:300px;}

}


/*
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){


}
@media screen and (max-width:768px){
}

@media screen and (max-width:600px){

}
@media screen and (max-width:480px){

}
*/