@charset "utf-8";

#container {position:relative; height:100%; background:#f5f5f5;}
#container:after {content:""; display:block; clear:both; overflow:hidden}

.main_content {position:relative; z-index:7; width:1200px; margin:0 auto; padding:20px 0;}
.main_content:after {content:""; display:block; clear:both; overflow:hidden;}

/*260318 메인비주얼  */
.MC_box1, .MC_box2 {background:#709ef2 !important;}
.S_visual {background: #709ef2 !important;}

.MC_box2 {position:relative; width:100%; height:55px; padding:20px 0; background:url('/images/web/template/1063/main/M_visual_bg.png') repeat-x left top;}/* 전광판 */
.MC_box1 {position:relative; width:100%; height:382px;  background:url('/images/web/template/1063/main/M_visual_bg.png') repeat-x left top;}/*비주얼*/
.MC_box3 {position:relative; width:590px; height:220px; float:left; margin: 0 20px 20px 0;}/* 공지사항 */
.MC_box4 {position:relative; width:590px; height:220px; float:left; margin-bottom:20px;}/* 학교앨범 */
.MC_box5 {position:relative; width:285px; height:205px; float:left; margin-right:20px;}/* 행사일정 */
.MC_box6 {position:relative; width:285px; height:205px; float:left; margin-right:20px;}/* 팝업존 */
.MC_box7 {position:relative; width:285px; height:205px; float:left; overflow:hidden; margin-right:20px;}/* 오늘의식단 */
.MC_box8 {position:relative; width:285px; height:205px; float:left;}/* 바로가기 */


@media (max-width: 800px) {
	
	#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}
	
	#container {width:100%; margin-top:80px;}
	.main_content { width:95%; height:100%; margin: 0 auto 3%; padding:0;}

	.MC_box2 {width:100%; height:95px; margin:0 auto; }/* 전광판 */
	.MC_box1 {height:auto;}/*비주얼*/
	.MC_box3 {width:100%; margin:3% 0;}/* 공지사항 */
	.MC_box4 {width:100%; margin-bottom:3%;}/* 학교앨범 */
	.MC_box5 {width:49%; margin:0;}/* 행사일정 */
	.MC_box6 {width:49%; margin:0; float:right; }/* 팝업존 */
	.MC_box7 {width:49%; margin:3% 0 0; float:right; }/* 오늘의식단 */
	.MC_box8 {width:49%; margin:3% 0 0;}/* 바로가기 */

}

@media (max-width: 680px) {


}

@media (max-width: 580px) {	

	.MC_box3 {float:none;}/* 공지사항 */
	.MC_box4 {width:100%; float:none;}/* 학교앨범 */
	.MC_box5 {width:100%; float:none;}/* 행사일정 */
	.MC_box6 {width:100%; float:none; margin:3% 0 0;}/* 팝업존 */
	.MC_box7 {width:100%; float:none;}/* 오늘의식단 */
	.MC_box8 {width:100%; margin:3% 0; float:none;}/* 바로가기 */
	
}

@media (max-width: 480px) {	

}

@media (max-width: 380px) {
	
	.main_content { width:90%;}

}