.modal-box { opacity: 0; pointer-events: none; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: var(--size-md); background-color: var(--black80); transition: .4s all; z-index: 9999; }
.modal-box.fired { opacity: 1; pointer-events: all; }
.modal-wrap { padding: 15px 30px 30px; background-color: var(--white); border: 5px solid var(--color1); max-width: var(--max-width3); border-radius: var(--radius-s); box-shadow: var(--shadow20); max-height: calc(100vh - 100px); overflow: auto; text-align: left; }
.modal-wrap .title { padding-right: 30px; margin-bottom: 15px; font-size: var(--size-h-sm);}
.close-modal { padding: 4px; margin-left: auto; }
.close-modal:before { font-family: var(--font-icon); content: '\f00d'; color: var(--color2); font-weight: var(--font-weight-normal); }

.modal-content.form-cnt { margin-top: 15px; border: unset; }
.modal-content.form-cnt form .form-title { color: var(--color2); background-color: transparent; margin-bottom: 0; }

/* RWD */
@media(max-width: 920px){
    .modal-wrap { padding: 15px; }
    .modal-wrap .form-cnt .caption-fields { padding: 0; }
    .modal-content.form-cnt form .form-title { text-align: center; font-size: var(--size-h-md); }
}