@charset "utf-8";

#container { position: relative; height: 100%; background: #a0bbe3; padding-top: 20px; }
#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: 675px; height: 310px; border-radius: 30px; overflow: hidden; float: left; margin:0 20px 20px 0; }/*비주얼*/
.MC_box2 { position: relative; width: 285px; height: 310px; border-radius: 30px; overflow: hidden; float: left; }/*일정*/
.MC_box3 { position: relative; width: 408px; height: 212px; border-radius: 30px; overflow: hidden; float: left; margin-bottom:20px; }/*공지사항*/
.MC_box4 { position: relative; width: 248px; height: 212px; border-radius: 30px; overflow: hidden; float: left; margin:0 20px 20px 20px;}/*바로가기_도서관*/
.MC_box5 { position: relative; width: 284px; height: 212px; border-radius: 30px; overflow: hidden; float: left; margin-bottom:20px;}/*팝업*/
.MC_box6 { position: relative; width: 408px; height: 212px; border-radius: 30px; overflow: hidden; float: left; }/*포토앨범*/
.MC_box7 { position: relative; width:248px; height:212px; border-radius: 30px; overflow: hidden; float: left; margin:0 20px;}/*바로가기2_학교알리미*/
.MC_box8 { position: relative;  width:284px; height:212px; border-radius: 30px; overflow: hidden; float: left;}/*식단메뉴*/
.MC_box9 { position: relative;  width:408px; height:75px; border-radius: 30px; overflow: hidden; float: left; margin:20px 20px 20px 0;}/*한줄소식*/
.MC_box10 { position: relative;  width:552px; height:75px; border-radius: 30px; overflow: hidden; float: left;  margin:20px 0 0 0; }

 @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_box1 {width: 100%; height:auto;}
.MC_box2 {width: 100%; margin-bottom:20px;}
.MC_box3 {width: 100%;}
.MC_box4 {width: 49%; margin:0 2% 0 0;}
.MC_box5 {width: 49%;}
.MC_box6 {width: 100%; margin-bottom:20px;}
.MC_box7 {width: 49%; margin:0;}
.MC_box8 {width: 49%; margin:0 0 0 2%;}
.MC_box9 {width: 100%;}
.MC_box10 {width: 100%; margin:0 0 20px 0;}
}

 @media (max-width: 640px) {
	 
.MC_box4 { width: 100%; margin-bottom:20px;}
.MC_box5 { width: 100%;}
.MC_box7 { width: 100%;}
.MC_box8 { width: 100%; margin:20px 0 0;}
}