.share-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.share-popup{background:#fff;width:492px;max-width:calc(100% - 40px);padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.share-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.share-popup-header h3{margin:0;color:#191919;font-weight:600;font-size:24px}.close-btn{width:20px;height:20px;background:url(/icon/icon_x.svg) no-repeat 50%/contain;cursor:pointer}.share-popup-body{display:flex;flex-direction:column;gap:8px}.share-popup-body button{width:100%;height:48px;line-height:48px;font-size:16px;font-weight:600;border-radius:8px}.kakao-btn{background-color:#fee500;color:#000;display:flex;align-items:center;justify-content:center}.kakao-btn img{margin-right:10px}.kakaoIcon{width:30px;height:30px}.copy-btn{background-color:#00a29a;color:#fff}.typeA-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.typeA-popup{background:#fff;width:492px;max-width:calc(100% - 40px);padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:auto;max-height:90dvh}.typeA-popup .typeA-popup-header{display:flex;align-items:center;justify-content:space-between}.typeA-popup .typeA-popup-header h3{color:#191919;font-weight:600;font-size:24px;line-height:32px}.typeA-popup-body{margin-top:24px}.typeA-popup-body h4{color:#00a29a;font-weight:600;font-size:18px;line-height:150%;margin-bottom:8px}.typeA-popup-body p{color:#505050;font-weight:500;font-size:16px;line-height:150%}.typeA-popup-body textarea{background:#fafafa;border-radius:8px;padding:20px;height:160px;width:100%;margin-top:24px}.typeA-popup-body textarea::placeholder{color:#999;font-weight:400;font-size:15px;line-height:150%}.typeA-popup-body span{margin-top:24px;color:#00a29a;font-weight:500;font-size:14px;line-height:150%;text-align:center;width:100%;display:inline-block}.typeA-popup-body .btns{margin-top:8px;display:flex;align-items:center;gap:8px}.typeA-popup-body .btns .btn{width:100%;flex:1 1;height:48px;line-height:48px;border-radius:8px;font-weight:600;font-size:16px}.typeA-popup-body .btns .btn_gray{background:#f5f5f5;color:#191919}.typeA-popup-body .btns .btn_primary{background:#00a29a;color:#fff}.typeA-popup-body .filebox{margin-top:24px}.typeA-popup-body .filebox input[type=file]{display:none}.typeA-popup-body .filebox label{width:80px;height:80px;border-radius:8px;background:#fafafa;display:flex;align-items:center;justify-content:center;cursor:pointer}.typeA-popup-body .filebox label img{width:24px;height:24px;object-fit:contain}.typeA-popup-body .btns.column{flex-direction:column;margin-top:24px}.typeA-popup-body .complete img{height:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;object-fit:contain}.typeA-popup-body .complete{display:flex;flex-direction:column;align-items:center;justify-content:center}.typeA-popup-body .complete h1{margin-top:24px;color:#191919;font-weight:600;font-size:24px;line-height:32px}.typeA-popup-body .complete h2{margin-top:8px;color:#00a29a;font-weight:600;font-size:18px;line-height:150%}.typeA-popup-body .class_progress{background:#fafafa;border-radius:8px;padding:20px;display:flex;gap:16px;align-items:center}.typeA-popup-body .class_progress .img_wrap{width:64px;height:64px;border-radius:100%;overflow:hidden;flex-shrink:0}.typeA-popup-body .class_progress .img_wrap img{width:100%!important;height:100%!important;object-fit:cover}.typeA-popup-body .class_progress .text_wrap h1{color:#191919;font-weight:500;font-size:20px;line-height:150%}.typeA-popup-body .class_progress .text_wrap h2{margin-top:4px;color:#505050;font-weight:500;font-size:16px;line-height:150%}.typeA-popup-body .progress_blue{background:#ebf8f7;border-radius:8px;flex:1 1;width:100%;padding:12px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.typeA-popup-body .progress_blue h1{color:#00a29a;font-weight:600;font-size:28px;line-height:150%}.typeA-popup-body .progress_blue p{color:#00a29a;font-weight:500;font-size:14px;line-height:150%}@media (max-width:768px){.share-popup,.typeA-popup{padding:20px}.share-popup-header{margin-bottom:24px}.share-popup-header h3,.typeA-popup .typeA-popup-header h3{font-size:18px}.close-btn{width:16px;height:16px}.typeA-popup-body .class_progress{padding:12px;gap:4px}.typeA-popup-body .class_progress .img_wrap{width:40px;height:40px}.typeA-popup-body .class_progress .text_wrap h1{font-size:16px}.typeA-popup-body .class_progress .text_wrap h2{font-size:14px}.typeA-popup-body .btns.mo_column{flex-direction:column}.typeA-popup-body .progress_blue{flex-direction:row;justify-content:space-between;padding:8px 12px}.typeA-popup-body .progress_blue p{order:1;font-size:14px}.typeA-popup-body .progress_blue h1{order:2;font-size:18px}}