/* 메인 컨테이너 */
#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; }
.MC_wrap2 { position:relative;  margin-top:2rem;}
.MC_wrap2::before {content:''; position:absolute; top:-6rem; left:calc(50% + 38.5rem); width:14.7rem; height:14.7rem; border-radius:50%; border:3.5rem solid #fff7f7; z-index:-1;}
.MC_wrap3 { position:relative;  margin-top:3rem;}  
.MC_wrap3::before {content:''; position:absolute; top:0.5rem; right:calc(50% + 38rem); width:15.3rem; height:15.3rem; border-radius:50%; border:3.5rem solid #fff7f7; z-index:-1;}


.MC_box1 { position:relative; width:100%; background:url('/images/web/grfe/main/visual_bg.png') no-repeat center top / cover;} /* 메인비주얼 */
.MC_box2 { position:relative; width:100%;} /* 바로가기 */
.MC_box3 { position:relative; width:100%; margin-top:2.75rem;} /* 구미마을학교 */
.MC_box3:before { position:absolute; left:-4rem; right:-4rem; width:auto; height:100%; top:0; background:#ebf6f0; border-radius:4rem; z-index:-1; content:''; }
.MC_box4 { position:relative; width:60%; height:25.25rem; float:left; } /* 바로가기1 */
.MC_box5 { position:relative; width:36.5%; height:25.25rem; float:right;} /* 게시판 */

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

@media (max-width: 1240px) {
	.MC_wrap3 { margin-top:2rem;}  
   
    .MC_box4,
	.MC_box5 { height:22.25rem;} /* 게시판 */
}

@media (max-width: 1024px) {

    #container{ padding-top:5.5rem;}
    
    .MC_wrap2 { margin-top:1rem;}
    .MC_wrap3 { margin-top:1.5rem;}  
    
    .MC_box3 { margin-top:1.5rem;} /* 구미마을학교 */
    .MC_box4,
	.MC_box5 { height:17.75rem;} /* 게시판 */
}

@media (max-width: 950px) {
	.MC_box4 { width:100%; height:auto; float:none; } /* 바로가기1 */
	.MC_box5 { width:100%; height:auto; float:none; margin-top:1rem;} /* 게시판 */
	
}

@media (max-width: 580px) {
	.MC_wrap2 { margin-top:0;}    
}

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

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