body.modal-opened{overflow:hidden}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--black-30);opacity:0;visibility:hidden;transition:all .4s ease;max-width:100%;z-index:-1}.modal.active{z-index:999998;opacity:1;visibility:visible}.modal.active.modal-top{z-index:9999}.modal .btn-close{border-top:1px solid var(--gray-80);line-height:1;background-color:var(--gray-30);text-align:center}.modal .btn-close:after{content:'\0078'}.modal .modal-inner{overflow:auto;-webkit-overflow-scrolling:touch;padding:80px;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.modal-box{background:var(--gray-10);width:960px;margin:0 auto;min-height:400px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.3);-moz-box-shadow:0 0 20px rgba(0,0,0,.3);box-shadow:0 0 20px rgba(0,0,0,.3);position:relative;border:1px solid var(--gray-80)}.modal-box.modal-box-md{max-width:770px;background-color:#fff}.modal-box .modal-header{text-align:center;padding:var(--gap-1-4) var(--gap-1-2);border-bottom:1px solid var(--gray-80)}.modal-box .modal-body{padding:25px}.modal-box .modal-body .modal-content{display:flex;flex-direction:column;gap:var(--gap-1-4);padding:var(--gap-1-4) var(--gap-1-2)}@media all and (max-width:980px){body.modal-opened{overflow:auto}.modal.active{display:block}.modal .modal-inner{overflow:auto;padding:0;padding-top:var(--gap)}.modal-box{width:85%;max-width:640px}}@media all and (max-width:767px){.modal-box .modal-body .modal-content{padding:var(--gap-1-4) 0}}