@charset "utf-8";

.MC_wrap1 { position:relative; }
.MC_wrap2 { position:relative; padding:3rem 0; }
.MC_wrap3 { position:relative; padding:1.5rem 0; overflow:hidden;}
.MC_wrap3:before { content:""; position:absolute; right:50%; top:0; width:100%; height:100%; background:linear-gradient(to left, #d3f9df, #e6f2ff); border-radius:0 6rem 0 0; }
.MC_wrap3:after { content:""; position:absolute; left:calc(50% - 14rem); bottom:0; width:100%; height:11rem; background:linear-gradient(to left, #fff7d9, #d1efea); border-radius:2rem 0 0 0; }

.MC_box1 { position:relative; width:100%; height:26rem; } /* 메인비주얼 */ 
.MC_box2 { position:absolute; bottom:2rem; right:calc(50% - 600px); width:23rem; } /* 바로가기 */
.MC_box3 { position:relative; width:17.5rem; height:13.5rem; float:left; } /* 팝업존 */
.MC_box4 { position:relative; width:calc(100% - 20rem); height:13.5rem; float:right; } /* 게시판 */
.MC_box5 { position:relative; width:calc(100% - 20rem); margin-top:2.5rem; float:left; } /* 캘린더 */
.MC_box6 { position:relative; width:17.5rem; margin-top:2.5rem; float:right; } /* 식단 */
.MC_box7 { position:relative; width:100%; z-index:2;} /* 앨범 */

@media (max-width:1240px) {  
    .MC_wrap2 { position:relative; padding:1.5rem 0; }

    .MC_box2 { right:1rem; width:19.5rem; } /* 바로가기 */
}
@media (max-width:1024px) {  
    .MC_box1 { height:auto; } /* 메인비주얼 */
    .MC_box2  {position:relative; right:auto; bottom:auto; width:100%; margin:1rem auto 0; } /* 바로가기 */
}
@media (max-width:860px) {  
    .MC_wrap3:before { width:100%; right:0; background:#d3f9df;  border-radius:0; }
    .MC_wrap3:after { display:none; }

    .MC_box3 {width:100%; height:auto;} /* 팝업존 */
    .MC_box4 {width:100%; margin-top:1.5rem; } /* 게시판 */
    .MC_box5 {width:100%; height:auto; margin-top:1.5rem; } /* 캘린더 */ 
    .MC_box6 {width:100%; margin-top:1.5rem; } /* 식단 */ 

}  
@media (max-width:580px) {  
    .MC_box4 { height:15.8rem; }/* 게시판 */
}