﻿
/*-----------------------------------------------------------
Author :HR, Park
Creative date :2021. 04. 22
-----------------------------------------------------------*/

#container { overflow:hidden;}

.MC_wrap1{position:relative;}
.MC_wrap2{position:relative; height:auto; overflow:hidden; padding:4rem 0 0;}
.MC_wrap2:after{content:''; position:absolute; top:2rem; left:2rem; display:block; width:calc(100% - 4rem); height:12rem; background:#fff;}
.MC_wrap2:before{content:''; position:absolute; left:0; top:0; display:block; clear:both; width:100%; height:14rem; background: rgb(198,240,255);
    background: -moz-linear-gradient(90deg, rgba(198,240,255,1) 0%, rgba(249,178,228,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(198,240,255,1) 0%, rgba(249,178,228,1) 100%);
    background: linear-gradient(90deg, rgba(198,240,255,1) 0%, rgba(249,178,228,1) 100%);}
.MC_wrap2 .container {z-index:2; background:#fff;}
.MC_wrap3 {position:relative; padding-bottom:4rem; }
.MC_wrap3:after{content:''; position:absolute; right:80px; top:-400px; width:210px; height:580px; background:url('/tempSample/30004/images/main/0004_MC_wrap3_bg1.png') no-repeat center bottom / contain; }
.MC_wrap3:before{content:''; position:absolute; left:20px; bottom:0; width:221px; height:510px; background:url('/tempSample/30004/images/main/0004_MC_wrap3_bg2.png') no-repeat center bottom / contain; }
.MC_wrap3 .container:after {content:''; display:block; clear:both;}

.MC_box1{position:relative;} /* 메인비주얼 */
.MC_box2{position:relative; width:100%; height:16.5rem;} /* 공지사항 */
.MC_box3{position:relative; width:100%; margin:1.5rem 0;} /* 바로가기 */
.MC_box4{position:relative; width:30%; float:left;} /* 학교일정 */
.MC_box5{position:relative; width:36%; height:16.5rem; float:left; margin:0 2%; padding:1.5rem 2rem;} /* 학교앨범 */
.MC_box5:before{content:''; position:absolute; left:0; top:0; width:300%; height:100%; background: rgb(226,251,255);
    background: -moz-linear-gradient(90deg, rgba(226,251,255,1) 0%, rgba(255,224,244,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(226,251,255,1) 0%, rgba(255,224,244,1) 100%);
    background: linear-gradient(90deg, rgba(226,251,255,1) 0%, rgba(255,224,244,1) 100%); }
.MC_box5:after {content:''; position:absolute; left:0; top:0; width:500%; height:100%; background:#ffe0f4; z-index:-1;}
.MC_box6{position:relative; width:30%; float:left; padding:1.5rem 0;} /* 팝업존 */
.MC_box7{position:relative; width:100%; float:left; margin-top:1.5rem;} /* 오늘의식단 */


@media (max-width: 1740px){
    .MC_wrap3:after{width:150px; right:40px; }
    .MC_wrap3:before{width:150px; }
}
@media (max-width: 1540px){
    .MC_wrap2 { padding:2rem 0 0; }
    .MC_wrap2 .container { padding:2rem 1rem 0; }
    .MC_wrap3:after,
    .MC_wrap3:before{ display:none; }
    .MC_wrap3 { padding-bottom:2rem;}
}
@media (max-width: 1240px){
    .MC_wrap2 { top:-0.5rem; padding:1rem 0 0; }
    .MC_wrap2 .container { padding:1rem 1rem 0; }
}
@media (max-width: 1024px){
    .MC_box2 { height:14rem; }
    .MC_box4{width:100%; margin-bottom:1rem;} /* 학교일정 */
    .MC_box5 {margin:0; width:55%;}
    .MC_box6 {width:45%;}
}
@media (max-width: 680px){
    .MC_box5 {width:100%; height:15.5rem; padding:1rem 0 1rem 1rem; }
    .MC_box6 {width:100%; }
}
@media (max-width: 420px){
    .MC_wrap2:before { display:none;}
    .MC_wrap2 .container { padding:0; }

    .MC_box5 { padding:1rem 0; }
    .MC_box5:before { left:-1rem; }


}

