@charset "utf-8";
/* CSS Document */

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

.main_content {position:relative; z-index:7; width:980px;  margin:0 auto}

.MC_box1 {position:relative; width:100%; }
.MC_box2 {position:relative; width:324px; height:193px; float:left; margin:25px 0 0}
.MC_box3 {position:relative; width:310px; height:195px; float:left; margin:25px 9px 0}
.MC_box4 {position:relative; width:325px; height:195px; float:left; margin:25px 0 0}
.MC_box5 {position:relative; width:326px; height:195px; float:left; margin:10px 0 0}
.MC_box6 {position:relative; width:308px; height:195px; float:left; margin:10px 9px 0}
.MC_box7 {position:relative; width:323px; height:195px; float:left; margin:10px 0 0}
.MC_box8 {position:relative; width:326px; height:195px; float:left; margin:10px 0 0}
.MC_box9 {position:relative; width:310px; height:195px; float:left; margin:10px 9px 0}
.MC_box10{position:relative; width:325px; height:195px; float:left; margin:10px 0 0}

@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}
	


	/* 공지사항 */
	.MC_box2 { width:49%;  } 
	
	/* 팝업존 */
	.MC_box3 { width:49%;  float:right;  margin:25px 0 0; }

	/* 오늘의 식단 */
	.MC_box4{ width:49%; margin:12px 12px 0 0;}
	
	/* 행사일정 */
	.MC_box5{ width:49%; margin:12px 0 0 0; }
	
	/* 바로가기01 */
	.MC_box6{  width:49%; height:195px;  margin:12px 12px 0 0; }

	/*  포토 갤러리 */
	.MC_box7{ width:49%; height:196px; margin:12px 0 0 0;}
		
	/* 바로가기04 */
	.MC_box8{ width:100%; height:auto; margin:12px 0 0;}
	
	/* 학급 홈페이지 */
	.MC_box9{ width:49%;   margin:12px 0 0;  }

	/* 우리들의 소리 */
	.MC_box10{ width:49%;  margin:12px 0 0 12px; }

}


@media (max-width: 640px) {
	
	/* 공지사항 */
	.MC_box2 { width:100%;  }
	
	/* 팝업존 */
	.MC_box3{width:100%; margin-top:12px}

	/* 오늘의 식단 */
	.MC_box4{ width:100%}
	
		/* 바로가기01 */
	.MC_box6 { width:100%; }
	
	/* 행사일정 */
	.MC_box5{width:100%;}
	
	/*  포토 갤러리 */
	.MC_box7{width:100%;}

	/* 바로가기04 */
	.MC_box8 { width:100%; }
	
	/* 학급 홈페이지 */
	.MC_box9 { width:100%;}

	/* 우리들의 소리 */
	.MC_box10 { width:100%; margin-left:0;}

}