@charset "utf-8";

#container { position:relative; height:100%; overflow:hidden; background:#fff; }

.main_content{position:relative; z-index:0;}
.main_content:after { content:""; display:block; clear:both; }
.MC_wrap{position:relative; width:95%; max-width:980px; margin:0 auto; padding:100px 0 20px}
.MC_wrap:after { content:""; display:block; clear:both; }

.MC_box1 { position:relative; width:100%; height:400px; } /* 메인비주얼 */
.MC_box2 { position:relative; width:570px; height:230px; } /*  공지사항 */
.MC_box3 { position:relative; width:260px; height:280px; float:left; margin:30px 0 0;} /* 일정 */
.MC_box4 { position:relative; width:280px; height:280px; float:left; margin:30px 30px 0; } /* 식단 */
.MC_box5 { position:absolute; right:0; top:100px; width:380px; height:230px; } /* 앨범 */
.MC_box6 { position:relative; width:380px; height:280px; float:right; margin:30px 0 0; } /* 팝업존 */
.MC_box7 { position:absolute; top:-180px; left:0; width:350px; height:105px; overflow:hidden;} /* 학급홈페이지 */
.MC_box8 { position:absolute; left:0; top:0; width:100%; height:75px; } /* 바로가기 */

@media (max-width: 1080px) { 
	
	#container,
	.main_content,
	.MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8 { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box }
	
	.MC_wrap, .MC_wrap2, .MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8 { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease }
	
	
	#container { width:100%; margin-top:80px;}
	

	.MC_box1 { height:auto; } /* 메인비주얼 */
	.MC_box2 { width:66%; } /*  공지사항 */
	.MC_box3 { width:33%; } /* 일정 */
	.MC_box4 { width:32%; margin:30px 1% 0;} /* 식단 */
	.MC_box5 { width:33%; } /* 앨범 */
	.MC_box6 { width:33%; } /* 팝업존 */
	.MC_box7 { width:40%; top:-160px;} /* 학급홈페이지 */
	.MC_box8 { width:100%; } /* 바로가기 */
}


@media (max-width:860px) { 

	.main_content{margin:25px auto 0;}
	.MC_wrap{padding:0;}
	

	.MC_box1 { height:auto; } /* 메인비주얼 */
	.MC_box2 { width:49%; } /*  공지사항 */
	.MC_box3 { width:49%; margin:25px 0 20px } /* 일정 */
	.MC_box4 { width:49%; float:right; margin:25px 0 20px;} /* 식단 */
	.MC_box5 { width:49%; top:0; } /* 앨범 */
	.MC_box6 { width:100%; height:auto;  margin:0; float:left; } /* 팝업존 */
	.MC_box7 { position:relative; right:auto; top:auto; height:auto; float:left; margin:20px 0; width:100%; } /* 학급홈페이지 */
	.MC_box8 { position:relative; left:auto; top:auto; width:100%; height:auto;} /* 바로가기 */
}

@media (max-width: 580px) { 	

	.MC_box1 {height:auto; } /* 메인비주얼 */
	.MC_box2 {width:100%; float:none; margin:0; } /*  공지사항 */
	.MC_box3 {width:100%; float:none; margin:20px 0;} /* 일정 */
	.MC_box4 {width:100%; float:none; margin:0 0 20px; } /* 식단 */
	.MC_box5 {position:relative; right:auto; top:auto; width:100%; float:none; margin:0 0 20px;} /* 앨범 */
}