/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; max-width: 96rem; margin: 0 auto; }
#container .container::after{content: none;}
/* #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; height: 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; display: flex; gap: 1.2rem; height: 45.5rem;}
.safety_region { flex-direction: column; gap: 1.2rem; height: auto;}

.MC_wrap1 .cont_wrap1 {display: flex; gap: 1.2rem; height: 30.5rem;}
.MC_wrap1 .cont_wrap2 {display: flex; flex-direction: column; gap: 1.2rem; width: 28.5rem; height: 100%;}
.safety_region .cont_wrap2 {flex-direction: row; width: 100%; height: 14rem;}

.MC_box1 { position:relative; flex: 1; height: 100%;} /* 지도영역 */
.MC_box2 { position:relative; flex: 1; height: 100%;} /* 지도영역 */
.MC_box3 { position:relative; width: 100%; flex: 16.25; min-height: 0; overflow: hidden;} /* 기상 특보 */
.MC_box4 { position:relative; width: 100%; flex: 14.2; min-height: 0;} /* 기상 현황 */
.MC_box5 { position:relative; width: 100%; flex-shrink: 0; height: 12.5rem;} /* 산불 현황 */
.safety_region .MC_box3,
.safety_region .MC_box4,
.safety_region .MC_box5 { flex: 1 1 0%; width: 0; height: 100%; }
.MC_box6 { position:relative; width: 100%; margin-top: 1.2rem;} /* 언론보도 */

[class^="MC_box"] div {z-index: 1;}

@media (max-width: 1240px) {
    .MC_wrap1 { flex-direction: column; height: auto;}

    .MC_wrap1 .cont_wrap2,
    .safety_region .cont_wrap2 {flex-direction: row; flex-wrap: wrap; width: 100%; height: auto;}

    .MC_box1 { flex: none; height: 21rem;} /* 지도영역 */
    .safety_region .MC_box1 {flex: 1; height: 100%;}
    .MC_box3,
    .safety_region .MC_box3,
    .MC_box4,
    .safety_region .MC_box4 { width: calc(50% - 0.6rem); height: 18.5rem; flex: none;} /* 기상 특보 */
    .MC_box5,
    .safety_region .MC_box5 { flex-shrink: 0; height: 12.25rem;} /* 산불 현황 */
}

@media (max-width: 1024px) {
    .MC_wrap1 .cont_wrap1 {height: 21rem;}
}

@media (max-width: 950px) {
    .MC_wrap1 .cont_wrap1{ flex-direction: column; gap: 1.2rem; height: auto;}
    
    .safety_region .MC_box1 {flex: none; height: 21rem;}
    .MC_box2 { flex: none; height: 21rem;} /* 지도영역 */
    .MC_box3,
    .safety_region .MC_box3,
    .MC_box4,
    .safety_region .MC_box4 { width: 100%; height: 18.5rem;} /* 기상 특보 */
}

@media (max-width: 768px) {
    .MC_wrap1 { gap: 1rem;}

    .MC_wrap1 .cont_wrap1{ gap: 1rem;}
    .MC_wrap1 .cont_wrap2 {gap: 1rem;}

    .MC_box1 { height: 17rem;} /* 지도영역 */
    .safety_region .MC_box1 {height: 17rem;}
    .MC_box2 { height: 17rem;} /* 지도영역 */
    .MC_box3,
    .safety_region .MC_box3 { height: 15.55rem;} /* 기상 특보 */
    .MC_box4,
    .safety_region .MC_box4 { height: auto;} /* 기상 현황 */
    .MC_box5,
    .safety_region .MC_box5 { height: 10.25rem;} /* 산불 현황 */
    .MC_box6 { margin-top: 1rem;} /* 언론보도 */

}
@media (max-width: 580px) {

}

@media (max-width: 480px) {
    .MC_box1 { height: 14rem;} /* 지도영역 */
    .safety_region .MC_box1 {height: 14rem;}
    .MC_box2 { height: 14rem;} /* 지도영역 */
    .MC_box3,
    .safety_region .MC_box3 { height: 14.25rem;} /* 기상 특보 */
    .MC_box5,
    .safety_region .MC_box5 { height: 11.75rem;} /* 산불 현황 */
}

@media (max-width: 380px) {

}