#container {position:relative; margin-top: 7rem;}
#container:after {content:""; display:block; clear:both;}

.MC_wrap1 {position: relative; width: 100%;}
.MC_wrap1::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 7.15rem); background: #DFFCFF; z-index: -2;}
.MC_wrap1::after {content: ''; position: absolute; top: 0; left: 0; width: 15.6rem; height: 10.05rem; background: url(/images/org/web/yeyak/main/wrap1_bg_01.png) no-repeat center / contain; z-index: -1;}
.MC_wrap1 .main_content::before {content: ''; position: absolute; top: 10.25rem; right: -11.5rem; width: 17.2rem; height: 18.5rem; background: url(/images/org/web/yeyak/main/wrap1_bg_02.png) no-repeat center / contain; z-index: -1;}
.MC_wrap1 .con_wrap {position: relative; margin-top: 1.75rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.5rem; padding: 2rem 0;}
.MC_wrap1 .con_wrap::before {content: ''; position: absolute; top: 0; left: -2.5rem; right: -2.5rem; width: auto; height: 100%;  border-radius: 2rem; background: linear-gradient(155deg, #C7F6FB -10%, #006C9A 120%); box-shadow: 0 -4px 20px rgba(0,108,154,0.1);}
.MC_wrap1 .con_wrap [class^="MC_box"]:not(.MC_box2)::before {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 3.25rem); border-radius: 1rem; background: #fff;}

.MC_wrap2 {position: relative; width: 100%; margin-top: 4.3rem}
.MC_wrap2 .main_content::before {content: ''; position: absolute; right: -2.5rem; bottom: 0; width: 300%; height: calc(100% - 1.2rem); border-radius: 0 2rem 2rem 0; background: #D0EFF3;}

.MC_wrap3 {margin-top: 4.2rem; margin-bottom: 3.5rem;}
.MC_wrap3 .main_content {display: flex; justify-content: space-between;}

.main_content {position:relative; z-index:2; width:70rem; margin:0 auto 0; }

.MC_conBox{position: relative; clear: both; margin-bottom: 58px; }
.MC_conBox:after {content:""; display:block; clear:both; }

.MC_box1 {position:relative; width:100%;} /* 비주얼 */
.MC_box2 {position:relative; width:22.15%; height:auto;} /* 바로가기 */
.MC_box3 {position:relative; width: 15.3rem; height: auto; overflow: hidden;} /* 지도 */
.MC_box4 {position:relative; flex:1; height: auto; overflow: hidden;} /* 기관 */
.MC_box5 {position:absolute; top: 2rem; right: 0; width: 9rem;} /* 예약하기 */
.MC_box6 {position:relative; width:100%; } /* 예약검색 */
.MC_box7 {position:relative; width: 100%; height: 37rem; padding-bottom: 32px;} /* 새소식 *//* 211104 수정 */
.MC_box8 {position:relative; width: 49%;} /* 공지사항 */
.MC_box9 {position:relative; width: 49%;} /* 자주하는질문 */

@media (max-width:1440px) {
	
	#container,
	.main_content,
	.MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8, .MC_box9, .MC_box10, .MC_box11, .MC_box12, .MC_box13, .MC_box14, .MC_box15 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8, .MC_box9, .MC_box10, 
	.MC_box11, .MC_box12, .MC_box13, .MC_box14, .MC_box15 { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease }
	
	#container {width:100%; }
	.main_content { width:100%; height:100%; padding: 0 1rem; }	
}

@media (max-width:1280px) {
	#container {margin-top: 4rem; }

	.MC_wrap1 .con_wrap {gap: 1.25rem 0.5rem;}

	.MC_box2{width: 100%; } /* 바로가기 */
	.MC_box3{width: 33%; } /* 지도 */
	.MC_box4{width: 66%; } /* 기관 */
}

@media (max-width:1019px) {
	#container {margin-top: 6rem; } /* 20251204 수정 */

	.MC_wrap2 {margin-top: 2rem}
	.MC_wrap2 .main_content::before {height: calc(100% - 5.75rem);}

	.MC_wrap3 {margin-top: 2rem; margin-bottom: 2.5rem;}

	.MC_box7 {height: 39rem;} 
}

@media (max-width: 900px) {	
	.MC_wrap3 .main_content {flex-direction: column; gap: 2rem;}
	
	.MC_box3{width: 41%; } /* 지도 */
	.MC_box4{width: 57%; } /* 기관 */
	.MC_box8{width: 100%; } /* 공지사항 */
	.MC_box9{width: 100%; margin-left: 0; } /* 자주하는질문 */

}

@media (max-width: 768px) {	
	.MC_wrap1::after {width: 12.5rem; height: 8.05rem; opacity: 0.5;}
	.MC_wrap1 .main_content::before {display: none;}
	.MC_wrap1 .con_wrap {margin-top: 1.5rem; padding: 1.5rem 0;}

	.MC_wrap2 {margin-top: 1.75rem}
	.MC_wrap2 .main_content::before {height: calc(100% - 4.85rem);}

	.MC_wrap3 {margin-top: 1.5rem; margin-bottom: 2rem;}
	.MC_wrap3 .main_content {gap: 1.5rem;}

	.MC_box3{width: 49%; } /* 지도 */
	.MC_box4{width: 49%; } /* 기관 */
	.MC_box5 {top: 1.5rem;} /* 예약하기 */
	.MC_box7 {height: 33rem;} 

}

@media (max-width: 600px) {
	.MC_wrap1 {margin-top: -6rem;}
	.MC_wrap1 .con_wrap {gap: 1rem 0; flex-direction: column;}

	.MC_box3{width: 100%; } /* 지도 */
	.MC_box4{width: 100%; margin-left: 0; } /* 기관 */
	.MC_box5 {position: relative; width: 100%; top: auto; right: auto;} /* 예약하기 */
}

@media (max-width: 580px) {	
	.MC_wrap1 {margin-top: -3.75rem;}
	.MC_wrap1::after {left: -2rem;}
}

@media (max-width: 480px) {	
	.MC_wrap1 {margin-top: -4.75rem;}
	
	.MC_box7 {height: 32rem;} 
}

@media (max-width: 350px) {	
	.MC_wrap2 {margin-top: 1.5rem}
}