﻿@charset "utf-8";

#container {position:relative; overflow:hidden; margin:0 auto}
#container:after {content:""; display:block; clear:both;}

.main_content {position:relative; z-index:2; width:1200px; margin:0px auto 30px; overflow:hidden;} /* 210915 */
.main_content:after {content:""; display:block; clear:both;}

 /* .MC_box1 {position:relative; width:905px; height:360px; float:left}비주얼 */
.MC_box1 {position:relative; width:100%; height:400px;} /* 비주얼*/
.MC_box2 {position:relative; width:280px; height:360px; float:right} /* 홍보동영상 */
.MC_box3 {display:none; position:relative; width:280px; height:80px; float:right; margin-top:15px} /* SNS바로가기 */
.MC_box4 {position:relative; width:100%; height:116px; margin:0 15px 15px 0; float:left;} /* 바로가기 */
.MC_box12{position:relative; width:280px; height:116px; float:left;}/*배너바로가기*/
.MC_box5 {display:none; position:relative; width:280px; height:240px; float:left} /* 바로가기2 */
.MC_box6 {position:relative; width:445px; height:240px; float:left;} /* 공지사항 */
.MC_box13{position:relative; width:445px; height:240px; float:left;  margin:0 15px}/*체험활동앨범*/
.MC_box7 {position:relative; width:280px; height:240px; float:left;} /* 홍보동영상 수정181116 */
.MC_box8 {position:relative; width:445px; height:280px; float:left; margin-top:15px}  /* 행사일정 수정 181022 */
.MC_box9 {position:relative; width:445px; height:280px; float:left; margin:15px 15px 0 15px;} /* 사진게시판 */
.MC_box15 {position:relative; width:280px; height:200px; float:left; margin:15px 0 0} /* 팝업존 수정181116 */
.MC_box14 {position:relative; width:280px; height:63px; float:left; margin-top:15px} /* 프로그램문의 수정 181022 */
.MC_box11 {position:relative; width:100%; height:75px;} /* 배너모음 */


@media screen and (max-width:1019px) {
	
	#container,
	.main_content,
	.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}
	
	.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-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease }
	
	#container {width:100%; padding-top:80px;}
	.main_content { width:95%; height:100%; margin:2.5% auto}
	
	.MC_box1 {width:100%; height:auto; margin-bottom:15px} /* 비주얼 */
	.MC_box2 {width:100%; height:80px; float:left } /* 홍보동영상 */
	.MC_box3 {width:48.75%; margin-top:0} /* SNS바로가기 */
	.MC_box4 {width:100%; height:auto; margin-bottom:2.5%} /* 바로가기 */
	.MC_box12{width:100%; height:60px; margin-bottom:2%;} /* 배너바로가기 */
	.MC_box5 {width:100%; height:auto; float:none} /* 바로가기2 */
	.MC_box6 {width:49%;} /* 공지사항 */
	.MC_box13{width:49%; margin:0 0 2% 2%;}/*체험활동앨범*/
	.MC_box7 {width:49%; height:auto; } /* 홍보동영상 수정181116 */
	.MC_box8 {width:49%; float:right; margin:0 0 2% 0;}  /* 행사일정 수정 181022 */
	.MC_box9 {width:49%; height:auto; margin:2% 2% 0 0;} /* 사진게시판 */
	.MC_box7 {width:49%; height:280px; } /* 팝업존 수정181116 */
	.MC_box15 {width:49%; height:202px; margin:0; } /* 팝업존 수정181116 */
	.MC_box14 {width:49%; height:59px; margin:2% 0 0 0 ;} /* 프로그램문의 수정 181116 */
	.MC_box10 {height:auto;}	 /* 행사일정 */
	

}

@media screen and (max-width:680px) {	

	.MC_box3 {width:100%; margin-top:15px} /* SNS바로가기 */
	.MC_box6 {width:100%;} /* 공지사항 */	
	.MC_box13{width:100%; height:auto; margin:2% 0;}
	.MC_box7 {width:100%; height:auto;} /* 홍보동영상 수정181116 */
	.MC_box8 {width:100%; height:auto; margin:2% 0 0;}  /* 행사일정 수정 181022 */
	.MC_box9 {width:100%; height:auto} /* 사진게시판 */
	.MC_box15 {width:100%; height:auto; margin:2% 0 0 0;} /* 팝업존 수정181116 */
	.MC_box14 {width:100%; height:auto; margin:2% 0 0;} /* 프로그램문의 */

}

@media screen and (max-width:580px) {	

	#container {width:100%; padding-top:60px;}
	.main_content {margin:5% auto}

		
}

@media screen and (max-width:480px) {		
	


}

@media screen and (max-width:380px) {
	

}