body:has(.c-modal.is-open) {
    overflow: hidden;
}

.modal-btn__txt{
    background: none;
    border: none;
    color: #0072BC;
    text-decoration: underline;
    padding:0;
    letter-spacing: -0.15em;

    &::after{
        width: 14px !important;
        height: 14px !important;
        background: url(/cmn3/img/icon/ic_expand.svg) 50% center / 14px 14px no-repeat !important;
    }

    &:hover{
        text-decoration: none;
    }
}

.modal-btn__txt-prev {
    background: no-repeat;
    border: none;
    color: #0072BC;
    cursor: pointer;

    &::before{
    content: "";
    width: 10px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 0.08em;
    margin: 0 0.3em;
    background: url(/cmn3/img/icon/ic_arrow_left.svg) no-repeat 50%;
    background-size: 9px 15px;
    }
}

@media (max-width: 767px) {
    .c-modal__overlay {
        align-items: center !important;
    }

    .c-modal__body {
        max-height: calc(100vh - 180px);
        max-height: calc(100dvh - 180px);
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .c-modal__body::-webkit-scrollbar {
        display: none;
    }

    .c-page-sub__content #modal-1 h3{
        font-size:1.7rem;

    }

}