@font-face{font-family:Pretendard;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Pretendard;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2107@1.1/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Pretendard;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal}body *{font-family:Pretendard-Regular}html,body{margin:0;width:100%;background-color:#f6f6f6;overflow-x:hidden;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}ul,li{list-style:none}#root{position:relative;background-color:var(--bg-color);width:60%;min-width:600px;min-height:100vh;margin:0 auto;box-shadow:#64646433 0 0 29px;overflow:hidden}:root{--main-color: #ffa516;--sub-color: #fff9e9;--border-color: #DDDDDD;--err-color: #ff0101;--text-white: #ffffff;--title-color: #222222;--subtitle-color: #6c6c6c;--subtitleL-color:#EDEAE6;--bg-color: #fffcf9;--bg-white-color: #ffffff;--bg-rgb-color: rgba(0, 0, 0, .5);--bg-new: #fffef5;--font-title-xl-d: 32px;--font-title-lg-d: 22px;--font-subtitle-xl-d: 20px;--font-subtitle-lg-d: 18px;--font-body: 18px;--font-size-base: 16px;--font-small: 14px;--font-caption: 12px;--font-button: 16px;--font-title-xl-m: 28px;--font-title-lg-m: 22px;--font-subtitle-xl-m: 18px;--font-subtitle-lg-m: 16px}.inner{max-width:750px;margin:0 auto;padding:20px}@media (max-width: 600px){#root{width:100%;min-width:unset;min-height:auto;height:auto;box-shadow:none}.inner{padding:16px}}.Home{position:relative;height:100vh}.Home .main-container{width:100%;height:calc(100% - 80px);display:flex;flex-direction:column;gap:20px}.Home .menu-titleBox{display:flex;justify-content:space-between;height:30%}.Home .PageTitle{margin-top:30px;line-height:1.5;padding:20px}.Home .menu-titleBox img{height:100%}.Home .PageTitle h2{font-size:var(--font-title-xl-d);padding-bottom:15px;color:var(--title-color)}.Home .PageTitle p{font-size:var(--font-subtitle-xl-d);color:var(--subtitle-color)}.Home .mainMenu-container{display:flex;justify-content:space-between;width:100%;height:28%}.Home .map{width:100%;height:35%;border:2px solid var(--border-color);border-radius:10px;overflow:hidden;transition:.35s}@media (max-width: 1110px){.Home{height:auto}.Home .main-container{height:auto;gap:16px}.Home .menu-titleBox{flex-direction:column;align-items:center;text-align:center;height:auto}.Home .menu-titleBox img{width:50%;height:auto;margin-top:12px}.Home .menu-title{margin-top:16px;padding:12px}.Home .PageTitle h2{font-size:var(--font-title-lg-m);padding-bottom:10px}.Home .PageTitle p{font-size:var(--font-subtitle-xl-m)}.Home .mainMenu-container{flex-direction:column;height:auto;gap:15px}.Home .map{height:200px}}.Header{width:100%;height:70px;display:flex;align-items:center;padding:15px 24px;font-size:16px;background-color:var(--main-color);color:var(--text-white);cursor:pointer}.Header>div{display:flex}.Header img{height:30px}.Header .header_left{width:35%;justify-content:flex-start}.Header .header_center{width:30%;justify-content:center;font-size:var(--font-body);font-weight:700}.Header .header_center img{height:22px}.Header .header_right{width:35%;justify-content:flex-end;align-items:center;gap:10px}.Header .header_right .Msg-bell{position:relative;background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-position:center;background-size:cover;width:22px;height:22px;transition:.35s}.Header .header_right .Msg-bell .Msg-cnt{position:absolute;right:-9px;top:-9px;background-color:var(--bg-white-color);width:20px;height:20px;display:inline-block;text-align:center;line-height:20px;border-radius:50%;color:var(--main-color);font-size:var(--font-small)}@media (max-width: 600px){.Header{font-size:var(--font-small)}}.MainMenu{position:relative;width:32%;min-width:200px;height:100%;border:1px solid var(--border-color);background-color:var(--bg-white-color);padding:30px;border-radius:30px;cursor:pointer;transition:.5s}.MainMenu:hover{background-color:var(--main-color)}.MainMenu:hover h2,.MainMenu:hover p{color:var(--text-white)}.MainMenu img{width:60px;position:absolute;right:30px;bottom:20px}.MainMenu:hover img{filter:invert(100%)}.MainMenu h2{font-size:var(--font-title-lg-d);color:var(--title-color)}.MainMenu p{font-size:var(--font-subtitle-lg-d);padding-top:15px;line-height:1.5;color:var(--subtitle-color)}@media (max-width: 1110px){.MainMenu{width:100%;height:auto;padding:20px;border-radius:10px}.MainMenu img{width:50px;right:20px;bottom:16px}.MainMenu h2{font-size:var(--font-title-lg-m)}.MainMenu p{font-size:var(--font-subtitle-lg-m);padding-top:10px}}.ModalDetail{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--bg-rgb-color);display:none;z-index:99}.ModalDetail.active{display:block}.ModalDetail .Modal-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;height:450px;background-color:var(--bg-white-color);border-radius:10px}.ModalDetail .Modal-container .Modal-contents{position:relative;width:100%;height:95%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.ModalDetail .Modal-container .Modal-contents-pet{position:relative;width:100%;height:calc(100% - 60px);display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.ModalDetail .Modal-container .img-box{width:100%;height:200px}.ModalDetail .Modal-container .img-box img{object-fit:cover;width:100%;height:100%;border-radius:10px}.ModalDetail .Modal-container .text-contents{display:flex;flex-direction:column;gap:20px;width:100%;height:calc(100% - 300px);font-size:var(--font-small);margin-bottom:50px;text-align:center}.ModalDetail .Modal-container .text-contents .contents-t1{display:flex;align-items:center;gap:15px;font-weight:700;font-size:var(--font-size-base);justify-content:center}.ModalDetail .Modal-container .text-contents .contents-t1 .petType{padding:5px 10px;background-color:var(--main-color);border-radius:5px;color:var(--text-white)}.ModalDetail .Modal-container .text-contents .contents-t4 p{text-align:left}.ModalDetail .Modal-container .text-contents p{border:1px solid var(--border-color);border-radius:5px;padding:10px;line-height:1.5;word-break:keep-all;white-space:normal;overflow-wrap:break-word;margin-top:10px}.ModalDetail .Modal-container .Modal-contents-pet .Report-btn{width:100%;position:fixed;bottom:0}.ModalDetail .Modal-container .Modal-btn{position:absolute;right:clamp(-50px,calc(-50px + (1000px - 100vw)*.1),10px);top:clamp(-50px,calc(-50px + (1000px - 100vw)*.1),10px)}.Button{background-color:var(--main-color);cursor:pointer;border:none;font-size:var(--font-button);white-space:nowrap;color:var(--text-white)}.Button_Circle{border-radius:50%;width:30px;height:30px}.Button_Square{padding:10px 20px;border-radius:5px}.Button_Square_ls{padding:5px 10px;border-radius:3px;background-color:var(--bg-white-color);border:1px solid var(--border-color);color:var(--title-color);transition:.5s}.Button_Square_ls:hover{border:1px solid var(--main-color)}.Button_Square_lg{width:100%;padding:10px 20px;border-radius:5px;height:50px}.Button_Square_lc{width:100%;padding:10px 20px;border-radius:5px;height:50px;background-color:var(--bg-white-color);color:var(--title-color)}.Button_Square_D{width:100%;height:50px;padding:5px 10px;border-radius:0 0 10px 10px}.custom-marker-outer-wrapper{position:relative;width:60px;height:60px;cursor:pointer;z-index:-1}.custom-marker-wrappers{width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid white;display:block}.custom-marker-img-wrapper{width:100%;height:100%}.custom-marker-images{width:100%;height:100%;object-fit:cover;display:block}.custom-marker-outer-wrapper:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;background-color:var(--main-color);border-radius:50%;z-index:-1;opacity:.1;filter:blur(5px);transition:.35s}.custom-marker-outer-wrapper:hover .custom-marker-wrappers{transform:scale(1.2)}.custom-marker-outer-wrapper:hover:after{width:180px;height:180px;opacity:.2}.Login{position:relative;width:100%;height:100vh;background-color:var(--bg-new)}.Login .Login-container{display:flex;flex-direction:column;gap:30px;width:clamp(300px,92vw,380px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.Login .Login-container .logo img{height:35px;object-fit:cover}.Login .Login-container .Login-contents{position:relative;width:100%;height:400px;padding:30px 20px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--bg-white-color)}.Login .Login-container .Login-contents .register-btn{width:100%;text-align:right;padding:10px}.Login .Login-container .Login-contents .register-btn .register{transition:.5s;font-size:var(--font-small);text-decoration:underline;color:var(--subtitle-color);text-decoration:none}.Login .Login-container .Login-contents .register-btn .register:hover{color:var(--main-color)}.Login .Login-container .Login-contents .login-img{position:absolute;width:clamp(200px,30vw,250px);left:clamp(-130px,-5vw,-10px);bottom:-100px;pointer-events:none}.Login .Login-container .Login-contents .login-img img{width:100%;object-fit:cover}.Login .bg-icon{transform:rotate(30deg);opacity:.5}.Login .bg-icon1,.Login .bg-icon2,.Login .bg-icon3{animation-name:blink;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;pointer-events:none}.Login .bg-icon1{position:absolute;width:100px;right:350px;bottom:100px;animation-delay:0s}.Login .bg-icon2{position:absolute;width:120px;right:180px;bottom:150px;animation-delay:1s}.Login .bg-icon3{position:absolute;width:130px;right:120px;bottom:300px;animation-delay:2s}@media screen and (max-width: 470px){.Login .bg-icon1{display:none}}@media screen and (max-width: 1300px){.Login .bg-icon1{width:70px;right:200px;bottom:120px}.Login .bg-icon2{width:90px;right:70px;bottom:100px}.Login .bg-icon3{width:100px;right:10px;bottom:200px}}.LoginForm .input_item{position:relative;height:60px;padding:20px;border:1px solid var(--border-color);margin-top:-1px;display:flex;align-items:center}.LoginForm button,.LoginForm input{border-radius:0;border:none;outline:0;cursor:pointer;width:100%;font-size:var(--font-size-base)}.LoginForm .input_item.id{border-radius:10px 10px 0 0}.LoginForm .input_item.pw{border-radius:0 0 10px 10px}.LoginForm .input_item>label{position:absolute;left:auto;top:auto;flex:1;font-size:var(--font-size-base);font-weight:400;line-height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--subtitleL-color);cursor:pointer}.LoginForm .input_item.focus{border:2px solid var(--main-color);z-index:99}.LoginForm .input_item.on>label,.LoginForm .input_item.focus>label{top:3px;font-size:var(--font-caption)}.LoginForm .loginIcon-box{display:flex;width:82px;justify-content:end}.LoginForm .btn_delete,.LoginForm .btn_view{width:22px;height:22px;margin:9px;background:none}.LoginForm .btn_delete>img,.LoginForm .btn_view>img{width:100%;object-fit:cover}.LoginForm .btn_login{padding:15px;border-radius:5px;background-color:var(--border-color);cursor:pointer;margin:20px 0 50px;font-size:var(--font-size-base);font-weight:500;color:var(--subtitle-color)}.LoginForm .hide{display:none}.LoginForm .btn_login.on{background-color:var(--main-color);color:var(--text-white)}.LoginForm .error_message{font-size:var(--font-caption);color:var(--err-color);font-weight:600;text-align:left;padding:10px 5px}.Register{position:relative;width:100%;height:100vh;background-color:var(--bg-new)}.Register .Register-container{display:flex;flex-direction:column;gap:30px;position:absolute;top:50%;left:50%;width:clamp(300px,92vw,380px);transform:translate(-50%,-50%);text-align:center}.Register .Register-container .logo img{height:35px;object-fit:cover}.Register .Register-container .Register-contents{position:relative;width:100%;height:400px;padding:30px 20px;border:1px solid var(--border-color);border-radius:10px;background-color:var(--bg-white-color)}.Register .Register-container .Register-contents .login-img{position:absolute;width:clamp(200px,30vw,250px);left:clamp(-130px,-5vw,-10px);bottom:-100px;pointer-events:none}.Register .Register-container .Register-contents .login-img img{width:100%;object-fit:cover}.Register .bg-icon{transform:rotate(30deg);opacity:.5}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.Register .bg-icon1,.Register .bg-icon2,.Register .bg-icon3{animation-name:blink;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;pointer-events:none}.Register .bg-icon1{position:absolute;width:100px;right:350px;bottom:100px;animation-delay:0s}.Register .bg-icon2{position:absolute;width:120px;right:180px;bottom:150px;animation-delay:1s}.Register .bg-icon3{position:absolute;width:130px;right:120px;bottom:300px;animation-delay:2s}@media screen and (max-width: 470px){.Register .bg-icon1{display:none}}@media screen and (max-width: 768px){.Register .bg-icon1{width:70px;right:200px;bottom:120px}.Register .bg-icon2{width:90px;right:70px;bottom:100px}.Register .bg-icon3{width:100px;right:10px;bottom:200px}}.RegisterForm .input_item{position:relative;height:60px;padding:20px;border:1px solid var(--border-color);margin-top:-1px;display:flex;align-items:center}.RegisterForm button,.RegisterForm input{border-radius:0;border:none;outline:0;cursor:pointer;width:100%;font-size:var(--font-size-base)}.RegisterForm .input_item.id{border-radius:8px 8px 0 0}.RegisterForm .input_item.hp{border-radius:0 0 8px 8px}.RegisterForm .input_item>label{position:absolute;left:auto;top:auto;flex:1;font-size:var(--font-size-base);font-weight:400;line-height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--subtitleL-color);cursor:pointer}.RegisterForm .input_item.focus{border:2px solid var(--main-color);z-index:99}.RegisterForm .input_item.err{border:1px solid var(--err-color);z-index:99}.RegisterForm .input_item.on>label,.RegisterForm .input_item.focus>label{top:3px;font-size:var(--font-caption)}.RegisterForm .btn_view{width:22px;height:22px;margin:9px;background:none}.RegisterForm .btn_view>img{width:100%;object-fit:cover}.RegisterForm .btn_login{padding:15px;border-radius:5px;background-color:var(--border-color);cursor:pointer;margin:20px 0 50px;font-size:var(--font-size-base);font-weight:500;color:var(--subtitle-color)}.RegisterForm .hide{display:none}.RegisterForm .btn_login.on{background-color:var(--main-color);color:var(--text-white)}.RegisterForm .error_message{font-size:var(--font-caption);color:var(--err-color);font-weight:600;text-align:left;padding:5px}.MyPage{display:flex;flex-direction:column;align-items:center;height:auto;background-color:var(--bg-color)}.MyPage .MyPage-container{width:100%;height:100%;display:flex;flex-direction:column}.MyPage .MyInfo-container{height:350px}.MyInfo{width:clamp(340px,90vw,560px);margin:0 auto}.MyInfo .menu-title{text-align:center;line-height:1.5;padding:10px;font-size:var(--font-title-lg-d)}.MyInfo .MyInfo-contents{padding:20px;border-radius:10px;background-color:var(--bg-white-color);border:1px solid var(--border-color)}.MyInfo .MyInfo-contents .info{width:100%}.MyInfo .MyInfo-contents .info tbody{text-align:left;display:flex;flex-direction:column;gap:10px}.MyInfo .MyInfo-contents .info tbody tr{height:40px;display:flex;align-items:center}.MyInfo .MyInfo-contents .info tbody tr th{width:100px}.MyInfo .MyInfo-contents .info tbody tr td{flex:1;border:1px solid var(--border-color);border-radius:5px;height:100%;line-height:40px;font-size:var(--font-small)}.MyInfo .MyInfo-contents .info tbody tr td span{padding-left:10px}.MyInfo .MyInfo-contents .info tbody tr td input{width:100%;padding:0 10px;border:none;border-radius:8px;outline:none}.MyInfo .MyInfo-contents button{height:40px;border:none;border-radius:5px;background-color:var(--main-color);color:var(--text-white);cursor:pointer}.MyInfo .MyInfo-contents .v_btn .DeleteAccount-btn{display:flex;flex-direction:column;gap:10px;margin-top:20px}.MyInfo .MyInfo-contents .v_btn .DeleteAccount-btn:first-child{width:100%}.MyInfo .MyInfo-contents .v_btn .DeleteAccount-btn .h_btn{display:flex;gap:10px}.MyInfo .MyInfo-contents .v_btn .UserMenu-btn{display:flex;gap:10px;margin-top:20px}.MyInfo .MyInfo-contents .UserMenu-btn button,.MyInfo .MyInfo-contents .v_btn .DeleteAccount-btn .h_btn button{width:50%}.MyPost{width:clamp(340px,90vw,560px);margin:0 auto;height:700px;flex-direction:column;display:flex}.MyPost .post-title{text-align:center;margin-top:30px;line-height:1.5;padding:10px;font-size:var(--font-title-lg-d)}.MyPost .post-content{position:relative;display:flex;flex-direction:column;flex:1;border:1px solid var(--border-color);border-radius:10px;padding:10px;background-color:var(--bg-white-color)}.none-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--subtitle-color);font-size:var(--font-small);font-weight:400}.MyPost .post-content .missing{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;margin-left:10px}.MyPost .post-content .MyPostMissingList{display:flex;justify-content:space-between;padding:10px;font-size:var(--font-small);background-color:var(--main-color);color:var(--text-white);border-radius:5px 5px 0 0}.MyPost .post-content .MyPostMissingList .myPostMissingList-container,.MyPost .post-content .MyPostMissingList .btn{display:flex;gap:10px}.MyPost .post-content .MyPostMissingList .btn p{cursor:pointer;transition:.35s}.MyPost .post-content .report{display:flex;flex-direction:column;padding:10px;border:1px solid var(--main-color);margin-top:-5px;background-color:var(--bg-white-color);border-radius:0 0 5px 5px;flex-grow:1;flex-basis:0px;z-index:99;gap:10px}.Pagination{display:flex;gap:5px;justify-content:center;align-items:center;padding:10px}.Pagination .hide{visibility:hidden;pointer-events:none}.Pagination .page,.Pagination .nav{padding:5px 10px;border:1px solid var(--border-color);background-color:var(--bg-white-color);cursor:pointer;border-radius:5px;transition:.35s;font-size:var(--font-small)}.Pagination .page.active{background:var(--main-color);color:var(--text-white);font-weight:700}.Pagination .nav:hover,.Pagination .page:hover{background:var(--main-color);color:var(--text-white)}.MypageModalDetail{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--bg-rgb-color);display:none;z-index:99}.MypageModalDetail.active{display:block}.MypageModalDetail .Modal-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;height:450px;background-color:var(--bg-white-color);border-radius:10px}.MypageModalDetail .Modal-container .Modal-contents{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.MypageModalDetail .Modal-container .Map-box{width:100%;height:50%;border-radius:10px}.MypageModalDetail .Modal-container .text-contents{display:flex;flex-direction:column;gap:10px;width:100%;height:50%;font-size:var(--font-small)}.MypageModalDetail .Modal-container .text-contents .contents-t1{text-align:center;font-weight:700;font-size:var(--font-body);justify-content:center}.MypageModalDetail .Modal-container .text-contents .contents-t2{height:100%;border:1px solid var(--border-color);border-radius:10px;padding:10px;line-height:1.5;word-break:keep-all;white-space:normal;overflow-wrap:break-word}.MypageModalDetail .Modal-container .Modal-btn{position:absolute;right:-50px;top:-50px}.MyPostReportItem{position:relative;display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;border:1px solid var(--border-color);background-color:var(--bg-white-color);transition:.35s;cursor:pointer}.MyPostReportItem:hover{border:1px solid var(--main-color)}.MyPostReportItem:hover .location{color:var(--main-color)}.MyPostReportItem .thumbnail{width:100px;height:100px;overflow:hidden}.MyPostReportItem .thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:5px}.MyPostReportItem .info{width:calc(100% - 250px);height:100%;display:flex;flex-direction:column;gap:5px;justify-content:center;overflow:hidden;margin-top:-30px;padding-right:10px}.MyPostReportItem .info p{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1}.MyPostReportItem .title{font-weight:600;font-size:var(--font-size-base)}.MyPostReportItem .description{font-size:var(--font-size-base)}.MyPostReportItem .location{position:absolute;right:30px;bottom:15px;font-size:var(--font-size-base);text-align:right;transition:.35s}.MyPostMissingItem{border-radius:5px 5px 0 0;padding:5px 10px;border:var(--border-color);background-color:var(--subtitleL-color);transition:.35s;cursor:pointer;white-space:nowrap}.MyPostMissingItem:hover,.MyPostMissingItem.active{background-color:var(--main-color);color:var(--text-white);font-weight:700}.MissingReport{height:100%}.MissingReport .menu-title{text-align:center;margin-top:30px;line-height:1.5;padding:10px;font-size:var(--font-title-lg-d)}.MissingReport .MissingReport-container{height:100%;padding:0}.MissingReportForms{display:flex;flex-direction:column;gap:20px;margin:30px auto 0;border-radius:50px 50px 0 0;border:2px solid var(--border-color);width:90%;padding:40px;background-color:var(--bg-white-color)}.MissingReportForms .MissingReportForm{display:flex;flex-direction:column;gap:10px}.MissingReportForms .MissingReportForm h4,.MissingReportForms .MissingReportForm label{font-size:var(--font-subtitle-lg-d);font-weight:700}.MissingReportForms .MissingReportForm input,.MissingReportForms .MissingReportForm select{width:100%;height:50px;border:1px solid var(--border-color);font-size:var(--font-small);padding:10px;border-radius:5px;outline:none;transition:border .3s}.MissingReportForms .MissingReportForm input:focus,.MissingReportForms .MissingReportForm select:focus,.MissingReportForms .MissingReportForm textarea:focus{border:1px solid var(--main-color)}.MissingReportForms .MissingReportForm textarea{height:120px;border:1px solid var(--border-color);font-size:var(--font-small);padding:10px;resize:none;overflow-y:auto;outline:none;transition:border .3s;border-radius:5px}#locationMap{border:1px solid var(--border-color);border-radius:5px}.MissingDeclaration{height:100%}.MissingDeclaration .PageTitle{text-align:center;margin-top:30px;line-height:1.5;padding:10px;font-size:var(--font-title-lg-d)}.MissingDeclaration .MissingDeclaration-container{height:100%;padding:0}.MissingDeclarationForms{display:flex;flex-direction:column;gap:20px;margin:30px auto 0;border-radius:50px 50px 0 0;border:2px solid var(--border-color);width:90%;padding:40px;background-color:var(--bg-white-color)}.MissingDeclarationForms .MissingDeclarationForm{display:flex;flex-direction:column;gap:10px}.MissingDeclarationForms .MissingDeclarationForm h4,.MissingDeclarationForms .MissingDeclarationForm label{font-size:var(--font-subtitle-lg-d);font-weight:700}.MissingDeclarationForms .MissingDeclarationForm input,.MissingDeclarationForms .MissingDeclarationForm select{width:100%;height:50px;border:1px solid var(--border-color);font-size:var(--font-small);padding:10px;border-radius:5px;outline:none;transition:border .3s}.MissingDeclarationForms .MissingDeclarationForm input:focus,.MissingDeclarationForms .MissingDeclarationForm select:focus,.MissingDeclarationForms .MissingDeclarationForm textarea:focus{border:1px solid var(--main-color)}.MissingDeclarationForms .MissingDeclarationForm textarea{height:120px;border:1px solid var(--border-color);font-size:var(--font-small);padding:10px;resize:none;overflow-y:auto;outline:none;transition:border .3s;border-radius:5px}.MissingRevise{height:100%}.MissingRevise .PageTitle{text-align:center;margin-top:30px;line-height:1.5;padding:10px;font-size:var(--font-title-lg-d)}.MissingRevise .MissingRevise-container{height:100%}.MissingReviseForms{display:flex;flex-direction:column;gap:20px;margin:30px auto 0;border-radius:50px 50px 0 0;border:2px solid var(--border-color);width:90%;padding:40px;background-color:var(--bg-white-color)}.MissingReviseForms .MissingReviseForm{display:flex;flex-direction:column;gap:10px}.MissingReviseForms .MissingReviseForm h4,.MissingReviseForms .MissingReviseForm label{font-size:var(--font-subtitle-lg-d);font-weight:700}.MissingReviseForms .MissingReviseForm input,.MissingReviseForms .MissingReviseForm select{width:100%;height:50px;border:1px solid var(--border-color);font-size:var(--font-small);padding:10px;border-radius:5px;outline:none;transition:border .3s}.MissingReviseForms .MissingReviseForm input:focus,.MissingReviseForms .MissingReviseForm select:focus,.MissingReviseForms .MissingReviseForm textarea:focus{border:1px solid var(--main-color)}.MissingReviseForms .MissingReviseForm textarea{height:120px;border:1px solid var(--border-color);font-size:var(--font-small);padding:10px;resize:none;overflow-y:auto;outline:none;transition:border .3s;border-radius:5px}.MissingRevise-btn{display:flex}.MissingRevise-btn>div{width:50%}.MissingList{position:relative;height:100vh}.MissingList .MissingList-conatiner{position:relative;display:flex;flex-direction:column;gap:20px;height:100%}.MissingList .PageTitle{text-align:center;margin-top:30px;line-height:1.5;padding:10px;font-size:var(--font-title-lg-d)}.MissingList .search-box{width:100%;display:flex;gap:5px;height:50px;margin:10px 0}.MissingList .search-box select{width:100px;border:2px solid var(--border-color);font-size:var(--font-small)}.MissingList .search-box input{border:2px solid var(--border-color);flex:1;font-size:var(--font-small);padding:10px}.MissingList .MissingItems{width:100%;height:calc(100vh - 400px);display:flex;flex-direction:column;gap:10px;border:2px solid var(--border-color);padding:10px;border-radius:10px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--bg-white-color)}.scroll-hidden::-webkit-scrollbar{display:none}.MissingList .MissingList-btn{width:100%}.MissingItem{width:100%;position:relative;display:flex;gap:20px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border-color);cursor:pointer}.MissingItem:last-child{border:none}.MissingItem .MissingItem-img img{width:150px;height:150px;overflow:hidden;object-fit:cover;border-radius:10px;border:1px solid var(--border-color)}.MissingItem .contents{width:calc(100% - 150px);flex:1;display:flex;flex-direction:column;gap:10px;font-size:var(--font-small)}.MissingItem .contents .contents-t1{width:85%;display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MissingItem .contents .contents-t1,.MissingItem .contents .contents-t2{font-weight:700;font-size:var(--font-size-base)}.MissingItem .contents .contents-t2{width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MissingItem .contents .contents-t1 .petType{padding:5px 10px;background-color:var(--main-color);border-radius:5px;color:var(--text-white)}.MissingItem .ReportMove-btn{position:absolute;right:20px;bottom:20px}.ShelterInfoIMG{width:100%;max-width:300px;height:auto;margin:0 auto 16px;display:flex;justify-content:center;align-items:center}.ShelterInfoIMG img{width:100%;height:auto;max-height:250px;object-fit:contain;border-radius:12px}.ShelterList{height:100vh}.ShelterList .ShelterList-container{display:flex;flex-direction:column;gap:10px;height:100%}.ShelterList .PageTitle{text-align:center;margin:30px;padding:10px;line-height:1.5;font-size:var(--font-title-lg-d);color:var(--title-color)}.ShelterList .Map-wrapper{height:30%;min-height:200px;border:2px solid var(--border-color);border-radius:10px;overflow:hidden;transition:border .35s}.ShelterList .Map-wrapper:hover{border-color:var(--main-color)}.ShelterList .ShelterList-contents{display:flex;flex-direction:column;gap:10px;width:100%;height:51%;padding-bottom:30px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.ShelterList .ShelterList-contents::-webkit-scrollbar{display:none}.shelter-card{position:relative;display:flex;gap:10px;padding:10px;background-color:var(--bg-white-color);border:1px solid var(--border-color);border-radius:5px;line-height:1.5;cursor:pointer}.shelter-thumb{width:100px;height:100px;object-fit:cover;border-radius:5px}.ShelterAnimalList-btn{position:absolute;right:20px;bottom:20px;transition:color .35s}.ShelterAnimalList-btn:hover{color:var(--main-color)}.load-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;width:100%;background-color:var(--bg-new)}.load-wrapper .img-box img{width:300px;margin:10px;object-fit:cover}.load{font-size:var(--font-title-xl-d);font-weight:500;color:var(--title-color);text-align:center}.Map{width:100%;height:100%}.Map .Map-box{height:350px;z-index:0}.custom-marker-wrapper{display:flex;justify-content:center;align-items:center;width:48px;height:48px;transition:.35s;cursor:pointer}.custom-marker-wrapper:hover{transform:scale(1.5)}.custom-marker-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.ShelterAnimalList{height:100vh}.ShelterAnimalList .ShelterAnimalList-container{display:flex;flex-direction:column;gap:10px;height:100%}.ShelterAnimalList .PageTitle{text-align:center;margin-top:30px;padding:10px;line-height:1.5;font-size:var(--font-title-lg-d);color:var(--title-color)}.ShelterAnimalList .SearchBar select{border:1px solid var(--border-color);border-radius:5px;padding:5px;font-size:var(--font-small)}.ShelterAnimalList .ShelterAnimalItems{width:100%;height:calc(100vh - 250px);display:flex;flex-direction:column;gap:10px;padding:10px;border:2px solid var(--border-color);border-radius:10px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--bg-white-color)}.ShelterAnimalList .ShelterAnimalItems::-webkit-scrollbar,.scroll-hidden::-webkit-scrollbar{display:none}.ShelterAnimalItem{position:relative;display:flex;gap:20px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border-color);cursor:pointer}.ShelterAnimalItem:last-child{border:none}.ShelterAnimalItem .ShelterAnimalItem-img img{width:150px;height:150px;overflow:hidden;object-fit:cover;border-radius:10px;border:1px solid var(--border-color)}.ShelterAnimalItem .contents{flex:1;display:flex;flex-direction:column;gap:10px;font-size:var(--font-small)}.ShelterAnimalItem .contents .contents-t1{display:flex;align-items:center;gap:10px}.ShelterAnimalItem .contents .contents-t1{font-weight:700;font-size:var(--font-size-base)}.ShelterAnimalItem .contents .contents-t1 .petType{padding:5px 10px;background-color:var(--main-color);border-radius:5px;color:var(--text-white)}.ShelterAnimalItem .ReportMove-btn{position:absolute;right:20px;bottom:20px}.NotFound{position:relative;height:100vh;background-color:var(--bg-new)}.NotFound .NotFound-container{display:flex;flex-direction:column;gap:30px;width:100%;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.NotFound .NotFound-container .text-contents{display:flex;flex-direction:column;gap:10px;word-break:keep-all;white-space:normal;overflow-wrap:break-word}.NotFound .NotFound-container .text-contents .notfoundNum{font-size:100px;color:var(--main-color)}.NotFound .NotFound-container .text-contents h1{font-size:var(--font-title-xl-d);color:var(--title-color)}.NotFound .NotFound-container .text-contents p{font-size:var(--font-title-lg-d);color:var(--subtitle-color);line-height:1.5}.NotFound .NotFound-container .img-box img{width:300px;margin:10px;object-fit:cover}.HomgMove-btn{width:400px;margin:0 auto}@media (max-width: 600px){.NotFound .NotFound-container .text-contents h1{font-size:var(--font-title-xl-m)}.NotFound .NotFound-container .text-contents p{font-size:var(--font-title-lg-m)}}.SideBar{position:absolute;top:0;right:-350px;width:350px;height:100%;background-color:var(--bg-new);display:flex;flex-direction:column;gap:10px;padding:30px 20px;transition:1s;z-index:999}.SideBar.active{right:0}.SideBar .close-btn{text-align:end;margin-bottom:20px}@media (max-width: 767px){.SideBar{width:100%;right:-100%}.SideBar.active{right:0}}.AlertBox{width:100%;height:120px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;border:1px solid var(--main-color);background-color:var(--bg-white-color);border-radius:10px;padding:15px;line-height:1.3}.AlertBox-container{display:flex;flex:1;gap:10px;cursor:pointer}.AlertBox .alert-message{flex:1}.AlertBox .alert-icon img{width:15px}.AlertBox .alert-message h3{font-size:var(--font-size-base)}.AlertBox .alert-message p{font-size:var(--font-small);margin-top:10px}.AlertBox .alert-close{font-size:var(--font-body);cursor:pointer}@media (max-width: 600px){.AlertBox{height:auto}}