﻿/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; font-family:"SCDream"; }
#container *{ scrollbar-arrow-color:#ddd; scrollbar-Track-Color:#ddd; scrollbar-base-color:#aaa; scrollbar-Face-Color:#aaa; scrollbar-3dLight-Color:#aaa; scrollbar-DarkShadow-Color:#aaa; scrollbar-Highlight-Color:#aaa; scrollbar-Shadow-Color:#aaa; }
#container ::-webkit-scrollbar { width:5px; }
#container ::-webkit-scrollbar-thumb { background-color:#aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color:#ddd; border-radius:10px; }

.MC_wrap1 {height:36rem; position:relative; margin-bottom:1rem; }
.MC_wrap1:before { content:''; position:absolute; left:0; top:75px; width:333px; height:630px; background:url('/images/template/T0012/main/MC_wrap1_bg1.png') no-repeat  0 0; }
.MC_wrap1:after { content:''; position:absolute; right:0; top:50px; width:315px; height:466px; background:url('/images/template/T0012/main/MC_wrap1_bg2.png') no-repeat  0 0; z-index:-1; }
.MC_wrap3 {position:relative; padding-top:2.2rem; }
.MC_wrap3 .container {padding:2.2rem 0 3rem; }
.MC_wrap3 .container::before {position:absolute; bottom:0; left:-3.95rem; width:200vw; height:100%; background:#f9f3ea; border-radius:4rem 0 0 0; content:""; z-index:-2; }
.con_wrap { position:relative; width:29.17%; float:right; }

.MC_box1 { position:relative; width:66.7%; height:34.5rem; float:left; padding:1.4rem 0 2.2rem 0; } /* 메인비주얼 */
.MC_box1::before {  position:absolute; top:0; left:-150%; width:calc(150% + 37.5rem); height:100%; background:#e8f8e3; border-radius:0 0 3rem 0; content:""; z-index:-2; }
.MC_box2 { position:relative; width:100%; height:18.8rem; } /* 행사일정 */
.MC_box3 { position:relative; width:100%; max-height:10.875rem; } /* 바로가기1 */
.MC_box4 { position:relative; width:66.7%; height:15rem; float:left;} /* 게시판 */
.MC_box5 { position:relative; width:29.17%; height:15rem; float:right; } /* 팝업존 */
.MC_box6 { position:relative; width:30%; height:17rem; float:left;} /* 식단 */ 
.MC_box7 { position:relative; width:66%; height:17rem; float:right; } /* 갤러리 */

@media (max-width:1310px) {
	 .MC_wrap3 .container::before {border-radius:0; }
}

@media (max-width:1280px) {
	.MC_wrap1:before { display:none; }
	.MC_wrap1:after { display:none; }
	
	.MC_wrap3 .container {padding:3rem 1rem 3rem; }
    .con_wrap {  width:33%; height:34rem; }

	.MC_box1 {width:65%}/* 메인비주얼 */
	.MC_box1::before {  width:calc(150% + 33.5rem); }
}
@media (max-width:1024px) {

    .MC_wrap1 { height:auto; margin-bottom:.2rem; }
    .MC_wrap3 { padding-top:2rem; } 
    .MC_wrap3 .container {padding:2rem 1rem 2.7rem; }
    .con_wrap { width:100%; height:auto; margin-bottom:2rem; } 

	/* 메인비주얼 */
	.MC_box1 { width:100%; height:auto; }
	.MC_box1::before { left:auto; right:15%; }
	
    .MC_box2 { width:70%; float:left; height:auto; } /* 행사일정 */
    .MC_box3 { width:30%; float:right; height:auto; } /* 바로가기1 */
}
@media (max-width:950px) {
	.MC_wrap1::before {  width:60vw; height:95%; } 
	.MC_wrap2 {margin-bottom:1rem; }
    .MC_wrap3 {height:auto; padding-bottom:0; padding-top:0; } 
	.MC_wrap3 .container {padding:1.5rem 1rem 1rem; }
	
	.MC_box1::before { right:6%; } /* 메인비주얼 */
    .MC_box4 { width:60%; }  /* 게시판 */
    .MC_box5 { width:37%; } /* 팝업존 */
    .MC_box6 { width:100%; margin-bottom:2rem; height:auto; } /* 식단 */ 
    .MC_box7 {  width:100%; padding-bottom:0; height:16rem; } /* 갤러리 */
}
@media (max-width:750px) {
	.MC_wrap1 { margin-bottom:0rem; }
	.MC_wrap2 { margin-bottom:0rem; }
	.MC_wrap3 .container {padding:1rem 1rem 0rem; }

	.MC_box4 { width:100%; height:auto; } /* 게시판 */ 
	.MC_box5 { width:100%; height:auto; margin-bottom:2rem; } /* 팝업존 */
	.MC_box7 { height:17rem; } /* 갤러리 */
}
@media (max-width:600px) {  
	.MC_wrap3 .container {padding:1.5rem 1rem 0rem; }

	.MC_box7 { height:30rem; } /* 갤러리 */
}
@media (max-width:550px) {
	.con_wrap { margin-bottom:1rem; height:auto; margin-top:-0.8rem; }
	
	.MC_box1::before { height: 97%; }
	.MC_box2 { width:100%; height:auto; } /* 행사일정 */
	.MC_box3 { width:100%; } /* 바로가기1 */
}
@media (max-width:500px) { 
	.MC_box5 { margin-bottom:1rem; }
    .MC_wrap3 { padding-top:0.7rem; } 
}
@media (max-width:450px) { 
    .MC_wrap3 .container {padding:1rem 1rem 0rem; } 

	.MC_box7 { height:29rem; } /* 갤러리 */
}
