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


.MC_wrap1 { position:relative; }
.MC_wrap2 { position:relative; margin-top: -5.15rem; }
.MC_wrap2::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 68rem; height: 100%; background: #fff; content: ""; }
.MC_wrap2 .container { padding-top: 2.3rem; }
.MC_wrap3 { position: relative; }
.MC_wrap3::before { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 5.85rem); background: linear-gradient(45deg, rgba(63, 187, 254, 0.1), rgba(165, 65, 255, 0.1)); content: ""; }


[class^="MC_box"]::after { display: block; clear: both; content: ""; }
.MC_box1 { position: relative; width: 100%; height: 24.4.7rem;}/* 메인비주얼 */
.MC_box2 { position: relative; width: calc(100% - 19.4rem); height: 15.5rem; float: left; }/* 게시판 */
.MC_box3 { position: relative; width: 17.5rem; height: 15.5rem; float: right; }/* 팝업존 */
.MC_box4 { position: relative; width: 100%; margin-top: 3rem; float: left; margin-bottom: 3rem; }/* 캘린더 */
.MC_box5 { position: relative; width: 17.95rem; height: 12.7rem; float: left; }/* 식단 */
.MC_box6 { position: relative; width: calc(100% - 20.65rem); height: 12.7rem; float: right; }/* 갤러리 */
.MC_box7 { position: relative; width: 100%; float: left; margin: 3rem 0;}/* 바로가기1 */


@media (max-width: 1240px) {
    .MC_wrap2 { margin-top: 0; }
    .MC_wrap2 .container { padding-top: 0; }

    .MC_box1 {height:auto;}/* 메인비주얼 */
    .MC_box2 { margin-top: 1.5rem; } /* 게시판 */
    .MC_box3 { margin-top: 1.5rem; } /* 팝업존 */
    .MC_box4 { margin-top: 2rem; margin-bottom: 2rem; } /* 캘린더 */
    .MC_box7 { margin: 2.5rem 0 2rem; } /* 바로가기1 */
}

@media (max-width: 1024px) {
	#container { padding-top:3.5rem; }
	
    .MC_box5 { width: 40%; }/* 식단 */
    .MC_box6 { width: 55.75%; }/* 갤러리 */
}

@media (max-width:940px){
    .MC_box2 { width: 100%; }/* 게시판 */
    .MC_box3 { width: 100%; height: auto; margin-top: 1.5rem;}/* 팝업존 */
}

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

}

@media (max-width: 768px) {

    
    .MC_box4 { height: auto;}/* 캘린더 */
    .MC_box5 { width: 48%; }/* 식단 */
    .MC_box6 { width: 48%; }/* 갤러리 */
}
@media (max-width:640px){

    .MC_box2 { height: auto;}/* 게시판 */ 
}
@media (max-width: 560px) {
 
    .MC_box5 {width: 100%; height: auto; }/* 식단 */
    .MC_box6 {width: 100%; height: auto; margin-top: 2rem; }/* 갤러리 */
    .MC_box7 { margin: 2rem 0; } /* 바로가기1 */
}