/* 기본 세팅 reset */
html,body {font-size: 20px;}
body, #wrap {min-width: 0;}
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}

/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }
#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; height: 5px; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

.container { position: relative; width:100%; max-width:1200px; margin:0 auto;}
.container:after { content:""; display:block; clear:both; }

.MC_wrap1 {position: relative;}
.MC_wrap2 {margin-top: 0rem;}
.MC_wrap2::after {clear: both; display: block; content: "";}
.MC_wrap3 {position: relative; padding: 2.5rem 0 3.5rem; overflow: hidden;}
.MC_wrap3::before {position: absolute; top: 0; left: 50%; margin-left: -41.25rem; width: 200%; max-width: 82.5rem; height: 100%; background: #e9f4ff; border-radius: 11rem 0 0 0; content: '';}
.MC_wrap3::after {position: absolute; top: -10%; left: 55%; width: 70rem; height: 70rem; background: #f4f9ff; border-radius: 50% 0 0 0; content: '';}
.MC_wrap3 .container {z-index: 1;}
.MC_wrap3 .container::before {position: absolute; top: 3.5rem; left: -100%; width: 300%; height: 100%; background: url('/images/sch/web/jaeun/main/00445_bg_gallery.png') no-repeat center bottom; content: '';}

.MC_box1 {position: relative; width: 100%; height: 26.25rem;} /* 메인비주얼 */
.MC_box2 {position: relative; margin-bottom: 2.75rem; width: 100%; height: 3.5rem;} /* 학급홈페이지 */
.MC_box3 {position: relative;margin: 2.75rem 0rem;width: 20.5rem;height: 16.5rem;float: left;} /* 오늘의식단 */
.MC_box4 {position: relative;margin: 2.75rem 0rem;width: 37rem;height: 16.5rem;float: right;} /* 게시판 */
.MC_box5 {position: relative; margin-bottom: 2.75rem; width: 100%; height: 12rem; float: left;} /* 캘린더 */
.MC_box6 {position: relative; margin-bottom: 2.75rem; width: 20.5rem; height: 17rem; float: left;} /* 팝업존 */
.MC_box7 {position: relative; margin-bottom: 2.75rem; width: 36.5rem; height: 17rem; float: right;} /* 바로가기 */
.MC_box8 {position: relative; width: 100%; height: 19rem;} /* 갤러리 */

@media (max-width: 1680px) {
	.MC_wrap3::before {right: 1rem; margin-right: 0;}
}

@media (max-width: 1240px) {
	.container {padding: 0 1rem;}

	.MC_wrap3::before {left: 0; margin-left: 0; border-radius: 0;}

	.MC_box1 {height: auto;} /* 메인비주얼 */
	.MC_box3 {width: calc(38% - 1rem);} /* 오늘의식단 */
	.MC_box4 {width: 62%;} /* 게시판 */
	.MC_box6 {width: calc(43% - 1rem);} /* 팝업존 */
	.MC_box7 {width: 57%;} /* 바로가기 */
}

@media (max-width: 1024px) {
	/* 기본 세팅 reset */
	html {font-size: 19px;}
	#wrap {min-width: 0; height: auto; overflow: auto;}
    
    .MC_wrap3 {padding-bottom: 3rem;}

	.MC_box3,
    .MC_box4 {margin: 1.5rem 0;}
	
    .MC_box2,
    .MC_box5 {margin-bottom: 1.5rem;}
	.MC_box6,
	.MC_box7 {margin-bottom: 2rem;} /* 바로가기, 팝업존 */
}

@media (max-width: 768px) {
	/* 기본 세팅 reset */
	html {font-size: 18px;}

	.MC_wrap3 {padding: 2rem 0;}

	.MC_box2 {margin-bottom: 1rem;} /* 학급홈페이지 */
	.MC_box3 {margin: 1rem 0 0;width: 100%;height: auto;} /* 오늘의식단 */
	.MC_box4 {margin: 1rem 0;width: 100%;height: auto;} /* 게시판 */
	.MC_box5 {margin-bottom: 1rem; height: auto;} /* 캘린더 */
	.MC_box6 {margin-bottom: 1rem; width: 100%; height: auto;} /* 팝업존 */
	.MC_box7 {margin-bottom: 1rem; width: 100%; height: auto; margin-top: 1rem;} /* 바로가기 */
	.MC_box8 {height: auto;} /* 갤러리 */
}

@media (max-width: 480px) {
	.container {padding: 0 0.5rem;}

	.MC_wrap2 {margin-top: -2.5rem;}
	.MC_wrap3::after {top: -40%; left: 53%;}
	.MC_box2 {height: 2.5rem;} /* 학급홈페이지 */
}

@media (max-width: 380px) {
	.MC_wrap2 {margin-top: -2rem;}
	.MC_wrap3::after {top: -33%; left: 33%;}
	.MC_box2 {height: 2rem;} /* 학급홈페이지 */
}