.containerItem {
    background: url("/assets/images/bg_1.svg") no-repeat 0 0/cover !important;
    width: 100%;
    height: 100%;
    min-width: 98vw;
    overflow: hidden;
    min-height: 100vh;
    font-family: 'EastSeaDokdo';
    padding-top: 140px;
    margin-top: 40px;
    /* // @media screen and (min-width: 1750px) {
    //     min-height: 1120px;
    // }
    // @media screen and (max-width: 1740px) {
    //     min-height: 1000px;
    // }
    // @media screen and (max-width: 1590px) {
    //     min-height: 857px;
    // } */
    @media screen and (max-width: 768px) {
    background:#2C3434  url("/assets/images/banner_mob.svg") no-repeat 50% 0/cover !important;
    padding-top:50px;
    min-height: 1000px;
    }
}
.mob-logo{
    padding-bottom:50px;
}
.content {
    display: flex;
    align-items: center;
    justify-content: center;
  

    .frame-bg {
        z-index: 2;
        width: 100%;
        position: relative;

        /* // .text {
        //     position: absolute;
        //     top: 140px;
        //     right: 15%;
        //     word-break: break-word;
        //     max-width: 400px;
        //     text-align: center;
        // } */
    }

    @media screen and (max-width: 1440px) {
        justify-content: flex-start;
        .frame-bg {
            .text {
                right: 5%;
            }
        }
    }

    @media screen and (max-width: 768px) {
        flex-direction: column-reverse;
        margin-top: -40px;

        .frame-bg {
            .text {
                top: 54px;
                left: 80px;
                max-width: 260px;

                /* // transform: rotate(354deg); */
                @media screen and (max-width: 376px) {
                    left: 67px;
                }
            }
        }
    }
}