/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }
#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 { position:relative; }
.MC_wrap1:before { content: ""; position: absolute; top: 0; left: 50%; width: 50%; height: 100%; background: #eafbff; content: "";}
.MC_wrap1:after { content: ""; display: block; position: absolute; width: 14.2rem; height: 27.2rem; top: 10.2rem; left: 50%; margin-left: 32.5rem; background: url('/images/template/10509/main/0017_wrap1_bg.png') no-repeat; z-index: 10;}
.MC_wrap2 {position:relative;padding-bottom: 3.2rem;} 

div[class^="MC_box"]:after { display:block; clear:both; content:""; }
.MC_box1 { position:relative; width:calc(100% + 19.5rem); height: 27.5rem; margin-left:-9.75rem; border-radius: 0 0 0 5rem; overflow: hidden;} /* 메인비주얼 */
.MC_box2 {position:absolute; bottom: -1.8rem; right: -40.5rem; width: 100%; height: 14.9rem;} /* 팝업존 */
.MC_box3 {position:relative; width:100%; height: 9rem; padding: 0.5rem 0 0 0; margin-top: 3.5rem;} /* 바로가기1 */
.MC_box3:before {content: ""; display: block; position: absolute; top: -9.2rem; right: -5.5rem; width: calc(100% + 45rem); height: calc(100% + 14.85rem); background: #ebf9ff; z-index: -10; border-radius: 0 0 5rem 0;} 
.MC_box4 {position:relative; width:100%; height: 8.25rem; margin: 2.5rem 0 1rem;} /* 식단 */
.MC_box5 {position:relative; width: 50%; height: 14.55rem; float: left;}  /* 게시판 */
.MC_box6 {position:relative; width: 46%; height: 14.55rem; float: right;} /* 갤러리 */
.MC_box7 {position:relative; width:100%; height: 7.2rem; float: left; margin-top: 3.15rem;} /* 캘린더 */
.MC_box7:after {content: ""; width: calc(100% + 50rem); height: 7.4rem; display: block; position: absolute; top: 3rem; left: -5rem; background: url('/images/template/10509/main/0017_sche_pttrn.png'); z-index: -1; border-radius: 5rem 0 0 0;}  

@media (max-width: 1240px) {
	.MC_wrap1 .container { padding: 0; max-width: 100%; }
    .MC_box1 {margin-left:0; width: 100%; height: auto; border-radius: 0;}/*메인비주얼*/
    .MC_box2 {right: 0; width: 35%; height: 60%; } /* 팝업존 */
}

@media (max-width: 1024px) {
    #container{ padding-top:3.5rem;}

    .MC_box3 { height: auto; } /* 바로가기1 */
    .MC_box4 { height: auto; margin-bottom:1.5rem;} /* 식단 */
    .MC_box5 { width: 60%; } /* 게시판 */
    .MC_box6 { width: 36%; } /* 갤러리 */
}

@media (max-width: 768px) {
    .MC_box2 {width: 100%; height: auto; position: relative; bottom: auto; right: auto;} /* 팝업존 */
    .MC_box3 {margin-top: 1rem;} /* 바로가기1 */
    .MC_box4 { position:relative; width:100%; height: auto; margin-top: 2rem;} /* 식단 */
    .MC_box5 { width: 100%; height: auto; } /* 게시판 */
    .MC_box6 { width: 100%; height: auto; margin-top: 1.5rem;} /* 갤러리 */
    .MC_box7 { height: auto; margin-top: 2.5rem;} /* 캘린더 */
    .MC_box7:after { top: 5rem; height: 9rem;}  
}

@media (max-width: 460px) {
    .MC_box4 {position:relative; width:100%; height: auto;} /* 식단 */
    .MC_box5 { width: 100%; height: auto; } /* 게시판 */
    .MC_box6 { width: 100%; height: auto; margin-top: 1.5rem;} /* 갤러리 */
    .MC_box7 { height: auto; margin-top: 2.5rem;} /* 캘린더 */
    .MC_box7:after { top: 5rem; height: 13.3rem;}  
}