@charset "utf-8"; 

#container{position:relative; height:100%; background:url('/images/web/template/1021/main/1021_M_bg.png') repeat;}
#container:after{content:""; display:block; clear:both; overflow:hidden}

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

.MC_box_wrap2{position:relative; width:315px;height: 460px; float: left;overflow:hidden;} /* 왼쪽 컨텐츠 */
.MC_box_wrap2:after{content:""; display:block; clear:both; overflow:hidden;}
.MC_box_wrap1{position:absolute; width:570px; height:460px;left: 50%;margin-left: -285px;} /* 비주얼 컨텐츠 */
.MC_box_wrap1:after{content:""; display:block; clear:both; overflow:hidden;}


.MC_box_wrap3{position:relative; width:315px; height:460px; float:right;} /* 오른족 컨텐츠 */
.MC_box_wrap3:after{content:""; display:block; clear:both; overflow:hidden;}

.MC_box_wrap4{position:relative; width: 100%;height:100%; float:left;} /* 하단 좌측 컨텐츠 */
.MC_box_wrap4:after{content:""; display:block; clear:both; overflow:hidden;}





.MC_box1{position:relative; width:570px; height:460px;}/* 비주얼 */
.MC_box2{position:relative; width:1200px; height:50px; margin-bottom: -0px;}/*전광판*/
.MC_box3{position:relative; width:315px; height:230px; float: left;}/* 공지사항 */
.MC_box4{position:relative; width:315px; height:230px;float: left;}/* 가정통신문 */
.MC_box5{position:relative; width:315px; height:230px;float: left;}/* 도서관소식 */
.MC_box6{position:relative; width:315px; height:230px;float: left;} /* 행정소식 */
.MC_box7{position:relative; width:855px; height:320px;float: left;margin-right: 30px;}/*학교앨범*/
.MC_box8{position:relative; width:315px; height:240px; overflow:hidden; }/* 행사일정*/
.MC_box9{position:relative; width:855px; height:150px; margin:10px 30px 30px 0; float:left}/*바로가기*/
.MC_box10{position:relative; width:315px; height:240px; overflow: hidden;} /*팝업존*/


@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}
	
	.main_content{width:95%; height:100%; margin:0 auto 2%; padding:20px 0 80px 0;top: 70px;}
	.MC_box_wrap1{position: relative; top: 0;left: 0; margin-left: 0;width:100%; height:auto; float:none;} /* 비주얼 컨텐츠 */
	.MC_box_wrap2{width:100%; float:none; height:auto; overflow: hidden;} /* 왼쪽 컨텐츠 */
	.MC_box_wrap3{width:100%; height:100%; float:none;*/height:auto;} /* 오른쪽 컨텐츠 */
    .MC_box_wrap4{width: 100%;height: auto;float:none;}
    .MC_box_wrap5{width: 50%; }
    
    
	.MC_box1{width: 100%;height: 100%;margin: 0 auto;}/*비주얼*/
	.MC_box2{width:100%;}/*전광판*/
	.MC_box3{width:50%; float: left;}/*공지사항*/
	.MC_box4{width:50%; float: left;}/*가정통신문*/
	.MC_box5{width:50%; }/*도서관소식*/

	.MC_box6{width:50%; }/*행정소식*/
	.MC_box7{width:100%;float: none;} /*학교앨범*/
	.MC_box8{width:50%;height: 230px;}/*행사일정*/
    .MC_box9{width:50%; height: 460px;margin: 0;}/*바로가기*/
    .MC_box10{width:50%; height: 230px;}/*팝업존*/


}

@media (max-width:680px){


    .MC_box7{height: 305px;} /*학교앨범*/

}

@media (max-width:580px){	


    .main_content{padding: 20px 0 100px 0;}
    
    
    .MC_box1{width: 100%;}/*비주얼*/
	.MC_box2{width:100%;height: auto;}/*전광판*/
	.MC_box3{width:100%;}/*공지사항*/
	.MC_box4{width:100%;}/*가정통신문*/
	.MC_box5{width:100%;}/*도서관소식*/
	.MC_box6{width:100%; }/*행정소식*/
    .MC_box7{width:100%;height: auto;} /*학교앨범*/
	.MC_box8{width:100%;height: auto;top:20px;}/*행사일정*/
    .MC_box9{width:100%; height: auto;top:20px;}/*바로가기*/
    .MC_box10{width:100%; height: auto;top:20px;}/*팝업존*/


	
}

@media (max-width:480px){	
   

}

@media (max-width:380px){
	
	.main_content {width:90%;}


}