/* 메인 컨테이너 */
#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; width:100%; max-width:calc(60rem + 100px); margin:0 auto 0;}
.MC_wrap1::before{content: ''; display: block; background: url(/images/template/T0031/main/0031_img_bg01.png) no-repeat center center; width: 3rem; height: 6rem; position: absolute; left: -15rem; top: 12rem; background-size: contain;}
.MC_wrap1::after{content: ''; display: block; background: url(/images/template/T0031/main/0031_img_bg02.png) no-repeat center center; width: 11rem; height: 17rem; position: absolute; right: -18rem; top: 12rem; background-size: contain;}
.MC_wrap2 { position:relative; width:100%; }
.MC_wrap2 .container::before{content: ''; display: block; position: absolute; width: 300%; right: -8rem; top: -6rem; bottom: -3rem; background: linear-gradient(to right, #fff5f6, #fffaf4 ); z-index: -5;}
.MC_wrap2:after{content:""; display:block; clear: both;}
.MC_wrap2 .container{padding:2rem 0 3rem;}
.MC_wrap4 { position:relative; margin-bottom: 2rem;}
.MC_wrap4::before{content: ''; display: block; background: url(/images/template/T0031/main/0031_img_bg03.png) no-repeat center center; width: 10rem; height: 10rem; position: absolute; left: 1rem; top: 7.35rem; background-size: contain;}

[class^="MC_wrap"] .container {max-width: 1220px;}

.MC_box1 { position:relative; width:100%; height:25.3rem; overflow:hidden;} /* 메인비주얼 */
.MC_box2 { position:relative; float:left; width:65%; height:18rem; overflow:hidden; padding-right: 1rem;} /* 게시판 */
.MC_box3 { position:relative; float:right; width:35%; height:18rem; padding-left: 1rem;} /* 캘린더 */
.MC_box4 { position:relative; float:left; width:100%; height:9rem; margin-bottom: 2rem; } /* 바로가기1 */
.MC_box5 { position:relative; float:left; width:31%; height:14rem; } /* 갤러리 */
.MC_box6 { position:relative; float:left; width:38%; height:14rem; padding: 0 2rem; } /* 식단 */
.MC_box7 { position:relative; float:right; width:31%; height:14rem; } /* 팝업존 */

@media (max-width: 1600px) {
}

@media (max-width: 1440px) {
}

@media (max-width: 1240px) {
    .MC_wrap1::before{display: none;}
    .MC_wrap1::after{display: none;}
    .MC_wrap2 .container{padding: 2rem 1rem 3rem;}
    .MC_wrap4::before{display: none;}

    .MC_box1 {height: auto;} /*메인비주얼*/
    .MC_box2 {width: 60%;} /*게시판*/
    .MC_box3 {width: 40%;} /*캘린더*/
    .MC_box4 {height: 8rem;} /*바로가기*/
}

@media (max-width: 940px) {
    .MC_box5 {width: 50%; padding: 0 1rem 0 0;} /*갤러리*/
    .MC_box6 {width: 50%; padding: 0 0 0 1rem;} /*식단*/
    .MC_box7 {width: 100%; margin-top: 1rem;} /*팝업존*/

}

@media (max-width: 680px) {
    .MC_wrap2 .container {padding: 2rem 1rem 2rem;}

    .MC_box2 {width: 100%; height: auto; padding-right: 0; margin-bottom: 1rem;} /*게시판*/
    .MC_box3 {width: 100%; padding-left: 0;} /*캘린더*/
    .MC_box4 {height: auto;} /*바로가기*/
    .MC_box5 {width: 100%; padding-right: 0; margin-bottom: 1rem;} /*갤러리*/
    .MC_box6 {width: 100%; padding-left: 0;} /*식단*/

}

@media (max-width: 480px) {
    .MC_wrap2 .container {padding: 1rem;}
    .MC_wrap4{ margin-bottom: 1rem;}

    .MC_box2{margin-bottom: 0.5rem;}
    .MC_box4{margin-bottom: 1rem;}

}
@media (max-width: 360px) {
	.MC_box6 {height: auto;} /* 식단 */
}