﻿ 
/*-----------------------------------------------------------
Author :SY, Kwak
Creative date :2021. 09. 07
-----------------------------------------------------------*/

.MC_wrap1{position:relative; height:auto; padding:3rem 0 0;  overflow:hidden; }
.MC_wrap1:before {content:''; position:absolute; right:0; top:0; width:90%; height:26.5rem; background: rgb(255,254,220); background: -moz-linear-gradient(90deg, rgba(255,254,220,1) 0%, rgba(182,231,250,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,254,220,1) 0%, rgba(182,231,250,1) 100%); background: linear-gradient(90deg, rgba(255,254,220,1) 0%, rgba(182,231,250,1) 100%); border-radius:0 0 0 2.5rem;}
.MC_wrap1 .container {z-index:2;}
.MC_wrap2 { position:relative; padding:3rem 0; overflow:hidden; background:url('/00_common/images/T3005_main/3005_bg.png') no-repeat bottom / contain;}

.MC_box1 {position:relative; width:26.2rem; height:28.1rem; float:left;} /* 비주얼 */
.MC_box2 {position:relative; width:calc(100% - 29.7rem); height:28.1rem; float:right;} /* 공지사항 */
.MC_box3 {position:relative; width:61%; height:16.2rem; float:left;} /* 행사일정 */
.MC_box4 {position:relative; width:35%; height:16.2rem; float:right;} /* 팝업존 */
.MC_box5 {position:relative; width:100%; padding:2.5rem 0 1rem; float:left;} /* 바로가기 */
.MC_box6 {position:relative; width:100%; margin:2rem 0; float:left;} /* 오늘의 식단 */
.MC_box7 {position:relative; width:100%; float:left;} /* 포토갤러리 */

@media (max-width: 1440px){ 
    .MC_box6 { margin:1.5rem 0; }
}

@media (max-width: 1240px){  
    .MC_box2 { width:calc(100% - 27.5rem);}
}
@media (max-width: 1024px){ 
    .MC_wrap1 { padding:1rem 0 0; background:none; }
	.MC_wrap1:before {right:auto; left:5%; width:95%; height:26rem; }
    .MC_box1 {width:100%; max-width:26.2rem; height:auto; margin:0 auto 1rem; float:none; }
    .MC_box5 { padding:1rem 0 0; }
    .MC_box2 {width:100%;}
}
@media (max-width: 980px){
	.MC_wrap2 {padding:1rem 0;}
    .MC_box3 {position:relative; width:55%;}
    .MC_box4 {position:relative; width:42%;}
}
@media (max-width: 680px){
    .MC_wrap2 { padding:1rem 0; }
    .MC_box3 {width:100%; height:auto; }
    .MC_box4 {width:100%; height:auto; margin:1rem 0 0;} 
}
