@charset "utf-8";

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

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

	.MC_box1 {position:relative; width:100%; height:370px;z-index: 0; }
	.MC_box2 {position:relative; width:315px; height:435px; float:left;}
	.MC_box3 {position:relative; width:665px; height:220px; margin:60px 0 0; float:left;}
	.MC_box4 {position:relative; width:380px; height:155px; float:left;}
	.MC_box5 {position:relative; width:285px; height:155px; float:left;  }
	.MC_box6 {position:relative; width:315px; height:220px; float:left; overflow:hidden; }
	.MC_box7 {position:relative; width:380px; height:220px; float:left; overflow:hidden;}
	.MC_box8 {position:relative; width:285px; height:220px; 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 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	#container { width:100%; padding-top:69px; }
	.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}
	
	.main_content { width:95%; height:100%;   margin:0 auto 0;}
	
	.MC_box1 { height:auto;}
	.MC_box2 {width:100%; height:280px; float:none; overflow:hidden;}
	.MC_box3 {width:100%; margin:0; float:none;}
	.MC_box4 {width:50%;}
	.MC_box5 {width:50%;}
	.MC_box6 {width:50%; height:220px; float:none;}
	.MC_box7 {width:100%; height:110px; float:none;}
	.MC_box8 {position:absolute; top:655px; right:0; width:50.01%; float:none;}

		
}

@media (max-width: 690px) {	

	.MC_box7 {width:100%; height:220px; float:none;}

}

@media (max-width: 480px) {		

	.main_content { width:95%; height:100%; margin-top:20px;}
	
	
	
	/* 학사일정 */
	.MC_box2 {height:420px;}
	

	/* 학교앨범 */
	.MC_box4 {width:100%; float:none;}  

	/* 식단 */
	.MC_box5 {width:100%; float:none;}  

	/* 바로가기01 */
	.MC_box6 {width:100%; }  
	
	/* 바로가기02 */
	.MC_box7 {margin-top:220px;}

	/* 팝업존 */
	.MC_box8 {position:absolute; top:1170px; left:0; width:100%; float:none;}

	

}