/* 메인 컨테이너 */
#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; }

.container {max-width: 60rem;}

.MC_wrap1 {position:relative;}
.MC_wrap1:before {content:""; position:absolute; left:calc(50% - 39.75rem); top:0; width:200vw; height:13.25rem; background:url('/images/template/T0039/main/0039_bg1.png') no-repeat left bottom;}
.MC_wrap2 {position:relative; margin-top:2.5rem; padding:2.3rem 0 1.4rem; }
.MC_wrap2:before {content:""; position:absolute; left:0; top:0; width:100%; height:11.75rem; background: #9a4cc1; z-index:-1; }
.MC_wrap3 {position:relative; padding-bottom:2rem;}

.MC_box1 {width: 100%; height: 25rem; margin-bottom: 2.8rem; } /* 비주얼 */
.MC_box2 {width: 17.5rem; float: left;} /* 팝업존 */
.MC_box3 {width: calc(100% - 19rem); float: right; } /* 공지사항 */
.MC_box4 {width: 17.5rem; float: left;} /* 식단 */
.MC_box5 {width: calc(100% - 19rem); float: right; } /* 바로가기 */   
.MC_box6 {width: calc(100% - 19rem); float: left; } /* 포토갤러리 */ 
.MC_box7 {width: 17.5rem; float: right;} /* 일정 */

@media (max-width:1540px) {
    .MC_wrap2:before {right: 0;}
}
@media (max-width:1240px) {     
    .MC_wrap1:before {display: none;}
    .MC_wrap2 {margin-top: 1.5rem; padding: 1.5rem 0;}
    .MC_wrap3:before {display: none;}

    .MC_box1 {margin-left: -1rem; width: calc(100% + 2rem); height: auto; margin-bottom: 1.5rem;} /* 비주얼 */
}
@media (max-width: 1024px) {
	#container { padding-top:3.5rem; }
    
    .MC_box2 {width: 100%; margin-top: 1.5rem;} /* 팝업존 */
    .MC_box3 {width: 100%;} /* 공지사항 */
} 

@media (min-width:951px) and (max-width: 1024px) {  
    .MC_box5 { margin-top:1rem; }
} 

@media (max-width: 950px) {  
	.MC_wrap2:before {height:calc(100% - 5rem);}
    .MC_box4 {width: 100%;} /* 식단 */
    .MC_box5 {width: 100%;} /* 바로가기 */
} 
@media (max-width: 768px){  
    .MC_box6 {width: 100%; margin-top: 1.5rem;} /* 포토갤러리 */  
    .MC_box7 {width: 100%;} /* 일정 */
}