.popup-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:100}.popup-wrap .popup{position:absolute;top:50%;left:50%;width:800px;height:40vh;background-color:#fff;transform:translate(-50%, -50%);border-radius:5px;box-shadow:0px 10px 20px #929292;overflow:hidden}.popup-wrap .popup .modal-title-area{padding:20px;font-size:1.5rem;font-weight:600;border-bottom:1px solid #dee3eb;position:relative}.popup-wrap .popup .modal-title-area .close-btn{position:absolute;right:20px;top:17px;cursor:pointer}.popup-wrap .popup .modal-title-area .close-btn:hover{opacity:.8}.popup-wrap .popup .modal-title-area .close-btn img{width:22px;height:22px;opacity:.5}.popup-wrap .popup .modal-text-area{padding:45px 30px 55px;font-size:1.5rem;line-height:20px;overflow-y:auto;height:calc(100% - 135px)}.popup-wrap .popup .modal-text-area .step-wrap{text-align:center}.popup-wrap .popup .modal-text-area .step-wrap ul{position:relative;text-align:center;display:inline-block}.popup-wrap .popup .modal-text-area .step-wrap ul:before{width:calc(100% - 39px);height:1px;background:#c9c9c9;content:"";top:0;position:absolute;left:18px}.popup-wrap .popup .modal-text-area .step-wrap ul li{position:relative;display:inline-block;font-size:1.3rem;margin-right:40px;padding-top:16px;margin-bottom:30px;font-weight:400;color:#aaa}.popup-wrap .popup .modal-text-area .step-wrap ul li:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-3px;background:#c9c9c9;width:7px;height:7px;border-radius:50%}.popup-wrap .popup .modal-text-area .step-wrap ul li.on:before{background:var(--main-color);width:10px;height:10px;top:-4px}.popup-wrap .popup .modal-text-area .step-wrap ul li.on{color:var(--main-color);font-weight:600}.popup-wrap .popup .modal-text-area .step-wrap ul li:last-child{margin-right:0}.popup-wrap .popup .modal-text-area .step-wrap ul li.on:after{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);border:2px solid #fff;border-radius:50%}.popup-wrap .popup .modal-text-area .pop-bg{text-align:center;background:#f1f6fb;padding:50px 15px;border-radius:5px}.popup-wrap .popup .modal-text-area .pop-bg p{margin-bottom:15px}.popup-wrap .popup .modal-text-area .pop-bg span{font-weight:600;color:var(--main-color)}.popup-wrap .popup .modal-text-area .pop-bg span.bk{color:#000}.popup-wrap .popup .modal-text-area .pop-bg .material-icons{font-size:45px;margin-bottom:20px;display:block;text-align:center;color:#5d8fff}.popup-wrap .popup .modal-text-area .form{text-align:center}.popup-wrap .popup .modal-text-area .form .left,.popup-wrap .popup .modal-text-area .form .right{margin-top:10px;cursor:pointer;background:var(--main-color);width:177px;padding:40px 20px;text-align:center;font-size:1.2rem;font-weight:500;border-radius:5px;display:inline-block;transition:background .25s ease}.popup-wrap .popup .modal-text-area .form .left .img,.popup-wrap .popup .modal-text-area .form .right .img{width:46px;height:auto;margin:0 auto;margin-bottom:5px}.popup-wrap .popup .modal-text-area .form .left .img img,.popup-wrap .popup .modal-text-area .form .right .img img{max-width:100%;width:100%;height:100%}.popup-wrap .popup .modal-text-area .form .left p,.popup-wrap .popup .modal-text-area .form .right p{font-weight:500;font-size:1.4rem;color:#fff}.popup-wrap .popup .modal-text-area .form .left:hover,.popup-wrap .popup .modal-text-area .form .right:hover{background:#7394ff}.popup-wrap .popup .modal-text-area .form .left{margin-right:20px}.popup-wrap .popup .modal-foot-area{padding:20px;border-top:1px solid #dee3eb;background-color:#fff}.popup-wrap .popup .modal-foot-area .btn-wrap button{height:40px;line-height:38px;font-size:1.3rem;width:auto;min-width:120px;float:none}.popup-wrap.find-pop .popup{height:auto}.popup-wrap.find-pop .modal-text-area{height:auto}.popup-wrap.find-pop .modal-text-area .pop-tit{position:relative;padding-left:20px;font-weight:500;padding-bottom:10px;font-size:1.4rem}.popup-wrap.find-pop .modal-text-area .pop-tit:after{content:"";position:absolute;top:3px;left:0;width:14px;height:14px;border-radius:50%;border:3px solid #7babff}.popup-wrap.find-pop input[type=text],.popup-wrap.find-pop input[type=password]{height:35px;line-height:28px;padding-left:10px}.popup-wrap.find-pop .select-box select{height:35px}.popup-wrap.find-pop .vertic-table table tr:hover{background-color:rgba(0,0,0,0)}.popup-wrap.find-pop .vertic-table table tr td .com-num input.text-input{display:inline-block}.popup-wrap.find-pop .vertic-table table tr td .com-num input.text-input.com-input:first-child{width:100px;margin-right:15px}.popup-wrap.find-pop .vertic-table table tr td .com-num input.text-input.com-input:nth-child(2){width:100px;margin-right:15px}.popup-wrap.find-pop .vertic-table table tr td .com-num input.text-input.com-input:last-child{width:calc(100% - 237px)}@media(max-width: 800px){.popup-wrap .popup{width:calc(100% - 40px)}}@media(max-width: 768px){.popup-wrap .popup .modal-title-area{font-size:1.6rem;padding:15px}.popup-wrap .popup .modal-title-area .close-btn{top:14px;right:15px}.popup-wrap .popup .modal-text-area{height:calc(100% - 120px);padding:20px}.popup-wrap .popup .modal-text-area .pop-bg p{font-size:1.3rem}.popup-wrap .popup .modal-foot-area{padding:15px}.popup-wrap.find-pop .vertic-table table tr:hover{background-color:rgba(0,0,0,0)}.popup-wrap.find-pop .vertic-table table tr td .com-num input.text-input.com-input{display:inline-block}.popup-wrap.find-pop .vertic-table table tr td .com-num input.text-input.com-input:first-child{width:calc(50% - 8px);margin-right:10px}.popup-wrap.find-pop .vertic-table table tr td .com-num input.text-input.com-input:nth-child(2){width:calc(50% - 8px);margin-right:0}.popup-wrap.find-pop .vertic-table table tr td .com-num input.text-input.com-input:last-child{width:100%;margin-top:5px}}@media(max-width: 550px){.popup-wrap .popup .modal-title-area{font-size:1.5rem}.popup-wrap .popup .modal-title-area .close-btn{top:13px}.popup-wrap .popup .modal-text-area{height:calc(100% - 115px)}.popup-wrap .popup .modal-text-area .form .left,.popup-wrap .popup .modal-text-area .form .right{width:calc(50% - 5px);margin-right:5px;margin-bottom:7px;padding:20px}.popup-wrap .popup .modal-text-area .form .left .img,.popup-wrap .popup .modal-text-area .form .right .img{width:35px}.popup-wrap .popup .modal-text-area .form .left p,.popup-wrap .popup .modal-text-area .form .right p{font-size:1.2rem}.popup-wrap .popup .modal-text-area .form .right{margin-right:0}.popup-wrap .popup .modal-text-area .pop-bg{text-align:center;background:#f1f6fb;padding:30px 15px}.popup-wrap .popup .modal-text-area .pop-bg .material-icons{font-size:30px;margin-bottom:15px}.popup-wrap .popup .modal-foot-area .btn-wrap button{width:calc(50% - 4px)}}