﻿ 
/*-----------------------------------------------------------
Author :SY, Kwak
Creative date :2021. 09. 15
-----------------------------------------------------------*/

.MC_wrap1{position:relative; overflow: hidden; background: url('/00_common/images/T3024_main/0024_bg_wrap1.png') no-repeat center 4.5rem; background-size:100% auto;} 
.MC_wrap2{position:relative; background: url('/00_common/images/T3024_main/0024_bg_wrap2.png') no-repeat center 90%; background-size:100% auto; padding-bottom: 3.5rem; overflow:hidden;}
.MC_wrap2::before{width: 200%; height: 23rem; background: #f3fafc; position: absolute; bottom: 0; left: 4.5rem; content: ''; z-index:-1; border-radius:11.5rem;}

.MC_box1{position:relative; width: 100%;} /* 메인비주얼 */
.MC_box2{position: relative; width: 100%; margin:1rem 0 2rem;} /* 바로가기 */
.MC_box2::before{width:300%; height: 19.5rem; background: #ecfcfd; position: absolute; top: -6rem; right:-14rem; z-index: -1; content: ''; border-radius:9.75rem;}
.MC_box3{position:relative; width:49%; height:18.75rem; float:left;} /* 게시판 */
.MC_box4{position:relative; width:49%; height:18.75rem; float:right;} /* 게시판2 */
.MC_box5{position:relative; width:100%; margin: 3rem 0;} /* 행사일정 */
.MC_box6{position: relative; width: 100%; margin-bottom: 3rem;} /* 오늘의식단 */
.MC_box7{position: relative; width: calc(100% - 20.5rem); float: left;} /* 포토갤러리 */
.MC_box8{position: relative; width: 17.5rem; float: right;} /* 팝업존 */

@media (max-width:1240px){
	.MC_wrap2::before{height: 23rem; left: 0; border-radius:0;}
}

@media (max-width: 920px){
	.MC_box2{margin:0 0 2rem;} 
    .MC_box3{width: 100%; margin-bottom: 2rem;}
    .MC_box4{width: 100%;}
}
@media (max-width: 800px){
	.MC_wrap2::before{height: 34.5rem;}
	.MC_box2::before{height: 120%; top: -20%; border-radius:0;}
    .MC_box7{width: 100%; margin-bottom: 1rem;}
    .MC_box8{width: 100%;}
}
@media (max-width: 600px){
    .MC_box5{margin-bottom: 1rem;}
    .MC_box6{margin-bottom: 1rem;}
}

@media (max-width: 480px){
	.MC_wrap2::before{height: 52rem;}
    .MC_box3{height: 19rem; margin-bottom: 1rem;}
    .MC_box4{height: 19rem;}
    .MC_box8{width: 100%;}
    .MC_box8::before{display: none;}
}
 