/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }
/* #container *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;} */
#container ::-webkit-scrollbar { width: 5px; height: 5px; }
#container .pop_schedule0009 ::-webkit-scrollbar { height: 6px; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

.MC_wrap1 { position: relative; margin: 2rem auto 0; padding-bottom:1rem; }
.MC_wrap1 .container::before { position:absolute; height: 25.65rem; max-width: 64rem; width: calc(100% + 5rem); bottom: -1rem; left:50%; transform: translateX(-50%); background: url('/images/schl/template/T0009/main/0009_pttrn_sqaure.png'); border-radius: 1.5rem; content: ""; z-index: -2; }
.MC_wrap3 { position: relative; margin-top: 2.6rem;}
.MC_wrap3::before{position:absolute; content:""; top:-3.75rem; right:calc((100% - 60rem) / 2 - 18rem); width:12.95rem; height:12.2rem; background:url(/images/schl/template/T0009/main/deco-right.png)}
.MC_wrap4 { position: relative;}
.MC_wrap4::before{position:absolute; content:""; top:1.5rem; left:calc((100% - 60rem) / 2 - 14.1rem); width:7rem; height:7.2rem; background:url(/images/schl/template/T0009/main/deco-left.png)}
.MC_wrap4 .container::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 1.5rem 1.5rem 0 0; width: calc(100% + 5rem); height: 50%; background: url('/images/schl/template/T0009/main/0009_pttrn_dot2.png'); content: ""; }

.con_wrap { position: relative; float: right; width: 17.5rem; }

.MC_box1 { position: absolute; max-width: 58rem; height: 32.5rem; right: calc(50% - 10.5rem); top: -2.1rem; } /* 메인비주얼 */
.MC_box2 { position:relative; width:100%; height: 14.25rem; } /* 팝업존 */
.MC_box3 { position:relative; width:100%; height:17rem; margin-top:1.5rem; } /* 바로가기1 */
.MC_box4 { position: relative; width: calc(100% - 20rem); height: 16rem; float: left; margin-top: 1.85rem; } /* 게시판 */
.MC_box5 { position: relative; width: 17.5rem; height: 16rem; float: right; margin-top: 1.85rem; } /* 식단 */
.MC_box6 { position:relative; width:100%; height: 13.8rem; padding: 1.4rem 0 1.3rem; } /* 캘린더 */
.MC_box6::before {position:absolute; content:""; width:calc(100% + 5rem); height:100%; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:1.5rem; background:#e5f1f7; z-index:-1 }
.MC_box7 { position: relative; width: 100%; height: 18.95rem; float: left; margin: 2rem 0 1.3rem; } /* 갤러리 */


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

@media (max-width:1300px){
    .MC_wrap1 .container { max-width:100%; padding:0 1rem; }
    .MC_wrap1 .container::before { width:calc(100% - 2.5rem); bottom:-2rem; left: 2.5rem; right: 0; transform: none; border-radius:2.5rem; }
    .MC_wrap4 .container::before { width:auto; transform: none; left: -1rem; right: -1rem; }

    .MC_box1{right: 21.5rem; top:0;}/* 메인비주얼 */
}

@media (max-width:1240px){
    .MC_wrap1 { max-width: 100%; padding-bottom:0;}
    .MC_wrap2 { margin-top:2rem; }
    .MC_wrap4 .container::before { left: 1rem; right: 1rem; }

    .MC_box7 { height: auto; }/* 갤러리 */
}

@media (max-width:1024px){
	.MC_wrap1 { margin: 2rem auto 0; }
    .MC_wrap1 .container::before { bottom:0; }
    .MC_wrap2 { margin-top:0; }
    .MC_wrap3 { margin-top:1.5rem; }

	.con_wrap { margin-left:1.5rem;}

    .MC_box1 { right: 20.2rem; height: 28rem; } /* 메인비주얼 */
    .MC_box2 { height: 13.3rem; } /* 팝업존 */
    .MC_box3 { margin-top:1rem; } /* 바로가기1 */
    .MC_box4 { width: calc(100% - 19.5rem); margin-top:1.5rem; }
    .MC_box5 { margin-top:1.5rem; }
	.MC_box7 { height: auto; margin: 1.3rem 0 1rem; } /* 갤러리 */
}

@media (max-width:950px){
	.MC_wrap1 { padding-bottom: 0.7rem; margin:0 auto; }
    .MC_wrap1 .container::before { width:100%; left: 0; bottom:-1rem; }

	.con_wrap { width: 100%; float: none; margin-top: 1.5rem; margin-left:0; }

	.MC_box1 { position: relative; height: auto; top: 0; } /* 메인비주얼 */
    .MC_box2 { width:48%; margin-top: 0; float: left; height: auto; } /* 팝업존 */
    .MC_box3 { width:48%; margin-top: 0; float: right; height: auto; } /* 바로가기1 */
    .MC_box4 { width: 100%; height: auto; } /* 게시판 */
    .MC_box5 { width: 100%; height: auto; margin-top:1rem;} /* 식단 */
}

@media (max-width:860px){
    .MC_wrap1 .container::before { height: calc(50% + 3.5rem); border-radius: 1.5rem; bottom: -1rem; }

    .MC_box2 { width: 100%; height: auto; } /* 팝업존 */
    .MC_box3 { width: 100%; height: auto; margin-top:1.5rem; } /* 바로가기 */
    .MC_box6 { width: 100%; height: auto; padding: 1.5rem 0 1.5rem;} /* 캘린더 */
    .MC_box7 { height: auto; } /* 갤러리 */
}


@media (max-width:480px){
    .MC_wrap1 .container::before { height: calc(50% + 9.5rem); }
    .con_wrap { margin-top:1rem; }

	.MC_box5 { margin-top: 0.5rem; } /* 식단 */
	.MC_box6 { padding:1rem 0; } /* 캘린더 */
}