/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; } 


.MC_wrap1 { position:relative; } 
.MC_wrap2 { position:relative; margin-top: 2rem;} 
.MC_wrap3 .container { position:relative; padding: 2.6rem 0; margin: 3.5rem auto 2.3rem;} 
.MC_wrap3 .container::before { content: ''; display: block; width: calc(100% + 19.5rem); height: 100%; background: url('/images/schl/template/T0087/main/0087_wrap_pttrn.png'); border-radius: 3rem; position: absolute; top: 0; left: -9.75rem; z-index: -2;} 
.MC_wrap4 { position:relative; } 

.MC_box1 { position:relative; width:100%; height:26.25rem; } /* 메인비주얼 */
.MC_box2 { position:relative; width: 19.25rem; height: 13.75rem; float: left; } /* 식단 */
.MC_box3 { position:relative; width: 17.7rem; height: 13.75rem; float: left; margin-left: 4.5%; } /* 캘린더 */
.MC_box4 { position:relative; width:  17.5rem; height: 13.75rem; float: right; } /* 팝업존 */
.MC_box5 { position:relative; width:48.5%; height: 16.5rem; float: left; }  /* 게시판1 */
.MC_box6 { position:relative; width:48.5%; height: 16.5rem; float: right; } /* 게시판2 */
.MC_box7 { position:relative; width: 30%; height: 18.25rem; float: left; margin-top:1.3rem; } /* 바로가기1 */
.MC_box8 { position:relative; width:70%; height:21.7rem; padding: 2rem 2rem 3.5rem 2rem ; margin-right: -2rem; float: right; } /* 학교앨범 */
.MC_box8::before {position: absolute; width:100%; height: 100%; top: 0; left:0; background: #e8efff; content: ""; border-radius:2rem 2rem 0 0;} 

@media (max-width:1240px) { 
	.MC_wrap1:after { display:none;}
    .MC_wrap2 { margin-top:1.6rem }
    .MC_wrap3 .container { padding: 1.5rem 1rem; margin: 2.8rem auto 1.6rem;} 
	
    .MC_box1 { width:100%; height:auto; } /* 메인비주얼 */
    .MC_box2 {width:31.5%; } /* 식단 */
    .MC_box3 { width:31.5%; margin-left:2.8%; } /* 캘린더 */
    .MC_box4 { width:31.5%;} /* 팝업존 */
    .MC_box7 { padding-top: 1rem;} /* 바로가기1 */
	.MC_box8::before {left:0; border-radius: 2rem 0 0 0;} 
}
@media (max-width:1024px) { 
	
    #container { padding-top: 3.5rem;}

    
}
@media (max-width:960px) { 
	.MC_wrap2 { margin-top:1rem }
    .MC_wrap3 .container { padding: 1rem; margin: 1.5rem auto 1.3rem;} 

	.MC_box2 {width:100%;margin-bottom:1.8rem;} /* 식단 */
    .MC_box3 { width:48.5%; float: left; margin-left: 0;} /* 캘린더 */
    .MC_box4 { width:48.5%;} /* 팝업존 */
	.MC_box7 {width: 100%; height: auto; padding-top: 0; margin-bottom:1rem; margin-top:0;} /* 바로가기1 */
    .MC_box8 {width: calc(100% + 2rem); padding: 1.5rem 1rem 3.5rem 1rem; height: auto; margin-right: -1rem;} /* 학교앨범 */
	.MC_box8::before {border-radius: 1.5rem 1.5rem 0 0;} 
}
@media (max-width:860px) {
	
	.MC_box5 { width:100%; height:auto;} /* 게시판1 */ 
	.MC_box6 { width:100%; margin-top:1rem; height:auto; } /* 게시판2 */  
}
@media (max-width:768px) { 

    .MC_box3 {width: 100%; height: auto; margin-bottom: 1.5rem;} /* 캘린더 */
    .MC_box4 { width: 100%; height: auto; } /* 팝업존 */  
	
}

@media (max-width:560px){
	
	.MC_box2 {height:auto; margin-bottom: 1.5rem;} /* 식단 */
    .MC_box3 { width:100%;} /* 캘린더 */
}

@media (max-width: 480px){  
}