/* 메인 컨테이너 */
#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; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

.MC_wrap1{position:relative; }
.MC_wrap2{position:relative; margin-top:4rem; }
.MC_wrap3{position:relative; margin-top:3rem; }
.MC_wrap4{position:relative; }

[class^="MC_box"]:after { content:""; display:block; clear:both; }
.MC_box1 { position:absolute; top:0; left:-11%; width:72%; height:29.3rem; } /* 메인비주얼 */
.MC_box1:before { content:""; position:absolute; top:0; right:0; width:500%; height:14.65rem; background:#ffd263; border-bottom-right-radius:4rem; }
.MC_box2 { position:relative; width:40%; height:29.3rem; padding:2.5rem 0 0 5%; float:right; } /* 게시판 */
.MC_box3 { position:relative; width:60%; height:14.35rem; float:left; } /* 캘린더 */
.MC_box4 { position:relative; width:40%; height:14.35rem; padding-left:6%; float:right; } /* 팝업존 */
.MC_box4:before { content:""; position:absolute; top:-3rem; left:11%; width:500%; height:calc(100% + 3rem); background:url(/images/schl/template/T0031/main/0031_popup_pt.png); border-top-left-radius:4rem; }
.MC_box5 { position:relative; } /* 바로가기1 */
.MC_box6 { position:relative; } /* 식단 */
.MC_box6:before { content:""; position:absolute; top:0; left:-4.5rem; width:500%; height:100%; background:#add3ff; border-top-left-radius:3rem; z-index:-2; }
.MC_box7 { position:relative; padding:3rem 0 2rem; } /* 갤러리 */
.MC_box7:before { content:""; position:absolute; top:-3rem; right:-4.5rem; width:500%; height:calc(100% + 3rem); background:#eff6ff; border-bottom-right-radius:4rem; z-index:-3; }


/* responsive */
@media (max-width:1450px){
	.MC_box6 { padding-left:2rem; }
	.MC_box6:before { left:0; }
}

@media (max-width:1024px) { 
	.MC_wrap3 { margin-top:0; }
	
	.MC_box1 { height:25rem; } /* 메인비주얼 */
	.MC_box2 { height:25rem; } /* 게시판 */
}

@media (max-width:950px){
	
	.MC_box1 { width:67%; height:21rem; } /* 메인비주얼 */
	.MC_box2 { width:44%; height:21rem; padding:2rem 0 0 5%; } /* 게시판 */
	.MC_box7 { padding:4rem 0 2rem; } /* 갤러리 */
}

@media (max-width:850px){
	.MC_box2 { padding-top:1.75rem; } /* 게시판 */
}

@media (max-width:768px){
	.MC_wrap2 { margin-top:2rem; }
	
	.MC_box1 { position:relative; top:auto; left:auto; width:100%; height:auto; } /* 메인비주얼 */
	.MC_box1:before { height:60%; border-bottom-right-radius:2rem; }
	.MC_box2 { width:100%; height:auto; margin-top:1.5rem; padding:0; } /* 게시판 */
	.MC_box3 { width:100%; height:auto; margin-top:1.5rem; float:none; } /* 캘린더 */
	.MC_box4 { width:100%; height:auto; margin-top:1.5rem; padding-top:2rem; padding-left:0; float:none; } /* 팝업존 */
	.MC_box4:before { top:0; left:50%; height:100%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);  }
	.MC_box7 { padding:2.5rem 0 1.5rem; } /* 갤러리 */
}