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

.MC_wrap1 { position:relative; }
.MC_wrap1::before {content: ''; position: absolute; top: 0; left: 50%; margin-left: 32rem; width: 31.85rem; height: 11.3rem; background: url(/images/web/neulbom/main/wrap1_bg.png) no-repeat right top / contain; z-index: -1;}
.MC_wrap2 { position:relative;  margin-top:2.5rem; }
.MC_wrap2::before {content:''; position: absolute; left:0; bottom:0; width: 100%; height: calc(100% - 5.2rem); background: #fff6d9; z-index: -1;} 
.MC_wrap3 { position:relative; margin-top: 2.5rem;}

.MC_wrap1 .container {display: flex; justify-content: space-between;}
.MC_wrap1 .container::after {display: none;}
.MC_wrap2 .container {display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 2.25rem;}
.MC_wrap2 .container::before {content: ''; position: absolute; left: -16.65rem; bottom:0; width: 19.9rem; height: 20.2rem; background: url(/images/web/neulbom/main/wrap2_bg1.png) no-repeat center bottom / contain; z-index: -1;}
.MC_wrap2 .container::after {content: ''; position: absolute; right: -21.7rem; bottom:0; width: 28.15rem; height: 20.35rem; background: url(/images/web/neulbom/main/wrap2_bg2.png) no-repeat center bottom / contain; z-index: -1;}

.MC_box1 { position:relative; width:52.2%; height:22.75rem; } /* 메인비주얼 */
.MC_box2 { position:relative; width:43.5%; height:22.75rem; } /* 게시판 */
.MC_box3 { position:relative; width:52.5%; } /* 바로가기1 */
.MC_box4 { position:relative; width:43.5%; padding-bottom: 2.9rem;} /* 바로가기2 */
.MC_box5 { position:relative; width:100%; margin-top: 2rem; } /* 갤러리 */

@media (max-width: 1440px) {
    .MC_box2 { position:relative; width:44.5%; } /* 게시판 */
    .MC_box4 { position:relative; width:44.5%;} /* 바로가기2 */
}

@media (max-width: 1240px) {
    .MC_wrap1::before {content: ''; position: absolute; top: 29rem; bottom: 5%; left: auto; right: -6.5rem; margin-left: 0; width: 70%; height: 14rem;}

	.MC_wrap1 .container {flex-direction: column;}
    .MC_wrap2 .container::before,
    .MC_wrap2 .container::after {display: none;}

    .MC_box1 { width:100%; height:30rem; } /* 메인비주얼 */
    .MC_box2 { width:100%; height:auto; } /* 게시판 */
    .MC_box3 { width:62%; } /* 바로가기1 */
    .MC_box4 { width:35%; padding-bottom: 0;} /* 바로가기2 */
}

@media (max-width: 1024px) {

    #container{ padding-top:6.5rem;}

    .MC_wrap1::before {top: 23rem;}
	
    .MC_box1 { height:25rem; } /* 메인비주얼 */
}

@media (max-width: 950px) {
    .MC_wrap1::before {top: 19rem;}

    .MC_wrap2 .container {flex-direction: column; padding-bottom: 2.25rem;}
    
    .MC_box3 { width:100%; } /* 바로가기1 */
    .MC_box4 { width:100%; padding-bottom: 0;} /* 바로가기2 */
}

@media (max-width: 840px) {

    .MC_box1 { height:20rem; } /* 메인비주얼 */
}

@media (max-width: 768px) {
    #container{ padding-top:3rem;}
}

@media (max-width: 680px) {
    .MC_wrap1::before {width: 80%; top: 13rem;}

    .MC_box1 { height:14rem; } /* 메인비주얼 */
}

@media (max-width: 580px) {
    .MC_wrap2 {margin-top: 1.5rem; padding-top: 1rem;}
    .MC_wrap2::before {bottom:auto; top: 0; width: 100%; height: 40%;} 
    .MC_wrap3 {margin-top: 1.5rem; }

    .MC_box5 { margin-top: 1.5rem; } /* 갤러리 */
}

@media (max-width: 480px) {
    .MC_wrap1::before {width: 100%;}

    .MC_box1 { width: calc(100% + 2rem); height: 13rem; margin-left: -1rem; } /* 메인비주얼 */
}

@media (max-width: 440px) {
    .MC_wrap2::before {height: 43%;} 
    
}

@media (max-width: 380px) {
    .MC_wrap1::before {width: 120%;}
}

@media (max-width: 340px) {
    .MC_wrap1::before {top: 9.5rem;} 
    .MC_wrap2::before {height: 49%;} 

	.MC_box1 { height:10rem; } /* 메인비주얼 */
}