@charset "utf-8";

#container {position:relative; overflow:hidden; padding-top:130px; margin:0 auto; background:url('/images/web/clac/main/m_cnt_bg.png') repeat-x 0 1062px;}
#container:after {content:""; display:block; clear:both;}

#container > .bg_l img {display:block; width:360px; height:437px; position:absolute; top:1228px; left:0;}
#container > .bg_l + .bg_r img {display:block; width:384px; height:437px; position:absolute; top:1228px; right:0;}

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

.MC_box1 {position:relative; width:100%; height:560px;}
.MC_box2 {position:relative; width:100%; height:90px; margin:0 0 30px} /* 바로가기 */

.MC_box3 {position:relative; width:565px; height:242px;float:left; margin:0 70px 0 0} /* 공지사항 */
.MC_box4 {position:relative; width:565px; height:242px;float:left; margin:0} /* Q&A */
.MC_box5 {position:relative; width:600px; height:166px; float:left; margin:40px 0 0} /* 바로가기2 */
.MC_box6 {position:relative; width:600px; height:166px; float:left; margin:40px 0 0;} /* 바로가기3 */
.MC_box7 {position:relative; width:100%; height:437px; float:left; margin:0 } /* 포토갤러리 */

/* page goto */
.MC_wrap1 {position: relative;}
.gotoBox {position: absolute; top: 0; right: 120px; z-index: 1; display: flex; gap: 1rem;}
.gotoBox .btn_goto {top:0; right: 120px; width: 100px; height: 150px; }
.gotoBox .btn_goto.bg01 {background: url('/common/images/main/bg_gplatf.png') no-repeat center; background-size: contain;}
.gotoBox .btn_goto a {display: block; color:#fff; font-size: 0.75rem; line-height:1.4;text-align:center; font-weight: 500; }
.gotoBox .btn_goto a img {line-height: 0; padding: 0.35rem 0;}
.gotoBox .btn_goto a em {display: block;font-size: 14px;padding: 7px 0;}
.gotoBox .btn_goto a span {font-size: 12px;}

@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_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-image:none}
	#container > .bg_l { display:none}
	#container > .bg_l + .bg_r {display:none}
	.main_content { width:95%; height:100%; margin:-5% auto 2.5%}
	
	.MC_box1 {height:auto;}
	.MC_box2 { height:auto; margin:0 0 2.5%} /* 바로가기 */

	.MC_box3 {width:100%; height:auto} /* 공지사항 */
	.MC_box4 {width:100%; height:auto} /* Q&A */
	.MC_box5 {width:100%; margin:0;} /* 바로가기2 */
	.MC_box6 {width:100%; margin:0;} /* 바로가기3 */
	.MC_box7 { height:auto} /* 포토갤러리 */

	/* page goto */
    .gotoBox {right: calc((100vw - 3rem ) / 100 * 6.5);}
    .gotoBox .btn_goto { width: 80px; height: 120px;}
    .gotoBox .btn_goto a {font-size: 0.7rem; line-height:1.3;}
    .gotoBox .btn_goto a img {line-height: 0; padding: 0.45rem 0 0.15rem; height: 2rem;}
    .gotoBox .btn_goto a em {font-size:12px;}
	.gotoBox .btn_goto a span {font-size: 9px;}


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

	.MC_box5 {width:100%; margin:2.5% 0 0} /* 바로가기2 */
	.MC_box6 {width:100%; float:right; } /* 바로가기3 */

	/* page goto */
    .gotoBox .btn_goto {width: 70px;height: 100px;padding-top: 5px;}
    .gotoBox .btn_goto a img {display: none;}
	
}

@media (max-width:680px) {
	.MC_box2 { height:auto} /* 바로가기 */
	.MC_box4 {height:auto;} /* Q&A */	


}

@media (max-width:560px) {	

	.MC_box2 {margin:0 0 5%} /* 바로가기 */
	.MC_box5 {height:auto; margin:5% 0 0} /* 바로가기2 */
	.MC_box6 {height:auto;} /* 바로가기3 */



		
}

@media (max-width:480px) {	
	
	.MC_box1 {height:300px;}
	
}

@media (max-width:380px) {
	
	

	

}