/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; overflow:hidden; background: #e5f2ff;}
#container ::-webkit-scrollbar { width: 5px; height: 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:2.5rem auto;}
.MC_cont1 { position:relative; width:17.5rem; margin-left:2rem; float: right; overflow:hidden;}
.MC_cont1 .MC_inner{ position:relative; width:100%; }
.MC_cont2 { position:relative; width:calc(100% - 19.5rem); float: left; overflow:hidden;}

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

@media (max-width: 1240px) {

    .MC_wrap1 {margin: 1.5rem auto 2rem;}
    .MC_cont1 {margin-left: 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-left: 0; float: none;}
    .MC_cont1 .MC_inner {width: 17.5rem; float: right;}
    .MC_cont2 {width: 100%; float: none;}

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

@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; left: auto; top: auto;} /* 메인비주얼 */
    .MC_box4 {float: none; width: 100%; margin-top: 0;} /* 바로가기1 */
}

@media (max-width: 560px) {

    .MC_wrap1 {margin-bottom: 0;}
}

@media (max-width: 480px) {

    .container {padding: 0 0.5rem;}

    .MC_cont1 {margin-top: 2rem;}

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

@media (max-width: 380px) {

    .MC_cont1 {margin-top: 1.5rem;}

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