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

.MC_wrap1 { position:relative; margin:2.5rem auto; }
#container::before { position: absolute; content:''; width:32.25rem; height:11.6rem; bottom:4rem; left:0; background: url(/images/schl/template/T0052/main/0052_bg1.png) no-repeat; }
#container::after { position: absolute; content:''; width:21.1rem; height:7.3rem; bottom:4rem; right:0; background: url(/images/schl/template/T0052/main/0052_bg2.png) no-repeat; }
.MC_cont1 { position:relative; width:17.5rem; margin-right:2rem; float: left; overflow:hidden;}
.MC_cont1 .MC_inner{ position:relative; width:100%; }
.MC_cont2 { position:relative; width:calc(100% - 19.5rem); float: right; overflow:hidden;}

.MC_box1 {float: right; width: calc(100% - 19.5rem); height: 25.5rem; } /* 메인비주얼 */
.MC_box2 { position:relative; width:100%; height: 14rem; } /* 팝업존 */
.MC_box3 { position:relative; width:100%; height: 26.15rem; margin-top: 1.5rem; } /* 행사일정 */
.MC_box4 { position:relative; width:100%; height: 24.4rem; margin-top: 1.5rem; } /* 바로가기1 */
.MC_box5 { position:relative; width:100%; height: 20.3rem; margin-top: 1.5rem; } /* 게시판 */
.MC_box6 { position:relative; width:100%; height: 5rem; margin-top: 1.5rem; } /* 식단 */
.MC_box7 { position:relative; width:100%; height: 11.55rem; margin-top: 1.5rem; } /* 갤러리 */

@media (max-width: 1240px) {
    #container::before,
    #container::after { display: none; }

    .MC_wrap1 {margin: 1.5rem auto 2rem;}
    .MC_cont1 {margin-right: 1.5rem;}
    .MC_cont2 {width: calc(100% - 19rem);}

    .MC_box1 {width: calc(100% - 19rem);} /* 메인비주얼 */
}

@media (max-width: 1024px) {

    #container { padding-top: 3.3rem; }

    .MC_cont1 { width: 100%; margin-right: 0; float: none; }
    .MC_cont1 .MC_inner { width: 17.5rem; float: left; }
    .MC_cont2 { width: 100%; float: none; }

    .MC_box1 { float: none; width: calc(100% - 21rem); position: absolute; right: 1rem; top: 0; z-index: 1; } /* 메인비주얼 */
    .MC_box4 { width: calc(100% - 19rem); height: auto; margin-top: 25.5rem; float: right; } /* 바로가기1 */
    .MC_box6 { width: 32.5%; height: auto; float: left; }
    .MC_box7 { width: 65%; height: auto; float: right; }
}

@media (max-width: 860px) {
    .MC_cont1 {margin-top: 1.5rem;}
    .MC_cont1 .MC_inner {width: 100%; float: none;}

    .MC_box1 { width: 100%; height: auto; position: relative; right: auto; top: auto; } /* 메인비주얼 */
    .MC_box4 { float: none; width: 100%; margin-top: 0; } /* 바로가기1 */
    .MC_box6,
    .MC_box7 { margin-top: 0; }
}

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

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

    .MC_box3,
    .MC_box4,
    .MC_box5,
    .MC_box6,
    .MC_box7 { margin-top: 1.5rem; }
}

@media (max-width: 380px) {

    .MC_cont1 { margin-top: 1rem; }
    .MC_wrap1 { margin: 1rem auto; }

    .MC_box3,
    .MC_box5,
    .MC_box7 { margin-top: 1rem; }
    .MC_box4 { margin-top: 1.5rem; }
}