/*-----------------------------------------------------------
Author : yejin, Son
Creative date :2022. 05. 12
-----------------------------------------------------------*/

/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }

.MC_wrap1 { position:relative; margin-top: 2.5rem;}
.MC_wrap2 { position: relative;}


.MC_box1 { position:relative; width:100%; height:23.75rem; max-width: 96rem; margin: 0 auto;} /* 메인비주얼 */
.MC_box2 { width: 100%; height: auto; margin-bottom: 2.5rem;} /* 게시판 */
.MC_box3 { position: relative; width: 100%; height: auto; margin-bottom: 2rem; min-height: 9.05rem;} /* 바로가기 */
.MC_box4 { position: relative; width: 19rem; height: 17.5rem; float: left;  margin-right: 2.75rem; } /* 캘린더 */
.MC_box5 { position: relative; width: 18rem; height: 17.5rem; float: left; } /* 식단 */
.MC_box6 { position: relative; width: 17.5rem; height: 17.5rem; float: right; } /* 팝업존 */
.MC_box7 { position: relative; display : inline-block; width: 100%; clear: both; margin-top: 3rem; padding: 3.2rem 0 3rem; min-height: 20rem;} /* 갤러리 */
.MC_box7::before{content: ""; width: 200vw; height: 100%; background: url(/images/schl/template/T0086/main/MC_box7_bg.png) no-repeat left 68.75rem bottom #ffece8; border-top-left-radius: 2.5rem; position: absolute; left: -3.5rem; top: 0;}
.MC_box7::after{content: ""; width: 148px; height: 154px; background: url(/images/schl/template/T0086/main/MC_box7_obj.png) no-repeat;  position: absolute; left: -230px; bottom: 10px;}

@media (max-width: 1240px) {
    .MC_wrap1{margin-top: 2rem;}
    .MC_box1{margin-left: 0; height: auto;}
    
    .MC_box4 {width: calc((100% - 21rem) / 2); margin-right: 1.75rem;} /* 캘린더 */
    .MC_box5 {width: calc((100% - 21rem) / 2);} /* 식단 */
    .MC_box6 {width: 17.5rem;} /* 팝업존 */
}
@media (max-width: 1024px) {
    #container{padding-top: 3.5rem;}

    .MC_box2 { margin-bottom: 2rem;} /* 게시판 */
    .MC_box3{margin-bottom: 1.5rem;} /* 바로가기 */
    .MC_box7 {margin-top: 1.5rem; padding: 3rem 0 2.5rem;} /* 포토갤러리 */
}
@media (max-width: 990px) {
    .MC_wrap1::before{width: 100%; bottom: -1rem;}

    .MC_box2{width: 100%;} /* 게시판 */
    .MC_box4 {width: 48%; display: block; float: left; margin-right: 1rem;} /* 캘린더 */
    .MC_box5 {width: 48%; display: block; float: right;} /* 식단 */
    .MC_box6{ width: 100%; margin-top: 2rem; height: auto;} /* 팝업존 */
}

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

    .MC_box2 { margin-bottom: 1rem;} /* 게시판 */
    .MC_box3{ margin-bottom: 0;} /* 바로가기 */
    .MC_box4 {width: 100%; margin-bottom: 1rem; height: auto;} /* 캘린더 */
    .MC_box5 {width: 100%; height: auto;} /* 식단 */
    .MC_box6 {margin-top: 1rem;} /* 팝업존 */
}

@media (max-width: 680px) {
    .MC_box7 { padding: 1.5rem 0; }
}