/* 메인 컨테이너 */
#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: 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; padding-top: 2rem;} 
.MC_wrap1::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; height: 30.25rem; background: url('/images/schl/template/T0002/main/0002_wrap_bg.png') no-repeat center / cover; content: ""; z-index: -1; }
.MC_wrap2 { padding-bottom: 3rem; position:relative; margin-top: 2rem;} 
.MC_wrap2::before { position: absolute; bottom: 0; left: calc(50% - 44.8rem); width: 14.8rem; height: 12.25rem; background: url('/images/schl/template/T0002/main/0002_con_bg01.png') no-repeat center / cover; content: ""; z-index: -1; }
.MC_wrap2::after { position: absolute; bottom: 0; right: calc(50% - 45rem); width: 14.4rem; height: 10.55rem; background: url('/images/schl/template/T0002/main/0002_con_bg02.png') no-repeat center / cover; content: ""; z-index: -1; }

.con_wrap { float:right; width:50%; }

.MC_box1 { position: relative; width: 100%; height: 5.7rem; margin: 0 0 1.5rem; } /* 바로가기1 */
.MC_box2 { position:relative; float: left; width:46.6%; height:25.25rem; border-radius: 1rem; } /* 메인비주얼 */
.MC_box3 { position: relative; width: 100%; height: 12rem; } /* 갤러리 */
.MC_box4 { position: relative; width: 100%; height: 10.65rem; margin-top: 1.6rem; } /* 게시판 */
.MC_box5 { position: relative; float:left; display: block; width: 25.8%; height: 13.3rem; } /* 식단 */
.MC_box6 { position: relative; float:left; display: block; width: 29.2%; height: 13.3rem; margin-left: 1.75%;} /* 팝업존 */
.MC_box7 { position: relative; float:right; display: block; width: 41.6%; height: 12.9rem; margin-top: 0.45rem;} /* 캘린더 */

@media (max-width:1920px){
    .MC_wrap1::before { width: 96rem; height: 23.25rem; }

}

@media (max-width:1024px){
	.MC_wrap1 { padding: 0 0 12rem;}
	.MC_wrap1::before { top: -1rem; }
	.MC_wrap2 { padding-bottom: 1.8rem; } 

	.con_wrap { float:right; width:40%; }

	.MC_box1 { margin: 1rem 0 1.4rem; } /* 바로가기1 */
	.MC_box2 { width:55%; } /* 메인비주얼 */
	.MC_box3 { height:auto; } /* 갤러리 */
	.MC_box4 { margin-top: 1.4rem; width:53%; position:absolute; bottom:-12rem; left:1rem; } /* 게시판 */
	.MC_box5 { width: 38.4%; height: auto; margin-top:.6rem; position:absolute; top: -13.5rem; right:1rem; } /* 식단 */
	.MC_box6 { width: 17.5rem; margin-left:0; margin-top: 0.5rem;} /* 팝업존 */
	.MC_box7 { width: calc(100% - 20rem); margin-top: 1rem;} /* 캘린더 */
}

@media (max-width:960px){  
 
    .MC_box1 { height: auto; margin-bottom: 0;} /* 바로가기1 */ 

}

@media (max-width:768px){ 
    .MC_wrap1 { padding:0;}
	.MC_wrap2 { margin-top: 0;} 

    .con_wrap { width: 100%; }
	 
    .MC_box2 { width: 100%; height: 25rem; } /* 메인비주얼 */
    .MC_box3 { width: 100%; height: auto; margin-top: 1.3rem; } /* 갤러리 */
    .MC_box4 { width: 100%; height: auto; margin-top: 2rem; position: relative; bottom: auto; left: auto;} /* 게시판 */
    .MC_box5 { width: 100%; height: auto; margin-left: 0; margin-top: 1.3rem; position: relative; top: auto; right: auto; } /* 식단 */
    .MC_box6 { width: 100%; height: auto; margin-top: 1.3rem; } /* 팝업존 */
    .MC_box7 { display: block; width: 100%; margin-left: 0; margin-top: 1.5rem; } /* 캘린더 */
}

@media (max-width:500px){  
    .MC_box2 { height: auto; } /* 메인비주얼 */ 
    .MC_box7 { height: auto; } /* 캘린더 */
}