@charset "utf-8";

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

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

.con1 { position:absolute; width:442px; top:0; right:0;}/* MC_box1,2를 묶어주는 div */
.MC_box1 {position:relative; width:442px; height:396px}
.MC_box2 {position:relative; width:442px; height:65px; margin:25px 0 0 0}
.MC_box3 {position:relative; width:513px; height:275px;}
.MC_box4 {position:relative; width:512px; height:185px; margin:27px 0 0 0; overflow:hidden}
.MC_box5 {position:relative; width:244px; height:215px; float:left; margin:20px 0; }
.MC_box6 {position:relative; width:442px; height:215px; float:left; margin:18px 25px 20px;}
.MC_box7 {position:relative; width:244px; height:215px; float:right; margin-top:18px}
.MC_box8 {position:relative; width:100%; height:120px; overflow:hidden}
.MC_box9 {position:relative; width:100%; height:80px}

.MC_box1:hover .wg_change,
.MC_box2:hover .wg_change,
.MC_box3:hover .wg_change,
.MC_box4:hover .wg_change,
.MC_box5:hover .wg_change,
.MC_box6:hover .wg_change,
.MC_box7:hover .wg_change,
.MC_box8:hover .wg_change,
.MC_box9:hover .wg_change {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/sch/template/00151/common/wg_change_bg.png') repeat;}
.wg_change a {display:block; width:100%; height:100%; text-indent:-1000px; background:url('/images/sch/template/00151/common/icon_wg_change.png') no-repeat center;}

@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 {-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%; margin:3% auto}
	
	.con1 { width:49%; height:auto}
	.MC_box1 {width:100%; height:auto}
	.MC_box2 {width:100%; height:auto; margin:3% 0}
	.MC_box3 {width:49%;}
	.MC_box4 {width:49%; margin:3.4% 0 1.5%}
	.MC_box5 {width:49%; margin:0; }
	.MC_box6 {width:49%; float:right; margin:0;}
	.MC_box7 {width:49%; float:left; margin:2% 0 0}
	.MC_box8 {width:49%; height:auto; margin:3% 0 0; float:right}
	.MC_box9 {width:100%; height:80px}

}

@media (max-width: 680px) {	

	.con1 { position:relative; top:auto; right:auto; width:100%; height:auto; float:none}
	.MC_box3 {width:100%; float:none}
	.MC_box4 {width:100%; float:none; margin:3% 0}
	.MC_box5 {width:100%; float:none; margin:0; }
	.MC_box6 {width:100%; float:none; margin:3% 0;}
	.MC_box7 {width:100%; float:none; margin:0}
	.MC_box8 {width:100%; margin:3% 0; float:none}


}

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

@media (max-width: 480px) {		
	


}

@media (max-width: 380px) {
	

}