﻿@charset "utf-8";

#container {position:relative; height:100%; background:#fff; background:url('/images/web/template/1071/main/M_bg.png') repeat-x;}
#container:after {content:""; display:block; clear:both; overflow:hidden;}

.main_content {position:relative; z-index:7; width:1200px; margin:0 auto; padding-top:359px;}
.main_content:after {content:""; display:block; clear:both; overflow:hidden;}

.MC_box1 {position:absolute; width:915px; height:360px; right:50%; margin-right:-600px}/* 비주얼 */

.MC_box2 {position:relative; width:100%; height:50px; top:360px; margin:0 auto;z-index:10;}/* 전광판 */
.MC_box3 {position:absolute; width:285px; height:360px; top:0; left:50%; margin-left:-600px; z-index:9;}/* 바로가기1 */
.MC_box4 {position:relative; width:285px; height:236px; float:left;}/* 행사일정 */
.MC_box5 {position:relative; width:630px; height:236px; float:left;}/* 공지사항 */
.MC_box6 {position:relative; width:285px; height:236px; float:left; }/* 팝업존 */
.MC_box7 {position:relative; width:285px; height:236px; float:left; }/* 오늘의 식단 */
.MC_box8 {position:relative; width:630px; height:236px; float:left; }/* 포토앨범 */
.MC_box9 {position:relative; width:285px; height:236px; float:left; }/* 바로가기2 */

@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;}
	.main_content { width:95%; height:100%; margin:155px auto 0; padding-top:0;}

	.MC_box1 {position:relative; left:auto; top:auto; width:100%; height:auto; right:0; margin:0;}/* 비주얼 */
	.MC_box2 {width:100%; margin:0 auto; top:0;}/* 전광판 */
	.MC_box3 {position:relative; right:auto; top:auto; width:100%; height:auto; float:left; left:0; margin:0;}/*바로가기1 */
	.MC_box4 {width:40%; float:left;}/* 행사일정 */
	.MC_box5 {width:60%; float:left;}/* 공지사항 */
	.MC_box6 {width:40%; float:left;}/* 팝업존 */
	.MC_box7 {width:60%; float:left;}/* 오늘의 식단 */
	.MC_box8 {width:100%; float:left;}/* 포토앨범 */
	.MC_box9 {width:100%; height:auto; }/* 바로가기2 */
	
	
}

@media (max-width: 680px) {
	
	.MC_box4 {width:100%;}/* 행사일정 */
	.MC_box5 {width:100%;}/* 공지사항 */
	.MC_box6 {width:100%;}/* 팝업존 */
	.MC_box7 {width:100%;}/* 오늘의 식단 */
	.MC_box8 {height:auto;}/* 포토앨범 */
	
}

@media (max-width: 580px) {	

	.main_content {margin:206px auto 0;}
	
}

@media (max-width: 480px) {	

}

@media (max-width: 380px) {
	
	.main_content { width:95%;}

}