@charset "utf-8";


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

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


/* 콘텐츠 영역 */
.MC_wrap1 { width:275px; float:left; }
.MC_wrap2 { width:430px; float:left; }
.MC_wrap3 { width:275px; float:left; }

.MC_box1 {position:relative; width:100%; height:328px;  }
.MC_box2 {position:relative; width:275px; height:230px; float:left;} /* 팝업 */
.MC_box3 {position:relative; width:275px; height:115px;  float:left;} /* 학교알리미 */
.MC_box4 {position:relative; width:275px; height:115px;  float:left;} /* 식단 */
.MC_box5 {position:relative; width:430px; height:230px; float:left; } /* 공지사항 */
.MC_box6 {position:relative; width:430px; height:228px;  float:left;} /* 앨범 */
.MC_box7 {position:relative; width:275px; height:230px;  float:left;} /* 일정 */
.MC_box8 {position:relative; width:275px; height:115px;float:left;}  /* 바로가기4칸 */

@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, .MC_box11, .MC_box12, .MC_box13, .MC_box14, .MC_box15 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.MC_box1 {margin-top: 0px;}
	#container { width:100%; padding-top:67px; }
	.main_content { width:95%; height:100%; }
	
	
	/* 콘텐츠 영역 */
	.MC_wrap1 { width:100%; }
	.MC_wrap2 { width:50%; }
	.MC_wrap3 { width:50%; }

	.MC_box1 {height:auto;}
	.MC_box2 {width:100%; }
	.MC_box3 {width:100%;}
	.MC_box4 {width:100%;}
	.MC_box5 {width:100%;}
	.MC_box6 {width:100%;}
	.MC_box7 {width:100%;}
	.MC_box8 {width:100%; height:auto;}
	.MC_box9 {width:100%; height:auto;}
	.MC_box10 {width:95%;}
	

}

@media (max-width: 680px) {	

	/* 콘텐츠 영역 */
	.MC_wrap2 { width:100%; }
	.MC_wrap3 { width:100%; }
	
	.MC_box2 {width:100%; margin-top:0; float:none;}
	.MC_box3 {position:relative; left:auto; top:auto; margin:15px 0 0 0; float:none;}
	.MC_box4 {width:100%; margin:15px 0 0 0; float:none;}
	.MC_box5 {width:100%; margin:15px 0 0 0; float:none;}
	.MC_box6 {position:relative; left:auto; top:auto; margin:15px 0 0 0; float:none;}
	.MC_box7 {width:100%; margin:15px 0 0 0; float:none;}
	.MC_box8 {height:auto; margin:15px 0 0 0; float:none;}
	.MC_box9 {height:auto; margin:15px 0 0 0; float:none;}
		

}

@media (max-width: 580px) {	

	
}

@media (max-width: 480px) {		
	


}

@media (max-width: 380px) {
	

}