@charset "utf-8";

#container {position:relative; height:100%; background:#faf7e7; }
#container:after {content:""; display:block; clear:both;}

.main_content {position:relative; z-index:7; width:980px; margin:0 auto; }
.main_content:after {content:""; display:block; clear:both;}

#container, .main_content, .main_content div, .main_content ul li{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

.MC_box1 {position:relative; width:100%; height:370px}/* 메인비주얼 */
.MC_box2 {position:relative; width:100%; height:135px}/* 바로가기 */
.MC_box3 {position:relative; width:240px; height:210px; float:left;}/* 학교앨범 */
.MC_box4 {position:relative; width:500px; height:210px; float:left;}  /* 공지사항 */
.MC_box5 {position:absolute; top:-210px; left:0; width:260px; height:210px}/* 팝업존 */
.MC_box6 {position:relative; width:240px; height:105px; float:left;}/* 바로가기02 */
.MC_box7 {position:relative; width:240px; height:105px; float:left}/* 식단 */
.MC_box8 {position:relative; width:980px; height:78px; margin:15px auto 0; padding-bottom:15px;}/* 배너 */



@media (max-width: 800px) {
	
	
	#container { width:100%; padding-top:69px; }
	.main_content { width:95%; height:100%; }
		
	.MC_box1 {width:100%; height:auto;}	
	.MC_box2 {width:100%; height:auto}
	.MC_box3 {width:49%; margin:2% 2% 0 0;}
	.MC_box4 {width:49%; margin:2% 0;} 		
	.MC_box5 {position:relative; top:auto; width:49%; float:left; margin-right:2%}
	.MC_box6 {width:49%;}
	.MC_box7 {width:49%;}
	.MC_box8 {width:100%; margin:15px auto 0; padding-bottom:0;}


}

@media (max-width: 670px) {	

	.MC_box3 {width:100%;}
	.MC_box4 {width:100%;} 		
	.MC_box5 {width:100%; margin-bottom:2%;}
	.MC_box6 {width:49%; margin-right:2%;}
	.MC_box7 {width:49%;}

}

@media (max-width: 480px) {	

	.MC_box6 {width:100%;}		
	.MC_box7 {width:100%; margin-top:2%;}
		
}