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

.MC_wrap1 { position:relative; margin: 2rem auto; }
.MC_wrap1::after { position: absolute; content: ''; width: 12rem; height: 13.65rem; right: 0; bottom: -2rem; background: url(/images/schl/template/T0042/main/0042_bg.png) no-repeat; }
.MC_wrap2 { position:relative; padding:2rem 0 2.75rem; }
.MC_wrap3 { position:relative; padding:2.5rem 0; background: rgb(255,230,240);
    background: -moz-linear-gradient(90deg, rgba(255,230,240,0.51) 0%, rgba(237,237,255,0.51) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,230,240,0.51) 0%, rgba(237,237,255,0.51) 100%);
    background: linear-gradient(90deg, rgba(255,230,240,0.51) 0%, rgba(237,237,255,0.51) 100%);}
.MC_wrap3::after { position: absolute; content: ''; width:11.05rem; height:15.05rem; bottom: 0; right:0; background: url(/images/schl/template/T0042/main/0042_gall_bg02.png) no-repeat }

.MC_box1 { position:relative; width:37.5rem; height:21.25rem; left: calc(50% - 29.95rem); z-index: 1;} /* 메인비주얼 */
.MC_box2 { position:absolute; top:50%; right:calc(50% - 29.5rem); width:19rem; height:auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); } /* 바로가기1 */
.MC_box2::before { position: absolute; content: ''; width: 500%; height: calc(100% + 6.6rem); left: -10rem; top: -4rem; background: #f4f4f5; border-radius: 0 0 0 5rem; z-index: -1; }
.MC_box3 { position:relative; width:17.5rem; height:14.75rem; float:left;} /* 팝업존 */
.MC_box4 { position:relative; width:calc(97% - 17.5rem); height:14.75rem; float:right; } /* 게시판 */
.MC_box5 { position:relative; width:17.5rem; height:12.25rem; margin-top:2.5rem; float:left; } /* 식단 */
.MC_box6 { position:relative; width:calc(97% - 17.5rem); height:12.25rem; margin-top:2.5rem; float:right; } /* 캘린더 */
.MC_box7 { position:relative; width:100%; height:auto; max-width:62rem; padding:0 1rem; margin:0 auto; } /* 갤러리 */
.MC_box7::before { position: absolute; content: ''; width:18.15rem; height:8rem; bottom:-2.5rem; left:-8rem; background: url(/images/schl/template/T0042/main/0042_gall_bg01.png) no-repeat }

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

@media (max-width: 1240px) {
    .MC_wrap2{ padding:2.5rem 1rem;}
	
    .MC_box1{ width: 60%; height: auto; left: 0; }
    .MC_box2{ right:0.5rem;}
}

@media (max-width: 1140px) {
    .MC_box1{ width: 57%; }
}

@media (max-width: 1024px) {
    #container{ padding-top:3.5rem;}
    .MC_wrap1 { margin: 1rem auto; }
    .MC_wrap2 { padding: 1.5rem 1rem; }

    .MC_box3{ width:35%; }
    .MC_box4{ width:63%;}
    .MC_box5{ width:35%; margin-top: 1.5rem; }
    .MC_box6{ width:63%; margin-top: 1.5rem; }
}

@media (max-width: 950px) {
    .MC_box1{ width: 100%; padding: 0 1rem; margin-bottom: 2.5rem; }
    .MC_box2{ position:relative; right:auto; top:auto; width:100%; margin-top:1.5rem; transform: none; -webkit-transform: none; padding: 0 1rem; }
    .MC_box2::before { width: calc(100% - 2rem); height: calc(100% + 2rem); left: 1rem; top: -1rem; border-radius: 1.5rem;}
}

@media (max-width: 840px) {
    .MC_wrap2{ padding:1.5rem 1rem;}
    .MC_wrap3{ padding:2rem 0;}

    .MC_box3{ width:100%; height:auto; float:none;}
    .MC_box4{ width:100%; height:auto; float:none; margin-top:1.5rem;}
    .MC_box5{ width:100%; height:auto; float:none; margin-top:1.5rem;}
    .MC_box6{ width:100%; height:auto; float:none; margin-top:1.5rem;}
    .MC_box7::before { bottom: -2rem; }
}
@media (max-width: 460px) {
    .MC_wrap3 { padding: 1.5rem 0 1rem 0; }
    .MC_box7::before { bottom: -1rem; }
}