﻿
#container { position:relative; height:100%; overflow:hidden; background:#fff; }

.main_content { position:relative; z-index:7; width:980px; margin:40px auto 0; }
.main_content:after { content:""; display:block; clear:both; }

.MC_Wrap1 {position:relative;width:100%;height:250px;float: left;} /* 공지사항+학사일정 */
.MC_Wrap2 {position:relative;width:100%;height: 280px;margin-top: 30px;float: left;} /* 오늘의식단+학교앨범+알림판 */
.MC_box1 { position:relative; width:100%; height:414px; } /* 메인비주얼 */
.MC_box2 { position:relative; width:640px; height:250px; float:right; margin-bottom:30px; } /*  공지사항 */
.MC_box3 {position: relative;float: left;width:310px;height:250px;} /* 학사일정 */
.MC_box4 {position: absolute;width:265px;height: 280px;float: right;left: 340px;} /* 오늘의식단 */
.MC_box5 {position: absolute;width:340px;height: 280px;left: 0;} /* 포토앨범 */
.MC_box6 {position: absolute;width:375px;height: 280px; right: 0;} /* 팝업존 */
.MC_box7 { position:absolute; top:-95px; right:0; margin-right:-570px; width:1230px; height:55px; background:#ffc514 url('/tempSample/20005/images/main/05_bg_class.png') no-repeat left;} /* 우리반 홈페이지 */
.MC_box8 { position:relative; width:100%; height:auto; overflow:hidden; float:left; } /* 바로가기 */

@media (max-width: 1080px) {

	#container,
	.main_content,
	.MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8 { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box }

	.MC_wrap, .MC_wrap2, .MC_box1, .MC_box2, .MC_box3, .MC_box4, .MC_box5, .MC_box6, .MC_box7, .MC_box8 { -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%; padding-top:70px;}
	.main_content {width:95%; margin:0 auto; padding-top:70px;}

	.MC_box1 {height:auto;} /* 메인비주얼 */
	.MC_box2 {width:65%;} /*  공지사항 */
	.MC_box3 {width:30%;} /* 학사일정 */
	.MC_box4 {width: 30%;left: 35%;} /* 오늘의식단 */
	.MC_box5 {width:35%;} /* 포토앨범 */
	.MC_box6 {width:35%;} /* 팝업존 */
	.MC_box7 {top:0; width:106%; margin-right:-3%; background:#ffc514;} /* 학급홈페이지 */

 }


@media (max-width: 860px) {

    .main_content {padding-top: 20px;}

	.MC_Wrap2 {height: 560px;margin-top: 20px;} /* 오늘의식단+학교앨범+알림판 */
	.MC_box2 { width:100%; margin-bottom:20px; } /*  공지사항 */
	.MC_box3 {position:relative;left:auto;top:auto;width:50%;float:left;margin: 0 0 10px 0;padding:0 20px;} /* 학사일정 */
	.MC_box4 {position: relative;width:50%;left: 0;} /* 오늘의식단 */
	.MC_box5 {position: relative;width:50%;float: left;margin-top: 280px;} /* 포토앨범 */
	.MC_box6 {position: relative;width:50%;float: left;} /* 팝업존 */
	.MC_box7 {position: relative;width:100%;float:left;margin-top:20px;} /* 학급 홈페이지 */



 }

@media (max-width: 640px) {

	.main_content {margin:20px auto 0; padding:0; }

    .MC_Wrap1 {height:auto;} /* 공지사항+학사일정 */
    .MC_Wrap2 {height: auto;margin-top: 0;} /* 오늘의식단+학교앨범+알림판 */
	.MC_box3 {width:100%;margin: 0 0 20px 0;/* padding: 0 0 20px; */} /* 학사일정 */
	.MC_box4 {width:100%; } /* 오늘의식단 */
	.MC_box5 {width:100%;margin-top: 20px;} /* 포토앨범 */
	.MC_box6 {width:100%; margin:20px 0; } /* 팝업존 */
	.MC_box7 {margin-top: 0;} /* 학급홈페이지 */

 }


@media (max-width:580px) {

	.MC_box7 {height:auto;}
}
