/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; /* background:url('/images/dgedu/template/TC11/main/bg_wrap01.png') no-repeat calc(50% + 45rem) 14rem; */ overflow: hidden;}

.MC_wrap1 { position:relative; }
.MC_wrap2 { position:relative; margin:2.5rem auto;}
.MC_wrap2:after{ display:block; clear: both; content:"";}

.MC_box1 { position:relative; width:100%; height:21.5rem; max-width:70rem; margin:1.5rem auto 2rem; } /* 메인비주얼 */
.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:45%; height:13.5rem; float:right;} /* 바로가기2 */
.MC_box4 { position:relative; width:100%; height:20rem; float:left;} /* 게시판 */

@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:50%; height:27.5rem; right:50%;} /* 바로가기1 */
    .MC_box3{ width:47.5%; height:auto;} /* 바로가기2 */
}

@media (max-width: 1024px) {
    .MC_box2{ height:27.5rem;} /* 바로가기1 */
    .MC_box3{ height:auto;} /* 바로가기2 */
}

@media (max-width: 768px) {

    .MC_wrap2{margin:0 auto 2rem;}

    .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{ height:auto;} /* 게시판 */
}

@media (max-width: 460px) {

    .MC_box1{ width:calc(100% - 1rem);} /* 메인비주얼 */
}