/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }
#container *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;}
#container ::-webkit-scrollbar { width: 5px; height: 3px; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

.MC_wrap1 {position: relative; padding:2rem 0 3rem;}
.MC_wrap1:before {content:""; position:absolute; left:calc(50% - 21rem); top:0; width:100%; height:100%; background:#e5fffd; border-radius:0 0 0 3rem;}
.MC_wrap2 {position:relative; padding:2rem 0 3rem;}
.MC_wrap3 {position:relative; padding:3rem 0;}
.MC_wrap3:before {content:""; position:absolute; right:calc(50% - 42rem); top:0; width:100%; height:100%; background:url('/images/schl/template/T0089/main/0089_ptrn02.png'); border-radius:0 3rem 0 0;}
  

.MC_box1 {position: relative; width: 100%; height: 22.5rem; margin-bottom:2.5rem;} /* 메인비주얼 */
.MC_box2 {position: relative; width:17.5rem; height:auto; float:left;} /* 팝업 */
.MC_box3 {position:relative; width:calc(100% - 19.5rem); height:auto; float:right;} /* 공지사항 */
.MC_box4 {position:relative; width:100%; height:auto; margin-bottom:2rem;} /* 바로가기 */ 
.MC_box5 {position:relative; width:17.5rem; height:9rem; float:left;} /* 식단 */
.MC_box6 {position:relative; width:calc(100% - 19.5rem);; height:9rem; float:right;} /* 일정 */
.MC_box7 {position:relative; width:100%; height:auto;} /* 갤러리 */
  
@media (max-width:1720px) {
	.MC_wrap3:before {right:0; border-radius:0;}
}
@media (max-width: 1024px) {
    .MC_box1 {height:auto;} 
}
@media (max-width: 860px) {
    .MC_wrap1 {position: relative; padding:1.5rem 0;}
    .MC_wrap1:before {left:10rem;}
    .MC_wrap2 {padding:1.5rem 0;}
    .MC_wrap3 {padding:1.5rem 0;}

    .MC_box1 {margin-bottom:1.5rem;} /* 메인비주얼 */
    .MC_box2 {width:100%;} /* 팝업 */
    .MC_box3 {width:100%; margin-top:1.5rem;} /* 공지사항 */
    .MC_box5 {width:100%; height:auto;} /* 식단 */
    .MC_box6 {width:100%; height:auto; margin-top:1.5rem;} /* 일정 */
}

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

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

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

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