@charset "utf-8";

#container {position:relative; padding-top:110px; overflow:hidden; background:#fafafa url('/images/web/museum/main/MC_wrap1_bg.png') no-repeat center 110px; min-width:320px;}
#container:after {content:""; display:block; clear:both;}

.main_content {position:relative; width:100%; margin:0 auto; background:url('/images/web/museum/main/bg_content.png') no-repeat center top; padding:50px 0 0;}
.main_content:after {content:""; display:block; clear:both;}

.MC_wrap1 {position:relative; width:100%; height:350px; max-width:1200px; padding:50px 0; margin:0 auto; } 
.MC_box1 {position:relative; width:900px; height:350px; float:left;} /* 메인비주얼 */
.MC_box2 {position:relative; width:270px; height:350px; float:right;} /* 바로가기 4개 */

.MC_wrap2 {position:relative; width:100%; height:auto; max-width:1200px; margin:0 auto;} 
.MC_box3 {position:relative; width:50%; height:280px; float:left;} /* 공지사항 */
.MC_box4 {position:relative; width:50%; height:280px; float:right;} /* 앨범 */

@media (max-width:1019px) {
	
	.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, .main_content,
	.MC_wrap1, .MC_wrap2, .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%; padding-top:110px; background-size:cover; background-position:left center;}
	.main_content{width:100%; padding:0 3%; float:left;}
	
	
	.MC_wrap1 {width:94%; height:auto; padding:0 } 
	.MC_box1 {width:100%; height:auto; margin:30px 0 0;} /* 메인비주얼 */
	.MC_box2 {width:100%; height:auto; margin:20px 0 30px;} /* 바로가기 4개 */

	.MC_wrap2 {margin:30px auto 0;} 
}

@media (max-width:860px) {

	.main_content {background:url('/images/web/museum/main/m_bg.jpg') repeat; }

	.MC_box3 {width:100%; height:auto; float:left;} /* 공지사항 */
	.MC_box4 {width:100%; height:auto; float:left;} /* 앨범 */


}

@media (max-width:680px) {


}


@media (max-width:480px) {	
	


}