@charset "utf-8";

#container {position:relative; height:100%; background: url(/images/web/seolcheon-m/main/bg01.png); padding:30px 0;}
#container:after {content:""; display:block; clear:both;}

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


.MC_box1 {position:relative; width:620px; height:261px; float:left; border-radius:15px; overflow:hidden;}/*비주얼*/
.MC_box2 {position:relative; width:344px; height:261px; float:right;}/*팝업*/
.MC_box3 {position:relative; width:265px; height:261px; float:left; margin-top:15px;}/*달력*/
.MC_box4 { position:relative; width:344px; height:61px; float:left; margin:15px 0 0 15px;}/*학교소식*/
.MC_box5 { position:relative; width:344px; height:61px; float:right; margin-top:15px;}/*오늘의식단*/
.MC_box6 { position:relative; width:344px; height:190px; float:left;  margin:10px 0 0 15px;}/*공지사항*/
.MC_box7 { position:relative; width:344px; height:190px; float:right; margin-top:15px;}/*갤러리*/
.MC_box8 { position:relative; width:265px; height:190px; float:left;  margin-top:15px;}/*바로가기1*/
.MC_box9 { position:relative; width:344px; height:90px; float:left;   margin:15px 0 0 15px;}/*바로가기2*/
.MC_box10{position:relative; width:344px; height:190px; float:right;  margin-top:15px;}/*바로가기3*/
.MC_box11{position:relative; width:344px; height:90px; float:left;  margin:10px 0 0 15px;}/*배너*/


 @media (max-width: 800px) {
	 
	 #container,  .main_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box }
	.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%; margin-top: 0; padding-top: 70px; }
	.main_content { width: 95%; height: 100%;}

	.MC_box0 {display:block; width:100%;  position:relative; height:40px; margin:15px 0;}
	.MC_box1 {width:100%; height:auto; margin-left:0; float:none; margin-top:15px;}
	.MC_box2 {width:49%; margin:15px 0 0 2%; }
	.MC_box3 {width:49%; }
	.MC_box4 {width:49%; margin-left:0;}
	.MC_box5 {width:49%;}
	.MC_box6 {width:100%; margin-left:0;}
	.MC_box7 {width:100%;}
	.MC_box8 {width:100%;}
	.MC_box9 {width:49%;  height:190px; margin-left:0;}
	.MC_box10 {width:49%; }
	.MC_box11 {width:100%; margin-left:0;}
	 
 }

@media (max-width: 660px) {
	.MC_box2 {width:100%;}
	.MC_box3 {width:100%;}
	.MC_box4 {width:100%;}
	.MC_box5 {width:100%;}
	.MC_box9 {width:100%;}
	.MC_box10 {width:100%;}
	
	 
 }