@charset "utf-8";

#container {position:relative; height:100%; padding-top:20px; background:#c1ddf3 url('/images/sch/web/milyeogo-h/main/pattern.png');}
#container:after {content:""; display:block; clear:both;}

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


.MC_box1 {position:absolute; top:0; left:299px; width:487px; height:399px; border:1px solid #ccc;}/*비주얼*/
.MC_box2 {position:relative; width:300px; height:401px; float:left; margin-right:300px;}/*일정*/
.MC_box3 {position:relative; width:192px; height:401px; float:right;}/*바로가기*/
.MC_box4 {position:relative; width:300px; height:200px; float:left; }/*학교앨범*/
.MC_box5 {position:relative; width:340px; height:200px; float:left;}/*공지사항*/
.MC_box6 {position:relative; width:340px; height:200px; float:left;}/*공지사항2*/
.MC_box7 {position:relative; width:300px; height:200px; float:left;}/*경찰관*/
.MC_box8 {position:relative;width:340px; height:200px; float:left; }/*오늘의식단*/
.MC_box9 {position:relative;width:340px; height:200px; float:left; overflow:hidden; }/*팝업존*/
.MC_box10 {position:relative; width:100%; height:120px; float:left;}/*바로가기2*/
.MC_box11 {position:relative;  width:100%;}

@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}
	
	#container{ width:100%; padding-top:80px; }
	.main_content { width:95%; height:100%; }	
	

	.MC_box1 {position:relative; left:0; float:right; width:100%; height:auto;}
	.MC_box2 {width:100%;}
	.MC_box3 {width:100%; height:auto;}
	.MC_box4 {width:50%;}
	.MC_box5 {width:50%;}
	.MC_box6 {width:50%;}
	.MC_box7 {width:50%; margin-top:0;}
	.MC_box8 {width:50%; margin-top:0;}
	.MC_box9 {width:50%;}
	.MC_box10 {width:100%; height:auto}

}

@media (max-width: 680px) {	
  #container{ background:url('/images/sch/web/milyeogo-h/main/pattern.png');}

	
}

@media (max-width: 560px) {	

	.MC_wrap1{width:100%; margin-top:0; padding-right:0;}

	.MC_box1 {width:100%; height:auto;}
	.MC_box2 {width:100%;  height:auto;}
	.MC_box3 {position:relative; top:0; width:100%;}
	.MC_box4 {width:100%;  height:auto;}
	.MC_box5 {width:100%;}
	.MC_box6 {width:100%;}
	.MC_box7 {width:100%; margin-top:0;}
	.MC_box8 {width:100%; margin-top:0;}
	.MC_box9 {width:100%;}
	.MC_box10 {width:100%;}
}

@media (max-width: 480px) {		
	


}

@media (max-width: 380px) {
	

}