/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; background: url('/images/dgedu/template/TC05/main/bg_contents.png') no-repeat bottom 24rem center / 100% 50rem; padding-top: 2rem; overflow:hidden;}
#container::before{width: 29.8rem; height: 14.95rem; background: url('/images/dgedu/template/TC05/main/visual_bg.png') no-repeat left top; position: absolute; top: 0; left: 0; content: '';}
#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_wrap1 .con_wrap{width: 24rem; float: right;}
.MC_wrap2 { position:relative; margin:2.5rem auto 3.5rem;}
.MC_box1 { position:relative; width:100%; height:24.5rem; max-width:70rem; margin: 0 auto;} /* 메인비주얼 */
.MC_box1::before{width: 13.8rem; height: 13rem; background: url('/images/dgedu/template/TC05/main/visual_bg2.png') no-repeat center / cover; position: absolute; bottom: -10rem; right: -8.5rem; content: '';}
.MC_box2 { position: relative; width: 100%; height: 8.5rem; margin: 2rem 0;} /* 바로가기1 */
.MC_box3 { position:relative; width:calc(100% - 26rem); height:22.25rem; float:left;} /* 게시판 */
.MC_box4 { position:relative; width:100%; height:15.25rem; margin-bottom: 1.5rem;} /*바로가기2 */
.MC_box5 { position:relative; width:100%; height:5rem;} /* 바로가기3 */
.MC_box6 { position:relative; width:100%; height:27.25rem; max-width:70rem; margin:0 auto; } /* 갤러리 */
.MC_box6:before{ content:""; position:absolute; left:-4rem; top:0; width:200%; height:100%; background:#fff url('/images/dgedu/template/TC05/main/bg_gallery01.png') no-repeat top left; border-radius:3.5rem 0 0 3.5rem; box-shadow: 0 0 0.75rem rgba(0,0,0,0.2);}

@media (max-width:1620px) {
    .MC_box1{padding: 0 3rem; max-width: 100%;}
}

@media (max-width: 1440px) {
    .MC_box1{height: auto;}
    .MC_box6:before{width: calc(100% + 1rem); left: 0; border-radius: 2.5rem 0 0 2.5rem;}
}

@media (max-width: 1240px) {

    #container{ padding-top:6rem;}

    .MC_box1{margin-top: 1rem; padding: 0 1rem;}

    .MC_box3 {width:calc(100% - 24rem);}
    .MC_wrap1 .con_wrap {width: 22rem; }
}

@media (max-width: 1024px) {
    #container::before{ left:-10%; width:70%; background-position:right top;}

    .MC_wrap1 .con_wrap{width: 100%;}

    .MC_box3{width: 100%; height: auto; margin-bottom: 1.5rem;}
    .MC_box4{height: auto;}
}

@media (max-width: 768px) {
    #container{background-image: none;}
    .MC_wrap2{margin-bottom: 2rem; margin-top: 1.5rem;}
    .MC_box2{height: auto;}
   
    .MC_box5{height: auto;}
    .MC_box6{height: auto;}
    .MC_box6:before{background-size: 50%;}
}

@media (max-width: 460px) {
    .MC_box2{margin: 1.5rem 0 1rem;}
    .MC_box6:before{border-radius: 1rem 0 0 .5rem;}
}