/*-----------------------------------------------------------
Author :HR, Park
Creative date :2021. 05. 04
-----------------------------------------------------------*/

.MC_wrap1{position:relative; background:url('/tempSample/30018/images/main/0018_bg_wrap01.png') no-repeat center; background-size: cover; padding-top: 3rem;}
.MC_wrap2{position:relative; overflow: hidden; }
.MC_wrap2::before{width: 161px; height: 162px; background: url('/tempSample/30018/images/main/0018_bg_wrap02_1.png') no-repeat center; background-size: contain; position: absolute; top: 8.7rem; left:7.5rem; content: '';}
.MC_wrap2::after{width: 212px; height: 217px; background: url('/tempSample/30018/images/main/0018_bg_wrap02_2.png') no-repeat center; background-size: contain; position: absolute; top:16rem; right:3.5rem; content: '';}
.MC_wrap2 .con_wrap{width: 49%; float: left;}
.MC_wrap3{position: relative; padding: 3rem 0; margin-top: 3rem;}
.MC_wrap3::before{width: calc(100% - 5.5rem); height: 100%; background:#ecf0f6 url('/tempSample/30018/images/main/0018_ptrn_wrap03.png') repeat; position: absolute; top: 0; left: 0; content: '';}

.MC_box1{position:relative;} /* 메인비주얼 */
.MC_box4{position:relative; width:100%; margin-bottom: 3rem; } /* 바로가기 */
.MC_box4::before{width: 100%; height: 100%; background: #284a7a url('/tempSample/30018/images/main/0018_ptrn_wrap01.png') repeat; position: absolute; right: -100%; top: 0; content: '';}
.MC_box2{position:relative; width:100%; height:13rem;} /* 공지사항 */
.MC_box3{position:relative; width:100%; height:13rem; margin-top: 1.5rem;} /* 공지사항2 */
.MC_box5{position:relative; width:49%; float:right; z-index: 1;} /* 행사일정 */
.MC_box6{position:relative; width:49%;  margin-top: 1rem; float:right;} /* 오늘의식단 */
.MC_box7{position:relative; width:17.5rem; float:right;} /* 팝업존 */
.MC_box8{position:relative; width:calc(100% - 19.5rem); float:left; } /* 포토갤러리 */


@media (max-width: 1240px){
    .MC_wrap1{padding-top: 2rem;}
    .MC_wrap2::before{display: none;}
    .MC_wrap2::after{display: none;}
    .MC_wrap3 {margin-top: 2rem; padding: 2rem 2rem 2rem 0;}
    .MC_wrap3::before{width: calc(100% - 1rem);}

    .MC_box4{margin-bottom: 2rem;}
}
@media (max-width: 920px){
    .MC_wrap2 .con_wrap{width: 100%;}
    .MC_wrap3{padding: 1rem 0 2rem 0;}
    .MC_wrap3::before{width: 100%;}

    .MC_box2{height: 12rem;}
    .MC_box3{height: 12rem; margin-top: 1rem;}
    .MC_box5{width: 100%; margin-top: 1rem;}
    .MC_box6{width: 100%;}
    .MC_box7{width: 100%;}
    .MC_box8{width: 100%; margin-top: 1rem;}
}
@media (max-width: 480px){
    .MC_wrap1{padding-top: 1rem;}

    .MC_box4{margin-bottom: 1rem;}
    .MC_box4::before{width: calc(100% + 2rem); right: -1rem;}
}