@charset "utf-8"; 

#container{position:relative; height:100%; background:#e3f7ff url('/images/web/template/1016/main/M_bg.png') no-repeat right bottom;}
#container:after{content:""; display:block; clear:both; overflow:hidden}

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

.MC_box2{position:relative; width:1200px; height:50px; margin-bottom:20px;}/*전광판*/
.MC_box1{position:relative; width:590px; height:520px; margin-right:20px; float:left}/*비주얼*/
.MC_box3{position:relative; width:590px; height:250px; margin-bottom:20px;float:left}/*공지사항*/
.MC_box4{position:relative; width:590px; height:250px;float:left}/*갤러리*/
.MC_box5{position:relative; width:1200px; height:150px; overflow:hidden; margin-top:20px; float:left}/*바로가기*/
.MC_box6{position:relative; width:295px; height:250px; margin-top:20px; float:left}/*팝업*/
.MC_box7{position:relative; width:485px; height:250px; margin:20px 20px 0; float:left} /*행사일정*/
.MC_box8{position:relative; width:380px; height:250px; margin-top:20px; 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:70px;  background:#e3f7ff;}
	.main_content{width:95%; height:100%; margin:0 auto 2%; padding:20px 0 0;}

	
	.MC_box1{width:100%; height:auto; float:none;}/*비주얼*/
	.MC_box2{width:100%;}/*전광판*/
	.MC_box3{width:100%; height:auto; margin:20px 0 0;}/*공지사항*/
	.MC_box4{width:100%; margin:20px 0;}/*갤러리*/
	.MC_box5{width:100%; height:auto; margin-bottom:20px;  margin-top:0;}/*바로가기*/

	.MC_box6{width:49%; margin:0 2% 0 0;}/*팝업*/
	.MC_box7{width:49%; height:auto; margin:0; float:right;} /*행사일정*/
	.MC_box8{width:49%; height:auto; margin:20px 0;}/*오늘의식단*/


}

@media (max-width:680px){




}

@media (max-width:580px){	


	.MC_box1{margin:0 0 3%;}/*비주얼*/
	.MC_box3{width:100%; margin:0 0 3%; float:none;}/*공지사항*/
	.MC_box4{margin:0 0 3%; float:none;}/*갤러리*/
	.MC_box5{ float:none;}/*바로가기*/
	.MC_box6{width:100%; margin:0 0 3%; float:none;}/*팝업*/
	.MC_box7{width:100%; margin:0 0 3%; float:none;} /*행사일정*/
	.MC_box8{width:100%; margin:0 0 3%; float:none;}/*오늘의식단*/

	
}

@media (max-width:480px){	

}

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


}