@charset "utf-8";

#container {position:relative; }
#container:after {content:""; display:block; clear:both; }

.main_content {position:relative; z-index:7; width:980px; margin:0 auto;  min-height:620px;}
body, html{ height:100%;}


.MC_box1{position:relative; width:100%; margin-bottom:20px;}/*비주얼*/
.MC_box2{position:relative; width:648px; height:270px; float:left; margin:0px 15px 15px 0px;}/*공지사항*/
.MC_box3{position:relative; width:315px; height:270px; float:left; margin-bottom:15px;}/*학사일정*/
.MC_box4{position:relative; width:315px; height:218px; float:left;}/*오늘의식단*/
.MC_box5{position:relative; width:315px; height:218px; float:left; margin:0px 16px;}/*포토갤러리*/
.MC_box6{position:relative; width:315px; height:218px; float:left;}/*팝업존*/
.MC_box7{position:relative; width:100%; height:120px; margin:15px 0px; float:left;}/*바로가기*/
.banner_zone{width:100%;}
/* .MC_box8{width:100%;}배너모음 */

.MC_wrap{margin:20px 0px; float:left;}

@media (max-width: 800px) {
	
	#container,
	.main_content, 
	.banner{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
	#container { width:100%; margin-top:68px;}

	.main_content { width:96%; margin:-40px auto 0 auto; height:100%; }

	.MC_box1{margin:0px;}
	.MC_box2{width:100%; margin:0px 0px 15px 0px;}
	.MC_box3{width:49%; height:218px; margin-right:2%;}
	.MC_box4{width:49%; float:none;}
	.MC_box5{width:49%; margin:0px; position: absolute; top:290px; right:0px;}
	.MC_box6{width:49%; margin-left:2%; float:right;}
	.MC_box7{height:230px;}

}

@media (max-width: 620px) {	
	
	#container { margin-top:20px; padding-top:48px; }

	.main_content{margin:0px auto;}

	.MC_box3{width:100%; margin:0px;}
	.MC_box4{width:100%; float:left; margin:15px 0px;}
	.MC_box5{width:100%; position: relative; top:0px; margin-bottom:20px;}
	.MC_box6{width:100%; margin:0px; /*float: none;*/}
		
}


@media (max-width: 560px) {	
	
	#container { margin-top:20px; padding-top:48px; }

}


@media (max-width: 480px) {	
	
	#container { margin-top:-30px; padding-top:98px; }	

	
}

@media (max-width: 380px) {	
	

}