/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }
#container * { scrollbar-arrow-color:#ddd; scrollbar-Track-Color:#ddd; scrollbar-base-color:#aaa; scrollbar-Face-Color:#aaa; scrollbar-3dLight-Color:#aaa; scrollbar-DarkShadow-Color:#aaa; scrollbar-Highlight-Color:#aaa; scrollbar-Shadow-Color:#aaa; }
#container ::-webkit-scrollbar { width:5px; }
#container ::-webkit-scrollbar-thumb { background-color:#aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color:#ddd; border-radius:10px; }

.MC_wrap1 { position:relative; overflow:hidden; margin-bottom:2.5rem; }
.MC_wrap2 { position:relative; overflow:hidden; padding:3.25rem 0; }
.MC_wrap2 .container { position:relative; }
.MC_wrap2 .container:before { content:""; position:absolute; bottom:-3.25rem; left:-5.25rem; width:500%; height:21rem; border-radius:3rem 0 0 3rem; z-index:-1; background:url(/images/dgedu/template/TC13/main/pttrn01.png)repeat; overflow:hidden;  }

.MC_box1 { position:relative; width:calc(100% + 19rem); height:27rem; -webkit-transform:translateX(-13rem); transform:translateX(-13rem); } /* 메인비주얼 */
.MC_box2 { position:absolute; top:6.5rem; right:0; } /* 바로가기1 */
.MC_box3 { position:absolute; width:37.5rem; bottom:5rem; right:0; } /* 시설물 검색*/
.MC_box4 { position:relative; } /* 시설물 현황 */


@media (max-width:1700px) { 
	.MC_box1 { left:50%; width:100vw; -webkit-transform:translateX(-50%); transform:translateX(-50%); } /* 메인비주얼 */
	.MC_box2 { top:15.5rem; right:auto; left:36rem; } /* 바로가기1 */
	.MC_box3 { position:relative; width:100%; bottom:auto; right:auto; padding:2.5rem 0; } /* 시설물 검색*/
	
}
@media (max-width:1440px) { 
	.MC_wrap2 .container:before { left:50%; width:calc(100% + 2rem); -webkit-transform:translateX(-50%); transform:translateX(-50%); border-radius:0; }
	
	.MC_box2 { left:51%; } /* 바로가기1 */
	
}
@media (max-width:1280px) { 
	.MC_box1 { height:20rem; } /* 메인비주얼 */
	.MC_box2 { top:11rem; } /* 바로가기1 */
}
@media (max-width: 1240px) {
    #container{ padding-top:6rem;}
}

@media (max-width:950px) { 
	.MC_wrap1 { margin-bottom:2rem; }

	.MC_box1 { height:18rem; } /* 메인비주얼 */
	.MC_box2 { top:9rem; } /* 바로가기1 */
}

@media (max-width:768px) { 
	
	.MC_box1 { height:15rem; } /* 메인비주얼 */
	.MC_box2 { top:7.5rem; } /* 바로가기1 */

}

@media (max-width:640px) { 
	.MC_wrap2 { padding:1.5rem 0 2.5rem; }
	
	.MC_box1 { height:12rem; } /* 메인비주얼 */
	.MC_box2 { position:relative; top:auto; left:auto; width:100%; padding:2.5rem 0 1.25rem; } /* 바로가기1 */
	.MC_box3 { padding:1.25rem 0; } /* 시설물 검색*/

}

@media (max-width:480px) { 
	
	.MC_box1 { height:9rem; } /* 메인비주얼 */
}

@media (max-width:360px) { 
	
	.MC_box1 { height:7rem; } /* 메인비주얼 */
}