/* 메인 컨테이너 */
#container {position: relative; width:100%; z-index: 2;}
#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; }

.container {max-width: 60rem;}

.MC_wrap1 {position: relative; padding: 2rem 0 2.5rem; background: url('/images/schl/template/T0078/main/0078_wrap1_bg.png') no-repeat center / cover;}
.MC_wrap2 {margin: 2.75rem 0;}

.MC_cont {float: left; width: 16rem;}
.MC_box1 {position: relative; float: right; width: 41.5rem; height: 24rem; } /* 메인비주얼 */
.MC_box2 {position: relative; width: 100%; height: 12.5rem; margin-bottom: 1.25rem;} /* 캘린더 */
.MC_box3 {position: relative; width: 100%; height: 10.25rem;} /* 오늘의식단 */
.MC_box4 {position: relative; width: 17.5rem; height: 16rem; float: left; margin-bottom: 1.75rem;} /* 바로가기 */
.MC_box5 {position: relative; width: 40.5rem; height: 16rem; float: right; margin-bottom: 1.75rem;} /* 게시판 */
.MC_box6 {position: relative; width: 17.5rem; height: 15.5rem; float: left;} /* 팝업존 */
.MC_box7 {position: relative; width: 40.5rem; height: 15.5rem; float: right;} /* 갤러리 */


@media (max-width: 1240px) {
	.MC_box1{width: calc(100% - 17.5rem);}
	.MC_box5{width: calc(100% - 19rem);}
	.MC_box7{width: calc(100% - 19rem);}
}


@media (max-width: 900px) {
	.MC_cont{width: 100%;}
	.MC_wrap1{padding: 1.25rem 0;}
	.MC_wrap2{margin: 1.25rem 0;}

	.MC_box1{width: 100%; height: auto;}
	.MC_box2{ margin:1.25rem 0 0; width: 48.5%; float: left;}
	.MC_box3{width: 48.5%; float: right; margin:1.25rem 0 0; height: 12.5rem;}
	.MC_box4{width: 100%; height: auto;}
	.MC_box5 {width: 100%; height: auto;}
	.MC_box6{width: 48.5%;}
	.MC_box7{width: 48.5%;}
	
}


@media (max-width: 620px) {	
	.MC_box2{width: 100%; height: auto;}
	.MC_box3{width: 100%; height: auto;}
	.MC_box6{width: 100%; height: auto;}
	.MC_box7{width: 100%; height: auto; margin-top: 1.25rem;}
}