﻿@charset "utf-8";

#container {position:relative; height:100%; font-family:"NotoR"; padding:30px 0 0; background:#fbfddf url('/images/web/template/1044/main/1044_m_bg.png') no-repeat center bottom; overflow:hidden;}
#container:after {content:""; display:block; clear:both; overflow:hidden}

.main_content {position:relative; z-index:7; width:1200px; margin:40px auto 20px; overflow:hidden;}
.main_content:after {content:""; display:block; clear:both; overflow:hidden;}

.MC_box1 {position:relative; max-width:1200px; height:500px; margin:0 auto;}/* 비주얼 */
.MC_box2 {position:relative; max-width:1200px; height:50px; margin:0 auto;}/* 전광판 */
.MC_box3 {position:relative; width:585px; height:235px; float:left; }/* 공지사항 */
.MC_box4 {position:relative; width:280px; height:235px; margin:0 27px; float:left; }/* 팝업존 */
.MC_box5 {position:relative; width:280px; height:235px; float:left;}/* 오늘의식단 */
.MC_box6 {position:relative; width:585px; height:370px; margin:40px 0 0; float:left; }/* 포토갤러리 */
.MC_box7 {position:relative; width:585px; height:215px; margin:40px 0 0; float:right; }/* 행사일정 */
.MC_box8 {position:absolute; width:585px; height:115px; right:0; bottom:0;}/* 바로가기 */

@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:60px;}
	.main_content {width:96%; height:100%; margin:20px auto; }

	.MC_box1{width:96%; height:auto;} /* 비주얼 */
	.MC_box2{width:96%;}/* 전광판 */
	.MC_box3{width:100%; height:auto; margin:10px 0 20px;}/* 공지사항 */
	.MC_box4{width:48%; margin:0;}/* 팝업존 */
	.MC_box5{width:48%; float:right;}/* 오늘의식단 */
	.MC_box6{width:100%; margin:20px 0 0; }/* 포토갤러리 */
	.MC_box7{width:100%; margin:20px 0;}/* 행사일정 */
	.MC_box8{width:100%; position: relative; left:auto; bottom:auto; float:left;}/* 바로가기 */

}

@media (max-width: 580px) {	

	.MC_box2{height:auto;}/* 전광판 */
	.MC_box4{width:100%;}/* 팝업존 */
	.MC_box5{width:100%; height:190px; margin:20px 0 0;}/* 오늘의식단 */
	.MC_box6{width:100%; }/* 포토갤러리 */
	.MC_box7{width:100%; height:auto; margin:20px 0;}/* 행사일정 */
	.MC_box8{height:auto;}

}

@media (max-width: 520px) {
	
	.MC_box6{height:auto;}/* 포토갤러리 */

}

@media (max-width: 480px) {	

	.MC_box2{height:auto;}/* 전광판 */
	.MC_box8{height:auto;}/* 월간일정 */


}