/*-----------------------------------------------------------
Author :hyerim, Park
Creative date :2022. 05. 18
-----------------------------------------------------------*/

/* 메인 컨테이너 */
#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; }
#container ::-webkit-scrollbar-thumb { background-color:#aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color:#ddd; border-radius:10px; }

.MC_wrap1 {padding:1rem 0 0;}
.MC_wrap2 {padding:0 0 2rem;} 
  
.MC_box1 {position:relative; width:44.5rem; height:26.75rem; float:left; } /* 비주얼 */ 
.MC_box2 {position:relative; width:calc(100% - 45.5rem); height:15rem; float:right; } /* 행사일정 */
.MC_box3 {position:relative; width:calc(100% - 45.5rem); height:10.75rem; float:right; margin-top:1rem; } /* 식단 */
.MC_box4 {position:relative; width:100%; height:auto; float:left; margin:2rem 0 1rem;} /* 바로가기 */
.MC_box5 {position:relative; width:100%; margin-bottom:3rem; } /* 공지사항 */
.MC_box5:before {content:""; position:absolute; left:-100%; width:300%; height:100%; background:url('/images/schl/template/T0080/main/0080_bg_ptrn.png'); }
.MC_box6 {position:relative; width:calc(100% - 18.5rem); height:auto; float:left; } /* 포토갤러리 */
.MC_box7 {position:relative; width:17.5rem; height:auto; float:right; } /* 팝업존 */ 
   
@media (max-width:1240px) { 
    .MC_box1 {width:70%;} /* 비주얼 */ 
    .MC_box2 {width:28%;} /* 행사일정 */
    .MC_box3 {width:28%;} /* 식단 */ 
} 
@media (max-width:1024px){  
    .MC_box1 {width:100%; height:auto; margin-bottom:1rem;} /* 비주얼 */ 
    .MC_box2 {width:49%;  height:10.75rem; float:left;} /* 행사일정 */
    .MC_box3 {width:49%; margin-top:0; } /* 식단 */ 
    .MC_box5 {margin-bottom:2rem;} /* 공지사항 */
} 
@media (max-width:640px){     
    .MC_box2 {width:100%;} /* 행사일정 */
    .MC_box3 {width:100%; margin-top:1rem; } /* 식단 */ 
    .MC_box6 {width:100%;} /* 포토갤러리 */
    .MC_box7 {width:100%; margin-top:1rem; } /* 팝업존 */ 
}