*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;height:100vh;margin:0 auto;padding:0}@media (min-width: 500px){#root{width:500px}}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff) format("woff");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff) format("woff");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff) format("woff");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff) format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff) format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff) format("woff");font-weight:900;font-display:swap}body{font-family:Pretendard,sans-serif;margin:0;padding:0}.navbar{position:relative;width:100%;height:20%}.nav-con{width:100%;height:83px;position:fixed;bottom:0;background-color:#bfc8ef;border-radius:15px 15px 0 0;z-index:1000}.nav-con img{width:37px;height:37px}.icons{display:flex;justify-content:space-around;align-items:center;height:100%}@media (min-width: 500px){.nav-con{width:500px}}.home-container{padding:20px 20px 120px;display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto;font-family:Pretendard,sans-serif}.search-wrapper{position:relative}.search-results{list-style:none;padding:0;margin:10px 0 0;border-top:1px solid #eee;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d}.result-item{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;border-bottom:1px solid #eee;padding:12px 16px;cursor:pointer;transition:background-color .2s}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:#f9f9f9}.result-name{font-size:16px;font-weight:400;color:#595757;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-details{display:flex;flex-direction:column;white-space:nowrap;flex-shrink:0}.result-info{font-size:13px;color:#595757}.result-star-icons{font-size:14px;margin-top:2px}.gender-male{color:#0d6efd;font-weight:500}.gender-female{color:#e13a6e;font-weight:500}.result-item-info{padding:12px 16px;color:#888}.result-star-icons{font-size:15px;letter-spacing:1px}.search-section{display:flex;align-items:center;position:relative;margin-top:-20px}.search-input{flex-grow:1;height:58px;padding:15px 60px 15px 25px;font-size:18px;font-weight:400;color:#595757;border:1px solid #627EF1;border-radius:50px;box-sizing:border-box}.search-button{background:none;border:none;cursor:pointer;padding:0;width:48px;height:48px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-button img{width:100%;height:100%}.map-link-section{text-align:center;padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:-10px}.map-link-section h3{margin:0;font-size:14px;color:#000;font-weight:400}.map-link-button{padding:12px 25px;font-size:15px;color:#4860be;background-color:#fff;border:1px solid #ddd;border-radius:30px;cursor:pointer;font-weight:600}.nearby-stations-list{list-style:none;padding:0;margin:0;display:grid;align-items:center;grid-template-columns:repeat(3,1fr);gap:15px}.station-item{border:1px solid #BFC8EF;padding:15px 10px;border-radius:50px;text-align:center;background-color:#fff;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:background-color .2s}.station-item:hover{background-color:#f5f7ff}.station-item-name{font-weight:500;font-size:15px;color:#000;text-align:center}.ad-banner{position:fixed;width:100%;max-width:500px;left:50%;transform:translate(-50%);bottom:90px;height:85px;z-index:1000;background-color:#f0f0f0}.ad-banner .prdp-ad-image{width:100%;height:100%;display:block;object-fit:cover}.home-container{padding-bottom:145px!important}.top-header-con{padding-top:50px}.logo{width:130px;height:40px;background-color:#b1b1b1;text-align:center}.log-out{font-size:15px;cursor:pointer}.top-header-con .content{margin:0 25px 27px;display:flex;justify-content:space-between;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:280px;max-width:90%;text-align:center;box-sizing:border-box}.modal-message{font-size:16px;color:#333;margin:0;line-height:1.5;white-space:pre-wrap;padding-bottom:16px}.modal-button{width:80px;padding:10px 0 0;border:none;border-radius:8px;background-color:#fff;color:#333;font-size:16px;font-weight:400;cursor:pointer;transition:background-color .2s;width:100%}.modal-button:hover{background-color:none}.modal-buttons{display:flex}.my-profile{width:79px;height:79px;border-radius:50%;object-fit:cover}.profileContainer{display:flex;flex-direction:column;gap:19px;margin-left:13px}.profile-top{display:flex;align-items:center;gap:16px}.sub-con{display:flex;flex-direction:column;gap:7px}.my-rate{display:flex;align-items:center;gap:3px;font-size:13px;color:#4860be;font-weight:400}.my-rate img{width:12px;height:9px;cursor:pointer}.my-name{font-size:20px;color:#000;display:flex;align-items:center;gap:4px;font-weight:400}.profile-bottom{font-size:16px;color:#000;font-weight:400;padding-left:2px}.profile-subcon{display:flex;justify-content:space-between;margin-bottom:10px}.profile-bottom span{color:#4860be}.line{width:100%;height:1px;background:#b1b1b1;margin-top:23.46px}.reviews{display:flex;flex-direction:column;gap:14px;align-items:center;margin-top:16px}.review-item{display:flex;gap:10px;flex-direction:column;width:345px;border-radius:20px;background:#bfc8ef52;padding:13px 16px;width:350px}.review-tags{flex-wrap:wrap;padding-top:5px;display:flex;gap:5px;white-space:nowrap}.tag{padding:0 10px;height:25px;background-color:#4860be;border-radius:50px;background:#bfc8ef52;color:#000;text-align:center;font-size:10px;font-weight:400;display:flex;align-items:center;justify-content:center}.tag-dis{padding:0 10px;height:25px;border-radius:5px;border:.5px solid #627EF1;background:#fff;color:#000;text-align:center;font-size:10px;font-weight:400;display:flex;align-items:center;justify-content:center}.review-header{display:flex;gap:10px;align-items:center}.review-header p{font-size:15px;display:flex;align-items:center}.del{margin-top:auto;cursor:pointer}.name-icon{cursor:pointer}.review-header p .fe{color:#bd0505}.review-header p .ma{color:#0000b5}.review-header h3{font-size:18px;display:flex;align-items:center;gap:4px}.review-header .review-date{font-size:10px}.review-photos{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.review-photos img{width:100%;height:165px;object-fit:cover}.options{font-size:10px;display:flex;gap:13px;padding-right:10px;padding-bottom:10px;justify-content:flex-end}.review-header{padding-top:10px}.ad{background-color:#b1b1b1;width:100%;height:64px;margin-bottom:16px}.to-login{width:248px;height:63px;border-radius:20px;background:#4860be;color:#fff;text-align:center;font-size:15px;font-weight:500;border:none;cursor:pointer}.login-con{width:100%;height:100%}.container{height:100%;display:flex;align-items:center;justify-content:center;margin-top:30vh}.login-con{display:inline-block;text-align:center}.other{text-align:right;margin:8px;color:#595757;font-size:10px;font-weight:400;cursor:pointer}.contact{width:248px;font-size:13px;color:#595757;text-align:end;margin:10px auto auto;padding-right:10px}.change-name-con{width:100%;height:calc(100vh - 350px);display:flex;align-items:center;justify-content:center;flex-direction:column}.header{font-size:17px;padding-bottom:5px}.name-form input{width:177px;height:41px}.name-form button{width:64px;height:41px;border-radius:5px;background-color:#4860be}.er-stars{display:inline-flex;gap:6px}.er-star{border:0;background:none;padding:0;cursor:pointer;line-height:0}.er-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.er-tags>.er-tag:nth-child(3n+1){place-self:start}.er-tags>.er-tag:nth-child(3n+2){place-self:center}.er-tags>.er-tag:nth-child(3n+3){place-self:end}.er-tag{width:105px;height:25px;flex-shrink:0;border-radius:50px;background:#eaedf9;border:none;color:#494949;text-align:center;font-size:11px;font-style:normal;line-height:normal;cursor:pointer}#disabled{font-size:12px;width:110px;height:25px;border-radius:5px;border:.8px solid #627EF1;background-color:#eaedf9;border:none}#disabled.is-selected{border-radius:5px;color:#fff;background:#819aff;border:none}.er-tag.is-selected{color:#fff;background:#819aff}.er-review-info{display:flex;gap:13px}.er-field{margin:20px 27px}.er-review-info h3{font-size:27px;color:#000;font-style:normal;font-weight:400;line-height:normal;margin:0}.er-review-info p{font-size:15px;color:#495057;margin:0;display:flex;align-items:center}.er-label-star{display:flex;align-items:center;justify-content:center;padding-bottom:5px;font-size:15px}.er-label{font-size:15px;color:#000;margin-bottom:10px;display:block}.er-review-info-divider{margin:0 6px;color:#ced4da}.er-review-info .fe{color:#e13a6e}.er-review-info .ma{color:#0d6efd}.er-textarea-wrapper{box-sizing:border-box;display:flex;flex-direction:column;width:100%;font-family:pretendard-Regular;border:1px solid #ddd;border-radius:8px;background-color:#fff;transition:border-color .2s;padding:17px 15px 10px}.er-textarea-wrapper:focus-within{border-color:#4860be}.er-textarea-wrapper.er-input-err{border-color:#e53e3e}.er-textarea{width:100%;font-size:15px;font-family:inherit;padding:0;border:none;outline:none;background:transparent;resize:none;margin-bottom:8px}.er-textarea-footer{display:flex;justify-content:space-between;align-items:center}.er-photo-upload-btn{background:none;border:none;padding:0;cursor:pointer;line-height:0}.er-photo-upload-btn svg{width:20px;height:20px}.er-textarea-footer .er-count{font-size:14px;color:#888}.er-err{color:#e53e3e;font-size:12px;margin-top:4px}.er-photo-previews{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.er-preview-item{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden}.er-preview-img{width:100%;height:100%;object-fit:cover;background-color:#f1f3f5}.er-preview-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background-color:#0009;color:#fff;border:none;font-size:14px;font-weight:700;line-height:20px;text-align:center;padding:0;cursor:pointer;transition:background-color .2s}.er-preview-delete:hover{background-color:#000c}.er-btn{padding:14px;border-radius:20px;font-size:16px;font-weight:600;border:none;cursor:pointer}.er-btn.er-ghost{padding-left:5px;padding-right:5px;background-color:#f1f3f5;color:#495057}.er-btn.er-primary{padding-left:5px;padding-right:5px;background-color:#4860be;color:#fff}.frofile-img{width:33px;height:33px;border-radius:50%;background-color:gray;object-fit:cover}.review-con{display:flex;flex-direction:column;gap:39px}.review-card{display:flex;justify-content:space-between;flex-direction:row;padding:0 23px;align-items:center}.top{display:flex;gap:8px;align-items:center}.info{display:flex;flex-direction:column;gap:0;margin-top:0}.info2{display:flex;gap:3px;align-items:center}.name{color:#595757;text-align:center;font-family:Pretendard;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.date{color:#979595;font-family:Pretendard;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.stars img{display:block;float:left}.stars{margin:0;padding:0}.desc{margin-top:5px;font-size:15px}.contents{display:flex;flex-direction:column;gap:11px}.like{border-radius:50px;border:.6px solid #4860BE;margin-top:.5px;width:41px;height:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sub-like{display:flex;justify-content:center;align-items:center;gap:3px;margin-top:1px;font-size:10px;gap:4px;color:#979595}.sub-like.active img{filter:invert(32%) sepia(43%) saturate(1472%) hue-rotate(203deg) brightness(94%) contrast(87%)}.sub-like.active p{color:#4860be;font-weight:600}.rc-photo-list{display:flex;overflow-x:auto;gap:10px;padding-bottom:5px;scrollbar-width:none}.rc-photo-list::-webkit-scrollbar{display:none}.rc-photo-item{width:80px;height:80px;border-radius:4px;object-fit:cover;border:1px solid #eee;flex-shrink:0}.tags{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px}.tag-item{padding:0 10px;height:25px;background-color:#4860be;border-radius:50px;background:#bfc8ef52;color:#000;text-align:center;font-size:10px;font-weight:400;display:flex;align-items:center;justify-content:center}.toilet-detail-page{position:relative;min-height:100vh;padding-bottom:100px}.fixed-ad-banner{position:fixed;bottom:90px;left:50%;transform:translate(-50%);width:100%;max-width:500px;height:auto;z-index:900;background-color:transparent;padding:0;box-shadow:none;display:flex;justify-content:center;align-items:center;pointer-events:none}.fixed-ad-banner img{display:block;width:100%;height:auto;pointer-events:auto}.detail-container{padding:20px;font-family:Pretendard,sans-serif}.toilet-header{display:flex;align-items:center;gap:20px;margin-bottom:8px}.toilet-name{font-size:24px;font-weight:400;margin:0}.toilet-info{font-size:16px;font-weight:500;color:#595757}.toilet-rating{display:flex;align-items:center;gap:6px;margin-bottom:12px}.star-icon{width:20px}.star-number{font-size:16px;font-weight:600;color:#333}.toilet-location-info{display:flex;gap:8px;font-size:15px;color:#666;font-weight:500}.toilet-location-info span img{margin-right:8px;vertical-align:middle}.ai-summary{margin-top:20px;border:none;border-radius:8px;overflow:hidden}.ai-summary-toggle{display:flex;align-items:center;background-color:#fff;border:none;padding:14px 16px;cursor:pointer;font-size:16px;font-weight:600}.ai-summary-content{padding:16px;font-size:15px;line-height:1.6;color:#444;border-radius:10px;background:#bfc8ef52}.ai-summary-toggle span:first-child{margin-right:8px}.divider{height:10px;background-color:#f5f5f5;border:none}.review-container{padding:20px}.review-tabs{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.tab-item{font-size:15px;font-weight:500;color:#fff;padding:10px;cursor:pointer;border-radius:20px;background:#627ef1;border:none;width:150px}.tab-item-active{font-size:18px;font-weight:500;color:#000}.photo-review-buttons{display:flex;flex-direction:column;gap:12px}.photo-button{display:flex;justify-content:center;align-items:center;padding:12px 16px;border-radius:5px;background:#bfc8ef;width:150px;box-sizing:border-box;font-weight:400;font-size:15px;color:#000}.photo-list-example{display:grid;grid-template-columns:repeat(4,1fr);gap:0px;width:100%;margin-top:10px}.photo-example-item{aspect-ratio:1 / 1;flex-shrink:0;border-right:1px solid rgba(0,0,0,.55);background:#d9d9d9;background-size:cover;background-position:center}.photo-example-item:last-child{border-right:none}.photo-more-container{display:flex;justify-content:flex-end}.photo-button-more{background:none;border:none;outline:none;padding:8px;color:#000;font-weight:400;cursor:pointer;font-size:15px}.review-filters{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px;margin-top:30px}.review-filters select{border-radius:5px;border:.5px solid #B1B1B1;background:#fff;flex-shrink:0;padding:8px 12px;font-size:14px;color:#000;appearance:none}.review-more-container{display:flex;justify-content:flex-end;padding:8px 0;margin-top:8px}.review-more-button{background:none;border:none;outline:none;padding:8px;color:#000;font-weight:400;cursor:pointer;font-size:15px}.return-to-search-container{display:flex;justify-content:flex-end;padding:10px 20px;background-color:#fff}.return-to-search-btn{width:105px;height:30px;flex-shrink:0;border-radius:20px;border:.5px solid #4860BE;background-color:#fff;color:#4860be;font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer}.return-to-search-btn:hover{background-color:#f0f2ff}.er-field{margin-top:20px}.er-footer{display:flex;gap:8px;background-color:#fff;justify-content:center}.er-btn{padding:14px;border-radius:20px;font-size:16px;font-weight:400;border:none;cursor:pointer}.er-btn.er-ghost{padding-left:50px;padding-right:50px;background-color:#f1f3f5;color:#495057}.er-btn.er-primary{padding-left:35px;padding-right:35px;background-color:#4860be;color:#fff}.er-btn:disabled{opacity:.6;cursor:not-allowed}.all-reviews-container{padding:16px}.all-reviews-header{padding:12px;background-color:none;border-radius:8px;margin-bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.all-reviews-header-info{display:flex;align-items:center;gap:20px}.all-reviews-header h3{margin:0;font-size:24px;font-weight:400;font-family:Pretendard}.all-reviews-header p{margin:0;font-size:16px;color:#595757;display:flex;align-items:center}.review{font-size:20px;color:#333;font-weight:500;margin-top:30px;width:100%;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.all-reviews-page .pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:30px;padding-bottom:20px}.all-reviews-page .pagination button{background:none;border:none;outline:none;-webkit-tap-highlight-color:transparent;color:#888;font-size:16px;font-weight:500;cursor:pointer;padding:5px;transition:color .2s}.all-reviews-page .pagination button.active{color:#4860be;font-weight:700}.all-reviews-page .pagination button:disabled{color:#ddd;cursor:not-allowed;background:none!important;border:none!important}.all-reviews-page .pagination button:not(:disabled):hover{color:#333}.all-reviews-page .pagination button:active{background:#fff;border:#fff;color:#fff}.all-reviews-page .pagination button:focus{outline:none}.ad-banner-wrapper{width:100%;margin:16px 0;box-sizing:border-box}.ad-banner-image{width:100%;height:auto;display:block}.review-filters{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:16px;margin-top:30px}.photo-toggle-button{padding:6px 12px;border-radius:6px;border:1px solid #4860BE;background-color:#fff;color:#4860be;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.photo-toggle-button:hover{background-color:#f0f2ff}.photo-reviews-container{padding:16px}.photo-reviews-header{padding:12px;background-color:none;border-radius:8px;margin-bottom:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.photo-reviews-header-info{display:flex;align-items:center;gap:20px}.photo-reviews-header h3{margin:0;font-size:24px;font-weight:400;font-family:Pretendard}.photo-reviews-header p{margin:0;font-size:16px;color:#595757;display:flex;align-items:center}.photo-review-count{font-size:20px;color:#333;font-weight:500;margin-top:10px;width:100%;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.review-filters{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px;margin-top:10px}.review-filters select{padding:6px 8px;border-radius:6px;border:1px solid #ccc;font-size:14px;background-color:#fff;color:#000}.photo-grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;padding:10px 0}.photo-grid-item{border:none;padding:0;background:#eee;border-radius:4px;cursor:pointer;overflow:hidden;aspect-ratio:1 / 1;transition:transform .2s ease}.photo-grid-item:hover{transform:scale(1.03)}.photo-grid-item img{width:100%;height:100%;object-fit:cover}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding-bottom:32px}.pagination button{border:1px solid #ddd;font-size:10px;background-color:#fff;padding:8px 12px;min-width:40px;cursor:pointer;border-radius:4px;font-weight:700;color:#333;transition:background-color .2s}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button.active{background-color:#fff;color:#fff;border-color:#fff}.pagination button:not(.active):not(:disabled):hover{background-color:#f4f4f4}.prdp-ad-container{display:flex;align-items:center;width:100%;max-width:500px;margin:0 auto}.prdp-ad-container .prdp-ad-banner{width:100%;height:auto;object-fit:cover}.photo-review-detail-page{width:375px;margin:0 auto;background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.prdp-header{width:375px;height:101px;flex-shrink:0;border-radius:0 0 15px 15px;background:#e0e0e0;box-shadow:0 2px 4px #00000040;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding-top:40px;padding-bottom:10px;box-sizing:border-box}.prdp-back-button{position:absolute;left:15px;bottom:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#333}.prdp-toilet-name{font-size:18px;font-weight:700}.prdp-photo-list{width:100%;display:flex;justify-content:center;padding:0;background-color:transparent;margin-top:-10px;position:relative;z-index:1}.prdp-photo-item{max-width:500px;width:100%;height:auto;object-fit:cover;display:block;box-shadow:0 4px 20px #0000001a}.prdp-content-container{margin-top:-10px;width:375px;flex-shrink:0;border-radius:15px 15px 0 0;background:#ebedfa;box-sizing:border-box;padding:20px;flex-grow:1;position:relative;z-index:10}
