@charset "utf-8";

#container { position:relative; float:left; }
#container:after {content:""; display:block; clear:both;}

.main_content {position:relative; z-index:7; width:100%; max-width:1085px; overflow:hidden;}
.main_content:after {content:""; display:block; clear:both;}

/* 콘텐츠 영역 */
.MC_wrap { width:665px; float:left; overflow:hidden;}
.MC_wrap2 { width:420px; float:left; }

.MC_box2 {position:relative; width:100%; height:60px; float:left;}/* 전광판 */

.MC_box1 {position:relative; width:100%; height:431px;}/* 메인비주얼 */
.MC_box3 {position:relative; width:100%; height:251px; float:left;}/* 공지사항 */
.MC_box4 {position:relative; width:50%; height:250px; float:left;}/* 학교앨범 */
.MC_box5 {position:relative; width:50%; height:250px; float:left;}/* 학교둘러보기 */
.MC_box6 {position:relative; width:100%; height:216px; float:left;}/* 행사일정 */
.MC_box7 {position:relative; width:100%; height:216px; float:left;}/* 팝업존 */
.MC_box8 {position:relative; width:100%; height:250px; float:left;}/* 오늘의식단 */
.MC_box9 {position:relative; width:100%; height:124px; float:left;}/* 바로가기 */

@media (max-width: 800px) {
	#container,
	.main_content,
	.MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8, .MC_box9, .MC_box10{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#container { width:100%; padding-top:67px;  float:none;}
	.main_content { width:100%; height:100%; }
	
	/* 콘텐츠 영역 */
	.MC_wrap { width:100%;}
	.MC_wrap2 {width:100%;}

	.MC_box2 {width:100%;}

	.MC_box1 {width:100%; height:auto;}
	.MC_box3 {width:100%;}
	.MC_box4 {width:50% }
	.MC_box5 {width:50%;}
	.MC_box7 {width:50%; height:250px;}
	.MC_box8 {width:50%}
	.MC_box9 {width:50%; height:auto;}
	.MC_box0 {width:50%;}

}

@media (max-width: 680px) {	

	.MC_box7 {width:100%;}
	.MC_box8 {width:100%;}
	.MC_box9 {width:100%;}
}

@media (max-width: 580px) {	

	.MC_box2 {width:100%; margin-top:0; float:none;}
	.MC_box3 {width:100%; float:none;}
	.MC_box4 {width:100%; float:none;}
	.MC_box5 {width:100%; height:auto; float:none;}
	.MC_box6 {width:100%; float:none;}
	.MC_box7 {float:none;}
	.MC_box8 {float:none;}
	
		
}

@media (max-width: 480px) {		
	


}

@media (max-width: 380px) {
	

}