﻿/* 메인 컨테이너 */
body { background: #edf7ff;
    background: -moz-linear-gradient(135deg, #fff6db 30%, #e0f3e5 70%);
    background: -webkit-linear-gradient(135deg, #fff6db 30%, #e0f3e5 70%);
    background: linear-gradient(135deg, #fff6db 30%, #e0f3e5 70%); }
#container { position:relative; z-index:2; width:100%; }

.MC_wrap1 { padding-top: 2rem; }
.MC_wrap2 { position: relative; }
.MC_wrap2::after { position: absolute; content: ""; width: 7.05rem; height: 6rem; bottom: 4.5rem; right: calc((100% - 60rem) / 2 - 14.25rem); background:url(/images/schl/template/T0043/main/0043_noti_deco-right.png) no-repeat; }
.MC_wrap3 { position: relative; margin-top: 2.9rem; }
.MC_wrap3 .container { padding:2.3rem 0 2.7rem; }
.MC_wrap3::after { position: absolute; content: ""; width: 9.2rem; height: 13.55rem; bottom: 0; right: calc((100% - 60rem) / 2 - 16.15rem ); background: url(/images/schl/template/T0043/main/0043_schedule_deco.png) no-repeat; }

.con_wrap { position: relative; width: 17.5rem; float: left; }

.MC_box1 { position: relative; width: calc(100% - 20.5rem); height: 26.75rem; float: right; } /* 메인비주얼 */
.MC_box1:before { position:absolute; content:""; width:7.75rem; height:7.75rem; bottom:-1rem; right: -3rem; background:url(/images/schl/template/T0043/main/0043_main-deco.png) no-repeat; }/* 메인비주얼 */
.MC_box2 { position: relative; width: 100%; height: auto;} /* 팝업존 */
.MC_box3 { position: relative; width: 100%; height: 12.2rem; margin-top:3.2rem; } /* 식단 */
.MC_box4 { position: relative; width: 100%; height: auto; margin-top: 1.5rem; } /* 바로가기1 */
.MC_box5 { position: relative; width: 100%; height: 17.25rem; margin-top: 2rem; } /* 게시판 */
.MC_box5:before { position:absolute; top:-2.3rem; right:-4.25rem; width:200%; height:calc(100% + 5.2rem); background:#fff; border-radius:0 2.5rem 2.5rem 0; content:''; z-index:-2; } /* 게시판 */
.MC_box5:after { position: absolute; content: ""; width:11.8rem; height:20.15rem; bottom: -3.75rem; left: -15rem; background: url(/images/schl/template/T0043/main/0043_noti_deco-left.png) no-repeat; } /* 게시판 */
.MC_box6 { position: relative; width: calc(100% - 31.75rem); height: 14rem; float: left; } /* 갤러리 */
.MC_box7 { position: relative; width: 29.2rem; height: 13.5rem; float: right; } /* 캘린더 */



@media (max-width: 1240px) {
	.MC_wrap3 .container { padding:2.5rem 1rem; }	
    .MC_wrap3:after { display:none; }

    .MC_box1:before { display: none; } /* 메인비주얼 */
}

@media (max-width:1024px){
	.MC_wrap1 { padding-top: 1.5rem; }
    
    .MC_box1 { width: calc(100% - 20rem); height: 25.5rem; } /* 메인비주얼 */
    .MC_box3 { margin-top:2rem; } /* 식단 */
}

@media (max-width:960px){
    .MC_wrap3 { margin-top: 1.5rem; }
    .MC_wrap3 .container { padding:1.5rem 1rem; }
    .MC_wrap1 .container::before { height: calc(100% + 1rem); }

    .con_wrap { width: 100%; float: none; margin-top: 1.5rem; }

    .MC_box1 { width: 100%; height: auto; float: none; margin-top: 0; } /* 메인비주얼 */
    .MC_box2 { width: 48%; height: 11.5rem; float: right; margin-top: 0; } /* 팝업존 */
    .MC_box3 { width: 48%; height: 11.5rem; float: left; margin-top: 0; } /* 식단 */
    .MC_box5 { margin-top:1.5rem; height: auto; } /* 게시판 */
    .MC_box5:before { height: calc(100% + 3rem); top:-1.5rem; } /* 게시판 */
    .MC_box6 { width: 100%; height: auto; float: none;} /* 갤러리 */
    .MC_box7 { width: 100%; float: none; margin-top: 1.5rem; } /* 캘린더 */
}

@media (max-width:768px){
    .MC_wrap1 .container::before { height: calc(100% - 3rem); }

    .MC_box2 { width: 100%; height: auto; float: none;} /* 팝업존 */
    .MC_box3 { width: 100%; height: 12rem; float: none; margin-top: 2rem;} /* 식단 */
    .MC_box5 { margin-top: 1.7rem; } /* 게시판 */
    
}

@media (max-width:580px) {
    .MC_wrap1 { padding-top: 0; }
	.MC_wrap3 { margin-top: 0; }
	.MC_wrap3 .container { padding:1.5rem 1rem 2rem; }

    .con_wrap { margin-top:1rem; }

	.MC_box1 { width:calc(100% + 2rem); margin-left: -1rem; } /* 메인비주얼 */
    .MC_box3 { height: 11rem; } /* 식단 */
	.MC_box4 { margin-top: 1.5rem; } /* 바로가기1 */
	.MC_box5 { margin-top: 2rem; } /* 게시판 */
	.MC_box6 { margin-top: 1.5rem; } /* 갤러리 */
}

@media (max-width:480px) {

    .MC_box5 { margin-top:3rem; } /* 게시판 */
	.MC_box7 { height:auto; } /* 캘린더 */
}

@media (max-width:300px) { 
    .MC_wrap3 .container { padding: 1rem 1rem 2rem; }

    .MC_box4 { margin-top: 1rem; } /* 바로가기1 */
    .MC_box5 { margin-top: 2rem; } /* 게시판 */
    .MC_box7 { margin-top: 1rem; } /* 캘린더 */
}