/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; background: #011d37; }
#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; }

.container { max-width: 80rem; margin: 0 auto;}
.MC_wrap1{position: relative; z-index: 1;}
.MC_box1{ height: 42.9rem;} /* 메인비주얼 */

.MC_wrap2{position: relative; z-index: 2; margin-top: -13.3rem;}
.MC_wrap2 .container{display: flex; flex-wrap: wrap;}
.MC_box2{ width: calc(100% - 25.7rem); height: 18.5rem; padding-right: 3rem;} /* 포토갤러리 */
.MC_box3{ width: 25.7rem; height: 18.5rem; } /* 게시판 */
.MC_box4{ width: 100%; height: 3.6rem; margin-top: 5.7rem;} /* 바로가기 */

#footer {z-index: 3;} 


@media screen and (max-width:1660px) {

    .container{padding: 0 1rem;}
    
}
@media screen and (max-width:1440px) {

    #container { padding-top: 0rem; }
    
}

@media screen and (max-width:1240px) {
    .MC_box1{height: auto;}
    .MC_wrap2{margin-top: -21.5rem;}
    .MC_box2{ width: calc(100% - 18.45rem); height:auto; padding-right: 1.5rem;} /* 포토갤러리 */
    .MC_box3{ width: 18.45rem; height: auto; } /* 게시판 */
    .MC_box4{ margin-top: 3.2rem;} /* 바로가기 */

    
}
@media screen and (max-width:860px) {
    .MC_box4{ height: auto;} /* 바로가기 */

}
@media screen and (max-width:768px) {
    .MC_box2{ width: 100%; padding-right: 0;} /* 포토갤러리 */
    .MC_box3{ width: 100%; margin-top: 1rem; } /* 게시판 */
    .MC_box4{ margin-top: 1rem;} /* 바로가기 */
}
@media screen and (max-width:480px) { 
    .MC_box1{} /* 메인비주얼 */

    .MC_wrap2{margin-top: -65vw;}

}