.popup{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:0 20px;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100%;z-index:998}.popup.active{opacity:1;visibility:visible}.popup .popup-content{align-items:center;border-radius:12px;display:flex;max-width:1093px;overflow:hidden;position:relative;width:100%;z-index:999}.popup .popup-content .popup-image{height:488px;min-width:344px;width:344px}.popup .popup-content .popup-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.popup .popup-content .detail{background:#fff;max-height:488px;min-height:488px;padding:40px 38px 40px 40px;position:relative;width:100%}.popup .popup-content .detail:after{background-image:url(./popup-vector.CXyyrr0W.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;-o-object-fit:contain;object-fit:contain;opacity:.7;pointer-events:none;position:absolute;right:0;top:0;width:433.78px}.popup .popup-content .detail:before{background:linear-gradient(180deg,#fff0,#fff);bottom:40px;content:"";height:50px;pointer-events:none;position:absolute;right:70px;width:calc(100% - 110px);z-index:1}.popup .popup-content .detail .detail-warp{height:408px;overflow:auto;padding-bottom:30px;padding-right:10px;position:relative}.popup .popup-content .detail .detail-warp::-webkit-scrollbar{height:10px;width:10px}.popup .popup-content .detail .detail-warp::-webkit-scrollbar-thumb{background:#00000080;border:2px solid #fff;border-radius:10px;height:5px;width:5px}.popup .popup-content .detail .detail-warp .name{font-size:3rem;line-height:3.6rem;margin-bottom:7px}.popup .popup-content .detail .detail-warp .description,.popup .popup-content .detail .detail-warp .position{font-size:1.8rem;line-height:2.5rem}.popup .popup-content .detail .detail-warp .line{background:#14259b;height:3px;width:50px}.popup .popup-content .detail .detail-warp .position{margin-bottom:33px}.popup .popup-content .detail .detail-warp .description{margin-top:30px}.popup .popup-content .icon{align-items:center;background:#fff;border:1px solid #dee2ec;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:40px;justify-content:center;line-height:1.5rem;position:absolute;right:20px;top:20px;width:40px;z-index:999}@media (max-width:767px){.popup{overflow:auto;padding:94px 20px}.popup .popup-content{align-items:center;background:#fff;border-radius:6px;display:flex;flex-direction:column;height:624px;max-width:100%;overflow:hidden;padding:30px 0;position:relative;width:100%;z-index:999}.popup .popup-content:after{background-image:url(./popup-vector-mobile.BjU1uRvG.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:244px;-o-object-fit:contain;object-fit:contain;opacity:unset;pointer-events:none;position:absolute;right:0;top:280px;width:216.89px}.popup .popup-content .popup-image{border-radius:6px;height:244px;min-height:244px;min-width:172px;overflow:hidden;width:172px}.popup .popup-content .popup-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.popup .popup-content .detail{background:#fff;margin-right:7px;max-height:unset;min-height:unset;padding:unset;padding-top:20px;position:relative;width:100%}.popup .popup-content .detail:after,.popup .popup-content .detail:before{display:none}.popup .popup-content .detail .detail-warp{height:300px;overflow:auto;padding-right:10px;scrollbar-color:rgba(0,0,0,.5) #fff;scrollbar-width:thin}.popup .popup-content .detail .detail-warp::-webkit-scrollbar{width:8px}.popup .popup-content .detail .detail-warp::-webkit-scrollbar-track{background:#fff;border-radius:10px}.popup .popup-content .detail .detail-warp::-webkit-scrollbar-thumb{background:#00000080;border-radius:10px}.popup .popup-content .detail .detail-warp::-webkit-scrollbar-thumb:hover{background:#000000b3}.popup .popup-content .detail .detail-warp .name{font-size:2.2rem;line-height:2.7rem;margin-bottom:4px;padding:0 20px}.popup .popup-content .detail .detail-warp .description,.popup .popup-content .detail .detail-warp .position{font-size:1.5rem;line-height:2.1rem;padding:0 20px}.popup .popup-content .detail .detail-warp .line{background:#14259b;height:1.5px;margin-left:20px;width:25px}.popup .popup-content .detail .detail-warp .position{margin-bottom:15px}.popup .popup-content .detail .detail-warp .description{margin-top:15px}.popup .popup-content .icon{right:10px;top:10px}}