*{box-sizing:border-box;margin:0;padding:0}html,body{color:#111;background-color:#fff;width:100%;height:100%;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}#root{background-color:#f9f9f9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.app-container{width:100vw;height:100vh;box-shadow:none;background-color:#fff;border-radius:0;position:relative;overflow:hidden}@media (min-width:438px){.app-container{border-radius:24px;width:375px;height:812px;box-shadow:0 0 20px #00000026}}.scroll-area{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow-y:auto}.scroll-area::-webkit-scrollbar{display:none}@media (max-width:360px){.app-container{transform:scale(.95)}}@media (min-width:414px){.app-container{transform:scale(1.05)}}@media (orientation:landscape){.app-container{transform-origin:top;transform:scale(.9)}}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2)format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2)format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2)format("woff2");font-weight:900;font-display:swap}.title-1{font-family:Pretendard;font-size:1.5rem;font-weight:700}.title-2,.title-3{font-family:Pretendard;font-size:1.125rem;font-weight:700}.sub-title-1{font-family:Pretendard;font-size:1.25rem;font-weight:600}.sub-title-2{font-family:Pretendard;font-size:1.125rem;font-weight:600}.sub-title-3{font-family:Pretendard;font-size:1rem;font-weight:600}.sub-title-4{font-family:Pretendard;font-size:.875rem;font-weight:600}.sub-title-5{font-family:Pretendard;font-size:.75rem;font-weight:600}.body-1{font-family:Pretendard;font-size:1rem;font-weight:500}.body-2{font-family:Pretendard;font-size:.875rem;font-weight:500}.body-3{font-family:Pretendard;font-size:.75rem;font-weight:500}.caption{font-family:Pretendard;font-size:.75rem;font-weight:400}.button-title{font-family:Pretendard;font-size:.875rem;font-weight:700}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#3b82f6;--primary-400:#2563eb;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#9ca3af;--gray-400:#6b7280;--gray-500:#4b5563;--gray-600:#1f2937;--black:#000;--white:#fff;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#f87171;--red-300:#ef4444;--green-50:#dcfce7;--green-100:#bbf7d0;--green-200:#22c55e;--green-300:#16a34a;--cyan:#06b6d4;--indigo:#6366f1;--yellow:#eab308;--orange:#f97416}.splash-container{height:100vh;color:var(--Black,#000);text-align:center;justify-content:center;align-items:center;transition:opacity .5s ease-out;display:flex}.splash-container.fade-out{opacity:0;pointer-events:none}.splashText{width:118px;height:58px}.navibar{padding:10px;padding-top:calc(env(safe-area-inset-top,0px) + 10px);align-items:center;padding-bottom:10px;padding-left:10px;padding-right:10px;display:flex;position:relative}.navibar_back{aspect-ratio:1;cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.navibar_title{color:var(--Black,#000);text-align:center;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:700;line-height:140%;position:absolute;left:50%;transform:translate(-50%)}.report-container{box-sizing:border-box;background-color:#fff;max-width:480px;min-height:100vh;margin:0 auto;padding:16.38px 21px 46px;font-family:Pretendard,sans-serif}.form-section{margin-bottom:24px}.form-label{margin-bottom:8px;font-weight:600;display:block}.input-box{color:#333;background-color:#f9fafb;border:1px solid #0000;border-radius:12px;outline:none;width:100%;margin-bottom:10px;padding:12px 14px;font-size:15px;transition:border-color .2s,background-color .2s}.input-box:focus{border-color:#3b82f6}.upload-box{cursor:pointer;background-color:#f9fafb;border:1.5px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;width:100%;height:160px;transition:border-color .2s,background-color .2s;display:flex}.upload-placeholder{text-align:center;color:#6b7280;font-size:14px}.upload-icon img{width:28px;margin-bottom:6px}.upload-preview{object-fit:cover;border-radius:12px;width:100%;height:100%}.hidden-input{display:none}.textarea-box{color:#333;resize:none;background-color:#f9fafb;border:1px solid #0000;border-radius:12px;outline:none;width:100%;height:120px;padding:12px 14px;font-size:14px;transition:border-color .2s,background-color .2s}.textarea-box:focus{border-color:#3b82f6}.report-page .submit-btn{color:#2563eb;cursor:not-allowed;white-space:nowrap;background-color:#eff6ff;border:none;border-radius:100px;width:161px;height:45px;margin:0 auto;font-size:14px;font-weight:700;transition:all .3s;display:block}.submit-btn.active{color:#eff6ff;cursor:pointer;background-color:#2563eb}.submit-btn.active:hover{background-color:#1d4ed8}.input-box.error,.textarea-box.error,.upload-box.error{background-color:#fef2f2;border:1.5px solid #ef4444}.error-msg{color:#dc2626;align-items:center;margin-top:4px;margin-bottom:10px;font-size:13px;display:flex}.warning-icon{vertical-align:middle;width:15px;height:15px;margin-right:5px}.place-page{box-sizing:border-box;background-color:#fff;width:100%;max-width:480px;margin:0 auto;padding:0 16px;font-family:Pretendard,sans-serif}.search-bar{z-index:10;background-color:#fff;justify-content:center;align-items:center;gap:8px;padding:12px 0;display:flex;position:sticky;top:0}.search-box{background-color:#f9fafb;border-radius:100px;align-items:center;width:335px;padding:8px 12px;display:flex;position:relative}.search-input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:8px 10px;font-size:15px}.search-input::placeholder{color:#9ca3af}.search-icon{opacity:.7;flex-shrink:0;width:24px;height:24px}.mic-icon{cursor:pointer;opacity:.7;flex-shrink:0;width:26px;height:26px}.mic-icon:hover{opacity:1}.place-list{flex-direction:column;gap:16px;padding:12px 0 40px;display:flex}.place-item{cursor:pointer;flex-direction:column;padding:10px 22px;display:flex}.place-item h4{color:#111827;margin:0 0 2px;font-size:15.5px;font-weight:700;line-height:1.4}.place-item .category{color:#9ca3af;margin-bottom:2px;font-size:12px;font-weight:500}.place-item .place-title{margin-bottom:5px;font-size:16px}.place-item .place-address{color:#6b7280;font-size:14px;line-height:1.4}.place-item:hover{background-color:#f9fafb;border-radius:8px;padding:6px 8px;transition:background-color .2s}.place-list::-webkit-scrollbar{background:0 0;width:0}.btn-group{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.delete-btn{color:#555;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:100px;flex:1;width:63px;padding:14px 56px;font-size:16px;font-weight:600;transition:background-color .2s}.delete-btn:hover{background-color:#f3f4f6}.edit-page .submit-btn{color:#fff;cursor:pointer;background-color:#007aff;border:none;border-radius:100px;flex:2;width:161px;padding:14px 56px;font-size:16px;font-weight:600;transition:background-color .2s}.submit-btn:hover{background-color:#0063db}.skeleton{background:#e5e7eb;border-radius:8px;animation:1.4s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-color:#e5e7eb}50%{background-color:#f3f4f6}to{background-color:#e5e7eb}}.skeleton-title{width:120px;height:20px;margin-bottom:16px}.skeleton-input{width:100%;height:48px;margin-bottom:12px}.skeleton-photo{border-radius:12px;width:100%;height:160px;margin-bottom:16px}.skeleton-textarea{border-radius:12px;width:100%;height:120px;margin-bottom:16px}.skeleton-btn-group{gap:12px;display:flex}.skeleton-btn{border-radius:100px;flex:1;height:48px}.mapPage{width:100%;height:100%;position:relative;overflow:hidden}.mapPage-bottomSheet{background-color:var(--white);box-sizing:border-box;z-index:999;border-radius:30px 30px 0 0;width:100%;min-height:15vh;bottom:0;left:0;position:absolute!important}.mapPage-bottomSheetBar{background-color:var(--gray-200);touch-action:none;border-radius:900px;width:45px;height:6px;margin:8px auto 24px}.mapPage-bottomSheetContent{margin-top:36px;padding:0 20px}.mapPage-mapButtons{z-index:1000;flex-direction:column;gap:8px;display:flex;position:absolute;top:calc(-60px - 5rem);right:20px}.mapPage-mapButtons button{background-color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 6px #0000001a}.mapPage-mapButtons button:active{transform:scale(.96)}.mapPage-gpsMarker{pointer-events:none;width:200px;height:200px;transition:transform .2s;position:absolute;transform:translate(-50%,-50%)}.mapPage-gpsMarker img{object-fit:contain;width:100%;height:100%;display:block}.mapPage-searchBar{z-index:900;cursor:pointer;width:calc(100% - 40px);height:50px;position:absolute;top:44px;left:20px}.mapPage-searchSettings{position:absolute;bottom:-56px;right:0}.mapPage-filterList{justify-content:flex-start;gap:4px;width:100%;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.mapPage-filterItem{background-color:var(--gray-100);height:32px;color:var(--gray-500);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;align-items:center;padding:6px 12px;font-size:.875rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.mapPage-filterItem--active{background-color:var(--primary-50)!important;color:var(--primary-400)!important}.mapPage .mapPage-list-item{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex;position:relative}.mapPage .mapPage-list-item .mapPage-list-item-content{flex-direction:column;flex:1;justify-content:space-around;display:flex}.mapPage .mapPage-list-item .mapPage-list-item-content div:nth-child(2){color:var(--gray-300);justify-content:flex-start;align-items:center;gap:6px;display:flex}div.mapPage-bottomSheet div.mapPage-list-item-content>div>span:nth-child(3){white-space:nowrap;text-overflow:ellipsis;max-width:50vw;overflow:hidden}.mapPage .mapPage-list-item .mapPage-list-item-content div:nth-child(2) div.mapPage-dot{background-color:var(--gray-300);border-radius:50%;width:2px;height:2px;margin-top:2px;display:inline-block}.mapPage .mapPage-list-item>div:last-child{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--gray-300);justify-content:center;align-items:center;display:flex}.mapPage-public-detail{flex-direction:column;justify-content:flex-start;gap:14px;display:flex;position:relative}.mapPage-public-detail-title{flex-direction:column;justify-content:flex-start;gap:8px;display:flex}.mapPage-public-detail-title>div:first-child{justify-content:space-between;align-items:center;display:flex}.mapPage-public-detail-title>p:nth-child(2){color:var(--gray-400)}.mapPage-public-detail-title>p:nth-child(3){color:var(--gray-600)}.mapPage-public-detail-title .body-2>span{color:var(--primary-300);cursor:pointer;margin-left:8px;padding-left:8px}.mapPage-public-detail>p>span{color:var(--primary-300);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;margin-left:8px;padding:4px 8px;display:inline-block}.mapPage-public-image{background-color:var(--gray-200);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;width:100%;height:142px}.mapPage-ai,.mapPage-report-description{border:1px solid var(--gray-200);border-radius:15px;flex-direction:column;gap:8px;padding:12px 20px;line-height:150%;display:flex}.mapPage-ai>p:first-child,.mapPage-report-description>p:first-child{color:var(--primary-400)}.mapPage-report-description{max-height:25vh;margin-bottom:20px;overflow-y:scroll}.spinner-dots.mapPage{z-index:10000;background-color:#c1c1c17c;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:absolute}.spinner-dots.mapPage.detail{background-color:#fff;width:calc(100% - 40px);height:100%}.spinner-dots.mapPage div{background-color:#0063db;border-radius:50%;width:10px;height:10px;margin:3px;animation:.6s infinite alternate bounce}.spinner-dots.mapPage div:nth-child(2){animation-delay:.2s}.spinner-dots.mapPage div:nth-child(3){animation-delay:.4s}@keyframes bounce{to{opacity:.5;transform:translateY(-10px)}}.iconsStyleClass{z-index:999;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;max-width:2.5rem;height:2.5rem;min-height:2.5rem;max-height:2.5rem;transition:all .3s;display:flex;position:relative}.iconsStyleClass>div{background-position:50%;background-repeat:no-repeat;background-size:cover;width:1.25rem;min-width:1.25rem;max-width:1.25rem;height:1.25rem;min-height:1.25rem;max-height:1.25rem;display:block}.mapPage-search-bar{z-index:901;justify-content:space-between;gap:4px;width:100%;height:100%;display:flex;position:absolute;top:0;right:0}.mapPage-xmark-box{cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;min-width:50px;max-width:50px;height:50px;min-height:50px;max-height:50px;display:flex}.mapPage-search-box{cursor:pointer;background-color:#fff;border-radius:999px;align-items:center;width:100%;height:50px;padding:8px 12px;display:flex;position:relative}.mapPage-search-input{color:#111827;pointer-events:none;background:0 0;border:none;outline:none;flex:1;padding:8px 10px;font-size:15px}.mapPage-search-input::placeholder{color:#9ca3af}.mapPage-search-icon{opacity:.7;flex-shrink:0;width:24px;height:24px}.mapPage-mic-icon{cursor:pointer;opacity:.7;flex-shrink:0;width:26px;height:26px}.mapPage-mic-icon:hover{opacity:1}.mapPage-severity{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:48px;height:24px;display:flex}.mapPage-severity.safety{background-color:var(--green-200)}.mapPage-severity.caution{background-color:var(--yellow)}.mapPage-severity.danger{background-color:var(--red-300)}.reportMapPage{background-color:#fff;width:100%;height:100%;position:relative;overflow:hidden}.reportMapPage-searchWrapper{z-index:10;box-sizing:border-box;background-color:#fff;width:100%;height:100%;padding:16px 16px 0;position:absolute;top:0;left:0}.reportMapPage-map{width:100%;height:100%;position:absolute;top:0;left:0}.reportMapPage-bottomSheet{z-index:20;background-color:#fff;border-radius:20px 20px 0 0;flex-direction:column;gap:8px;width:100%;padding:18px 20px 26px;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -4px 16px #0000001f}.reportMapPage-title{color:#111827;font-size:18px;font-weight:700}.reportMapPage-address{color:#6b7280;font-size:14px;line-height:1.4}.reportMapPage-selectBtn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:999px;width:100%;height:46px;margin-top:10px;font-size:15px;font-weight:700}.reportMapPage-selectBtn:active{transform:scale(.97)}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px)0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.slide .onboarding-background{z-index:0;width:100%;min-height:calc(100vh - 373px);position:relative;overflow:hidden}.slide .onboarding-background img{object-fit:cover;width:100%;height:100%;display:block;position:absolute}.slide.zoom-1 .onboarding-background img{object-fit:cover;height:90%;position:relative;top:210px;left:170px;transform:scale(1.95)}.slide.zoom-2 .onboarding-background img{object-fit:cover;height:90%;position:relative;top:50px;transform:scale(.85)}.slide.zoom-3 .onboarding-background img{object-fit:cover;height:90%;position:relative;bottom:240px;transform:scale(.85)}.iconsImage{z-index:10;width:110px;position:absolute;top:-50px;right:300px}.onboarding-container{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.onboarding-swiper{z-index:1;flex:auto;position:relative;width:100%!important}.onboarding-box{background:var(--White,#fff);width:100%;height:360px;padding:26px 0 53px 20px;position:absolute;bottom:0;left:0;right:0}.onboarding-boldText{width:258px;color:var(--Black,#000);padding-bottom:10px;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;line-height:140%}.onboarding-subText{color:var(--Gray-300,#9ca3af);align-self:stretch;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:160%}.swiper{width:100%;height:100%}.swiper-pagination{justify-content:center;align-items:center;width:100%;z-index:500!important;display:flex!important;position:absolute!important;bottom:170px!important}.swiper-pagination-bullet{opacity:1;background:#e5e7eb;width:8px;height:8px;transition:background-color .3s;margin:0 4px!important}.swiper-pagination-bullet-active{background:#3b82f6}.buttonBox{z-index:200;flex-direction:column;gap:8px;width:335px;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:normal;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.signupBtn{background:var(--Primary-400,#2563eb);height:50px;color:var(--Primary-50,#eff6ff);border:none;border-radius:100px;justify-content:center;align-self:stretch;align-items:center;gap:4px;width:100%;padding:14px 56px;display:flex}.signupBtn:hover,.signupBtn:active{background:linear-gradient(#0003 0% 100%),#2563eb}.loginBtn{border:1px solid var(--Gray-200,#e5e7eb);background:var(--White,#fff);height:50px;color:var(--Gray-300,#9ca3af);border-radius:100px;justify-content:center;align-self:stretch;align-items:center;gap:4px;width:100%;padding:14px 56px;display:flex}.loginBtn:hover,.loginBtn:active{background:var(--Primary-50,#eff6ff);color:var(--Primary-400,#2563eb)}.signup-container{height:100dvh;overflow:hidden}.container{min-height:100dvh;padding:10px 20px;position:relative;overflow:hidden}.signup-input{background:var(--Gray-50,#f9fafb);border:none;border-radius:12px;align-items:center;gap:4px;width:100%;height:45px;margin:8px auto auto;padding:12px 20px;display:flex}.signup-input::placeholder{color:var(--Gray-300,#9ca3af)}.signup-input.active{border:1px solid var(--Gray-200,#e5e7eb);color:var(--Black,#000);background:#fff}.signup-input:focus{outline:none}.signup-input.error{border:1px solid var(--Red-300,#ef4444)}.eyeIcon1{background-color:#0000;border:none;width:24px;height:24px;position:absolute;top:177px;right:35px;transform:translateY(-50%)}.eyeIcon2{background-color:#0000;border:none;width:24px;height:24px;position:absolute;top:230px;right:35px;transform:translateY(-50%)}.eyeIcon2-2{background-color:#0000;border:none;width:24px;height:24px;position:absolute;top:25%;right:15px}.errorText{color:var(--Red-300,#ef4444);padding:8px 0;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;display:none}.btn{background:var(--Primary-50,#eff6ff);width:auto;height:50px;color:var(--Primary-400,#2563eb);border:none;border-radius:100px;justify-content:center;align-items:center;gap:4px;padding:14px 56px;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:normal;display:flex;position:absolute;bottom:170px;left:20px;right:20px}.btn.active{background:var(--Primary-400,#2563eb);color:var(--Primary-50,#eff6ff)}.welcomeText{height:100vh;color:var(--Black,#000);text-align:center;justify-content:center;align-items:center;font-family:Pretendard;font-size:26px;font-style:normal;font-weight:700;line-height:normal;display:flex}.mypage-container{background:var(--Gray-50,#f9fafb);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.nameTitle{color:var(--Black,#000);text-align:center;padding-bottom:8px;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:600;line-height:140%}.subTitle{background:var(--White,#fff);width:92px;height:32px;color:var(--Gray-500,#4b5563);text-align:center;border-radius:20px;justify-content:center;align-items:center;gap:4px;margin:0 auto;padding:6px 12px;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;display:flex}.box1{background:var(--White,#fff);border-radius:15px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;height:104px;margin-top:20px;padding:20px 0 10px 20px;display:flex}.box1-1{justify-content:space-between;align-items:center;width:100%;padding-right:8px;display:flex}.box2{background:var(--White,#fff);border-radius:15px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;margin-top:17px;padding:10px 0 10px 20px;display:flex}.boxTitle{color:var(--Black,#000);align-self:stretch;margin-bottom:5px;padding:2px 0;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:600;line-height:110%}.boxText{color:var(--Black,#000);text-align:center;padding:5px 0;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}.detailIcon1{flex-shrink:0;width:24px;height:24px}.popup-overlay{z-index:100;background:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popupBox{box-sizing:border-box;background:var(--White,#fff);width:318px;box-shadow:0 8px 8px -4px #1018280a,0 20px 24px var(---4,-4px)#1018281a;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.popupTitle{color:var(--Gray-600,#1f2937);font-family:Pretendard;font-size:18px;font-style:normal;font-weight:700;line-height:140%}.popupText{color:var(--Gray-500,#4b5563);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}.buttons{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:0;padding:10px 0 3px;display:flex}.cancelBtn{background:var(--Gray-100,#f3f4f6);width:64px;color:var(--Gray-400,#6b7280);z-index:101;border:none;border-radius:100px;justify-content:center;align-items:center;gap:4px;padding:14px 0;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:normal;display:flex}.confirmBtn{background:var(--Red-200,#f87171);width:116px;color:var(--Primary-50,#eff6ff);z-index:101;border:none;border-radius:100px;justify-content:center;align-items:center;gap:4px;padding:14px 0;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:700;line-height:normal;display:flex}.reportBox{background:var(--White,#fff);border-radius:12px;justify-content:space-between;align-self:stretch;align-items:center;gap:14px;width:100%;height:99px;margin-top:8px;padding:24px 23px 24px 21px;display:flex}.reportTitle{color:var(--Gray-600,#1f2937);padding-bottom:8px;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;line-height:120%}.reportSubText{color:var(--Gray-300,#9ca3af);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}.editBox{background:var(--White,#fff);border-radius:15px;justify-content:space-between;align-self:stretch;align-items:center;margin-bottom:8px;padding:5px 5px 5px 16px;display:flex}.editTitle{color:var(--Black,#000);text-align:center;padding:15px 0;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:600;line-height:110%}.editSubText{color:var(--Gray-400,#6b7280);text-align:right;margin-left:auto;padding-right:15px;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:500;line-height:120%}.toast{z-index:999;background:var(--Gray-300,#9ca3af);color:var(--White,#fff);border-radius:100px;align-items:flex-start;gap:8px;padding:12px 14px;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:600;line-height:25px;animation:3s ease-in-out fadeInOut;display:inline-flex;position:fixed;bottom:59px;left:50%;transform:translate(-50%)}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.title{color:var(--Black,#000);align-self:stretch;padding-bottom:20px;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:700;line-height:140%}.inputBox{margin-top:27px}.inputTitle{color:var(--Gray-600,#1f2937);align-self:stretch;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:600;line-height:120%}.inputTitle-hidden{opacity:0}.mypage-input{border:1px solid var(--Gray-200,#e5e7eb);width:100%;height:45px;color:var(--Black,#000);background:#fff;border-radius:12px;align-items:center;gap:4px;margin:8px auto auto;padding:12px 20px;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%;display:flex}.mypage-input::placeholder{color:var(--Gray-300,#9ca3af);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:500;line-height:150%}.mypage-input:focus{outline:none}.input-wrapper{margin-top:10px;position:relative}.spinner-dots{justify-content:center;margin-top:360px;display:flex}.spinner-dots div{background-color:#0063db;border-radius:50%;width:10px;height:10px;margin:3px;animation:.6s infinite alternate bounce}.spinner-dots div:nth-child(2){animation-delay:.2s}.spinner-dots div:nth-child(3){animation-delay:.4s}
