/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; background:url('/images/dgedu/template/TC17/main/bg_wrap01.png') no-repeat calc(50% + 45rem) 14rem; overflow:hidden;}
#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:2.5rem auto 2rem;}
.MC_wrap2:after{ display:block; clear: both; content:"";}
.MC_wrap3 { position:relative; background:url('/images/dgedu/template/TC17/main/bg_wrap02_1.png') no-repeat calc(50% - 42.5rem) 3rem;}

.MC_wrap3 + .comCont{ margin-top:2.5rem;}

.MC_box1 { position:relative; width:100%; height:21.5rem; max-width:70rem; margin:1.5rem auto; } /* 메인비주얼 */
.MC_box2 { position:absolute; right:50%; bottom:0; width:50%; height:16.5rem; } /* 바로가기1 */
.MC_box2:before{ content:""; position:absolute; right:0; top:0; width:200%; height:100%; background:#0ab1f7; border-radius:1.5rem; box-shadow:4px 4px 0 3px #ecf4f7;}
.MC_box3 { position:relative; width:47%; height:12.5rem; float:right;} /* 교육달력 */
.MC_box4 { position:relative; width:calc(96% - 17.25rem); height:17.5rem; float:left;} /* 게시판 */
.MC_box5 { position:relative; width:17.25rem; height:17.5rem; float:right;} /* 팝업존 */
.MC_box5:before{ content:""; position:absolute; left:10.5rem; top:0; width:300%; height:16rem; border-radius:1.5rem; background:#fff5d8; z-index: -1;}
.MC_box6 { position:relative; width:100%; float:left; margin:4rem 0 0;} /* 바로가기 */
.MC_box7 { position:relative; width:100%; height:30rem; max-width:70rem; margin:0 auto; } /* 갤러리 */
.MC_box7:before{ content:""; position:absolute; left:0; top:0; width:200%; height:100%; background:#f0f0f0 url('/images/dgedu/template/TC17/main/bg_wrap02_2.png') no-repeat 3.5rem bottom; border-radius:5rem 0 0;}

@media (max-width:1520px) {

    .MC_box7 { width:calc(100% - 3.5rem); max-width:100%; margin-left:2.5rem; margin-right:1rem;} /* 갤러리 */
}

@media (max-width: 1440px) {

    .MC_box1{ width:calc(100% - 2rem); max-width:100%;} /* 메인비주얼 */
    .MC_box3{ width:48%;} /* 게시판 */
}

@media (max-width: 1240px) {

    #container{ padding-top:6rem;}
    
    .MC_wrap1 { margin-top:0;}

    .MC_box1{ height:auto; margin:1rem auto 1.5rem;} /* 메인비주얼 */
    .MC_box2{ width:57%; right:43%;} /* 바로가기1 */
    .MC_box3{ width:40%; height:auto;} /* 바로가기2 */
    .MC_box4{ width:calc(98% - 17.25rem);} /* 게시판 */
}

@media (max-width: 1024px) {

    .MC_wrap3 + .comCont{ margin-top:2rem;}
    .MC_wrap2 { margin:0 auto 1rem; }

    .MC_box2{ position:relative; width:100%; height:auto; right:auto;} /* 바로가기1 */
    .MC_box2:before{ display:none;} 
    .MC_box3{ width:100%; height:auto; margin:1.5rem 0;} /* 바로가기2 */
    .MC_box4{ width:100%; height:auto;} /* 게시판 */
    .MC_box5{ width:100%; height:auto; margin-top:1.5rem;} /* 팝업존 */
    .MC_box6 { margin-top:2rem; } /* 바로가기 */
} 
@media (max-width: 768px) {

    .MC_wrap2{margin:0 auto 1.5rem;}
 
    .MC_box7:before{ border-radius:3rem 0 0; background-size:auto 80%; background-position:1.5rem bottom;}
}

@media (max-width: 540px) {

    .MC_box7{ width:100%; height:auto; margin:0; overflow:hidden;}
}

@media (max-width: 460px) {

    .MC_box1{ width:calc(100% - 1rem);} /* 메인비주얼 */
	#mNav .snb .login li:nth-of-type(2n):before{ display:none; }
}