:root {
    --blue:#0E89E8;
    --light-blue:#F0F7FD;
}
.cont { padding: 100px 0; }
.light-blue-bg { background: var(--light-blue); }
.mro-container a {/* background: rgba(255,0,0,.4);*/ display: inline-block; width: 100px; height: 30px; position: absolute; }
.main-bnr { padding: 148px 0 75px; background:#F0F7FD; }
.main-bnr .img-page {
    width:1200px;
    height:445px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img01.png) center center/1200px 455px no-repeat;
    margin:auto;
}
.main-bnr a { bottom: 78px; left: 0; width: 238px; height: 72px; }
.main-bnr a:nth-child(2){ bottom: 78px; left: 256px; }
.cont01 { padding: 50px; background: var(--blue); }
.cont01 .img-page {
    width:994px;
    height:240px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img02.png) center center/994px 240px no-repeat;
    margin:auto;
}
.cont02 .img-page {
    width:1200px;
    height:737px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img03.png) center center/1200px 737px no-repeat;
    margin:auto
}
.cont03 .img-page {
    width:1233px;
    height:330px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img04.png) center center/1233px 330px no-repeat;
    margin:auto
}
.cont04 .img-page {
    width:1186px;
    height:356px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img05.png) center center/1186px 356px no-repeat;
    margin:auto
}
.cont05 { padding:90px 0 88px; }
.cont05 .img-page {
    width:1200px;
    height:352px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img06.png) center center/1200px 352px no-repeat;
    margin:auto
}
.cont06 .img-page:nth-child(1) {
    width:1200px;
    height:860px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img07.png) center center/1200px 860px no-repeat;
    margin:0 auto 100px;
}
.cont06 .img-page:nth-child(2) {
    width:1200px;
    height:493px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img08.png) center center/1200px 493px no-repeat;
    margin:auto
}
.cont06 a {
    right: 80px;
    top: 70px;
    width: 503px;
    height: 260px;
}
.cont07 a {
    right: 0;
    bottom: 0;
    width: 228px;
    height: 100px;
}
.cont07 .img-page:nth-child(1) {
    width:1200px;
    height:442px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img09.png) center center/1200px 442px no-repeat;
    margin:0 auto 100px;
}
.cont07 .img-page:nth-child(2) {
    width:1200px;
    height:438px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img10.png) center center/1200px 438px no-repeat;
    margin:auto
}
.cont08 .img-page {
    width:718px;
    height:364px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/full-img11.png) center center/718px 364px no-repeat;
    margin:auto
}

@media screen and (max-width: 768px) {
    .wrap { width:100%; min-width: 320px; }
    .main-bnr {
        padding: 0;
        height: auto;
    }
    .main-bnr .img-page {
        width: 100%;
        height: calc(100vw * 600 /375);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img01.png) center center/cover no-repeat;
        margin:auto;
        position: relative;
    }
    .main-bnr a {
        bottom: calc(375% / 600 + 73vw);
        left: calc(375% / 375 + 8vw);
        width: calc(100% / 375 * 148);
        height: calc(100% / 375 * 31);
    }
    .main-bnr a:nth-child(2) {
        bottom: calc(375% / 600 + 73vw);
        right: calc(375% / 375 + 8vw);
        left:auto;
    }
    .cont { padding: 40px 0; }
    .cont01 .img-page {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 286 /322);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img02.png) center center/cover no-repeat;
    }
    .cont02 .img-page {
        width: 100%;
        height: calc(100vw * 931 /375);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img03.png) center center/cover no-repeat;
    }
    .cont03 .img-page {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 360 /343);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img04.png) center center/cover no-repeat;
    }
    .cont04 .img-page {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 461 /335);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img05.png) center center/cover no-repeat;
    }
    .cont05 .img-page {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 356 /343);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img06.png) center center/cover no-repeat;
    }
    .cont06 .img-page:nth-child(1) {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 853 /335);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img07.png) center center/cover no-repeat;
        margin-bottom: 60px;
    }
    .cont06 .img-page:nth-child(2) {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 597 /336);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img08.png) center center/cover no-repeat;
    }
    .cont06 a {
        top: calc(335% / 853 + 57vw);
        left: 0;
        right: 0;
        width: calc(100% / 335 * 288);
        height: calc(100% / 335 * 58);
        margin: auto;
    }
    .cont07 .img-page:nth-child(1) {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 360 /336);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img09.png) center center/cover no-repeat;
        margin-bottom: 60px;
    }
    .cont07 .img-page:nth-child(2) {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 626 /335);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img10.png) center center/cover no-repeat;
    }
    .cont07 a {
        width: calc(100% / 336 * 106);
        height: calc(100% / 336 * 52);
    }
    .cont08 .img-page {
        width: calc(100% - 40px);
        height: calc((100vw - 40px) * 488 /318);
        background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/event/mro/m_full-img11.png) center center/cover no-repeat;
        margin-bottom: 60px;
    }

}