@import url("/resource/font/Montserrat/fonts.css");
/*-----------------------------------------------------------
Author :dawon, Kim
Creative date :2022. 06. 02
-----------------------------------------------------------*/

/* 메인 컨테이너 */
#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:3px; }
#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-bottom: 2.3rem;}
.MC_wrap2 { position:relative;}
.MC_wrap2 .cont_wrap:after{display: block; content: ""; clear: both;}
.MC_wrap3 { position:relative; margin-top: 4rem;}
.MC_wrap3 .container { padding-bottom:2.5rem; }
.MC_wrap3 .container:before {content: ""; display: block; width: 66.5rem; height: 10.5rem; position: absolute; bottom: 0; left:-3.5rem; background: url(/images/schl/template/T0108/main/0108_wrap3_bg.png) no-repeat left center / cover;} 

.MC_box1 {position: relative;width: 100%;height: 24.7rem;}/* 메인비주얼 */
.MC_box1:after {/* content: ""; */display: block;background: url(/images/schl/template/T0108/main/0108_M_visual_bg.png) no-repeat left center; width:89.5rem;height: 24.75rem;position: absolute;top: 0;right: -11.5rem;z-index: -1;}
.MC_box2 {position: relative;width: 100%;height: 9.5rem;margin: -3.5rem auto 0;}/* 바로가기1 */
.MC_box3 {position: relative; width: 66.75%; height: 15.5rem; float: left;}/* 게시판 */
.MC_box4 {position: relative;width: 29%;height: 15.5rem; float: right;}/* 팝업존 */
.MC_box5 {position: relative;width: 100%;height: 10.6rem;margin-top: 4.5rem;float: left;}/* 캘린더 */
.MC_box6 {position: relative; width: 30%; height: 12.75rem; float: left;}/* 식단 */
.MC_box7 {position: relative; width: 65.75%; height: 13rem; float: right; overflow: hidden;}/* 갤러리 */
@media (max-width: 1240px) {
 .MC_box1 {height:auto;}/* 메인비주얼 */
}
@media (max-width: 1024px) {
 .MC_box1:after {height: 100%;}
 .MC_box2 { margin-top:-2.8rem;}/* 바로가기1 */
 .MC_box6 { width: 40%; }/* 식단 */
 .MC_box7 { width: 55.75%; }/* 갤러리 */
}

@media (max-width: 860px) {
 .MC_box2 { height: auto;}/* 바로가기1 */

}

@media (max-width: 768px) {
 .MC_wrap1 { margin-bottom: 1.5rem;}

 .MC_box2 { margin-top:-2.5rem;}/* 바로가기1 */
 .MC_box3 { width: 100%; height: auto; }/* 게시판 */
 .MC_box4 { width: 100%; height: auto; margin-top: 1.5rem;}/* 팝업존 */
 .MC_box5 { margin-top: 3rem; height: auto;}/* 캘린더 */
 .MC_box6 { width: 50%; }/* 식단 */
 .MC_box7 { width: 45.75%; }/* 갤러리 */
}

@media (max-width: 560px) {
 .MC_wrap3 { margin-top: 1.8rem;}
 .MC_wrap3 .container:before { width:200%; height: 25.5rem; background-position: center;} 
 
 .MC_box2 { margin-top:-1.8rem;}/* 바로가기1 */
 .MC_box6 {width: 100%; height: auto; margin-top: .8rem;}/* 식단 */
 .MC_box7 {width: 100%; height: auto; margin-top: 1.8rem;}/* 갤러리 */
}
@media (max-width: 480px) {
 .MC_box2 { margin-top:-1.4rem;}/* 바로가기1 */
}