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

.MC_wrap1 { position:relative; background: linear-gradient(107deg, #fefae5, #ebf9e6); padding: 1.5rem 0; z-index: 1; }
.MC_wrap1::before { position: absolute; content:''; width:13rem; height:29.1rem; bottom: -2.5rem; left:0; background: url(/images/schl/template/T0063/main/0063_bg_left.png) no-repeat; }
.MC_wrap1::after { position: absolute; content:''; width:13rem; height:29rem; bottom: -2.5rem; right:0; background: url(/images/schl/template/T0063/main/0063_bg_right.png) no-repeat; z-index: -1; }
.MC_wrap2 { position:relative; margin-top:4rem; }
.MC_wrap2 .container { position: relative; }
.MC_wrap2 .container::before { position: absolute; content: ''; width: calc(100% + 16rem); height: calc(100% + 4rem); top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f5f5f5; border-radius: 4rem 0 4rem 0; }
.MC_wrap3 { position:relative; margin-top:4rem; margin-bottom: 3rem;}
.MC_wrap3 .container { position: relative; }
.MC_wrap3 .container:before { content:""; position:absolute; bottom:-3rem; left:50%; transform: translateX(-50%); background: #fafae6; width: calc(100% + 16rem); height: 10rem; border-radius: 5rem 5rem 0 0; }

.MC_box1 { position:relative; width: 62.5%; height: 24.5rem; overflow: hidden; float: right; border-radius: 3rem; isolation: isolate; box-shadow: 6px 6px 24px rgba(95,130,48,0.32); } /* 비주얼 */
.MC_box2 { position: relative; width: 20.74rem; height: auto; float: left; padding: 2.7rem 2.2rem 2.8rem 2.2rem;} /* 바로가기 */
.MC_box2:before { position:absolute; top:0; left:0; width: 100%; height: 100%; background:#00b9a1; border-radius: 0 3rem 3rem; content:''; }
.MC_box3 { position:relative; width: 48%; height: 16rem;  float:left; } /* 게시판1 */
.MC_box4 { position:relative; width: 48%; height: 16rem;  float: right; } /* 게시판2 */
.con_wrap {width: 40.5rem; float: left;}
.MC_box5 { position:relative; width:100%;  float: left;} /* 갤러리 */
.MC_box6 { position:relative; width: 46.3%; height: 13.25rem; margin-top: 1rem; float: left; } /* 식단 */
.MC_box7 { position:relative; width: 50%; height: 13.25rem; margin-top: 1rem; float:right;} /* 팝업존 */
.MC_box8 { position:relative; width:17rem;  float:right; height: 28rem; } /* 캘린더 */

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

	.MC_box1 { width: 63%; } /* 비주얼 */
	.MC_box2 { width: 33%; padding: 2.5rem 1.5rem 2.6rem 1.5rem;}
	.con_wrap { width: 65%; }
	.MC_box8 { width:32%; }  /* 캘린더 */
}

@media (max-width:1150px) {
	.MC_box1 { width: 65%; } /* 비주얼 */
	.MC_box2 { width: 31%; margin-right:1rem; } /* 바로가기 */
}

@media (max-width:1080px) {
	.MC_box1 { width: 67%; } /* 비주얼 */
	.MC_box2 { width: 29%; } /* 바로가기 */
}

@media (max-width:980px) {
	.MC_wrap1 { padding: 1.5rem 0; }
	.MC_wrap1 .container {padding: 0 1rem;}
	.MC_wrap1 .container:before { top:auto; bottom:0; left:1rem; right:1rem; width:auto; height:80%; border-radius: 0 0 0 3rem; }
	.MC_wrap2 { margin-top:3rem;}
	.MC_wrap3 { margin-top:1.5rem; margin-bottom: 2rem;}
	.MC_wrap3 .container:before { bottom: -2rem; }

    .MC_box1 { width: 100%; height: 20rem; float:none; margin: 0 auto; background: rgba(0,0,0,0.1);}  /* 비주얼 */
	.MC_box2 { width:100%; margin: 0; height: auto; padding: 1rem 0; margin-top: 1.5rem; position:relative; top:auto; overflow: hidden; padding: 1.5rem 1.5rem 2rem;}  /* 바로가기 */
    .MC_box8 { width: 100%; height: auto; float: left; margin-top: 2rem; }  /* 캘린더 */
    .con_wrap {width: 100%; height:auto; margin-top:1.5rem;}
}

@media (max-width:900px) {
	.MC_wrap1 { height:auto; }
}

@media (max-width:830px) {
	.MC_box3 { width:100%; height: auto; padding-right:0; float:none;} /* 게시판1 */
	.MC_box4 { width:100%; height: auto; padding-left:0; float:none; margin-top: 2rem;} /* 게시판2 */
}

@media (max-width:680px) {
	.MC_wrap3 { margin-top:1.7rem; margin-bottom: 2rem;}

	.MC_box5 { float: none;} /* 갤러리 */
	.MC_box6 { width: 100%; height: auto; float: none; margin-top: 0.5rem;} /* 식단 */
	.MC_box7 { width: 100%; height: auto; max-height:15rem; float:none; margin-top:1.5rem;} /* 팝업존 */
	.MC_box8 { height: auto; margin-top: 1.5rem; }  /* 캘린더 */
}

@media (max-width:545px){
	.MC_box1 { width:auto; height:auto; border-radius: 2rem }  /* 비주얼 */
	.MC_box2:before { border-radius: 0 2rem 2rem 2rem; }
	.MC_box5 { width:100%; height: auto;}  /* 캘린더 */
}

@media (max-width:480px){
	.MC_wrap1 .container:before {border-radius: 0 0 0 2rem;}

	.MC_box1 { border-radius: 2rem; } /* 비주얼 */
	.MC_box2 { margin-top: 1rem; padding: 1rem 1rem 1.5rem;}  /* 바로가기 */
	.MC_box4 { margin-top: 1.5rem;} /* 게시판2 */
}