/* 메인 컨테이너 */
#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; max-width:62rem; padding:0 1rem; margin:2rem auto 1.5rem;}
.MC_wrap1:after{display:block; clear: both; content:"";}
.MC_wrap1 .MC_cont{position:relative; width:32.5%; margin-right:2%; float:left;}
.MC_wrap2 { position:relative; }
.MC_wrap2 .container{padding-top:2rem; padding-bottom:2rem;}
.MC_wrap2 .container:before{content:""; position:absolute; right:-5rem; top:0; width:200%; height:100%; border-radius:0 5rem 0 0; background-color:#e6f7ff; background-image: url('/images/schl/template/T0060/main/0060_pttrn_dots.png'), url('/images/schl/template/T0060/main/0060_bg_gallery.png'); background-position: 98% 85%; background-repeat: repeat, no-repeat;}

.MC_box1 { position:relative; width:65%; height:28.5rem; float:right; } /* 메인비주얼 */
.MC_box1:before{content:""; position:absolute; left:15%; bottom:-2rem; width:200%; height:97%; border-radius:2rem; background:url('/images/schl/template/T0060/main/0060_pttrn_slide.png');}
.MC_box2 { position:relative; width:100%; height:13.5rem; } /* 식단 */
.MC_box3 { position:relative; width:100%; height:15rem; } /* 팝업존 */
.MC_box4 { position:relative; width:32.5%; height:17.5rem; float:left;} /* 캘린더 */
.MC_box5 { position:relative; width:31%; height:15.5rem; float:left; margin:2rem 2% 0 3%;} /* 게시판1 */
.MC_box6 { position:relative; width:31%; height:15.5rem; float:left; margin-top:2rem;} /* 게시판2 */
.MC_box7 { position:relative; width:100%; height:auto; margin:2rem auto; float:left;} /* 바로가기1 */
.MC_box8 { position:relative; width:100%; height:auto; } /* 갤러리 */

@media (max-width: 1240px) {

    .MC_wrap2 .container:before{right:-1rem; width:calc(100% + 2rem);}
}

@media (max-width: 1024px) {

    .MC_wrap1{margin:1rem auto 1.5rem;}
    .MC_wrap1 .MC_cont{width:100%; margin-right:0%; float:none;}
    .MC_wrap2 .container:before{background-image: url('/images/schl/template/T0060/main/0060_pttrn_dots.png'); background-repeat: repeat;}

    .MC_box1 { width:100%; height:auto; float:none; margin-bottom:2rem; } /* 메인비주얼 */
    .MC_box2 { width:50%; height:15rem; float:left; } /* 식단 */
    .MC_box3 { width:50%; float:left; } /* 팝업존 */
    .MC_box4 { width:100%; height:auto; } /* 캘린더 */
    .MC_box5 { width:49%; margin-left:0;} /* 게시판1 */
    .MC_box6 { width:49%; margin-top:2rem;} /* 게시판2 */

}

@media (max-width: 860px) {

    .MC_box7{margin:1rem auto;}/* 바로가기1 */
}

@media (max-width: 768px) {

    .MC_box1{margin-bottom:1.5rem;}
    .MC_box1:before{bottom:-1rem;}
    .MC_box2 { width:100%; height:auto; float:none; } /* 식단 */
    .MC_box3 { width:100%; height:auto; float:none; } /* 팝업존 */
}

@media (max-width: 640px) {

    .MC_wrap2 .container:before{border-radius:0 4rem 0 0;}
    
    .MC_box4 { float:none; } /* 캘린더 */
    .MC_box5 { width:100%; height:auto; float:none; margin:2rem 0;} /* 게시판1 */
    .MC_box6 { width:100%; height:auto; float:none; margin:0;} /* 게시판2 */
    .MC_box7 { float:none; } /* 바로가기1 */
}

@media (max-width: 480px) {

    .MC_wrap1{padding:0 .5rem;}
}