@charset "utf-8";

#container {position:relative; height:100%}
#container:after {content:""; display:block; clear:both;}

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

.MC_wrap {position:relative; height:485px; background:url('/images/web/gjja-p/main/017_m_visual_bg.png')repeat-x top;}
.MC_wrap2 {position:absolute; top:20px; left:50%; margin-left:-490px; width:980px;}


.MC_box1 {position:relative; margin:0 auto; width:980px;}
.MC_box2 {position:relative; width:250px; height:220px; margin:35px 250px 0 0; float:left;}
.MC_box3 {position:relative; width:255px; height:370px; margin-top:35px; float:right;}
.MC_box4 {position:relative; width:250px; height:130px; margin-top:20px; float:left;}
.MC_box5 {position:relative; width:255px; height:195px; float:left; }
.MC_box6 {position:relative; width:410px; height:195px; float:left; margin-left:30px}
.MC_box7 {position:relative; width:255px; height:195px; float:right}
.MC_box8 {position:relative; width:100%; height:124px; float:left;  margin:30px 0 10px 0;}
.MC_box9 {position:relative; width:100%; height:80px;}

@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}
	
	#container { width:100%; padding-top:70px; }
	.main_content {width:95%; height:100%; }
	
	.MC_wrap{width:100%; height:auto;}
	.MC_wrap2 {position:relative; top:0; left:0; margin:0; width:95%; margin:0 auto;}	
	.MC_box1 {width:100%;}
	.MC_box2 {width:49%; margin:0;}
	.MC_box3 {width:100%; height:220px; margin-top:15px;}
	.MC_box4 {width:49%; height:220px; position:absolute; top:0; right:0; float:right; margin:0;}
	.MC_box5 {width:100%; margin-top:15px;}
	.MC_box6 {width:100%; margin-top:15px; margin-left:0;}
	.MC_box7 {width:100%; margin-top:15px;}	
	.MC_box8 {height:auto; margin:15px 0;}

}

@media (max-width: 680px) {	

	.MC_box2 {width:100%;}
	.MC_box4 {position:relative; width:100%; height:auto; margin-top:15px;}


}

@media (max-width: 580px) {	
		
}

@media (max-width: 480px) {		
	


}

@media (max-width: 380px) {
	

}