.MC_wrap1 { position:relative; padding: 2.5rem 0; background: url('/tempSample/40017/images/main/0017_bg_conwrap.png') no-repeat top center;}
.MC_wrap1 .container{padding-bottom: 18rem;}
.MC_wrap1 .con_wrap1{overflow: hidden; width: 100%; position: absolute; bottom: 0; left: 0;}
.MC_wrap1 .con_wrap2{width: calc((100% - 32rem) / 2); float: left;}
.MC_wrap1 .con_wrap3{width: calc((100% - 35rem) / 2); float: right;}

.MC_box1 { position:relative; height: 31.25rem; width: 27.5rem; float: left; margin-right: 3rem;} /* 메인비주얼 */
.MC_box2 { position:relative; width: 48.5%; float: left; height: 17rem;} /* 게시판1 */
.MC_box3 { position:relative; width:48.5%; float: right; height: 17rem;} /* 게시판2 */
.MC_box4 { position: relative; width: 100%; height: 20rem; } /* 행사일정 */
.MC_box5 {position: relative; width: 100%; height: 11.25rem;} /* 식단 */
.MC_box6 { position:relative; width:100%; height: 20rem;} /* 갤러리 */
.MC_box7 { position:relative; width:100%; height: 11.25rem; } /* 팝업존 */
.MC_box8 { position:relative; width: 100%; height: 9rem; float: left; margin-top: 2.5rem;} /* 바로가기 */


@media (max-width: 1420px) {
    .MC_wrap1 .con_wrap2{width: calc((100% - 29rem) / 2);}
    .MC_wrap1 .con_wrap3{width: calc((100% - 32rem) / 2);}
}


@media (max-width: 1240px) {
    .MC_wrap1{padding: 1.5rem 0;}
    .MC_wrap1 .con_wrap2{width: calc(100% - 29rem);}
    .MC_wrap1 .con_wrap3{width: 100%; margin-top: 1.5rem;}

    .MC_box1{margin-right: 1.5rem;}
    .MC_box6 {width: calc(100% - 17.5rem); height: 14.25rem; float: left;}
    .MC_box7{width: 17.5rem;float: left; margin-top: 1.5rem;}
}

@media (max-width: 900px) {
    .MC_box1{width: 100%; height:auto; float: none;}
    .MC_box4{width: 100%; height: auto; float: left;}
    .MC_box5{width: 100%; height: auto; float: right;}
    .MC_box8{height: auto; margin-top: 1.5rem;}


    .MC_wrap1 .container{padding-bottom: 0;}
    .MC_wrap1 .con_wrap1{position: relative; bottom: auto; left: auto; margin-top: 1.5rem;}
    .MC_wrap1 .con_wrap2{width: 100%; margin-top: 1.5rem;}
}

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

@media (max-width: 600px) {
    .MC_box1{height: auto;}
}