@charset "utf-8";

#container {position:relative; height:100%; background:url('/images/sch/web/saengrim-m/main/039_m_bg.png') no-repeat center; background-size:cover; overflow:hidden;}
#container:after {content:""; display:block; clear:both;}

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


/* 콘텐츠 영역 */
.MC_wrap1 { width:270px; float:left; }
.MC_wrap2 { width:270px; float:left; }


.MC_box1 {position:relative; width:440px; height:610px; float:left;} /* 비주얼 */

.MC_box2 {position:relative; width:100%; height:190px;} /* 공지사항 */
.MC_box3 {position:relative; width:100%; height:190px; margin:20px 0;} /* 일정 */
.MC_box4 {position:relative; width:100%; height:190px;} /* 식단 */


.MC_box5 {position:relative; width:100%; height:190px;  margin:0 0 20px} /* 팝업 */
.MC_box6 {position:relative; width:100%; height:400px;} /* 포토갤러리 */


.MC_box7 {position:relative;width:100%; height:120px; float:left; margin:25px 0; } /* 바로가기 */
.MC_box8 {position:relative; width:100%; height:80px; margin:20px auto 0; } /* 배너 */



@media (max-width: 800px) {
	
	#container,
	.main_content,
	.MC_wrap1, .MC_wrap2, .MC_box1, MC_box2, MC_box3, MC_box4, MC_box5, MC_box6, MC_box7, MC_box8, MC_box9, MC_box10, MC_box11, MC_box12, MC_box13, MC_box14, MC_box15 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#container { width:100%; padding-top:70px; }
	.main_content {width:95%;height:100%;margin-top:  0;}


	/* 콘텐츠 영역 */
	.MC_wrap1 {width:49%; float:left; margin:400px 2% 0 0;}
	.MC_wrap2 {width:49%; float:left; margin:400px 0 0;}

	.MC_box1 {position: absolute; top:0; width:100%;height:400px;} /* 비주얼 */
	.MC_box7 {height:auto;}


}



@media (max-width: 580px) {	

	

	/* 콘텐츠 영역 */
	.MC_wrap1 {width:100%; float:none; margin:400px 0 20px;}
	.MC_wrap2 {width:100%; float:none; margin:0; }
		
}

@media (max-width: 480px) {		
	
	.MC_box1 {position: absolute; top:0; width:100%;height:200px;} /* 비주얼 */
	
	/* 콘텐츠 영역 */
	.MC_wrap1 {width:100%; float:none; margin:200px 0 20px;}
	.MC_wrap2 {width:100%; float:none; margin:0; }



}

@media (max-width: 380px) {
	

}