/*-----------------------------------------------------------
Author :JH, Woo
Creative date :2021. 05. 14
-----------------------------------------------------------*/

.MC_wrap1{position:relative; overflow: hidden; }
.MC_wrap2{position:relative; margin: 2rem 0;}
.MC_wrap3{position:relative; overflow: hidden; margin-top: 2.5rem; padding-bottom: 2.5rem;}
.MC_wrap3::before{width: calc((100% - 1200px) / 2 + 1200px); height: 11rem; background: #fff5dc; position: absolute; bottom: 0; left: 0; content: ''; border-top-right-radius: 5rem;}

.MC_box1{position:relative; width: 100%; margin:2.5rem 0 2rem;} /* 메인비주얼 */
.MC_box1::before{width: 100%; height: 22rem; background: #ffda7a url('/tempSample/30026/images/main/0026_bg_visual.png') no-repeat center right 11.5rem; position: absolute; left: -73%; top: -2.5rem; content: '';}
.MC_box2{position:relative; width:calc(100% - 22rem); height:18rem; float:left;} /* 공지사항 */
.MC_box2::before{width: 120px; height: 120px; background: url('/tempSample/30026/images/main/0026_bg_notice.png') no-repeat center; background-size: contain; position: absolute; left: -4.6rem; top: -1rem; content: ''; }
.MC_box3{position: relative; width: 20rem; float: right;} /* 팝업존 */
.MC_box4{position: relative; width: 100%; } /* 바로가기 */
.MC_box5{position: relative; width: 100%; margin-top: 2rem;} /* 행사일정 */
.MC_box6{position: relative; width: calc(100% - 20rem); float: left;} /* 포토갤러리 */
.MC_box7{position: relative;width: 18rem;float: right;background: antiquewhite;border-radius: 10px;height: 19rem;padding: 1rem;} /* 오늘의식단 */ /*221223*/
.MC_box7::after{width: 129px; height: 142px; background: url('/tempSample/30026/images/main/0026_bg_wrap3.png') no-repeat center; background-size: contain; position: absolute; right: -11rem; top: 5rem; content: '';}
@media (max-width: 1240px){
    .MC_wrap3::before{width: calc(100% - 2rem);}

    .MC_box1{margin-top: 2rem;}
    .MC_box1::before{width: 18rem; height: 100%; left: -1rem;}
}
@media (max-width: 800px){
    .MC_wrap2{margin: 2rem 0 1rem;}
    .MC_wrap3{margin-top: 1rem;}
    .MC_wrap3::before{height: 18rem; }

    .MC_box1{margin: 1rem 0;}
    .MC_box1::before{width: 90%;}
    .MC_box2{width: 100%; height: 16rem; margin-bottom: 1rem;}
    .MC_box3{width: 100%;}
    .MC_box5{margin-top: 0;}
    .MC_box6{width: 100%;}
    .MC_box7{width: 100%; margin-top: 1rem;}
}
@media (max-width: 380px){
    .MC_box2 {height: 18rem;}
}