/* 콘텐츠 안 콘테이너 */
[class^='MC_wrap'] .container { display: flex; flex-wrap: wrap; } 

.MC_wrap3 { position: relative; padding: 3.65rem 0; background: url('/images/web/bmcm/main/wrap3Bg.png')no-repeat center center; background-size: cover; }
.MC_wrap4 { padding-top: 5rem; margin-bottom: 4.2rem; border-bottom: 1px solid #f0f0f0; }

.MC_box1 { position: relative; height: 40.5rem; width: 100%; background: #18c1e0; }
.MC_box2 { position: relative; width: 100%; padding: 2.5rem 2.25rem; background: #dafbff; }
.MC_box3 { position: relative; width: 100%; min-height: 43.75rem; }
.MC_box3 .container { height: 100%; justify-content: space-between; }
.MC_box4 { position: relative; width: calc(100% - 23.85rem); padding-right: 3.75rem; height: 28.55rem; }
.MC_box5 { position: relative; width: 23.85rem; height: 28.55rem; }

/***** 반응형 ****/

@media screen and (max-width: 2000px) {
    .MC_box1 { height: auto; }
}

@media screen and (max-width: 1540px) {
    .MC_wrap4 .container { justify-content: space-between; }

    .MC_box2 { padding: 2.5rem 1.5rem; }
    .MC_box4 { width: 63.2%; padding: 0; }
    .MC_box5 { width: 31.8%; }
}

@media screen and (max-width: 1440px) {
    .MC_box4 { width: 62.5%; }
    .MC_box5 { width: 33.5%; }
}

@media screen and (max-width: 1240px) {
    .MC_box2 { padding: 2.5rem 0; }
}

@media screen and (max-width: 1024px) {
    .MC_wrap4 { padding-top: 3rem; margin-bottom: 3.5rem; }

    .MC_box2 { padding: 2rem 0; }
    .MC_box4 { width: 100%; height: auto; }
    .MC_box5 { width: 100%; margin-top: 3rem; height: auto; }
}

@media screen and (max-width: 768px) {
    .MC_wrap3 { padding: 3rem 0; }

    .MC_box2 { height: auto; }
    .MC_box5 { margin-top: 2rem; }
}

@media screen and (max-width: 480px) {
    .MC_wrap3 { padding: 2rem 0; }
    .MC_wrap4 { padding-top: 2rem; margin-bottom: 2.5rem; }

    .MC_box2 { padding: 1.25rem 0; }
}

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

    .MC_box5 { margin-top: 1.5rem; }
}