/* 메인 컨테이너 */
#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; padding: 2.5rem 0; margin: 2rem 0;}
.MC_wrap1::before{width: 100%; height: 100%; background: url('/images/schl/template/T0088/main/0088_ptrn_noti.png') repeat; position: absolute; left: calc((100% - 60rem) / 2 - 6rem); top: 0; border-radius: 11rem 0 0 11rem; content: '';}
.MC_wrap1::after{content:url(/images/schl/template/T0088/main/0088_con_bg1.png); display:block; position: absolute; left: 0; top: -17rem;}
.MC_wrap2{position: relative; }
.MC_wrap3{position: relative; margin: 2rem 0 0; padding-bottom: 2.75rem; background: url(/images/schl/template/T0088/main/0088_con_bg2.png) no-repeat right top;}
.MC_wrap3::before{width: 100%; height: 11rem; background: url('/images/schl/template/T0088/main/0088_ptrn_gallery.png') repeat; position: absolute; right: calc((100% - 60rem) / 2 - 6rem); bottom: 0; border-radius: 0 11rem 0 0; content: '';}
.MC_wrap2{position: relative;}

.MC_box1 { position: relative; width: 72rem; height: 26rem; margin:1.25rem auto 0} /* 메인비주얼 */
.MC_box1::before{width: 10.4rem; height: 11.1rem; background: url('/images/schl/template/T0088/main/0088_visual_bg.png') no-repeat center; position: absolute; right: -7rem; top: calc(50% - 5.2rem); content: '';}
.MC_box2{position: relative; width: 100%; height: 14.75rem; margin-top: 1.25rem;} /* 행사일정 */
.MC_box3{position: relative; width: 28.5rem; height: 16rem; float: left;} /* 게시판1 */
.MC_box4{position: relative; width: 28.5rem; height: 16rem; float: right;} /* 게시판2 */
.MC_box5{position: relative; width: 100%; height: 7.5rem; } /* 바로가기 */
.MC_box6{position: relative; width: 100%; height: 4rem; margin-top: 2rem;} /* 오늘의식단 */
.MC_box7{position: relative; width: calc(100% - 21rem); float: left;  height: 17rem; z-index: 2;} /* 행사일정 */
.MC_box8{position: relative; width: 18.5rem; float: right; height: 17rem;} /* 포토갤러리 */
@media (max-width: 1480px) {
    .MC_box1{width: 100%; padding: 0 1rem;}
    .MC_wrap1::before{left: 0; border-radius: 0;}
    .MC_wrap3::before{right: 0; border-radius: 0;}
}

@media (max-width: 1240px) {
    .MC_box1{height: 100%;}
    .MC_box3{width: 49%;}
    .MC_box4{width: 49%;}
    .MC_box8{width: 20rem;}
}

@media (max-width:860px){
    .MC_box7{width: 100%; height: auto;}
    .MC_box8{width: 100%; height: auto; margin-top: 1.5rem;}

    .MC_wrap3::before{height: 25rem;}
}

@media (max-width: 768px) {
    .MC_wrap1{padding: 2rem 0; margin: 1.5rem 0;}
    .MC_wrap3{margin: 1rem 0 0; padding-bottom: 1.5rem;}

    .MC_box1::before{display: none;}
    .MC_box2{height: auto;}
    .MC_box3{width: 100%; height: auto;}
    .MC_box4{width: 100%; margin-top: 1.5rem; height: auto;}
    .MC_box5{height: auto;}
    .MC_box6{margin-top:0; height: auto;}
}

@media (max-width: 480px) {
.MC_box1{padding: 0 0.5rem;}
}