@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:364px;}
.MC_box2 {position:relative;width:235px;height:230px;float:left; margin: 0 10px 10px 0;} /* 일정 */
.MC_box3 {position:relative;width:490px;height:230px;float:left; margin: 0 10px 10px 0;} /* 공지사항 */
.MC_box4 {position:relative;  width:235px; height:230px; float:left; margin:0 0 10px;} /* 팝업 */
.MC_box5 {position:relative; width:235px; height:230px; float:left; margin:0 10px 0 0;}  /* 앨범 */
.MC_box6 {position:relative; width:235px; height:230px; float:left; margin:0 10px 0 0;} /* 식단 */
.MC_box7 {position:relative; width:490px; height:230px;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}
	
	#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%;margin:  10px 0;}
	.MC_box7 {width:100%;}
	

}

@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;height:  auto;}
		

}