.modal-popup{display:block;width:300px;height:max-content;min-height:334px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #000;z-index:999}.modal-popup.bg-white{background:#fff;color:#121212;height:auto;border-radius:12px}.modal-popup.hide{display:none}.modal-popup .main-img{width:100%;height:auto;border:none;cursor:pointer;box-sizing:border-box}.modal-popup .main-img img{width:100%;height:auto;object-fit:scale-down}.modal-popup .modal-header{max-width:95%;margin:0 auto 20px;padding:20px 30px;text-align:center;border-bottom:1px solid #e9e9e9}.modal-popup .modal-header p{font-weight:700;padding:8px;border-radius:4px}.modal-popup .modal-content{padding:15px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:16px}.modal-popup .modal-content label{width:100%;font-weight:700;display:flex;flex-direction:column;row-gap:6px;box-sizing:border-box;font-size:14px}.modal-popup .modal-content input{border:1px solid #000;border-radius:8px;width:100%;box-sizing:border-box;color:#121212}.modal-popup .modal-content input:hover{background:#fff}.modal-popup .modal-content .full-btn{border:0;background:#f0002e;border-radius:8px;margin-top:15px}.modal-popup .modal-close{position:absolute;bottom:0;right:0;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.modal-popup .modal-close p{padding:10px;font-size:12px;width:50%;text-align:center;cursor:pointer;background:#212121;color:#999}.modal-popup .modal-close p.light-btn{background:#2c2c2c;border-right:1px solid #2c2c2c}@media (min-width:980px){.modal-popup{width:480px;height:528px}.modal-popup .modal-close p{padding:16px;font-size:14px}}