﻿
/*-----------------------------------------------------------
Author :JH, Woo
Creative date :2021. 05. 21
-----------------------------------------------------------*/

.MC_wrap1{position:relative; overflow: hidden;}
.MC_wrap1::before{width: 552px; height: 265px; background: url('/tempSample/30029/images/main/0029_visual_bg.png') no-repeat left bottom; background-size: contain; position: absolute; left: 0; bottom: 0; z-index: 1; content: '';}
.MC_wrap2{position:relative;}
.MC_wrap3{position:relative; overflow: hidden; }
.MC_wrap3::before{width: 100%; height: calc(100% - 4rem); position: absolute; bottom: 0; left: 0; background: #eaeff4; content: '';}

.MC_box1{position:relative; width: 100%;} /* 메인비주얼 */
.MC_box2{position:relative; width: 100%; margin-bottom: 1.5rem;} /* 바로가기 */
.MC_box3{position:relative; width: 47.5%; height: 19rem; float: left;} /* 공지사항1 */
.MC_box3::before{width: 298px; height: 487px; background: url('/tempSample/30029/images/main/0029_bg_wrap.png') no-repeat; background-size: contain; position: absolute; bottom: -11.75rem; left: -17rem; z-index: 1; content: '';}
.MC_box4{position:relative; width: 47.5%; height: 19rem; float: right;} /* 공지사항2 */
.MC_box5{position: relative; width: 100%; margin-bottom: 3rem;} /* 행사일정 */
.MC_box6{position: relative; width: calc(100% - 20rem); float: left;} /* 학교앨범 */
.MC_box7{position: relative; width: 17.5rem; float: right;} /* 팝업존 */
.MC_box8{position: relative; width: 100%; float: left; margin: 3rem 0;} /* 오늘의식단 */

@media (max-width: 1640px){
    .MC_wrap1::before{display:none;}
}
@media (max-width: 1240px){ 

    .MC_box3::before{display: none;}
    .MC_box7{width: 18.5rem;}
}
@media (max-width: 840px){ 

    .MC_box3{width: 100%; margin-bottom: 1rem;}
    .MC_box4{width: 100%;}
    .MC_box5{margin-bottom: 1rem;}
    .MC_box6{width: 100%; margin-bottom: 1rem;}
    .MC_box7{width: 100%;}
    .MC_box8{margin: 2rem 0;}
}
@media (max-width: 780px){
    .MC_box4{width: 100%;}
    .MC_box5{width: 100%; margin-top: 2rem;}

}
@media (max-width: 480px){
    .MC_box3{margin-bottom: 0;}
}

