@charset "utf-8";

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

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

.MC_box1 { position:relative; width:100%; height:370px; } /* 메인비주얼 */
.MC_box2 { position:relative; width:670px; height:240px; float:left; margin:85px 0 20px;} /*  공지사항 */
.MC_box3 { position:relative; width:290px; height:325px; float:right; margin:0 0 20px; } /* 일정 */
.MC_box4 { position:relative; width:290px; height:300px; float:right; } /* 식단 */
.MC_box5 { position:relative; width:300px; height:300px; float:right; margin:0 20px; } /* 앨범 */
.MC_box6 { position:relative; width:350px; height:300px; float:left; } /* 팝업존 */
.MC_box7 { position:absolute; top:0; left:0; width:670px; height:65px; } /* 학급홈페이지 */
.MC_box8 { position:absolute; top:-370px; right:0; width:290px; height:330px; } /* 바로가기 */

@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;}
	.main_content { width:95%; }

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

 }


@media (max-width:860px) { 
	
	#container:before {display:none;}
	.main_content {margin:10px auto 0; padding:0 0 30px;}

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


 }

@media (max-width: 580px) { 	

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