/* 메인 컨테이너 */
#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; } */

.container { position: relative; max-width: 82rem; margin: 0 auto; padding: 0 1rem; }

.MC_wrap1 { position:relative; margin-top: 3rem;}
.MC_wrap1 > .container::before{content: ""; width: 18.5rem; height: 18.5rem; position: absolute; right: -5rem; top: -2rem; background: url('/images/web/minddesign/main/MC_wrap1_bg.png') no-repeat center / cover;}
.MC_wrap1 > .container{display: flex; align-items: flex-end; flex-wrap: wrap;}
.MC_wrap3 {position: relative; padding-bottom: 4rem;}
.MC_wrap3 > .container {display: flex;}

.MC_box1 {position: relative; height: auto; width: 80%;} /* 메인비주얼 */
.MC_box2.widgDiv {position: absolute; right: 1rem; bottom: 0; width: calc(20% + 2.5rem); min-height: 21.5rem;} /* 유물찾기 */
.MC_box3 {position: relative; width: 100%; margin-bottom: 4rem;} /* 관람안내 */
.MC_box4 {position: relative; width: 100%; margin-bottom: 4rem;} /* 갤러리 */
.MC_box5 {position: relative; width: 74.375%;} /* NEWS */
.MC_box6 {position: relative; width: 23.125%; margin-left: auto;} /* 바로가기 */


/* 반응형 */
@media screen and (max-width: 1540px) {
    .MC_wrap1 > .container::before {display: none;}
    
    .MC_box1 {width: 100%;} /* 메인비주얼 */
    .MC_box2 {position: relative; right: 0; bottom: 0; width: 100%; min-height: unset;} /* 유물찾기 */
}

@media screen and (max-width: 1440px) {
    #container { padding-top: 0; }
}

@media screen and (max-width: 1240px) {
    .MC_box3 { margin-bottom: 3rem; }
}

@media screen and (max-width: 1024px) {
    .MC_wrap1 { margin-top: 1rem; }
    .MC_wrap3 {padding-bottom: 2.5rem;}
    .MC_wrap3 > .container { flex-wrap: wrap;}

    
    .MC_box3 { margin-bottom: 2.5rem;} /* 관람안내 */
    .MC_box4 { margin-bottom: 2.5rem;} /* 갤러리 */
    .MC_box5 { width: 100%;} /* NEWS */
    .MC_box6 { width: 100%; margin-top: 2.5rem;} /* 바로가기 */
}

@media screen and (max-width: 480px) {
    .MC_wrap1 > .container::before { content: none;}

    .MC_box6 { margin-top: 1.5rem;} /* 바로가기 */
}