@import url('/resource/css/up_pop.css');

/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }

.MC_wrap1 { position: relative; }
.MC_wrap1::before { position: absolute; content: ''; width: 200%; height: 24.15rem; bottom: 0; right: calc(50% - 40rem); border-radius: 0 4rem 0 0; background: #edf2ff; z-index: -1; }
.MC_wrap1 .container { position: relative; display: flex; justify-content: space-between; }

.con_wrap { position: relative; width:22.75rem; margin-bottom: 2.5rem; }
.con_box { position: relative; width: 60%; padding-top: 10rem; margin-left: auto; }
.MC_cont1 { position: absolute; height: auto; top: 1.5rem; right: 0; }
.MC_cont2 { position: relative; display: flex; justify-content: space-between; }
.MC_cont3 { position: relative; display: flex; justify-content: space-between; margin-top: 1.3rem; }

.MC_box1 { position: relative; width:40.75rem; height:28rem; left: -18rem; } /* 비주얼 */
.MC_box2 { position: relative; width:100%; height: 8.1rem; margin-top: 1.5rem; } /* 캘린더 */
.MC_box3 { position: relative; width:100%; height: 7rem;} /* 바로가기 */
.MC_box4 { width: 48.613%; height:13.3rem; } /* 게시판 */
.MC_box5 { width: 48.613%; height:13.3rem; margin-left: 1rem; } /* 팝업존 */
.MC_box6 { width: 48.613%; height:17.5rem; } /* 갤러리 */
.MC_box7 { width: 48.613%; height:17.5rem; margin-left: 1rem; } /* 식단 */

@media (max-width:1550px){    
    .MC_box1 { width: 100%; left: 0; }
}

@media (max-width:1240px){    
    .con_box { width: 58%; }
    .MC_box4 { width: 52%; } 
    .MC_box5 { width: 44%; } 
    .MC_box6 { width: 52%; } 
    .MC_box7 { width: 44%; } 
}

@media (max-width:1170px){
    .MC_wrap1 .container { flex-direction: column; }
    .con_wrap { display: flex; width: 100%; }
    .con_box { width: 100%; padding-top: 0; }
    .MC_cont1 { top: -19rem; width: 45%; }

    .MC_box1 { width: 53%; }
    .MC_box2 { width: 45%; margin-left: 1rem; }
    .MC_box3 { height: auto; }
}

@media (max-width:1024px){    
    #container {padding-top: 3.5rem;}
}

@media (max-width:768px){   
    .MC_wrap1::before { height: 50%; right: 0; border-radius: 0; }
    .con_wrap { width:100%; flex-direction: column; margin-bottom: 1.5rem; }
    .con_box { width:100%; }
    .MC_cont1 { position: relative; width: 100%; top: auto; margin-bottom: 1.5rem; }
    .MC_cont2,
    .MC_cont3 { flex-direction: column; }
    .MC_box1 { width:100%; height: auto; } /* 비주얼 */
    .MC_box2 { width:100%; height: auto; margin-left: 0; }
    .MC_box4 { width:100%; height: auto; margin-bottom: 1.5rem; } /* 게시판 */
    .MC_box5 { width:100%; margin-left: 0; height: auto; } /* 팝업존 */
    .MC_box6 { width:100%; height: auto; } /* 갤러리 */
    .MC_box7 { width:100%; height: auto; margin-left: 0; margin-top: 1.5rem; margin-bottom: 1.5rem; } /* 식단 */
}  

@media (max-width:580px){

 
}