/* 메인 컨테이너 */
#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; width:100%; max-width:62rem; margin:0 auto;}
.MC_wrap1 .MC_cont{position:absolute; right:50%; top:0; width:100%; max-width:50rem; z-index: 1;}
.MC_wrap1 .container { padding-left:53%; overflow:hidden;}
.MC_wrap2 { position:relative; margin:2.5rem auto 4rem;}

.MC_box1 { position:relative; width:100%; height:32.5rem; } /* 메인비주얼 */
.MC_box2 { position:relative; width:100%; height:10rem; } /* 바로가기1 */
.MC_box3 { position:relative; width:100%; height:27.5rem; margin:2.5rem auto;} /* 게시판 */ 
.MC_box4 { position:relative; width:100%; height:10rem;} /* 식단 */
.MC_box5 { position:relative; width:calc(95% - 17.5rem); height:14.5rem; float:left;} /* 캘린더 */
.MC_box6 { position:relative; width:17.5rem; height:14.5rem; margin-left: 5%; float:left; } /* 팝업존 */
.MC_box7 { position:relative; width:100%; max-width:75rem; height:auto; margin:0 auto; } /* 갤러리 */
.MC_box7:before{content:""; position:absolute; left:0; top:0; width:200%; height:100%; background:#f8f8f8 url('/images/schl/template/T0036/main/0036_pttrn.png'); border-radius:3rem 0 0 0; z-indeX:-1;}
.MC_box7:after{content:""; position:absolute; left:calc(50% - 39rem); top:2rem; width:17rem; height:12.5rem; background:url('/images/schl/template/T0036/main/0036_gallery_bg.png') no-repeat center/cover; z-index: 1;}

@media (max-width:1560px){

    .MC_wrap1 .MC_cont{right:45%;}
    .MC_wrap1 .container { padding-left:57%;}
    
    .MC_box7{width:calc(100% - 1rem); margin-left:1rem;} 
}

@media (max-width:1320px){

    .MC_box7:after { width:13rem; height:11rem; left:-4rem; top:0.5rem;}
}

@media (max-width:1240px){

    .MC_wrap1 .MC_cont{ width:53%; left:0; right:auto;}
    .MC_wrap1 .container { padding:0;}

    .MC_box1{ height:22rem;} /* 메인비주얼 */
    .MC_box2{ height:7.5rem;} /* 바로가기1 */
    .MC_box3{ width:43%; margin-left:55%;} /* 게시판 */ 
    .MC_box4{ width:calc(100% - 2rem); margin:0 1rem;} /* 식단 */
    .MC_box5 { width:calc(98% - 17.5rem); } /* 캘린더 */
    .MC_box6 { margin-left: 2%; } /* 팝업존 */
}

@media (max-width:1024px){

    .MC_wrap1 .MC_cont{ position:relative; width:auto; left:auto; top:auto; max-width:100%; margin-right:1rem;}
    .MC_wrap1 .container { padding:1.5rem 1rem 0;}
    .MC_wrap2{margin:2rem auto;}
 
    .MC_box1{ height:auto;} /* 메인비주얼 */
    .MC_box2{ height:auto;} /* 바로가기1 */
    .MC_box3{ width:54%; height:auto; float:left; margin:0 2% 0 0;} /* 게시판 */ 
    .MC_box4{ width:44%; height:auto; float:left; margin:0;} /* 식단 */
    .MC_box5{ width:54%; } /* 캘린더 */
    .MC_box6{ width:44%; } /* 팝업존 */
    .MC_box7:before{border-radius:2rem 0 0 0;}
}

@media (max-width:860px){
    .MC_wrap1 .MC_cont{margin-right:.5rem;}

    .MC_box3{ width:100%; float:none; margin:0 0 1.5rem;} /* 게시판 */ 
    .MC_box4{ width:100%; float:none; } /* 식단 */
    .MC_box7:after{display:none;}
}

@media (max-width:768px){
    .MC_box5{ width:100%; height:auto; float:none; } /* 캘린더 */
    .MC_box6{ width:100%; height:auto; float:none; margin:1.5rem 0 0;} /* 팝업존 */
}