/* 메인 컨테이너 */
#container { position:relative; z-index: 2; width:100%; }
#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; margin-bottom: 1rem;}
.MC_wrap1 > .container::before{content: ""; width: calc(100vw + 8rem); height: 18.5rem; position: absolute; top: 0; right: -8rem; border-radius: 0 0 2.5rem 0; background-color: #eef5ff;}
.MC_wrap1 > .container{display: flex; align-items: flex-start; justify-content: flex-start; padding-top: 2.5rem;}
.MC_wrap2 {position: relative; margin-bottom: 3.5rem;}
.MC_wrap2 > .container {display: flex; align-items: flex-start; justify-content: flex-start;}
.MC_wrap3 {position: relative; padding-bottom: 8.75rem;}
.MC_wrap3::before{ content: ""; min-width: 2560px; height: 31rem; background: #e5ecf4 url('/images/web/sjfe/main/bg_MC_wrap3.png') no-repeat bottom center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: -1;}
.MC_wrap3 > .container {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}



.MC_box1 { position:relative; width: calc(95% - 550px); max-width: 770px; margin-right: auto;} /* 메인비주얼 */
.MC_box2 {position: relative; width: 550px; } /* 행복마을학교 */
.MC_box3 {position: relative; width: calc(95% - 550px); margin-right: auto;} /* 공지사항 */
.MC_box4 {position: relative; width: 550px; } /* 바로가기1 */
.MC_box5 {position: relative; width: 100%; margin-bottom: 3.5rem;} /* 바로가기2 */
.MC_box6 {position: relative; width: 100%;} /* 포토갤러리 */


@media (max-width: 1240px) {
    .MC_wrap1 > .container {flex-wrap: wrap;}

    .MC_box1 { max-width: 100%; width: 100%;} /* 메인비주얼 */
    .MC_box2 { width: 100%;} /* 행복마을학교 */
    .MC_box3 {width: calc(96% / 2);} /* 공지사항 */
    .MC_box4 {width: calc(96% / 2);} /* 바로가기1 */
}

@media (max-width: 1024px) {
    /* #container */
    #container { padding-top: 110px;}

    .MC_wrap1 { margin-bottom: 1.5rem; }
    .MC_wrap1 > .container {padding-top: 1rem;}
    .MC_wrap1 > .container::before{height: 50%;}
    .MC_wrap2 { margin-bottom: 1.5rem;}
    .MC_wrap3 { padding-bottom: 5rem;}
    .MC_wrap3::before { height: 22.25rem;}

    .MC_box2 { margin-top: -1rem;}  /* 행복마을학교 */
    .MC_box5 { margin-bottom: 1.5rem;} /* 바로가기2 */
}

@media (max-width: 960px) {

    .MC_wrap2 > .container {flex-wrap: wrap;}

    .MC_box3 {width: 100%; margin-bottom: 1rem;} /* 공지사항 */
    .MC_box4 {width: 100%;} /* 바로가기1 */

}

@media (max-width: 768px) {
    .container { padding: 0 16px; }

    .MC_box2 { margin-top: 0;}  /* 행복마을학교 */

}

@media (max-width: 480px) {
    .MC_wrap1 > .container {display: block;}
    .MC_wrap1 > .container::before{height: 40%;}
    .MC_wrap3::before { min-width: 1200px; background: #e5ecf4 url(/images/web/sjfe/main/bg_MC_wrap3.png) no-repeat bottom center / contain;transform: translateX(-80%);}

    .MC_box1 {width: 120%; max-width: 110%; margin-left: -5%;}
    .MC_box2 { margin-top: 0;} /* 행복마을학교 */
}