@charset "utf-8";

#container  {position:relative; height:100%; background:#fff url(/images/sch/web/cwnamsan-h/main/m_bg.png) repeat-x 0 0; background-size:100% 564px; }
#container:after {content:""; display:block; clear:both;}

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

.MC_box1 {position:relative; width:100%; height:398px; margin:0 auto;} /* 비주얼 */
.MC_box2 {position:absolute; top:-180px; left:0; width:100%; height:185px; float:left;}/* 바로가기01 */
.MC_box3 {position:relative; width:325px; height:230px; float:left;} /* 팝업존 */
.MC_box4 {position:relative; width:325px; height:230px; float:left;}/* 바로가기02 */  
.MC_box5 {position:relative; width:325px; height:230px; float:left;}/* 식단 */
.MC_box6 {position:relative; width:325px; height:230px; float:left;}/* 공지사항 */
.MC_box7 {position:relative; width:325px; height:230px; float:left; }/* 학교앨범  */
.MC_box8 {position:relative; width:325px; height:230px; float:left;}/* 학사일정 */
.MC_box9 {position:relative; width:100%; height:80px; 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, MC_box9, MC_box10
	{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	#container {width:100%; padding-top:69px;}
	.main_content { width:95%; height:100%; padding-top:0;}


	
	.MC_box1 {width:100%; height:auto;} /* 비주얼 */	
	.MC_box2 {top:-135px; height:160px;}
	.MC_box3 {width:50%;}  	
	.MC_box4 {width:50%;}
	
	.MC_box5 {width:50%;}
	.MC_box6 {width:50%;}
	.MC_box7 {width:50%;}
	.MC_box8 {width:50%;}
	.MC_box9 {width:100%;}	




}
@media (max-width: 560px) {	



	
	.MC_box1 {height:auto ;}	
	.MC_box2 {top:-120px;}
	.MC_box3 {width:100%;}
	.MC_box4 {width:100%;}
	.MC_box5 {width:100%;}
	.MC_box6 {width:100%;}
	.MC_box7 {width:100%;}
	.MC_box8  {width:100%; background-size:cover;}


}

@media (max-width: 480px) {	

	
	.MC_box2 {top:-100px;}

}