@charset "utf-8";

.MC_wrap1 { position:relative; }
.MC_wrap1 .container:before {content:""; width:20.1rem; height:16.75rem; background:url(/images/template/10333/main/0011_MC_wrap1_bg01.png) no-repeat; position:absolute; top: 16rem; right: -17rem;}
.MC_wrap1 .container:after {width: 78rem; height: 53rem; content:""; position:absolute; top:0; left: -2rem; background:url(/images/template/10333/main/0011_MC_wrap1_pt.png); z-index: -2; border-radius: 0 0 3rem 3rem;}
.MC_wrap2 { position:relative; }
.MC_wrap3 { position:relative;margin: 4rem 0;}

.MC_box1 { position:relative; width: 78rem; height: 28rem; -webkit-transform:translateX(-18rem); -ms-transform:translateX(-18rem); transform:translateX(-18rem);}/* 메인비주얼 */
.MC_box2 { position:relative; width: 100%; height: 17.5rem;}/* 게시판 */
.MC_box3 { position:relative; width: 100%; height: 9rem; margin: 2.7rem 0 3.35rem;}/* 캘린더 */
.MC_box4 { position:relative; width: 21%; height: 12.5rem; float: left;}/* 식단 */
.MC_box5 { position:relative; width: 75%; height: 12.5rem; float: right; margin-top: .6rem;}/* 바로가기1 */
.MC_box6 { position:relative; width: 29%; height: 14.2rem; float: left;}/* 팝업존 */
.MC_box7 { position:relative; width: 66.6%; height: 14.2rem; float: right;}/* 갤러리 */
.MC_box7:before {content:""; position:absolute; top:-2.5rem; left: -8.5rem; width: calc(100% + 50rem); height: calc(100% + 6.5rem); background: #f7f7f7; z-index: -1; border-radius: 4rem 0 0 0;}

@media(max-width:1280px){
    .MC_wrap1 .container:before {display:none;}
    .MC_wrap1 .container:after {display:none;}
    .MC_wrap1:after {width: 100%;height: calc(100% + 2rem); content:""; position:absolute; top:0; left: 0; background:url(/images/template/10333/main/0011_MC_wrap1_pt.png); z-index: -2; border-radius: 0 0 3rem 3rem;}
    .MC_wrap3 { margin:2rem 0;}

    .MC_box1 { width: 100%; height: auto; -webkit-transform:translateX(-.7rem); -ms-transform:translateX(-.7rem); transform:translateX(-.7rem);}/* 메인비주얼 */
    .MC_box3 { position:relative; width: 100%; height: 9rem; margin: 2.7rem 0 .75rem;}/* 캘린더 */
    .MC_box4 { width:100%; height: auto; float:none;}/* 식단 */
    .MC_box5 { width:100%; float:none; margin-top: 2rem;}/* 바로가기1 */
    .MC_box7:before {height: calc(100% + 4.5rem);}   
} 

@media (max-width:1024px) {                     
    .MC_box2 { height: 13.5rem;}/* 게시판 */
    .MC_box3 {height: auto; margin-bottom: 1rem;}/* 캘린더 */
    .MC_box4 { width:100%; height: auto; float:none;}/* 식단 */  
    .MC_box6 { width: 33%; }/* 팝업존 */
    .MC_box7 { width: 61%; }/* 갤러리 */
}

@media (max-width:850px) {
    .MC_wrap3 { margin:4rem 0 2rem;}

    .MC_box5 { height:auto;}/* 바로가기1 */
}

@media (max-width:768px) { 
    .MC_wrap3 {margin: 1rem 0 2rem;}

    .MC_box1 { width:calc(100% + 2rem); margin-left: -1rem; height: auto; -webkit-transform:none; -ms-transform:none; transform:none;}/* 메인비주얼 */
    .MC_box3 {margin: 1.6rem 0 0;}/* 캘린더 */
    .MC_box6 { width: 100%; height:auto; }/* 팝업존 */
    .MC_box6:after {content:""; position:absolute; top: -1.5rem; left: -1rem; width: calc(100% + 2rem); height: calc(100% + 3rem); background: #f7f7f7; z-index: -1; border-radius: 2rem 0 0 0;}
    .MC_box7 {width: 100%; height:auto; margin-top: 2.5rem;}/* 갤러리 */
    .MC_box7:before {display:none;}

}

@media (max-width:480px) { 
    .MC_wrap1:after {display:none;}

    .MC_box3 {margin-top: 1rem;}/* 캘린더 */
    .MC_box5 { height:auto;margin-top: 1.5rem;}/* 바로가기1 */
}
@media (max-width:380px) { 
    .MC_wrap1:after {display:none;}
}