/* ------------------------------------- */

.note-content {
}

.note-txt-wrap {
    width: 45%;
}

.note-image {
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.note-image img {
        height: 100%;
        object-fit: cover;
}


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

    .note-content {
        display: block;
        position: relative;
    }

    .note-txt-wrap {
        width: 100%;
    }

    .note-image {
        margin-top: 6rem;
        width: 100vw;
        position: relative;
    }

    .note-image img {
        height: auto;
    }

    .note-main-btn {
        max-width: 22.3rem;
        margin-inline: auto;
    }

}




/* ------------------------------------- */


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

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