@charset "UTF-8";@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Thin-471a4167.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraLight-b696116b.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Light-02be97e2.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Regular-f3295289.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Medium-9b8a6800.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-SemiBold-05d771ea.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Bold-ee0fb7b4.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraBold-32a1d71b.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Black-d988e684.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Omu;src:url(/assets/Omu-4b4bb943.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Thin-471a4167.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraLight-b696116b.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Light-02be97e2.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Regular-f3295289.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Medium-9b8a6800.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-SemiBold-05d771ea.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Bold-ee0fb7b4.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraBold-32a1d71b.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Black-d988e684.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Omu;src:url(/assets/Omu-4b4bb943.ttf) format("truetype");font-weight:400;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;word-break:break-all;word-wrap:break-word}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}input,button{background:transparent;outline:none;border:0;padding:0;box-sizing:border-box;color:#333}input{width:100%}input::-ms-clear,input::-ms-reveal{display:none}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}ol,ul,li{list-style:none}a{color:#333;text-decoration:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}html{overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}body{width:100vw;min-height:100vh;color:#333;overflow-x:hidden;padding:50px 25px;background-color:#f4f5f6;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar,::-webkit-scrollbar-thumb{display:none;width:0;height:0;background:transparent;-webkit-appearance:none;background-color:transparent}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Thin-471a4167.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraLight-b696116b.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Light-02be97e2.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Regular-f3295289.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Medium-9b8a6800.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-SemiBold-05d771ea.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Bold-ee0fb7b4.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraBold-32a1d71b.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Black-d988e684.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Omu;src:url(/assets/Omu-4b4bb943.ttf) format("truetype");font-weight:400;font-style:normal}:root{--main-bg-color: #FAFAFA;--main-green: #00BE87;--color-blue: #2f80ed;--color-white: #FFF;--color-lightYellow: #FFF6C8;--color-gray1: #333333;--color-gray2: #4F4F4F;--color-gray3: #828282;--color-gray4: #BDBDBD;--color-gray5: #E0E0E0;--color-gray6: #F2F2F2;--weight-thin: 100;--weight-extralight: 200;--weight-light: 300;--weight-regularlight: 350;--weight-regular: 500;--weight-medium: 600;--weight-semibold: 700;--weight-bold: 800;--weight-extrabold: 900;--weight-heavy: 900;--fz-10: .62rem;--fz-11: .68rem;--fz-12: .75rem;--fz-13: .81rem;--fz-14: .875rem;--fz-15: .94rem;--fz-16: 1rem;--fz-18: 1.12rem;--fz-20: 1.25rem;--fz-22: 1.37rem;--fz-24: 1.5rem;--fz-26: 1.62rem;--fz-30: 1.875rem;--fz-35: 2.1875rem;--fz-36: 2.25rem;--border-radius: 10px;--border-radius-middle: 15px;--border-radius-round: 30px;--border-style-basic: 1px solid #efefef;--box-shadow-basic: 0;--box-shadow-reguler: 0;--box-shadow-record: 0;--box-shadow-caleandar: 0 // --box-shadow-basic: 0 3px 7px 0 rgba(0, 0, 0, .16)}.click-btn{display:block;width:100%;text-align:center;background-color:var(--main-green);color:var(--color-white);font-size:var(--fz-16);padding:13px 0;border-radius:var(--border-radius);font-weight:var(--weight-semibold);margin-top:50px}.click-btn.black{background:var(--color-gray1)}.click-btn.white{margin-top:10px;color:var(--color-gray4);background-color:var(--color-white)}.click-btn.white-black{display:flex;align-items:center;justify-content:center;background:var(--color-white);border:1px solid #E0E0E0;color:#5f5f5f}.click-btn.un-active{background:#f1f1f1;color:var(--color-gray4)}.click-btn .arrow-btn{margin-left:10px}.button-wrapper{position:fixed;left:0;bottom:-1px;width:100%;z-index:1;padding:15px 25px;background:var(--main-bg-color);border:1px solid var(--main-bg-color)}.white-btn{display:block;width:100%;text-align:center;background-color:var(--color-white);color:var(--color-gray1);font-size:var(--fz-16);padding:13px 0;border-radius:var(--border-radius);font-weight:var(--weight-semibold)}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.line-bar{width:100%;height:1px;background:var(--color-gray4);margin:25px 0}.big-wrap{position:fixed;top:0;left:0;bottom:-1px;right:0;z-index:800;background:#f4f5f6;padding:50px 25px;box-shadow:0 0 18px #7c7c7c33;overflow-y:scroll}.big-wrap.map{padding:0}.big-wrap.none{position:relative;background:transparent;padding:0;box-shadow:none;overflow-x:hidden;z-index:1}.fw-bold{font-weight:var(--weight-bold)}.popup-component{background:var(--main-bg-color);position:fixed;top:0;left:0;right:0;bottom:-1px;z-index:1000;padding:50px 25px;overflow-y:scroll}.flex-b{display:flex;justify-content:space-between;align-items:center}.onComp-enter-from,.onComp-leave-to{transform:translate(-100%)}.onComp-enter-active,.onComp-leave-active{transition:all .3s ease-out}.onComp-enter-to,.onComp-leave-from{transform:translate(0)}header{width:100%;position:fixed;background:#f4f5f6;top:0;left:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;z-index:700}header.fix{position:fixed}header.video-mode{background:transparent}.alarm-dot{display:block;width:8px;height:8px;background:red;border-radius:50%;position:absolute;top:-1px;right:3px}.header-right{display:flex;align-items:center}.step-num{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.step-num.four{grid-template-columns:repeat(4,1fr)}.step-num.five{grid-template-columns:repeat(5,1fr)}.step-number{display:inline-block;background:#DCFAF0;color:var(--main-green);padding:5px 10px;border-radius:5px;font-weight:var(--weight-semibold);font-size:var(--fz-13)}.step-number.none{display:none}.step-number.active{color:var(--color-white);background:var(--main-green)}.header-num span{color:var(--color-gray4);font-size:var(--fz-13)}.header-num strong{color:var(--main-green);font-weight:var(--weight-semibold)}.main-header{display:flex;align-items:center}.main-header span{margin-left:5px;font-weight:var(--weight-bold);font-size:var(--fz-18)}.main-header .header-user-icon{width:32px;height:32px;max-width:32px;max-height:32px;overflow:hidden;border:2px solid var(--color-white);border-radius:8px;margin-left:15px}.main-header .header-user-icon img{width:100%;-o-object-fit:cover;object-fit:cover}.header-left{display:flex;align-items:center}.header-center{font-weight:var(--weight-bold)}.profile-info{text-align:center;margin-top:12px}.profile-info .nickname{display:inline-block;font-weight:var(--weight-bold);font-size:var(--fz-26);margin-bottom:10px}.profile-info .email{color:var(--color-gray3);font-weight:var(--weight-bold)}.profile-info .email .identy{font-size:var(--fz-14);font-weight:var(--weight-regular);margin-right:20px}.walk-btn{width:34px;height:34px;background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 0 5px #0003;display:flex;align-items:center;justify-content:center}.user-icon{width:32px;height:32px;border-radius:var(--border-radius);overflow:hidden}.user-icon img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover}.edit-password{display:block;width:100%;padding:13px 0;color:#a0a0a0}.footer-navigation{width:100%;position:fixed;left:0;bottom:0;padding:4px 25px;z-index:1;height:45px;background:var(--color-white);box-shadow:0 4px 10px #d1e7dc}.footer-navigation .navigation{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%}.footer-navigation .navigation button{display:flex;flex-direction:column;align-items:center}.footer-navigation .navigation button img{width:22px;height:22px}.footer-navigation .navigation span{font-size:var(--fz-10);font-weight:var(--weight-bold);color:#5c5c5c}.footer-navigation .navigation span.active{color:var(--main-green)}.footer-navigation .navigation .nav-center{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:-70%;transform:translate(-50%,50%);width:54px;height:54px;background:#00BE87;border-radius:50%;box-shadow:0 5px 10px #cdeede;box-sizing:border-box;border:5px solid transparent;overflow:hidden}.footer-navigation .navigation .nav-section{width:30%;display:flex;align-items:center;justify-content:space-between}.category-big-wrap section{margin-bottom:25px}.category-title{font-size:var(--fz-18);font-weight:var(--weight-bold)}.category-header{display:flex;align-items:center;justify-content:space-between;padding:15px 5px}.category-header h3{font-weight:var(--weight-semibold)}.category-header button{font-weight:var(--weight-medium);font-size:var(--fz-14);color:var(--color-gray3)}.category-list-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-list{padding:10px;text-align:center;background:rgba(243,243,243,.9529);border-radius:var(--border-radius);position:relative}.category-list .icon-box{margin-bottom:3px}.category-list .text{font-size:var(--fz-12);font-weight:var(--weight-medium);letter-spacing:-1px}@keyframes updown{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.permission-header{margin-bottom:30px}.permission-header .permission-title{font-weight:var(--weight-bold);font-size:var(--fz-30);margin-bottom:10px}.permission-header .permission-subT{font-weight:var(--weight-light);font-size:var(--fz-14);letter-spacing:-1px}.permission-main .permission-list{display:flex;align-items:start;margin-bottom:20px}.permission-main .permission-list img{margin-right:12px}.permission-main .permission-list-header-wrap .subject-wrap{display:flex;align-items:center}.permission-main .permission-list-header-wrap .subject{font-weight:var(--weight-medium);font-size:var(--fz-20);margin-right:12px}.permission-main .permission-list-header-wrap .essential{color:var(--main-green);border:1px solid var(--main-green);border-radius:var(--border-radius);padding:2px 6px;font-size:var(--fz-12);font-weight:var(--weight-medium)}.permission-main .permission-list-header-wrap .essential.select{border-color:var(--color-gray3);color:var(--color-gray3)}.permission-main .permission-list-header-wrap .permission-list-text{font-size:var(--fz-12);font-weight:var(--weight-light)}.permission-notice p{padding:10px;color:var(--color-gray2);font-weight:var(--weight-light);font-size:var(--fz-13)}.common-title h4{font-weight:var(--weight-bold);font-size:var(--fz-26);margin:20px 0 5px}.common-title p{font-size:var(--fz-14);font-weight:var(--weight-light)}.common-title.fz30 h4{font-size:var(--fz-30);margin-bottom:10px}.select-type{padding:80% 0 10px}.select-type .select-type-title{font-weight:var(--weight-bold);font-size:var(--fz-20);margin-bottom:20px}.select-type .select-button-area{display:flex;align-items:center;justify-content:space-between}.select-type .select-button-area button{display:flex;flex-direction:column;align-items:center;width:calc(50% - 9px);padding:15px 0;border:1px solid var(--color-gray3);border-radius:var(--border-radius)}.join-big-wrap{padding:0 10px}.login-select{margin-top:80%}.login-select .login-list{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);border:1px solid var(--color-gray1);padding:12px 0;margin-bottom:10px}.login-select .login-list img{margin-right:15px}.login-select .login-list span{font-weight:var(--weight-medium)}.login-select .login-list.kakao{background:#ffe812;border-color:#ffe812}.login-select .login-list.naver{background:#00bf18;border-color:#00bf18;color:var(--color-white)}.login-select .login-list.apple{background:var(--color-gray1);border-color:var(--color-gray1);color:var(--color-white)}.middle-line{position:relative;margin:10px 0}.middle-line span{background-color:var(--main-bg-color);color:var(--color-gray3);display:block;font-size:var(--fz-12);margin:30px auto 20px;position:relative;text-align:center;z-index:1}.middle-line span:before{background-color:var(--color-gray3);content:"";height:1px;overflow:hidden;position:absolute;right:0;top:7px;width:calc(50% - 80px)}.middle-line span:after{background-color:var(--color-gray3);content:"";height:1px;left:0;overflow:hidden;position:absolute;top:7px;width:calc(50% - 80px)}.middle-line.pass-line span{margin:50px 0 20px;color:var(--color-gray4)}.middle-line.pass-line span:before,.middle-line.pass-line span:after{background:var(--color-gray4);width:calc(50% - 40px)}.input-line-wrap{display:flex;align-items:center;border-bottom:1px solid var(--color-gray4);padding:5px 10px;transition:width .5s;position:relative}.input-line-wrap .unit{font-weight:var(--weight-semibold);position:absolute;right:0;bottom:5px}.input-line-wrap:after{content:"";position:absolute;width:0%;height:2px;left:50%;bottom:-1px;transition:all .5s;transform:translate(-50%);background:var(--main-green)}.input-line-wrap:focus-within.input-line-wrap:after{width:100%}.input-line-wrap:focus-within svg path{stroke:var(--color-gray1)}.common-input-wrap.focusing .input-line-wrap:after{width:100%}.common-input-wrap.focusing svg path{stroke:var(--color-gray1)}.common-input-wrap{margin-top:35px}.common-input-wrap .common-input-title{display:inline-block;font-weight:var(--weight-bold);margin-bottom:12px}.email-title,.password-title{display:inline-block;font-weight:var(--weight-medium);margin-bottom:12px}.text-input,.password-input{padding:5px 10px;font-size:var(--fz-14);transition:border-color 1s;font-weight:var(--weight-bold)}.text-input::-moz-placeholder,.password-input::-moz-placeholder{color:var(--color-gray4);font-weight:var(--weight-regular)}.text-input::placeholder,.password-input::placeholder{color:var(--color-gray4);font-weight:var(--weight-regular)}.check-password{margin-top:25px}.remember-user{margin-top:15px}.remember-user .forget-password span{color:var(--main-green);font-size:var(--fz-14)}.agree-terms{margin:30px 0}.agree-terms .agree-terms-list{display:flex;align-items:center;margin-bottom:15px}.agree-terms .agree-terms-list svg{margin-right:5px}.agree-terms .agree-terms-list p{font-weight:var(--weight-medium)}.agree-terms .agree-terms-list p strong{font-weight:var(--weight-bold);color:var(--main-green);text-decoration:underline}.agree-terms .agree-terms-list p span{color:var(--main-green);font-weight:var(--weight-medium)}.agree-terms .agree-terms-list p span.normal{color:var(--color-gray1);font-weight:var(--weight-light)}.agree-terms .agree-terms-list.checked svg rect{fill:var(--main-green)}.agree-terms .agree-terms-list.checked svg path{stroke:var(--color-white)}.check-email-notice{background:#f2f4f2;padding:10px;margin-top:40px}.check-email-notice span{color:var(--color-gray3);font-weight:var(--weight-bold)}.check-email-notice p{color:var(--color-gray3)}.reg-password{margin-top:25px;background:#f2f4f2}.reg-password li{display:flex;align-items:center;padding:8px;color:var(--color-gray3)}.reg-password li svg{margin-right:10px}.reg-password li span{font-size:var(--fz-13)}.reg-password li.active{color:var(--main-green)}.reg-password li.active span{font-weight:var(--weight-medium)}.reg-password li.active svg path{stroke:var(--main-green)}.timer{color:var(--main-green)}.pass-notice .pass-notice-list{background:#f2f4f2;padding:10px;border-radius:5px;color:var(--main-green);font-weight:var(--weight-medium);margin-bottom:10px}.pass-notice .pass-notice-list strong{font-weight:var(--weight-bold)}.main-point{display:flex;align-items:center;margin-right:15px}.main-point img{width:20px;height:19px;margin-right:4px}.main-point .point{font-weight:var(--weight-bold)}.main-view section{margin-bottom:20px}.main-view section.category{margin-bottom:30PX}.main-view section.event-view{margin-bottom:20px}.main-view .main-event-list{width:100%;background-color:#e2e2e2;height:260px;border-radius:var(--border-radius);overflow:hidden}.main-view .short-tab>ul{display:flex;align-items:center;gap:12px}.main-view .short-tab .test-list{padding:10px;background:var(--color-white);border:2px solid var(--main-green);border-radius:var(--border-radius);display:flex;flex-direction:column;width:50%;position:relative}.main-view .short-tab .test-list span{font-weight:var(--weight-bold);font-size:var(--fz-14)}.main-view .short-tab .test-list .bottom-text{display:inline-block;margin-top:22px;font-size:var(--fz-14);align-self:flex-end}.main-view .short-tab .test-list .check-test{white-space:nowrap;position:absolute;top:90%;left:15%;padding:5px 10px;background:var(--color-gray1);border-radius:var(--border-radius);box-shadow:0 1px 10px #00000040;animation:updown 1s ease-in infinite;z-index:1}.main-view .short-tab .test-list .check-test:before{content:"";border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #333;position:absolute;bottom:100%;left:20%}.main-view .short-tab .test-list .check-test p{color:var(--color-white);font-weight:var(--weight-medium);font-size:var(--fz-14)}.main-view .short-tab .pet-management{padding:15px;border-radius:var(--border-radius);background:var(--main-green);margin:20px 0;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);color:var(--color-white)}.main-view .short-tab .pet-management .title{display:inline-block;font-weight:var(--weight-bold);font-size:var(--fz-18)}.main-view .short-tab .pet-management>div{display:flex;align-items:center;justify-content:space-between}.main-view .short-tab .pet-management>div>span{font-weight:var(--weight-bold);font-size:var(--fz-14)}.main-view .short-tab .pet-management>div button{font-size:var(--fz-14);color:#5f5f5f;color:var(--color-white);text-decoration:underline}.main-view .short-tab .pet-management>div button.go-pet-manage{text-decoration:none;font-weight:var(--weight-medium)}.main-view .short-tab .pet-management>div .count{font-size:var(--fz-18);font-weight:var(--weight-bold)}.notice-view{margin-top:50px}.main-petinfo-section{padding:15px 20px;background-color:var(--color-white);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-14);border:var(--border-style-basic)}.main-petinfo-section .title{color:var(--color-gray3);font-weight:var(--weight-semibold)}.main-petinfo-section .content{display:flex;align-items:center;gap:17px}.main-petinfo-section .my,.main-petinfo-section .manager{display:flex;align-items:center;font-weight:var(--weight-bold)}.main-petinfo-section .my p,.main-petinfo-section .manager p{margin-right:8px}.main-petinfo-section .my span,.main-petinfo-section .manager span{color:var(--main-green)}.main-toon-list-wrap img{width:100%;max-height:150px}.main-btn-section{background:var(--color-white);margin-top:10px;box-shadow:var(--box-shadow-reguler);border-radius:var(--border-radius);padding:15px;border:var(--border-style-basic)}.main-btn-header{display:flex;align-items:center;font-weight:var(--weight-bold);margin-bottom:15px}.main-btn-header span{margin-left:3px;font-size:var(--fz-11);font-weight:var(--weight-medium);color:var(--color-gray3)}.main-button-area{display:grid;grid-template-columns:repeat(4,1fr)}.main-button-area li{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);padding:8px 0}.main-button-area li div{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:var(--border-radius)}.main-button-area li span{font-weight:var(--weight-bold);font-size:var(--fz-12);display:inline-block;margin-top:4px}.main-button-area li img{width:100%;max-width:27px;max-height:27px}.main-card-view{padding:0 10px}.main-card-view .card-slider{border-radius:var(--border-radius);height:calc(100vh - 350px);padding:24px;background:#fff8dd url(/assets/home-hand-c2d134e2.png) no-repeat top 24px right 24px/80px 80px}.main-card-view .card-slider.second{background-color:#ffecec}.main-card-view .card-slider.third{background-color:#e7f2f0}.main-card-view .card-slider article{height:50%}.main-card-view .card-slider article.top>span{font-weight:var(--weight-bold);display:inline-block;margin-bottom:30px;font-size:var(--fz-26);letter-spacing:-1px}.main-card-view .card-slider article.top>p{color:#565656;font-size:var(--fz-14)}.main-card-view .card-slider article.top>p span{font-weight:var(--weight-semibold);display:inline-block;margin-bottom:10px}.main-card-view .card-slider article.top>p span i{font-weight:var(--weight-extrabold);color:var(--main-green)}.main-card-view .card-slider article.top>p .text-deco{text-decoration:underline}.main-card-view .card-slider article.bottom{font-size:var(--fz-14);color:#5f5f5f}.main-card-view .card-slider article.bottom .urine{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--main-green)}.main-card-view .card-slider article.bottom .urine .title{font-weight:var(--weight-bold)}.main-card-view .card-slider article.bottom .common-title{display:flex;align-content:center;justify-content:space-between;margin-bottom:8px}.main-card-view .card-slider article.bottom .common-title p{font-weight:var(--weight-bold)}.main-card-view .card-slider article.bottom .common-title i{font-weight:var(--weight-bold);font-size:var(--fz-18)}.card-custom{margin-top:12px}.card-custom .setting{display:flex;align-items:center;justify-content:flex-end}.card-custom .setting span{font-size:var(--fz-14);color:#a0a0a0}.today-record{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px}.today-record .box{padding:10px;border-radius:var(--border-radius);position:relative}.today-record .box>span{font-weight:var(--weight-bold);display:inline-block;margin-bottom:10px}.today-record .box i{position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:50%;background:#ff3d2d;display:flex;align-items:center;justify-content:center;font-size:var(--fz-14);font-weight:var(--weight-bold);color:var(--color-white)}.today-record .box p{color:#5f5f5f;font-size:var(--fz-12)}.today-record .box p span{font-size:var(--fz-18);font-weight:var(--weight-bold);color:var(--color-gray1)}.today-record .box1{grid-column:1/2;grid-row:1/3;background:#f3f3f3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA5CAYAAAB0+HhyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA72SURBVHgB1VprkBxXdT739mMeO6uVtNLuWi+vrdiWHYtAmRJFDMQqlB+2qbIhflWwbCV28ahAQqUKx6JKLlGpSoX8SEKFVIr84AeVShxCflCUwcaAjQAhgWwjYwOybKMHlnZXszM775l+Xb5ze3qmu2dmtSuL15VaPd19+/b57jnnO+eeK0G/B23fdxauUaa81TBodxDQLe5S5eXMT1669Qt/d0ct6mPS72A7eFDJU7eWb1a+v0dKuVsp9S5SJACCcKZiqXqz7bQfxtW/RO/8zgDZ+9TcmLWG3hso612nZOl+UmpaCCEBQj8X3YOxNMsVanT8fPz93yqQh48sbvGk2kMu7RGS9kDIjSSUFGpIZxGeOp0OtcpLZLrB8/HHv1EgmF2x90jlbQZ578Bs3+4RvZt8USCpZEzWIS92H+JcXaxQ0GktZHObn453EfRrbnuPz42JpnwPkbFLkLpHkJjFR7N4JIcLoUaOpQJFJ4//nDLF869888DdOzAZavgYl6l98JlfblG57G6DxG0G0c1QxUZ81IaMMi2wiKY6EkiI7qXq3dU9cOE4Lv3sez+imzfADrfl//6zrxuv+QFtICP4ymUzrbsPn81ljfyf4+v3GopuwufH8XlTaFlDcfkfdt4BDUTPuat27iSIECDMqlKnoNWk6yYnyem0DmzH76MlQbmc+dBlAfLwkflpj6wv4etvh/lk8HXMvBLD1C26dy1YxTbbpS0Zj67NObQVv7/2BtFz/iT5PVh9IAysurBIUzmTthQkNaoObcu26VAbPaR1/WUB4knrAPnq3SKyjHCS+8J3z1ttj66wWXCXtmcdysig14c1ZTdK8J7JHtjuA33yYUONUpl2Tedw4ZHnedT2YKuWrfu8aSAPHlm6iQL/o0L0ZRciFH6dqeiqDGY749KNYx0a04InfSJqHdj/WRcckOtrIyIrbvV6k7xajWavmtC+wsBPV6A70yBDuf6bBhKQ/2kMIqMPXg1T2ZF36Hock6YHQfrcKbpXaTD8q1hr06KxLuwVaTUWDMsLJT0xV05YVF1qUoBnRYjPIxqkDr8pIHt/VLrR8Ol2QaED7xpv053r62ke6p2TLhzrBaFeLbaok91GEWnF/SsA7dYvLNJb1mWhfJ88mBYsjRY6cEYzoECoJyS9iSaD4FEOwxJfNzDS7jWtEYYzqoXittsunWhlSRndeVXJLvVmh7xqjXZszJLrujqenFvqUMfIwKzgH9J44ZKB3Hv0wrWSxAcj4nwrTGmt6ffEix9JweN3QonPlhp0IbOeVIqtIl8rL5aJ3A5tW2tpIMBBZxvojXQYNt2omfLZSwaSUeajkkRPrPdONFLi9X+nxRexJy7Y56USzCU3EfZLqxMmVJsvInZkKI8AxWzF/rHgWuD4gIDlmz89eI9zSUDue6E1awi1LxLuesSBddBGOoilAfV/9wlgodKm19QEKSkTQCO/a7ZhQktL9NaZPLlgK6Zh5r4FB/6hfCYEnXNdEhDLaT1idOVl9e9Z2+oJEG8pl449DzW51HDp0Ok6NQuTicAjYucSkkTRadNMwQz9A3/Olhyqkw0giizbOsZ9V81a9/3g/KxJ6sNaFPydsQOasdxl3wlzJUUOprLZcWmx6dEbNY9OYn13bvxqJDKZXgoToeafkrPdhSJN5U2azEqkKJ6m5deqgcaN/OeN7z1219FLAmIa9l8aSsho2t451uqZQTTzLLQLj+y4PtXaPpVaHs1BaQuuSVWRpboxoRknmJDI4gfyyB5Rd1xE73KZ3jmVA+0imoN6fYxbDgBcBXB0dagnF62i7T1W2oa48dci+ih+XJtpUb3jU8eD0B0PQiNQdRSVfIsqlKE6cseWCf4HPysjFLP7V8NP+Hb3Pt/krgtLNeZmumbD+tCsMEF+ADV0JOhea+UblwRE+OIORNEJ/btrC59/o0AFr0EdkcNM41AmzxRl7LBTmMuGfdM+pKJxVAJLaFY4yvOLNAYJN41bVK80dfw4W4ezGzY8JKCMJV5YNZC935+bQudPypQoVSNLNTMXXnFwClg4pZml78DJ1F3E/CDeomv+hgd2apZLdON65F+Br2nXx3unGkKPDz89+cxj9x2n2DsraoZhvQ/GsTUhXyQme2B3ncERXorRoTAdJ8SIo1xFPtVo0I1TIe1ymsJH2TNhdgF8lb4dH2dFQG55RmUx+IEo2l60qfiPMFns/4mEFbHVYJJy+VhEELTg3JvHzZ5/tOEfZ0EaJk+c1/ePFQOZzZXvNATNpm1hlGlEbhyf4XSL0o/48+geR+76Yolm19pUsHgt4mm8ZxrhV2zwct7MPL9qIADxD1KI2KyJgRmMYUgIJRNaUOF9IZIAUkel0aagXqOdiObsGx4Y0YNZnalLmC2blXjuyYPvP7UqIPuOVG5DYnaVXlpTxD39dQLFhOkBED3jGTluSLMqmSCqUKDFYplMaGEG6vC6ZsXHPDIqi9cfgXgqPd5FgUjp/2Oy6JKs/KVndjmQ/ethq5WIihVVsPbYkDVoBtzruI6O5kWszUuO0mZlSv+HtBog+35QvgWBaSetoKXzqJ5wy/SNiCPev9Z2yK9W6LoNWR3NOUn0geQXNYwr2T+EMu3CIVoNEKxzPpX8aFIb8d/JQ4wWPnUvNMXIn4guFLkc6tAOpCWux7SLAIgAcg4aMZl2SR16Yv/7yrRSIA/8cGkPtPinIU2mPk6UEk706DT8o4ZqpU+//T7xfpwksllx/WHjmNGjXRRLaA5piSXY1OUTw+QdCcQK/IfjNt8XfMScp8wkCTSa8eGUrAMpjgYCn4O1xx9MZrVTR4uoM7WAXIiRkzqiH6eVAnngcPltUop7RwmVlj9y0qhKOFxr4b9pbUTTos2qXMNapxNGc7frH8h1Xq3iOUBkpGjlrlPP0kqBGIb/N2ltJEHEtSR6RTQaAnLYOdknBMH1pDLMCsk9TRaYrbr+gbGXAou4cIxV6bf/7557HFoJkAePzW/Hkv6BAadMXffPo8ASLQ8qlrLgH8cLyEGRgTPdtRnR9Q+sEJuK5po+ZSVrnJ4aMfwgEOGZnxIxeZIgxAg7VyNNToi48Gqwrwj9o1htkGw36fqNubBuhTyLtfHako+yqAUgKHhY1nM0oiXSeF7GGlLeLwdKZKonyPCqSJwGuvdE7Fqke3avupGcj3msPTIoJmxCfhVmu4HOds+g7GOhemILMfflR+88TCNaQiO2zH4cCyebKJkfUUJoGnqdnuVh22fDYggL4GK90Sou0tqsSdOFfrbLHRoyC79RvDx4hpZpPSB7v9vchkRznyRxETsffN4zoYiCe4v3lOBDDr0SrLfIaNTp6vUZbVI628W7p8seNWF47B8Y7Mu0TOuZlrBbd0HE9UmRU+w0BFjcB/pv9gEO3Iu/SzqzpoWFMmWglRs423XDbJeriSeQljCbZdHJtuQrtEzTGnnocGW9IcQn+CXV/cqwaB43tX5YFCOFXO5edPA6vFYsURa1nSmO5t0tA/aRurIQzQOO6K//7yc/8BJdDIgnvTtQsd/aE0mpoSCIItrsdQz7Rim+Wn72k74XfnwJBWqqVWk7ojlQ6RIqD1lDZWYO+ZWt/Uh8iy7Swm1hIR4jEf9oTDVxoQUNeHtCH/ExBiwxmYNxY7s+V0TRyHfpGqZdz9c+wtx4uqZ0ASAn2fz8Zf1DA7n/aPlOmNSVye9GfK96V2nJhplK2C1pl4MUHLvHUftCUbPSpjWW1gabFKclr3BaAhVjWQJ3F6/SxYCgYndv2p7TbbnnIhKe+mY3ADB63lsuK+3kvPaQlTJtRuzIcKW9W9tto0JZRFWS0xJTiuf/e/9dr9PFgGDe7xrmnJJSTt4t+VA64QundoAQ0lYoekmlnmFktzArbKfZSBJvmM6HO1HsH9DGiQsOeaalzQpDPUkraBIDCERQEXeBARAxkEzpUnRnVwz2SzszxyWumkdjcjrC64o6tDF/+ixlwErTBUsvovSWAfqeWOKtA0U5g7/nP70SIOb86XPSqdW1qrFowXISKaNtkoltX8k7prjHZ5PPvENkcN01XETxM30YIhQY9yzZZy/LCHMzPQlds2JAHcejYy+eJFHG2hz7guMWyj8NR/tHx/Fpyefv8/pcBCJn/2xFQOaOHvuMU6s8gh1eyVGIVTwLKszDy3hPtgVV+0rqhQ3vn0pUzwMcvuQDWSpv0MAMeP9P8B5gF7DoHoaFyiCSPsM09f0AzLQ0t0D+4gJtxnbBritQ5EahutNxdLX9+C9r1DHXUYEXUYZ49n8+ccf8ioC8/NmH9l/74c9VlREcUI6fU6jmnTrfpu3Ta2gWtpuHHdjk66pfHnvdhVc6ABtQZVxQcGWe2hDOhQq4QOC6AZalqr+tEEAfEIjtnifChQV7GH8cH15fAFXCyVuVRVpo29pMOZq/WELncUl5nbarr9IKW88fd3zkP2b9wDkYePSgg/rRmqkpsgq5MN/l/5UAtb8Fu697i4KqrRb9//lf0OvrJI1fN0sWtGfy7i5xlooqOVNmWGiGqTGFKu0bcVrHNHTJItAmKYRBPz5Tp5PWFI2tydNmGytCM3jP44/c/d1VAYnaDX/1uT8kM/sRKz92O5n2VZJNovtsJyLt3zZyVGk26J9PvKye25inmT+6RmRyGQ1WqUBri9Nvhdwp6Jqqj0lgxuKtZE45eMeBgXIxOuB+qJJUmg6q+lma3jxFdrtOGyw696X9H9hCQ/PowTawrfDTf//Yyzh9nI+dH/u3nfCRG2QgMSDGFuPvMMz8bgs+MpWxvEyrZbbnL5A7MUYBCEEwWQC4YbIv2SABg2yQAzu6ZjsZ/u8fnUt18ylmZD4XNgiazGOLAsWHCeXiffPJlYIYqpHl2rEPPT1BQfuEH3jTZxqlF/dXG7vyhc4md0xOi4y5FhrYCoq7ApKz9OM4bQZPTAPBJFBuAcJ1mggAlotmzJDhXrnQk+BA05lWHRVG+/yEWfjjx1P13csGhNs37v7Cn3iB/3WQZU7lzIPv/6+HPr3Sd2/60Oetpl/bJAw14wt7HWq4m3wZbFIC1CaEFXjeGkTy2kyu8J/P/utfnKJVtFUD4fbF2z7z9sB1v2hlc1dmx/L/9GePf3TFYH5d7Vex0Xv32IjQzwAAAABJRU5ErkJggg==) no-repeat bottom 10px right 10px}.today-record .box2{grid-column:2/3;grid-row:1/2;background:#f3f3f3}.today-record .box3{grid-column:2/3;grid-row:2/3;background:#f3f3f3}.main-event-pagination,.multi-photo-pagination{background:rgba(255,255,255,.5);border-radius:5px;position:absolute;display:flex;align-items:center;justify-content:center;top:10px;left:auto!important;right:10px!important;width:50px!important;height:30px;font-weight:var(--weight-medium);font-size:var(--fz-12)}.main-event-pagination span,.multi-photo-pagination span{font-family:Raleway;font-weight:var(--weight-medium);font-size:var(--fz-12);padding:0 2px}.main-banner li{border-radius:var(--border-radius);overflow:hidden;max-height:155px}.main-banner li img{width:100%;-o-object-fit:cover;object-fit:cover}.main-insite-section{overflow:hidden;box-shadow:var(--box-shadow-reguler);background:var(--color-white);padding:15px;border-radius:var(--border-radius);margin-top:20px;border:var(--border-style-basic)}.main-insite-section .post-list{width:100%;padding:10px 0;margin-left:0;border-bottom:1px solid var(--color-gray5)}.main-insite-section .post-list:last-child{border-bottom:none}.insight-wrap .main-insite-list{background:var(--color-white);padding:5px;border-radius:var(--border-radius)}.main-insite-list{display:flex;align-items:center;margin-bottom:10px}.main-insite-list:last-child{margin-bottom:0}.main-insite-list .img-box{width:85px;height:85px;min-width:85px;min-height:85px;border-radius:13px;overflow:hidden;margin-right:10px}.main-insite-list .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-insite-list .text-box{font-weight:var(--weight-medium);font-size:var(--fz-15);width:calc(100% - 95px)}.main-insite-list .text-box p{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main-insite-list .text-box span{font-size:var(--fz-12);font-weight:var(--weight-regular);color:var(--color-gray3)}.go-community-btn{border-top:1px solid #efefef}.go-community-btn button{color:var(--color-gray3);width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--fz-12);font-weight:var(--weight-medium);padding-top:15px}.go-community-btn button img{width:14px;height:14px;margin-left:2px}.company-footer{margin-top:35px;color:#8c8c8c;font-size:var(--fz-12)}.company-footer .logo-area{margin-bottom:15px}.company-footer .top-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.company-footer .top-content span{display:inline-block;position:relative;margin-right:5px;padding-right:5px}.company-footer .top-content span:last-child:before{display:none}.company-footer .top-content span:before{content:"";position:absolute;top:50%;right:0;width:1px;height:calc(100% - 4px);background:#8C8C8C;transform:translateY(-50%)}.company-footer .top-content .footer-toggle img{width:12px;height:12px;transform:rotate(90deg)}.company-footer .bottom-content{margin-bottom:10px}.company-footer .bottom-content table tr td{min-width:85px}.company-footer .messenger{border-top:2px solid #EFEFEF}.company-footer .messenger .messenger-wrap{margin-top:15px;display:flex;align-items:center;gap:10px}.main-event-pagination{display:block;border-radius:20px;height:20px;padding:3px 8px;top:auto;bottom:12px}.main-event-pagination span{color:var(--color-gray3)}.main-event-pagination .swiper-pagination-current{color:var(--color-gray2);font-weight:var(--weight-semibold)}.multi-photo-pagination{border-radius:var(--border-radius-round)}.swiper-notice{background-color:#e7f2f0;height:37px;border-radius:var(--border-radius);padding:10px!important}.swiper-notice .main-notice-text{color:var(--color-gray2);font-size:var(--fz-14)}.swiper-diary{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);height:38px!important;margin-bottom:15px}.swiper-diary .teset{padding:12px 10px}.swiper-diary p{font-size:var(--fz-12)}.no-notice{background-color:#e7f2f0;height:37px;border-radius:var(--border-radius);padding:10px}.category-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 10px}.category-wrap .category-list{background:var(--color-gray6);border-radius:var(--border-radius);height:60px;position:relative}.category-wrap .category-list span{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-weight:var(--weight-medium);font-size:var(--fz-12)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 5px}.section-header h3{font-weight:var(--weight-bold);font-size:var(--fz-18)}.section-header button{color:var(--color-gray3);font-weight:var(--weight-medium);font-size:var(--fz-14)}.category-title-filter{width:calc(100% + 25px);display:inline-flex;flex-wrap:nowrap;overflow-x:scroll}.select-category-btn{white-space:nowrap;color:var(--color-gray4);font-size:var(--fz-14);font-weight:var(--weight-semibold);padding:5px;margin-right:10px}.select-category-btn.active{color:var(--main-green)}.select-category-btn:last-child{margin-right:25px}.post-list-box.no-list{text-align:center;padding:30px 0}.post-list-box .no-list{padding-top:50px;margin-bottom:30px}.post-notice-box li{width:calc(100% + 50px);padding:7px 25px;margin-left:-25px;display:flex;align-items:center;gap:5px;background:var(--color-white);margin-bottom:1px}.post-notice-box li span{display:inline-block;background:#FBE6E8;border-radius:3px;color:#ff5d4f;font-size:var(--fz-12);padding:2px 5px;font-weight:var(--weight-medium)}.post-notice-box li p{flex:1;font-weight:var(--weight-semibold);font-size:var(--fz-12);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-pet-list li{display:flex;align-items:center;gap:15px}.admin-pet-list li .pet-info{align-self:flex-start}.admin-pet-list li .pet-info .img-warp{width:60px;height:60px;overflow:hidden;border-radius:10px}.admin-pet-list li .pet-info img{width:100%;-o-object-fit:cover;object-fit:cover}.admin-pet-list li .pet-name{margin-top:5px;font-size:var(--fz-12);font-weight:var(--weight-bold)}.admin-pet-list li .doing-list{align-self:flex-start;flex:1}.admin-pet-list li .doing-list>div{border:1px solid var(--color-gray3);border-radius:5px;padding:3px;margin-bottom:3px;display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-13)}.admin-pet-list li .doing-list>div img{width:18px}.admin-pet-list li .doing-list>div:last-child{margin-bottom:0}.save-area{display:flex;align-items:center;justify-content:end;gap:10px;padding-bottom:10px;font-size:var(--fz-13)}.save-area .load{background:var(--color-blue);padding:3px;border-radius:3px;color:var(--color-white);font-weight:var(--weight-semibold)}.save-area .save{background:var(--main-green);padding:3px;border-radius:3px;color:var(--color-white);font-weight:var(--weight-semibold)}.post-list{width:calc(100% + 50px);margin-left:-25px;background:var(--color-white);padding:10px 25px;margin-bottom:5px}.post-list .post-list-content-wrap{display:flex;align-items:center;height:100%}.post-list .view-comment{box-shadow:0 1px 3px #00000029;height:100%;display:flex;flex-direction:column;margin-left:5px;height:45px;min-width:30px;border-radius:3px;align-items:center;justify-content:center;padding:0 5px}.post-list .view-comment strong{font-size:var(--fz-14);font-weight:var(--weight-semibold)}.post-list .view-comment span{font-size:var(--fz-11)}.post-list.in-photo .community-view{max-width:calc(100% - 80px)}.post-list .community-view{flex:1;max-width:calc(100% - 35px)}.post-list .community-view .top{font-size:var(--fz-12);margin-bottom:5px;display:flex;align-items:center}.post-list .community-view .top .cate{display:inline-block;color:#01a072;background:#CDFCEE;padding:2px 5px;border-radius:3px;font-weight:var(--weight-medium);margin-right:5px}.post-list .community-view .top .nickname{color:var(--color-gray3)}.post-list .community-view .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-semibold);font-size:var(--fz-14);color:var(--color-gray1)}.post-list .img-area{width:45px;height:45px;overflow:hidden;min-width:45px;border-radius:3px}.post-list .img-area img{width:45px;min-width:45px;height:45px;-o-object-fit:cover;object-fit:cover}.post-list.nowledge .post-list-content-wrap{justify-content:space-between}.nowledge-list{background:var(--color-white);border-radius:var(--border-radius);padding:15px;margin-bottom:10px}.nowledge-list .top{display:flex;align-items:center;margin-bottom:15px}.nowledge-list .top img{align-self:flex-start;margin-right:6px}.nowledge-list .top p{font-size:var(--fz-14);font-weight:var(--weight-semibold);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nowledge-list .bottom{padding:10px;border:1px solid #F1F1F1;border-radius:var(--border-radius)}.nowledge-list .bottom p{font-size:var(--fz-13);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nowledge-list .bottom .list-info{display:flex;align-items:center;margin-top:7px}.nowledge-list .bottom .list-info .user{display:flex;align-items:center}.nowledge-list .bottom .list-info .user .img-box{width:15px;height:15px;overflow:hidden;border-radius:50%;margin-right:5px}.nowledge-list .bottom .list-info .user .img-box img{width:100%;-o-object-fit:cover;object-fit:cover}.nowledge-list .bottom .list-info .name,.nowledge-list .bottom .list-info .time{font-size:var(--fz-12);color:var(--color-gray3)}.nowledge-list .bottom .list-info .name{margin-right:5px;padding-right:6px;position:relative}.nowledge-list .bottom .list-info .name:before{content:"";display:block;position:absolute;top:50%;right:0;width:1px;height:75%;background:#D9D9D9;transform:translateY(-50%)}.nowledge-list-other{padding:15px;border-radius:var(--border-radius);background:var(--color-white);margin-bottom:10px}.nowledge-list-other .top{display:flex;align-items:center;margin-bottom:7px}.nowledge-list-other .top .point-badge{margin-right:5px;font-size:var(--fz-11)}.nowledge-list-other .top p{font-size:var(--fz-14);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;width:calc(100% - 45px)}.nowledge-list-other .bottom{margin-bottom:7px}.nowledge-list-other .bottom p{font-size:var(--fz-13);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nowledge-list-other .list-info{display:flex;align-items:center;margin-bottom:7px}.nowledge-list-other .list-info .time{padding-right:6px;font-size:var(--fz-12);color:var(--color-gray3)}.nowledge-list-other .list-info .now-hash-area{position:relative;padding-left:6px;font-size:var(--fz-12)}.nowledge-list-other .list-info .now-hash-area:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:50%;background:#D9D9D9;transform:translateY(-50%)}.nowledge-list-other .list-info .now-hash-area span{font-size:var(--fz-12);color:#20a1ff;margin-right:3px}.nowledge-list-other .btn-area{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.nowledge-list-other .btn-area button{padding:8px 0;border-radius:5px;background:#F1F1F1;font-size:var(--fz-13);font-weight:var(--weight-semibold)}.nowledge-list-other .btn-area button span{color:var(--main-green)}.nowledge-list-other .btn-area button.green{background:var(--main-green);color:var(--color-white)}.nowledge-list-other .btn-area button.green span{color:var(--color-white)}.knowledge-area{margin-top:10px;display:flex;align-items:center;gap:5px}.knowledge-area button{width:50%;background:var(--color-gray6);border-radius:5px;padding:8px 0;font-size:var(--fz-13);font-weight:var(--weight-semibold)}.knowledge-area button span{color:var(--main-green);padding-left:5px}.knowledge-area button.curious.active{background:var(--main-green);color:var(--color-white)}.knowledge-area button.curious.active span{color:var(--color-white)}.post-list-util{display:flex;align-items:center;padding-top:5px}.post-list-util .count-box{display:flex;align-items:center;color:var(--color-gray3);font-size:var(--fz-12);margin-right:10px}.post-list-util .count-box .view-num{display:flex;align-items:center}.post-list-util .count-box .like-num,.post-list-util .count-box .comment-num{margin-left:4px;display:flex;align-items:center}.post-list-util .count-box .comment-num img{margin-right:1px}.post-list-util .time-box{color:var(--color-gray3);font-size:var(--fz-12);display:flex;align-items:center}.post-list-util .time-box span{letter-spacing:-1px}.post-list-util .time-box img{margin-right:2px}.post-list-util.video{margin-bottom:7px}.post-list-util.video span{color:var(--color-white)}.time-box-hidden{display:none;align-items:center}.time-box-hidden img{margin-right:2px}.time-box-hidden span{font-size:var(--fz-12);color:var(--color-gray3)}.hash-area{margin-top:6px}.hash-area span{display:inline-block;font-size:var(--fz-14);color:var(--color-blue);padding-top:5px;margin-right:10px}.photo-list{background:rgba(0,0,0,.5);width:120px;min-width:120px;height:120px;min-height:120px;border-radius:var(--border-radius);margin-right:10px;overflow:hidden}.photo-list img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover}.photo-list:nth-last-child(1){margin-right:0}.master-pride-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.master-pride-wrap .photo-list{width:auto;height:auto;margin-right:0;min-width:0;min-height:0}.master-pride-wrap .photo-list img{width:100%;height:100%}.slide-x-wrap{width:calc(100% + 25px);display:flex;padding-right:25px;overflow-x:scroll}.slide-x-wrap.history-wrap{padding:7px}.slide-x-wrap.history-wrap li{width:auto;height:auto;background:var(--color-white);box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);padding:12px}.slide-x-wrap.history-wrap li .text-box p{font-size:var(--fz-18);font-weight:var(--weight-bold);margin-bottom:2px}.slide-x-wrap.history-wrap li .text-box span{font-weight:var(--weight-light);font-size:var(--fz-12)}.slide-x-wrap.history-wrap li:nth-last-child(1){margin-right:30px}.util-view{width:calc(100% + 50px);margin-left:-25px}.footer-top{text-align:center}.footer-top p{font-weight:var(--weight-semibold);color:var(--color-gray3)}.home-footer{margin-top:30px}.footer-main{background:#f2f4f2;padding:10px 5px}.footer-main table{color:var(--color-gray3);font-size:var(--fz-14)}.footer-main td strong{font-weight:var(--weight-bold)}.footer-main .copy-tr{display:inline-block;margin-top:10px;font-size:12px;color:#a0a0a0}.alarm-wrap .alarm-title{display:flex;align-items:center;justify-content:space-between;padding:10px 5px;margin-bottom:15px}.alarm-wrap .alarm-title h3{font-size:var(--fz-18);font-weight:var(--weight-bold)}.alarm-wrap .alarm-title button{color:var(--color-gray2);font-size:var(--fz-16);font-weight:var(--weight-semibold)}.alarm-wrap .alarm-list-wrap .alarm-list{display:flex;align-items:center;flex-wrap:nowrap;position:relative;transition:all .5s}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content{width:100%;background:var(--color-white);border-radius:var(--border-radius);margin-bottom:15px;padding:10px}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .alarm-info{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .alarm-info .alarm-header-wrap{display:flex;align-items:center}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .alarm-info .alarm-header-wrap .delete-button{display:flex;align-items:center;margin-left:10px}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .alarm-info span{font-size:var(--fz-12);font-weight:var(--weight-medium)}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .alarm-info span.dot{width:10px;height:10px;background:#00bf18;display:inline-block;border-radius:50%;margin-right:5px}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .category{padding:3px 5px;background:#CDFCEE;border-radius:5px;color:#01a072}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .category.notice{background:#FBE6E8;color:#f03d2e}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .alarm-content{margin-bottom:10px;font-size:var(--fz-14)}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .alarm-content .alarm-main-title{font-weight:var(--weight-bold)}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .alarm-content .alarm-main-content{color:var(--color-gray2)}.alarm-wrap .alarm-list-wrap .alarm-list .main-list-content .alarm-time{font-size:var(--fz-12);color:var(--color-gray3);text-align:right}.alarm-wrap .alarm-list-wrap .alarm-list .alram-remove-hidden-btn{position:absolute;left:100%;top:0;height:calc(100% - 15px);padding:18px;box-shadow:0 1px 10px #afafaf1a;margin-left:12px;border-radius:var(--border-radius);background:var(--color-white);transition:all .4s;opacity:0}.alarm-wrap .alarm-list-wrap .alarm-list.move-element{transform:translate(-72px)}.alarm-wrap .alarm-list-wrap .alarm-list.move-element .alram-remove-hidden-btn{opacity:1;transition:all .3s}.no-list{padding-top:50%;text-align:center}.no-list img{display:block;margin:0 auto 10px}.no-list span{font-weight:var(--weight-semibold);font-size:var(--fz-20)}.no-list p{font-size:var(--fz-16);color:var(--color-gray3);margin-top:5px}.label-wrap{display:flex;align-items:center;margin-top:15px}.label-wrap img{margin-right:10px}.label-wrap.update-pet{margin:25px 0}.modal-wrap{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.7);width:100vw;height:100vh;z-index:1001}.modal-wrap.toast{background:transparent}.modal{background:var(--color-white);width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--border-radius-round);padding:57px 15px 30px;text-align:center}.modal.excuse{width:100%;border-radius:0;bottom:0;left:0;top:auto;transform:translate(0)}.modal.date{padding:50px 26px 30px}.modal.pet-select{padding:57px 15px 30px}.modal.input-modal{padding:57px 36px 30px;text-align:left;max-height:80vh;overflow-y:scroll}.modal.input-modal .modal-title{text-align:center}.modal.input-modal .modal-sub-title{color:var(--color-gray3)}.modal .modal-close-btn{position:absolute;top:10px;right:10px}.modal .modal-title{font-weight:var(--weight-bold);font-size:var(--fz-18);margin-bottom:15px;color:var(--color-gray2);letter-spacing:-.5px}.modal .modal-content{color:var(--color-gray3);font-size:var(--fz-14)}.modal .modal-content strong{font-weight:var(--weight-bold)}.modal .input-err{text-align:center;margin-top:20px;color:red}.modal .modal-input-wrap{margin-top:20px;padding:10px 0;border-bottom:1px solid var(--color-gray4)}.modal .modal-input-wrap .breed-input{text-align:center;font-weight:var(--weight-medium)}.modal .modal-input-wrap .breed-input::-moz-placeholder{color:var(--color-gray4)}.modal .modal-input-wrap .breed-input::placeholder{color:var(--color-gray4)}.modal .input-area{margin-top:15px;border-top:1px solid #ECECEC}.modal .input-area input{margin-top:15px}.modal .type-section{text-align:left;display:flex;flex-direction:column;align-items:start}.modal .type-section button{display:flex;align-items:center;margin-bottom:20px}.modal .type-section button:last-child{margin-bottom:0}.modal .type-section button img{margin-right:10px}.modal .scroll-wrap{height:240px;overflow:hidden}.modal .select-date{height:100%;text-align:left}.modal .select-date .year{font-weight:var(--weight-medium);color:var(--color-gray3);display:inline-block;margin-bottom:15px}.modal .select-date .month-button{display:flex;align-items:center}.modal .select-date .month-button img{margin-right:10px}.modal .month-select-wrap{display:grid;grid-template-columns:repeat(3,1fr);row-gap:15px;font-size:var(--fz-14)}.modal .multi-select-area{margin-top:10px;text-align:right}.modal .multi-select-area button{font-size:var(--fz-12);display:inline-block;padding:5px;color:var(--color-gray3);position:relative}.modal .multi-select-area button.all-select:after{content:"";width:.2px;height:calc(100% - 12px);position:absolute;top:50%;transform:translateY(-50%);right:0;background:var(--color-gray3)}.modal .select-pet{margin-top:15px;display:grid;grid-template-columns:repeat(3,1fr);max-height:35vh;overflow-y:scroll;gap:5px;padding:5px}.modal .select-pet .pet-list{padding:10px;border-radius:13px;position:relative}.modal .select-pet .pet-list.active{box-shadow:0 3px 7px #00000029}.modal .select-pet .pet-list .checking{position:absolute;top:0;left:0}.modal .select-pet .pet-list .img-box{min-width:50px;min-height:50px;overflow:hidden;border-radius:10px;margin-bottom:5px}.modal .select-pet .pet-list .img-box img{width:100%;border-radius:10px}.modal .select-pet .pet-list span{font-size:var(--fz-14);font-weight:var(--weight-bold)}.modal .select-pet .pet-list p{margin-top:2px;font-size:var(--fz-11)}.write-modal{background:var(--color-white);width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--border-radius-round);padding:20px 28px}.write-modal .title{font-weight:var(--weight-bold);padding:8px 5px;margin-bottom:15px}.write-modal .write-modal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.profile-backgorund{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.profile-backgorund.manager{background:rgba(0,0,0,.3)}.profile-backgorund .profile-wrap{overflow:hidden;overflow-y:scroll;background:var(--color-white);width:90%;max-height:75vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--border-radius);padding:15px;box-shadow:0 0 20px #00000080}.profile-backgorund .profile-wrap .modal-close-btn{position:absolute;top:10px;right:10px;z-index:1}.profile-backgorund .profile-wrap .profile-img-section{margin-bottom:20px}.profile-backgorund .profile-wrap .profile-img-section .img-box{overflow:hidden;width:calc(100% + 30px);margin-left:-15px;margin-top:-15px;position:relative;max-height:250px}.profile-backgorund .profile-wrap .profile-img-section .img-box img{width:100%;-o-object-fit:cover;object-fit:cover}.profile-backgorund .profile-wrap .profile-img-section .img-box .card{position:absolute;bottom:18px;left:18px}.profile-backgorund .profile-wrap .profile-info-section .info-top{margin-bottom:20px}.profile-backgorund .profile-wrap .profile-info-section .info-top .info-pet-name{display:flex;align-items:center;justify-content:space-between;position:relative}.profile-backgorund .profile-wrap .profile-info-section .info-top .info-pet-name .pet-name-area{display:flex;align-items:center;margin-bottom:5px}.profile-backgorund .profile-wrap .profile-info-section .info-top .info-pet-name .pet-name-area span{font-weight:var(--weight-bold);font-size:var(--fz-26);margin-right:8px}.profile-backgorund .profile-wrap .profile-info-section .info-top .info-pet-name .pet-update-button{display:flex;align-items:center}.profile-backgorund .profile-wrap .profile-info-section .info-top .guardian,.profile-backgorund .profile-wrap .profile-info-section .info-top .memo{font-weight:var(--weight-medium);font-size:var(--fz-14);color:var(--color-gray2);margin-bottom:5px}.profile-backgorund .profile-wrap .profile-info-section .info-top .public-guardian{font-weight:var(--weight-medium);font-size:var(--fz-14);color:var(--color-gray4)}.profile-backgorund .profile-wrap .profile-info-section .info-middle{display:flex;align-items:center;justify-content:space-around;margin-bottom:15px}.profile-backgorund .profile-wrap .profile-info-section .info-middle>div{text-align:center}.profile-backgorund .profile-wrap .profile-info-section .info-middle span{font-size:var(--fz-14)}.profile-backgorund .profile-wrap .profile-info-section .info-middle p{margin-top:10px;font-size:var(--fz-13);font-weight:var(--weight-semibold)}.profile-backgorund .profile-wrap .profile-info-section .info-bottom{margin-bottom:25px}.profile-backgorund .profile-wrap .profile-info-section .info-bottom p{font-weight:var(--weight-medium);font-size:var(--fz-14)}.profile-backgorund .profile-wrap .profile-info-section .info-bottom p.neutering{margin-bottom:10px}.profile-backgorund .profile-wrap .profile-info-section .info-bottom p.neutering span{color:var(--main-green)}.profile-backgorund .profile-wrap .btn-area{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:5px;column-gap:5px;align-items:center;justify-content:space-between}.profile-backgorund .profile-wrap .btn-area button{background:var(--color-gray1);border-radius:5px;padding:10px 0;color:var(--color-white);font-size:var(--fz-14)}.profile-backgorund .profile-wrap .remove-profile{text-align:center;margin-top:20px;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius)}.profile-backgorund .profile-wrap .remove-profile button{padding:12px;font-weight:var(--weight-semibold);font-size:var(--fz-14);color:var(--color-gray4)}.profile-backgorund.report .profile-wrap{padding:50px 15px 30px}.profile-backgorund.report .report-title{text-align:center;font-weight:var(--weight-bold);font-size:var(--fz-22);margin-bottom:15px}.profile-backgorund.report .report-notice{font-size:var(--fz-13);margin-bottom:15px}.profile-backgorund.report .report-notice strong{font-weight:var(--weight-bold)}.profile-backgorund.report .report-notice span{color:#8e8e93}.profile-backgorund.report .report-section{margin-bottom:15px}.profile-backgorund.report .report-section .title{font-weight:var(--weight-semibold);color:#222;display:inline-block;margin-bottom:5px}.profile-backgorund.report .report-input-wrap{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-gray4);padding:5px 0}.profile-backgorund.report .report-input-wrap select{width:100%;outline:none;border:none;background:url(/assets/arrow-bottom-93fed8bd.svg) no-repeat right;-webkit-appearance:none;-moz-appearance:none;appearance:none}.profile-backgorund.report .report-input-wrap select.no-select{color:var(--color-gray4)}.profile-backgorund.report textarea{border:1px dashed var(--color-gray4);border-radius:var(--border-radius);width:100%;padding:10px;font-size:var(--fz-14);outline:none;resize:none}.profile-backgorund.report textarea::-moz-placeholder{color:var(--color-gray4)}.profile-backgorund.report textarea::placeholder{color:var(--color-gray4)}.profile-backgorund.report .report-btn-area{display:flex;align-items:center;gap:10px}.profile-backgorund.report .report-ima-wrap{display:flex;justify-content:space-between}.profile-backgorund.report .report-ima-wrap span{font-weight:var(--weight-light)}.profile-user-section.manager{display:flex;align-items:center}.profile-user-section.manager .profile-img{margin-right:10px}.profile-user-section.manager .profile-nickname,.profile-user-section.manager .profile-nickname .master{display:block}.profile-user-section .profile-img{margin-bottom:10px;width:90px;height:90px;max-width:90px;max-height:90px;border-radius:var(--border-radius);overflow:hidden}.profile-user-section .profile-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-user-section .profile-nickname{display:flex;align-items:center;justify-content:space-between;padding-right:5px}.profile-user-section .profile-nickname .nickname{font-weight:var(--weight-bold);font-size:var(--fz-26)}.profile-pet-section{margin-top:10px}.profile-pet-section.manager .title{font-weight:var(--weight-semibold);margin-bottom:10px}.profile-pet-section .pet-profile{display:flex;align-items:center;margin-bottom:10px}.profile-pet-section .pet-profile .pet-info{margin-left:5px}.profile-pet-section .pet-profile .pet-info span{font-size:var(--fz-14);font-weight:var(--weight-medium)}.report-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4)}.report-modal-background .report-modal{width:80%;background:var(--color-white)}.none-range-modal-wrap{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);width:100%;height:300vh;z-index:1000}.transperent-wrap{width:100vh;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;overflow:hidden;z-index:1}.filter-modal-style section h6{font-weight:var(--weight-semibold);margin-bottom:10px}.filter-modal-style section .select-type-area .button-set{display:flex;flex-wrap:wrap;margin-top:0}.filter-modal-style section .select-type-area .button-set button{font-size:var(--fz-14);padding:5px 8px;border-radius:4px}.filter-modal-style section .select-type-area span{padding:5px 8px;display:inline-block;background:#F1F1F1;border-radius:4px;font-size:var(--fz-13);color:var(--color-gray4);font-weight:var(--weight-medium)}.filter-modal-style section .price{font-weight:var(--weight-semibold)}.filter-modal-style section input{border:1px solid var(--color-gray5);width:50px}.toast-modal{background:var(--color-white);width:100%;position:fixed;bottom:0;left:0;height:85vh;max-height:75vh;z-index:1000;box-shadow:0 -5px 10px #9e9e9e40;border-radius:30px 30px 0 0;padding:20px 35px;overflow:hidden}.toast-modal.test-modal{overflow-y:scroll;padding:30px;height:auto}.toast-modal.test-modal.point{overflow-y:scroll;padding:30px 25px 110px}.toast-modal.test-modal.point .top-btn-area{width:auto}.toast-modal.test-modal .top-btn-area{width:calc(100% + 20px);text-align:right;margin-top:-20px;margin-bottom:5px}.toast-modal.test-modal .test-modal-title{text-align:center;margin-bottom:10px}.toast-modal.test-modal .test-modal-title .title{display:inline-block;font-weight:var(--weight-bold);font-size:var(--fz-24);color:var(--color-gray2);margin-bottom:7px}.toast-modal.test-modal .test-modal-title .sub-title{font-size:var(--fz-14);color:var(--color-gray3)}.toast-modal.test-modal .test-modal-contents{text-align:center}.toast-modal.test-modal .test-modal-contents .first,.toast-modal.test-modal .test-modal-contents .second{display:flex;margin-bottom:22px}.toast-modal.test-modal .test-modal-contents .first p,.toast-modal.test-modal .test-modal-contents .second p{font-weight:var(--weight-medium);font-size:var(--fz-14)}.toast-modal.test-modal .buy-anikit{margin-top:25px;text-align:center}.toast-modal.test-modal .buy-anikit span{display:block;font-weight:var(--weight-light);font-size:var(--fz-15);color:var(--color-gray3)}.toast-modal.test-modal .buy-anikit button{color:var(--main-green);font-weight:var(--weight-bold);padding:10px 30px}.toast-modal.test-modal .yellow-number{color:#000;font-weight:var(--weight-semibold);background:#FCCF03;padding:10px 15px;border-radius:50%;width:40px;height:40px}.toast-modal.test-modal .explanation{font-size:var(--fz-14);color:var(--color-gray4)}.toast-modal.test-modal .use-explanation{font-size:var(--fz-14);color:var(--color-gray3)}.toast-modal.test-modal .top-title{text-align:center;margin-bottom:15px}.toast-modal.test-modal .top-title h3{font-weight:var(--weight-bold);font-size:var(--fz-24);margin-bottom:5px;color:#4f4f4f}.toast-modal.test-modal .top-title span{font-weight:var(--weight-medium);color:#5f5f5f}.toast-modal.test-modal .gift-img{margin-bottom:15px}.toast-modal.test-modal .gift-img .img-box{width:calc(100vw - 50px);height:calc(100vw - 50px);border:1px solid #f5f5f5;border-radius:var(--border-radius);overflow:hidden}.toast-modal.test-modal .gift-img .img-box img{width:100%;height:100%}.toast-modal.test-modal .gift-detail h4{color:#4f4f4f;font-weight:var(--weight-bold);font-size:var(--fz-20);margin-bottom:5px}.toast-modal.test-modal .gift-detail .point{display:flex;align-items:center;margin-bottom:20px}.toast-modal.test-modal .gift-detail .point img{width:30px;height:30px;margin-right:5px}.toast-modal.test-modal .gift-detail .point span{color:#383838;font-weight:var(--weight-bold);font-size:var(--fz-26)}.toast-modal.test-modal .gift-detail .period p{font-weight:var(--weight-semibold);font-size:var(--fz-14)}.toast-modal.test-modal .gift-detail .period span{font-weight:var(--weight-medium);font-size:var(--fz-12);color:var(--color-gray3)}.toast-modal.test-modal .caution-section .caution{margin-top:5px;border:1px solid #E0E0E0;border-radius:var(--border-radius);padding:10px}.toast-modal.test-modal .use-point{box-shadow:0 -2px 10px #a9a9a91a;background:var(--color-white);padding:30px 25px;position:fixed;bottom:0;left:0;right:0}.modal-input-box{border-bottom:1px solid var(--color-gray4);margin-top:25px}.modal-input-box .input-title{display:inline-block;font-weight:var(--weight-semibold);color:var(--color-gray1);margin-bottom:12px}.modal-input-box input{padding:5px 10px;margin-bottom:3px;font-size:var(--fz-16);font-weight:var(--weight-semibold)}.modal-input-box input::-moz-placeholder{color:var(--color-gray4);font-size:var(--fz-14);font-weight:var(--weight-regular)}.modal-input-box input::placeholder{color:var(--color-gray4);font-size:var(--fz-14);font-weight:var(--weight-regular)}.modal-toggle-btn{border-radius:var(--border-radius);background:#f1f1f1;padding:8px 10px;color:var(--color-gray4);display:flex;align-items:center}.modal-toggle-btn.active{background:var(--main-green);color:var(--color-white)}.modal-toggle-btn.active .star path{stroke:var(--color-white)}.step-wrap{margin-top:20px}.step-wrap>img{margin-bottom:10px}.step{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.dot-midi{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-weight:var(--weight-semibold);font-size:var(--fz-16);background:#fff0b1;border-radius:50%;color:#fff}.dot-midi.active{background:#FCCD03;color:#000}.bar-midi{width:34px;height:2px;background:#FFF0B1}.bar-midi.active{background:#FCCD03}.scan-tip{width:calc(100% - 20px);box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);padding:10px;margin:10px;border-radius:10px;display:flex;align-items:center}.scan-tip img{margin-right:15px}.scan-tip p{font-size:var(--fz-14);color:var(--color-gray3)}.step-type{display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-14)}.step-type .bluetooth-type{border-radius:50%;overflow:hidden;margin-bottom:10px}.step-type .bluetooth-type.active{background:var(--color-white);box-shadow:0 2px 7px #00000029}.step-swiper .swiper-pagination{bottom:15px!important}.step-swiper .swiper-pagination .swiper-pagination-bullet{background:var(--color-white);border:1px solid #8a8a8a;opacity:1}.step-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#8a8a8a}.search-area{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 20px;border-bottom:1px solid #ddd;margin-bottom:10px}.search-area input{font-weight:var(--weight-bold)}.search-area input::-moz-placeholder{font-weight:var(--weight-regular);color:var(--color-gray3)}.search-area input::placeholder{font-weight:var(--weight-regular);color:var(--color-gray3)}.copy-modal{background:rgba(0,0,0,.6);position:fixed;display:flex;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 15px;border-radius:var(--border-radius);color:var(--color-white);font-weight:var(--weight-medium);font-size:var(--fz-14)}.toast-enter-from,.toast-leave-to{transform:translateY(100%)}.toast-enter-to,.toast-leave-from{transform:translateY(0)}.toast-enter-active,.toast-leave-active{transition:all .5s}.breed-enter-from,.breed-leave-to{transform:translateY(100%)}.breed-enter-to,.breed-leave-from{transform:translateY(0)}.breed-enter-active,.breed-leave-active{transition:all .5s}.select-pet-type{margin-top:60px;display:flex;align-items:center;justify-content:space-between}.select-pet-type button{width:calc(50% - 7px);border-radius:20px;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}.select-pet-type button img{padding:15px;width:100%}.select-pet-type button span{font-weight:var(--weight-semibold)}.select-pet-type button.active{box-shadow:0 3px 7px #00000029}.breed-list-wrap{height:calc(85vh - 100px);overflow-y:scroll;padding-bottom:100px}.breed-list{padding:10px;font-weight:var(--weight-medium);color:var(--color-gray2)}.set-pet-number{display:inline-block;margin-top:30px;font-size:var(--fz-15);color:var(--color-gray3);text-decoration:underline}.set-pet-number strong{font-weight:var(--weight-semibold)}.no-find-breed{position:absolute;bottom:30px;right:10px;background:var(--main-green);color:var(--color-white);border-radius:var(--border-radius);padding:12px 25px;box-shadow:0 1px 10px #00000040}.selector-box{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;outline:none;border:none;background:url(/assets/arrow-bottom-93fed8bd.svg) no-repeat right}.selector-box::-ms-expand{display:none}.regist-photo,.multi-photo{text-align:center}.regist-photo .upload-input,.multi-photo .upload-input{display:none}.photo-box{position:relative;width:146px;height:146px;margin:0 auto}.photo-box .photo-image-box{width:146px;height:146px;max-width:146px;max-height:146px;-o-object-fit:cover;object-fit:cover;border-radius:12px;overflow:hidden}.photo-box .camera-btn{position:absolute;bottom:0;right:-17px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--color-gray1);border-radius:50%}.multi-photo-box{width:calc(100vw - 50px);height:calc(100vw - 50px);background-color:#eaeaea;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden}.multi-photo-box .no-image{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.multi-photo-box .no-image span{font-size:var(--fz-14);color:var(--color-gray4)}.multi-photo-box .photo-image-box{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-wrap{position:relative}.photo-video-box{width:100%;height:100%;max-height:calc(100vh - 200px);-o-object-fit:cover;object-fit:cover}.video-control{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.check-pet-info-wrap{margin-top:50px}.check-pet-info-wrap .check-list-wrap .check-list{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);padding:20px;border-radius:var(--border-radius);display:flex;align-items:center;margin-top:15px}.check-pet-info-wrap .check-list-wrap .check-list .icon-area{display:flex;align-items:center}.check-pet-info-wrap .check-list-wrap .check-list .icon-area img{width:24px;height:24px;margin-right:10px}.check-pet-info-wrap .check-list-wrap .check-list .text-area .title{display:inline-block;font-size:var(--fz-13);margin-bottom:5px}.check-pet-info-wrap .check-list-wrap .check-list .text-area .content{font-weight:var(--weight-bold);font-size:var(--fz-20)}.check-pet-info-wrap .check-list-wrap .neutering{margin-left:auto;align-self:flex-end;font-size:var(--fz-12)}.save-photo-card{margin-top:20px}.save-photo-card .photo-card{background:url(/assets/card-foot-img-819c77d0.png) no-repeat right bottom white;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);padding:20px}.save-photo-card .photo-card .card-header{margin-bottom:20px}.save-photo-card .photo-card .card-contents .card-img-box{border-radius:12px;width:150px;height:150px;max-width:150px;max-height:150px;margin-bottom:15px;overflow:hidden}.save-photo-card .photo-card .card-contents .card-img-box img{width:100%;height:100%}.save-photo-card .photo-card .card-contents .card-text-box .pet-title{display:flex;align-items:center}.save-photo-card .photo-card .card-contents .card-text-box .pet-title span{font-size:var(--fz-26);font-weight:var(--weight-extrabold);margin-right:5px}.save-photo-card .photo-card .card-contents .card-text-box .pet-title span.guardian{font-size:var(--fz-12);margin:3px 0;font-weight:var(--weight-bold)}.save-photo-card .photo-card .card-contents .card-text-box .pet-title span.regist-date{font-size:var(--fz-12);font-weight:var(--weight-medium);margin-bottom:3px}.save-photo-card .photo-card .card-contents .card-text-box>span{display:block}.save-photo-card .bottom-wrap{display:flex;align-items:center;justify-content:flex-end;margin-top:55px}.save-photo-card .bottom-wrap .pet-number{font-size:var(--fz-10);font-weight:var(--weight-medium);text-align:right;align-self:flex-end;margin-right:8px}.save-photo-card .barcode{width:70px;height:70px}.save-photo-card .barcode img{width:100%;height:100%}.save-photo-card .save-btn{width:100%;margin-top:10px;display:flex;align-items:center;text-align:right;justify-content:flex-end;padding:5px;color:var(--color-gray3);font-weight:var(--weight-medium)}.save-photo-card .save-btn img{margin-right:10px}.attention{margin-top:30px}.attention .point li{margin-bottom:10px}.attention .attention-title{display:flex;align-items:center;font-weight:var(--weight-medium);color:var(--color-gray2);margin-bottom:4px}.attention .attention-title img{margin-right:5px}.attention li{color:var(--color-gray3);font-size:var(--fz-14);position:relative;padding-left:20px}.attention li:before{content:"";width:4px;height:4px;background:var(--color-gray3);position:absolute;left:10px;top:20%;border-radius:50%}.update-pet-wrap input{font-weight:var(--weight-semibold)}.update-pet-wrap input::-moz-placeholder{font-weight:var(--weight-regular);font-size:var(--fz-14);color:var(--color-gray4)}.update-pet-wrap input::placeholder{font-weight:var(--weight-regular);font-size:var(--fz-14);color:var(--color-gray4)}.update-pet-title{margin-bottom:12px}.update-pet-title h3{font-weight:var(--weight-bold);font-size:var(--fz-24);color:#000}.update-pet-main p{font-weight:var(--weight-medium);font-size:var(--fz-14);margin-bottom:20px}.update-input-box{margin-bottom:25px;border-bottom:1px solid var(--color-gray4)}.update-input-box span{font-weight:var(--weight-semibold)}.update-input-box input{padding:10px 20px;margin-top:15px;font-weight:var(--weight-bold)}.update-input-box input::-moz-placeholder{font-weight:var(--weight-regular);color:var(--color-gray4)}.update-input-box input::placeholder{font-weight:var(--weight-regular);color:var(--color-gray4)}.update-input-box .kg{background:#e2e2e2;border-radius:var(--border-radius-round);padding:8px 15px;box-shadow:0 0 5px #c8c8c840;margin-bottom:0;color:var(--color-gray2);font-weight:var(--weight-medium);min-width:49px}.pet-memo-text{margin-bottom:20px}.pet-memo-text span{display:inline-block;font-weight:var(--weight-bold);margin-bottom:12px}.pet-memo-text textarea{width:100%;border-bottom:2px solid var(--main-green)}.select-type-wrap{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:25px 0}.select-type-wrap button{display:inline-block;padding:12px 0;background:var(--color-white);border-radius:20px;box-shadow:0 0 5px #0000001a;color:var(--color-gray2)}.select-type-wrap button.active{background:var(--main-green);color:var(--color-white)}.update-public-masters{padding:15px;border-radius:var(--border-radius);box-shadow:var(--box-shadow-basic);border:var(--border-style-basic)}.update-public-masters h4{font-weight:var(--weight-semibold);font-size:var(--fz-18);margin-bottom:15px}.public-masters-wrap{position:relative}.public-masters-wrap li{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;position:relative}.public-masters-wrap li:last-child{margin-bottom:0}.public-masters-wrap li .master-info{display:flex;align-items:center}.public-masters-wrap li .master-info span{margin-left:10px;color:var(--color-gray2)}.test-main-header{padding:15px 0;margin-bottom:5px}.test-main-header p{font-weight:var(--weight-bold);color:#212428;font-size:var(--fz-20)}.test-main-header p span{color:var(--main-green)}.coupon-title-area{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.coupon-title-area p{font-weight:var(--weight-bold);margin-bottom:5px}.coupon-title-area .menu{display:flex;align-items:center;font-size:var(--fz-14);font-weight:var(--weight-semibold)}.tell-input{border:1px solid #EFEFEF;border-radius:8px;padding:10px 15px;background:var(--color-white)}.tell-input input{font-weight:var(--weight-medium);font-size:var(--fz-13)}.tell-input input::-moz-placeholder{color:var(--color-gray4)}.tell-input input::placeholder{color:var(--color-gray4)}.user-address{border:1px solid #EFEFEF;border-radius:8px;padding:14px 15px;background:var(--color-white);font-size:var(--fz-14)}.user-address h6{font-weight:var(--weight-semibold);margin-bottom:12px}.user-address h6 span{color:var(--main-green);border:1px solid var(--main-green);padding:1px 5px;border-radius:4px;font-weight:var(--weight-medium);margin-left:5px}.user-address .name{font-weight:var(--weight-medium);margin-bottom:6px}.user-address .add{color:#828282}.user-address .select-btn{border:1px solid #A0A0A0;padding:5px 6px;border-radius:25px;color:#a0a0a0;font-size:var(--fz-12);font-weight:var(--weight-medium)}.user-address .select-btn.active{color:var(--main-green);border-color:var(--main-green)}.user-address .button-area{display:flex;align-items:center;margin-top:15px}.user-address .button-area button{color:var(--color-gray3);font-size:var(--fz-16);font-weight:var(--weight-semibold)}.user-address .button-area button.edit{padding-right:8px;border-right:1px solid #EFEFEF}.user-address .button-area button.delete{padding-left:8px}.coupon-item-list-area{border:1px solid #EFEFEF;border-radius:10px;padding:15px;background:var(--color-white)}.coupon-item-list-area .coupon-item-list{display:flex;align-items:center;gap:14px;margin-bottom:15px}.coupon-item-list-area .coupon-item-list:last-child{margin-bottom:0}.coupon-item-list-area .coupon-item-list .img-box{width:70px;height:70px;overflow:hidden;border-radius:var(--border-radius);border:1px solid #EFEFEF}.coupon-item-list-area .coupon-item-list .img-box img{width:100%;height:100%}.coupon-item-list-area .point{font-weight:var(--weight-bold);font-size:var(--fz-20);margin-bottom:5px}.coupon-item-list-area .info{font-size:var(--fz-14);font-weight:var(--weight-semibold);margin-bottom:4px}.coupon-item-list-area .category{font-size:var(--fz-12);font-weight:var(--weight-medium);color:#828282}.before-exchange{padding:0 4px}.before-exchange li{display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-14);margin-bottom:10px}.before-exchange li .back{font-weight:var(--weight-semibold)}.agree-pay li{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-weight:var(--weight-medium);color:var(--color-gray3)}.label-wrap{display:flex;align-items:center;font-size:var(--fz-14);margin-bottom:10px}.label-wrap label{font-weight:var(--weight-semibold);min-width:70px}.label-wrap input{flex:1;width:auto;border:1px solid #EFEFEF;background:var(--color-white);padding:10px 15px;border-radius:8px;font-weight:var(--weight-medium)}.label-wrap input::-moz-placeholder{color:var(--color-gray4)}.label-wrap input::placeholder{color:var(--color-gray4)}.label-wrap .zip-wrap{display:flex;align-items:center;gap:6px}.label-wrap .zip-wrap input{flex:1;min-width:140px}.label-wrap .zip-wrap .zip{border:1px solid var(--color-gray1);border-radius:25px;font-size:var(--fz-12);font-weight:var(--weight-medium);padding:6px 8px}.set-info{display:flex;align-items:center;margin-top:25px;font-weight:var(--weight-medium);gap:6px}.direct-area{padding:15px;background:var(--color-white);box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius)}.direct-area.service{display:flex;justify-content:space-around;font-weight:var(--weight-semibold);font-size:var(--fz-14)}.direct-area.service>div{position:relative}.direct-area.service>div:last-child:after{display:none}.direct-area.service>div:after{content:"";width:2px;height:150%;position:absolute;top:50%;right:-50%;background:#D9D9D9;transform:translateY(-50%)}.direct-area.other{padding:15px 0;margin-bottom:20px}.direct-area.other .direct-btn-wrap button,.direct-area.other .direct-btn-wrap button.recent-test{text-align:center}.direct-area.other .direct-btn-wrap button.recent-test p{display:flex;align-items:center;justify-content:center;font-weight:var(--weight-medium);font-size:var(--fz-12)}.direct-area.other .direct-btn-wrap button.recent-test p img{width:14px;height:14px}.direct-area.other .direct-btn-wrap button.recent-test .sub-text{font-weight:var(--weight-bold);font-size:var(--fz-16)}.direct-area.other .direct-btn-wrap button.connected-device{display:flex;justify-content:center;align-items:end;text-align:left}.direct-area.other .direct-btn-wrap button p.bluetooth-p{display:block;font-size:var(--fz-14)}.direct-area.other .direct-btn-wrap button p.bluetooth-p span{display:inline-block;margin-bottom:5px}.direct-area.other .direct-btn-wrap button p.bluetooth-p strong{display:flex;align-items:center;color:var(--main-green)}.direct-area.other .direct-btn-wrap button p.bluetooth-p strong img{margin-left:3px}.direct-area .direct-btn-wrap{position:relative;display:flex;align-items:center}.direct-area .direct-btn-wrap:after{content:"";width:1px;height:100%;position:absolute;top:0;left:50%;background:#D9D9D9;transform:translate(-50%)}.direct-area .direct-btn-wrap button{font-weight:var(--weight-bold);width:50%;display:block}.direct-area .direct-btn-wrap button.recent-test{text-align:left}.direct-area .direct-btn-wrap button.connected-device{text-align:right}.direct-area .direct-btn-wrap button p{margin-bottom:4px}.direct-area .direct-btn-wrap button p.bluetooth-p{display:flex;align-items:center;justify-content:flex-end}.direct-area .direct-btn-wrap button p.bluetooth-p img{margin-right:5px}.direct-area .direct-btn-wrap button .sub-text{font-size:var(--fz-12);font-weight:var(--weight-regular)}.test-main-wrap section{margin-bottom:15px}.test-main-wrap .test-area .test-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.test-main-wrap .test-area .test-wrap button{background:var(--color-white);box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:10px;padding:12px;display:flex;flex-direction:column}.test-main-wrap .test-area .test-wrap button .btn-text{text-align:left}.test-main-wrap .test-area .test-wrap button .btn-text p{color:var(--main-green);font-weight:var(--weight-bold);margin-bottom:3px}.test-main-wrap .test-area .test-wrap button .btn-text span{font-size:var(--fz-12);color:#a0a0a0;font-weight:var(--weight-light)}.test-main-wrap .test-area .test-wrap button .btn-image{width:100%;display:flex;align-items:center;justify-content:space-between;flex:1}.test-main-wrap .test-area .test-wrap button .btn-image .test-date{font-size:var(--fz-14);align-self:flex-end;display:flex;flex-direction:column;align-items:start}.test-main-wrap .test-area .test-wrap button .btn-image .test-date .title{font-weight:var(--weight-bold)}.test-main-wrap .test-area .test-wrap button .btn-image .test-date .date{font-size:var(--fz-12)}.link-box-btn{display:flex;justify-content:space-between;padding:20px;background:var(--color-gray6);border-radius:var(--border-radius-middle)}.link-box-btn .left span{display:inline-block;font-weight:var(--weight-bold);font-size:var(--fz-18);margin-bottom:5px}.link-box-btn .left p{font-size:var(--fz-14);color:var(--color-gray3)}.link-box-btn .right{align-self:flex-end}.history-area{margin-top:5px}.history-area .history-title{padding:15px 0;font-weight:var(--weight-bold);font-size:var(--fz-20);color:#212428;margin-bottom:10px}.history-area .test-menu{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);background:var(--color-white);border-radius:15px;padding:10px 15px}.history-area .test-menu li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:10px}.history-area .test-menu li:last-child{margin-bottom:0}.history-area .test-menu li .text{display:flex;align-items:center}.history-area .test-menu li .text span{font-weight:var(--weight-medium);font-size:var(--fz-14);margin-right:8px;color:var(--color-gray2)}.history-area .test-menu li .text p{font-size:var(--fz-12);color:#a0a0a0}.history-title-wrap{margin-bottom:10px}.history-title-wrap h3{font-weight:var(--weight-bold);font-size:var(--fz-22);margin-bottom:5px}.history-title-wrap p{font-size:var(--fz-14);font-weight:var(--weight-light);color:var(--color-gray3)}.vue-circular-progress{display:inline-block}.vue-circular-progress .circle{position:relative}.vue-circular-progress .circle__svg{transform:rotate(-90deg)}.vue-circular-progress .circle__progress{fill:none;stroke-opacity:.3;stroke-linecap:round}.vue-circular-progress .circle__progress--fill{--initialStroke: 0;--transitionDuration: 0;stroke-opacity:1;stroke-dasharray:var(--initialStroke);stroke-dashoffset:var(--initialStroke);transition:stroke-dashoffset var(--transitionDuration) ease}.vue-circular-progress .percent{width:100%;top:50%;left:50%;position:absolute;font-weight:700;text-align:center;line-height:28px;transform:translate(-50%,-50%)}.vue-circular-progress .percent__int{font-size:28px}.vue-circular-progress .percent__int.other{font-size:36px}.vue-circular-progress .percent__dec,.vue-circular-progress .percent_sign{font-size:12px}.vue-circular-progress .label{font-size:14px;text-transform:uppercase;margin-top:15px}.result-wrap{position:relative}.result-wrap:before{content:"";width:calc(100% + 50px);height:300px;background:url(/assets/result-foot-img-ad72a27a.png) no-repeat right bottom;position:absolute;top:0;left:0;margin-top:-50px;margin-left:-25px;z-index:-1}.result-wrap .result-header .main-title{font-weight:var(--weight-bold);font-size:var(--fz-24);padding:10px 0;margin-bottom:12px}.result-wrap .result-header .result-date-area{margin-bottom:15px}.result-wrap .result-header .result-date-area .result-date{font-size:var(--fz-20);margin-bottom:4px}.result-wrap .result-header .result-date-area .result-date strong{font-weight:var(--weight-bold);margin-right:15px}.result-wrap .result-header .result-date-area p{font-size:var(--fz-15);color:var(--color-gray2)}.result-wrap .result-summary{border:1px dashed var(--color-gray3);padding:10px;border-radius:var(--border-radius);background:var(--color-white);margin-bottom:15px}.result-wrap .result-summary>p{font-weight:var(--weight-bold);margin-bottom:2px}.result-wrap .result-summary .positive-list{display:flex;align-items:center;font-weight:var(--weight-semibold);color:#f2b600}.result-wrap .result-main{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 13px}.result-wrap .result-main .result-type{background:var(--color-white);box-shadow:0 0 12px #7c7c7c33;padding:10px;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:space-between}.result-wrap .result-main .result-type .top span{font-weight:var(--weight-bold);font-size:var(--fz-18);color:var(--color-gray2);display:block;margin-bottom:5px}.result-wrap .result-main .result-type .top p{font-size:var(--fz-12);font-weight:var(--weight-light)}.result-wrap .result-main .result-type .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.result-wrap .result-main .result-type .bottom .absence{font-weight:var(--weight-semibold);font-size:var(--fz-14);color:var(--main-green)}.result-wrap .result-main .result-type .bottom .absence.warn{color:#f2b600}.result-wrap .result-main .result-type .bottom .persent{font-weight:var(--weight-bold);font-size:var(--fz-24);color:var(--color-gray2)}.result-detail-header{padding:7px 0 13px;margin-bottom:10px}.result-detail-header h3{font-weight:var(--weight-heavy);font-size:var(--fz-24);display:inline;position:relative;padding:0 5px}.result-detail-header h3:before{content:"";width:100%;height:13px;background:rgba(255,224,87,.3);position:absolute;left:0;bottom:-2px;z-index:-1}.result-detail-text{font-weight:var(--weight-light);color:var(--color-gray3);margin-bottom:40px}.result-content-header{display:flex;align-items:center;justify-content:space-between;position:relative}.result-content-header article{display:flex;align-items:center;justify-content:space-between}.result-content-header article.right{padding:5px}.result-content-header article.right img{margin-right:5px}.result-content-header article.right span{font-weight:var(--weight-light);font-size:var(--fz-13);color:var(--color-gray2)}.result-content-header article.right.active{background:var(--color-white);border-radius:10px 10px 0 0;box-shadow:0 4px 10px #00000040}.result-content-header .gragh-popup{position:absolute;top:100%;right:0;background:var(--color-white);box-shadow:0 10px 15px #00000040;border-radius:10px 0 10px 10px;max-width:65%;padding:10px 10px 10px 5px;z-index:1}.result-content-header .gragh-popup li{font-size:var(--fz-12);position:relative;padding-left:20px}.result-content-header .gragh-popup li:before{content:"";width:4px;height:4px;background:var(--color-gray3);position:absolute;left:10px;top:50%;transform:translateY(-50%);border-radius:50%}.result-circle{border-radius:50%;background:#45DEC9;width:12px;height:12px;margin-right:5px}.circle-text{font-size:var(--fz-14);font-weight:var(--weight-medium);color:var(--color-gray3)}.result-gragh{padding:20px 0;border-bottom:1px solid #eee}.donut-view-big{display:flex;align-items:center;justify-content:center}.doughnut-info{display:flex;align-items:center;justify-content:center;gap:50px}.doughnut-info p{display:flex;align-items:center}.doughnut-info span{font-weight:var(--weight-medium);font-size:var(--fz-14);color:var(--color-gray3)}.doughnut-info span.positive{display:block;width:12px;height:12px;border-radius:50%;background:#45DEC9}.doughnut-info span.caution{display:block;width:12px;height:12px;border-radius:50%;background:#FCCD03}.skip-timer{margin:20px 0 10px;color:#2f80ed;text-align:center}.skip-timer p{font-weight:var(--weight-regular);font-size:var(--fz-14)}.skip-timer h4{font-weight:var(--weight-extrabold);font-size:var(--fz-16)}.result-explain{padding:20px 0}.result-explain .manage,.result-explain .careful{margin-bottom:20px}.result-explain .careful .content{padding:5px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.result-explain .top-title{display:flex;align-items:center;font-weight:var(--weight-medium);padding:8px 0;margin-bottom:5px}.result-explain .top-title img{margin-right:10px}.result-explain .content span{padding:4px 10px;border:1px solid var(--color-gray4);border-radius:25px;font-weight:var(--weight-medium);font-size:var(--fz-13)}.result-explain .content p{font-size:var(--fz-14);font-weight:var(--weight-light);color:#828282}.management-haader-title{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-bottom:10px}.management-haader-title h3{font-weight:var(--weight-bold);font-size:var(--fz-20)}.management-haader-title.routine-header{padding:0;margin-bottom:5px}.management-haader-title.routine-header h3{display:flex;align-items:center;font-size:var(--fz-16)}.management-haader-title.routine-header h3 img{width:18px;margin-right:5px}.management-haader-title.routine-header button{color:var(--color-gray3);font-size:var(--fz-12)}.slider-pet-btn{position:absolute;width:calc(100% + 40px);margin-left:-20px;display:flex;align-items:center;justify-content:space-between;top:150px;z-index:1}.slider-pet-btn svg.active path{transition:all .7s;stroke:var(--main-green)}.top-pet-list-area{margin-bottom:10px}.top-pet-list-area .title{margin-bottom:7px;font-size:var(--fz-13);color:#5f5f5f;display:flex;align-items:center;justify-content:space-between}.top-pet-list-area .list-wrap{display:flex;align-items:center;justify-content:space-between}.top-pet-list-area .list-wrap ul{flex:1;overflow-x:scroll;white-space:nowrap}.top-pet-list-area .list-wrap ul li{position:relative;display:inline-block;margin-right:5px;border:2px solid var(--color-white);border-radius:12px}.top-pet-list-area .list-wrap ul li:last-child{margin-right:0}.top-pet-list-area .list-wrap ul li .img-wrap{overflow:hidden;width:34px;height:34px;border-radius:8px}.top-pet-list-area .list-wrap ul li .img-wrap img{width:34px;height:34px;-o-object-fit:cover;object-fit:cover}.top-pet-list-area .list-wrap ul li .red-dot{display:block;width:8px;height:8px;background:red;border-radius:50%;position:absolute;top:-2px;left:-2px}.top-pet-list-area .list-wrap ul li .my-pet{position:absolute;bottom:-1px;right:3px}.top-pet-list-area .list-wrap ul li .my-pet img{width:12px;height:12px}.top-pet-list-area .list-wrap .all-view{margin-left:10px;font-weight:var(--weight-semibold)}.top-pet-list-area .all-pet-modal{display:inline-block;font-size:var(--fz-14)}.management-wrap{padding:0 3px 5px;position:relative}.management-wrap.active .main-info-card{background:#FAFFFD}.management-wrap>span{margin-bottom:7px;font-size:var(--fz-13);color:#5f5f5f;display:inline-block}.management-wrap .management-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.management-wrap .management-header .public-master{display:flex;align-items:center;font-weight:var(--weight-semibold)}.management-wrap .management-header .public-master span{margin-right:10px}.management-wrap .management-header .public-master .public-masters-photo{position:relative;display:flex;align-items:center}.management-wrap .management-header .add-parent{width:34px;height:34px;background:var(--main-green);border-radius:8px;overflow:hidden}.management-wrap .management-header .add-parent.user{background:none;border:1px solid var(--color-white)}.management-wrap .management-header .add-parent.user img{width:34px;height:34px;-o-object-fit:cover;object-fit:cover}.management-wrap .management-header .main-master{display:flex;align-items:center}.management-wrap .management-header .main-master span{font-weight:var(--weight-semibold);margin-right:10px}.management-wrap .management-header .main-master img{width:34px;height:34px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:2px solid var(--color-white)}.management-wrap .main-info{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:15px;padding:15px 15px 30px;margin-bottom:15px;position:relative}.management-wrap .main-info .pet-card-btn{position:absolute;top:15px;right:15px}.management-wrap .main-info .main-info-wrapper{display:flex;align-items:center}.management-wrap .main-info .image-box{width:98px;height:98px;border-radius:15px;overflow:hidden;margin-right:15px;background-color:#e9e9e9}.management-wrap .main-info .image-box img{width:98px;height:98px}.management-wrap .main-info .text-box{display:flex;flex-direction:column;justify-content:space-between;height:95px}.management-wrap .main-info .text-box .pet-name{display:inline-block;font-weight:var(--weight-bold);font-size:var(--fz-24);margin-bottom:5px}.management-wrap .main-info .text-box .pet-breed-other{font-size:var(--fz-12);color:var(--color-gray4)}.management-wrap .main-info .text-box .pet-master{font-size:var(--fz-14);font-weight:var(--weight-medium);color:var(--color-gray3)}.management-wrap .main-info .text-box .breed{font-size:var(--fz-12);font-weight:var(--weight-medium);color:var(--color-gray4)}.management-wrap .main-info .text-box .pet-breed{display:flex;align-items:center}.management-wrap .main-info .text-box .pet-breed img{margin-right:5px}.management-wrap .main-info .text-box .pet-breed span{font-weight:var(--weight-medium);font-size:var(--fz-14);color:var(--color-gray3)}.management-wrap .main-info .text-box .add-pet-btn{display:inline-block;background:var(--main-green);font-size:var(--fz-14);color:var(--color-white);font-weight:var(--weight-semibold);border-radius:var(--border-radius);box-shadow:0 1px 10px #00000040;margin-top:5px;padding:10px}.management-wrap .pet-record{margin-top:15px;padding:15px 10px 10px;display:grid;border-top:1px solid var(--color-gray5);grid-template-columns:repeat(4,1fr)}.management-wrap .pet-record .item{text-align:center}.management-wrap .pet-record .item p{font-weight:var(--weight-medium);font-size:var(--fz-13)}.management-wrap .pet-record .item img{height:24px}.premium-service{padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.premium-service .title{font-weight:var(--weight-semibold);font-size:var(--fz-14);color:var(--color-gray3)}.premium-service .count{display:flex;align-items:center;font-size:var(--fz-14);font-weight:var(--weight-bold)}.premium-service .count span{margin-left:8px;color:var(--main-green)}.direct-btn-area{margin-top:20px;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);background:var(--color-white);border-radius:var(--border-radius);padding:12px 0}.direct-btn-area .button-area-wrap{display:grid;grid-template-columns:repeat(4,1fr);background:#EFEFEF;-moz-column-gap:1px;column-gap:1px}.direct-btn-area button{background:var(--color-white);display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.direct-btn-area button span{font-size:var(--fz-14);font-weight:var(--weight-bold)}.direct-btn-area button p{color:var(--color-gray3);font-size:var(--fz-14)}.direct-btn-area button.clicked{background:var(--main-green);border-color:var(--main-green)}.direct-btn-area button.clicked .text-box{color:var(--color-white)}.direct-btn-area button.clicked .text-box p{color:var(--color-gray5)}.direct-btn-area .text-box{flex:1}.direct-btn-area .text-box .new-content{background:red;display:flex;align-items:center;justify-content:center;width:5px;height:5px;font-size:var(--fz-11);font-weight:700;border-radius:50%;color:var(--color-white);position:absolute;top:4px;right:12px}.direct-btn-area .img-box{margin-bottom:3px}.direct-btn-area .img-box img{width:30px;height:28px}.main-info-card{width:100%;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);background:var(--color-white);border-radius:var(--border-radius);padding:20px}.main-info-card .pet-title{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.main-info-card .pet-title .devide-pet-badge{font-size:var(--fz-12);background:#C1FFFE;padding:3px 5px;border-radius:3px;margin-right:10px;color:#44d2d0;font-weight:var(--weight-semibold)}.main-info-card .pet-title .devide-pet-badge.my{color:var(--color-white);background:var(--main-green)}.main-info-card .pet-title .pet-name{font-size:var(--fz-15);font-weight:var(--weight-bold)}.main-info-card .pet-img{display:block;width:60px;height:60px;overflow:hidden;margin:0 auto 10px;border-radius:var(--border-radius)}.main-info-card .pet-img img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.main-info-card .pet-magagement-text{text-align:center;font-weight:var(--weight-semibold);margin-bottom:10px;height:40px;position:relative;overflow:hidden;font-size:var(--fz-14)}.main-info-card .pet-magagement-text .text-1{color:var(--main-green)}.main-info-card .pet-magagement-text .text-2{letter-spacing:-1px}.main-info-card .text-wrap{position:absolute;width:100%}.main-info-card .pet-info-btn-area{display:flex;align-items:center;justify-content:center;gap:8px}.main-info-card .pet-info-btn-area button{padding:7px 12px;border:1px solid #E8E8E8;border-radius:var(--border-radius);font-size:var(--fz-12);font-weight:var(--weight-semibold);color:var(--color-gray3)}.mainInfo-card-other{padding:20px;background:var(--main-green);border-radius:var(--border-radius);color:var(--color-white)}.mainInfo-card-other.other{background:#FEAB6F}.mainInfo-card-other.other .top .speach-box p{color:#feab6f}.mainInfo-card-other .top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.mainInfo-card-other .top .img-box{width:100px;height:100px;overflow:hidden;border-radius:var(--border-radius);position:relative}.mainInfo-card-other .top .img-box .pet-badge{position:absolute;bottom:6px;right:6px;padding:3px 5px;border-radius:3px;font-size:var(--fz-10);font-weight:var(--weight-bold);background:var(--main-green)}.mainInfo-card-other .top .img-box .pet-badge.other{background:#FEAB6F}.mainInfo-card-other .top .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mainInfo-card-other .top .speach-box{flex:1;border-radius:var(--border-radius);background:var(--color-white);color:var(--color-gray1);border:1px solid rgba(255,255,255,.58);padding:15px 10px;font-size:var(--fz-15);font-weight:var(--weight-bold);height:90px;position:relative}.mainInfo-card-other .top .speach-box .pet-name{display:inline-block;margin-bottom:10px}.mainInfo-card-other .top .speach-box p{color:var(--main-green)}.mainInfo-card-other .top .speach-box .imgs{margin-right:5px}.mainInfo-card-other .top .speach-box .imgs img{width:20px}.mainInfo-card-other .top .speach-box .arrows{height:0;width:0;position:absolute;border-style:solid;border-width:9px;border-color:transparent;top:13px}.mainInfo-card-other .top .speach-box .arrow-border{border-top-color:var(--color-white);left:-10px}.mainInfo-card-other .top .speach-box .letter{opacity:0;display:inline;animation:fadeIn .5s steps(1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mainInfo-card-other .bottom p{font-size:var(--fz-15);font-weight:var(--weight-bold);margin-bottom:10px;text-align:center;line-height:21px}.mainInfo-card-other .bottom .letter2{visibility:hidden;animation:showText 0s forwards;letter-spacing:-.5px}@keyframes showText{to{visibility:visible}}.mainInfo-card-other .bottom .button-area{display:flex;align-items:center;gap:10px}.mainInfo-card-other .bottom .button-area button{padding:10px 0;display:block;width:50%;background:var(--color-white);border-radius:var(--border-radius);font-size:var(--fz-13);font-weight:var(--weight-bold)}.rolling-enter-active,.rolling-leave-active{transition:all .5s ease}.rolling-enter-from{opacity:0;transform:translateY(50px)}.rolling-leave-to{transform:translateY(-50px)}.today-list{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.today-list article{color:#a0a0a0}.today-list article span{font-size:var(--fz-12);font-weight:var(--weight-medium)}.today-list .left{display:flex;align-items:center}.today-list .left .img-box{margin-right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.today-list .left .img-box img{width:100%}.today-list .left .text-box p{font-size:var(--fz-16);font-weight:var(--weight-medium)}.no-todo-routine span{display:inline-flex;font-weight:var(--weight-bold);font-size:var(--fz-14);margin-bottom:5px}.no-todo-routine span img{width:18px;margin-right:5px}.no-todo-routine p{font-size:var(--fz-12);color:var(--color-gray3)}.main-routine-box{width:122px;height:114px;min-width:122px;border:1px solid var(--color-gray1);border-radius:var(--border-radius-middle);padding:10px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;margin-right:10px}.main-routine-box .routine-box-header{display:flex;align-items:center;justify-content:space-between}.main-routine-box .routine-box-header span{font-weight:var(--weight-medium);color:var(--color-gray3)}.main-routine-box .routine-box-contents{font-size:var(--fz-18);font-weight:var(--weight-bold);color:var(--color-gray3)}.main-routine-box .routine-box-contents .limit-text{width:112px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-routine-box.active{background:var(--main-green);border-color:var(--main-green)}.main-routine-box.active .routine-box-header span,.main-routine-box.active .routine-box-contents{color:var(--color-white)}.diary-section-page{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);background:var(--color-white);border-radius:15px;padding:15px;margin-top:15px}.todo-list .todo-list-view{transition:all .5s}.drug .list{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);padding:10px 20px;border-radius:var(--border-radius);margin-bottom:10px}.list{position:relative;display:flex;align-items:center;justify-content:space-between;padding:5px;border-radius:var(--border-radius-middle);font-size:var(--fz-14);transition:all .2s ease-in-out}.list .todo{display:flex;align-items:center;padding-right:10px}.list .todo.top{align-self:self-start}.list .todo span{color:var(--color-gray3);font-weight:var(--weight-bold);min-width:35px}.list .todo p,.list .title{font-weight:var(--weight-medium);color:var(--color-gray3)}.list .star-img{display:none;position:absolute;top:-10px;left:10px}.list .more-button-area{display:flex;align-items:center;height:43px;position:relative}.list.important{border-color:var(--main-green)}.list.important .star-img{display:block}.list.active .todo span,.list.active .title p{text-decoration:line-through}.list.active svg{fill:var(--main-green)}.list.active svg path{stroke:var(--color-white)}.list.active svg .rect2{stroke:var(--main-green)}.list.finish-todo{opacity:0;transition:all 1s}.list.finish-todo.visible{opacity:1;display:flex;align-items:center;justify-content:center;height:65px}.memo-text-area{width:100%;margin-top:30px}.diary-btn-wrap{padding:20px;background:var(--color-gray6);border-radius:20px}.diary-btn-wrap .top-text{display:flex;align-items:center;justify-content:space-between}.diary-btn-wrap .top-text span{display:flex;align-items:center;font-weight:var(--weight-bold);font-size:var(--fz-20);margin-bottom:5px}.diary-btn-wrap .top-text p{font-size:var(--fz-14)}.diary-btn-wrap i{margin-left:10px;width:20px;height:20px;border-radius:50%;background:#ff3d2d;display:flex;align-items:center;justify-content:center;font-size:var(--fz-14);font-weight:var(--weight-bold);color:var(--color-white)}.diary-btn-wrap .image-box{width:43px;height:43px;background:var(--color-white);border-radius:var(--border-radius-round);display:flex;align-items:center;justify-content:center}.diary-btn-wrap .diary-link-btn{display:block;width:100%;margin-top:25px;text-align:center;padding:14px 0;background:var(--color-gray1);color:var(--color-white);border-radius:var(--border-radius);font-size:var(--weight-semibold);font-size:var(--fz-14)}.todo-list-header h3{padding:15px 0;font-weight:var(--weight-bold);font-size:var(--fz-20)}.todo-list-header h3 strong{color:var(--main-green)}.edit-button{padding:7px 10px;border:1px solid var(--color-gray3);border-radius:var(--border-radius);color:var(--color-gray3);font-size:var(--fz-12)}.add-area{width:100%;text-align:center;margin-bottom:15px;padding:30px 0;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);background:var(--color-white)}.important-todo-list,.noraml-todo-list{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);background:var(--color-white);padding:15px;margin-bottom:15px}.important-todo-list .list-title,.noraml-todo-list .list-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.important-todo-list .list-title .title,.noraml-todo-list .list-title .title{font-weight:var(--weight-bold)}.important-todo-list .list-title .notice,.noraml-todo-list .list-title .notice{font-size:var(--fz-10);color:var(--color-gray3)}.admin .author{font-size:var(--fz-14);font-weight:var(--weight-regular);color:var(--color-gray3)}.admin>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.complete-btn,.completed-btn{background:var(--main-green);color:var(--color-white);padding:4px 6px;border-radius:var(--border-radius)}.completed-btn{background:var(--color-gray1)}.noraml-todo-list .list-title .title{color:var(--color-gray1)}.routine-section{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);background:var(--color-white);padding:15px;margin-bottom:25px}.routine-section>span{display:block;font-weight:var(--weight-bold);margin-bottom:5px}.no-routine-list span{display:inline-block;margin-bottom:10px;font-weight:var(--weight-bold);font-size:var(--fz-18)}.no-routine-list span strong{color:var(--main-green)}.no-routine-list p{font-size:var(--fz-14)}.button-set{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.button-set button{background:#f1f1f1;border-radius:var(--border-radius);padding:9px 0;color:var(--color-gray4);font-size:var(--fz-20)}.button-set button.active{color:var(--color-white);background:var(--main-green)}.button-set.item-4{grid-template-columns:repeat(4,1fr)}.button-set.fz16 button{font-size:var(--fz-16)}.memo-list{margin-bottom:5px;padding-bottom:10px;position:relative}.memo-list:before{content:"";bottom:0;left:-25px;width:calc(100% + 50px);height:2px;background:var(--color-gray6);position:absolute}.memo-list .memo-info{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.memo-list .memo-info>p{display:flex;align-items:center}.memo-list .memo-info>p img{width:15px}.memo-list .profile-area .profile{font-size:var(--fz-14)}.memo-list .profile-area .profile .nickname{font-weight:var(--weight-heavy);margin-right:0}.memo-list .profile-area .profile .pet-info{font-size:var(--fz-12)}.memo-list .profile-area .profile .breed{color:var(--color-gray3)}.memo-list .memo-img-box{width:100vw;margin-left:-25px}.memo-list .memo-img-box .swiper-wrapper{display:flex;align-items:center}.memo-list .utils{margin-top:10px}.memo-list .utils .top{display:flex;align-items:center;justify-content:space-between}.memo-list .utils .top .left{display:flex;align-items:center;gap:15px}.memo-list .utils .top .left img{width:24px;height:24px}.memo-list .utils .history-btn{display:inline-block;font-size:var(--fz-12);padding:3px 5px;color:#565656;border:1px solid #565656;border-radius:6px}.memo-list .heart-count{font-size:var(--fz-12);font-weight:var(--weight-medium)}.memo-list .memo-text-box{margin-top:6px;font-size:var(--fz-14);font-weight:var(--weight-medium)}.memo-list .bottom{margin-top:10px}.memo-list .bottom p{font-size:var(--fz-12);color:var(--color-gray3)}.memo-list .bottom p span{padding-bottom:6px;display:inline-block}.memo-list .bottom .time{font-size:var(--fz-11);color:var(--color-gray3)}.memo-option{display:flex;align-items:center;justify-content:flex-end;font-size:var(--fz-13);font-weight:var(--weight-medium);margin-bottom:8px}.memo-option img{margin-right:5px}.memo-collect-wrap{margin-bottom:15px}.memo-collect-wrap .memo-collect-list{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.memo-collect-wrap .date{font-size:var(--fz-12);font-weight:var(--weight-semibold);padding-bottom:15px}.memo-collect-wrap li{border-radius:5px;overflow:hidden;aspect-ratio:1/1}.memo-collect-wrap li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.select-tab-section{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.select-tab-section .left span{font-weight:var(--weight-bold)}.select-tab-section .right{display:flex;align-items:center;gap:10px}.write-diary{width:50px;height:50px;background:var(--color-white);box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);position:fixed;bottom:50px;right:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--fz-12);color:var(--main-green);z-index:1}.calendar{width:100%;padding:10px;box-shadow:var(--box-shadow-caleandar);background:var(--color-white);border-radius:var(--border-radius)}.calendar .calendar-header{display:flex;align-items:center;justify-content:space-between}.calendar .calendar-header .title-section{display:flex;align-items:center}.calendar .calendar-header .title-section>.month{color:var(--color-gray1);font-size:var(--fz-15);font-weight:var(--weight-medium);margin-right:5px}.calendar .calendar-header .title-section>.year{color:var(--color-gray1);font-size:var(--fz-20);font-weight:var(--weight-medium);margin-bottom:7px}.calendar .calendar-main .table-wrap{max-height:500px;overflow:hidden;transition:all 1s}.calendar .calendar-main .table-wrap.active{max-height:50px}.calendar .calendar-main .week-name{width:100%;overflow:hidden;max-height:500px}.calendar .calendar-main .week-name thead tr{margin-bottom:8px}.calendar .calendar-main .week-name tr{display:grid;grid-template-columns:repeat(7,1fr)}.calendar .calendar-main .week-name tr th{font-size:var(--fz-12)}.calendar .calendar-main .table-body{font-size:14px;font-weight:var(--weight-medium)}.calendar .calendar-main .table-body .not-current{color:var(--color-gray4)}.calendar .calendar-main .table-body .calendar-day{display:inline-block;padding:5px;width:31px;height:28px;border-radius:5px;border:1px solid transparent;position:relative;white-space:nowrap}.calendar .calendar-main .table-body .calendar-day.active{border:1px solid var(--main-green)}.calendar .calendar-main .table-body .calendar-day.on-data{background:#efefef}.calendar .calendar-main .table-body .calendar-day.today{background:var(--main-green);color:var(--color-white)}.calendar .calendar-main .table-body .dot{display:flex;justify-content:center;row-gap:2px;-moz-column-gap:2px;column-gap:2px;width:100%;position:absolute;top:calc(100% + 2px);left:0}.calendar .calendar-main .table-body .dot.others{display:grid;grid-template-columns:repeat(5,1fr)}.calendar .calendar-main .table-body .dot span{width:4px;height:4px;display:block;background:red;border-radius:50%}.calendar .calendar-main .table-body>tr{text-align:center;padding-bottom:11px}.calendar .calendar-main .table-body>tr td{display:inline-block}.calendar .pet-dot{display:inline-flex;align-items:center;margin-top:15px;width:calc(100vw - 60px);overflow-x:scroll;flex-wrap:nowrap}.calendar .pet-dot p{display:inline-flex;align-items:center;margin-right:10px;white-space:nowrap}.calendar .pet-dot p .dot{display:block;width:10px;height:10px;border-radius:50%;margin-right:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar .pet-dot p .name{font-weight:var(--weight-medium);font-size:var(--fz-12);color:var(--color-gray4)}.record-list-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.record-list-wrap .record-list{padding:8px;box-shadow:var(--box-shadow-record);background:var(--color-white);border-radius:var(--border-radius);font-size:var(--fz-14);color:var(--color-gray3);height:calc(33.3333333333vw - 25px);display:flex;flex-direction:column;justify-content:space-between;font-weight:var(--weight-medium)}.record-list-wrap .record-list .icon-text-area{display:flex;align-items:flex-end;justify-content:space-between}.record-list-wrap .record-list .icon-text-area img{width:22px}.record-list-wrap .record-list .icon-text-area .icon-text{flex:1;display:flex;align-items:flex-end;justify-content:flex-end;font-size:var(--fz-12)}.record-list-wrap .record-list .icon-text-area .icon-text .detail{font-weight:var(--weight-bold);font-size:var(--fz-16)}.record-list-wrap .record-list .icon-text-area .icon-text.on{color:var(--color-gray1)}.diary-big-wrap section{margin-bottom:15px}.diary-big-wrap .section-title h3{font-weight:var(--weight-bold);font-size:var(--fz-20);margin-bottom:15px;padding:15px 0}.diary-big-wrap .section-title h3 span{color:var(--main-green)}.diary-big-wrap .graph-section .graph-title{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.diary-big-wrap .graph-section .graph-title span{font-weight:var(--weight-bold)}.diary-big-wrap .graph-section .graph-title button img{transform:rotate(-90deg)}.diary-big-wrap .graph-section .graph-content .graph{background:var(--color-white);margin-bottom:45px}.diary-big-wrap .go-diary-btn{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);display:block;width:100%;padding:12px 0;font-size:var(--fz-14);font-weight:var(--weight-semibold);display:flex;align-items:center;justify-content:center;margin:20px 0;background:var(--main-green);color:var(--color-white)}.diary-big-wrap .go-diary-btn img{width:15px;height:15px;margin-left:8px}.diary-big-wrap .gallery-section .gallery-content span{display:inline-block;margin-bottom:10px;font-weight:var(--weight-medium);font-size:var(--fz-14);color:var(--color-gray2)}.diary-big-wrap .gallery-section .gallery-content .gallery{display:inline-flex;align-items:center;width:calc(100% + 25px);overflow-x:scroll}.diary-big-wrap .gallery-section .gallery-content .gallery li{margin-right:10px;width:57px;min-width:57px;height:57px;background:#dcdcdc;overflow:hidden;border-radius:5px}.diary-big-wrap .gallery-section .gallery-content .gallery li img{width:100%;height:100%}.diary-wrapper,.diary-wrapper h3,.diary-wrapper h3 span,.diary-textarea{font-family:Omu}.write-diary-section{position:relative;overflow:hidden}.write-diary-section .diary-textarea{z-index:1;line-height:40px;background:transparent;margin-top:15px;width:100%;padding:0;resize:none;border:none;outline:none;position:relative;font-size:var(--fz-18);font-weight:var(--weight-medium);color:var(--color-gray2)}.write-diary-section .diary-textarea::-moz-placeholder{color:var(--color-gray4)}.write-diary-section .diary-textarea::placeholder{color:var(--color-gray4)}.title-image-box{text-align:center}.water-calc-section{text-align:right}.water-calc-section .water-calc{background:var(--main-green);border-radius:var(--border-radius);color:var(--color-white);padding:10px 20px;margin-top:40px}.water-result{text-align:right;margin-top:10px;font-weight:var(--weight-semibold);color:#000}.pet-calorie-section .my-food-select{display:flex;align-items:center;justify-content:center;width:100%;background:var(--color-gray6);padding:7.5px;border-radius:var(--border-radius);color:var(--color-gray4)}.pet-calorie-section .my-food-select img{margin-right:5px}.my-meal-checkbox{display:none}.other-check-box{width:24px;height:24px;border:1px solid var(--color-gray4);border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center}.other-check-box .circle{display:none;background:var(--main-green);width:100%;height:100%;border-radius:50%}.other-check-box.active{border-color:var(--main-green)}.other-check-box.active .circle{display:inline-block}.my-meal-checkbox:checked+.other-check-box{border-color:#f86480}.add-food-notice{margin-top:10px;font-size:var(--fz-14);color:#2d9cdb}.add-food-notice strong{font-weight:var(--weight-bold)}.component-title{padding:15px 0}.component-title h3{font-size:var(--fz-20);font-weight:var(--weight-bold);margin-bottom:5px}.component-title p{font-size:var(--fz-14);color:var(--color-gray3)}.add-btn{display:inline-block;padding:10px 0}.my-food-list li{padding:20px;border-radius:var(--border-radius);display:flex;align-items:center;margin-bottom:15px;position:relative;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic)}.my-food-list li .food-info .name{font-weight:var(--weight-semibold);display:inline-block;margin-bottom:4px;font-size:var(--fz-14)}.my-food-list li .food-info p{font-size:var(--fz-12);margin-bottom:3px}.my-food-list li .food-info .gram{color:var(--color-gray3);font-size:var(--fz-12);font-weight:var(--weight-medium)}.my-food-list li .check.active svg{fill:var(--main-green)}.my-food-list li .check.active svg path{stroke:var(--color-white)}.my-food-list li .check.active svg .rect2{stroke:var(--main-green)}.number-box{background:var(--color-white);margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr)}.number-box button{padding:15px 0;color:#000;font-size:var(--fz-20);font-weight:var(--weight-semibold)}.weight-img-box{position:relative}.weight-img-box .weight-box{width:40px;position:absolute;top:29px;left:calc(50% - 30px);font-weight:var(--weight-bold);font-size:var(--fz-18);text-align:right;letter-spacing:-1px}.daily-walk-title{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:10px}.daily-walk-title h3{font-weight:var(--weight-bold);color:var(--color-gray2)}.daily-walk-title span{color:var(--color-gray4)}.daily-walk .walk-list{font-size:var(--fz-14);padding:15px 20px;border-radius:var(--border-radius);margin-bottom:15px;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic)}.daily-walk .walk-list.other .walk-utils span.info,.daily-walk .walk-list.other .walk-utils span.unit{color:var(--main-green)}.daily-walk .walk-list .list-wrap{display:flex;align-items:center;justify-content:space-between}.daily-walk .walk-list .walk-list-top-area{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.daily-walk .walk-list .walk-list-top-area p{font-size:var(--fz-12);color:var(--color-gray4);font-weight:var(--weight-regular);padding:0}.daily-walk .walk-list .walk-min{font-weight:var(--weight-bold)}.daily-walk .walk-list .walk-utils{display:flex;align-items:center;justify-content:space-between;flex-direction:column;color:var(--color-gray3)}.daily-walk .walk-list .walk-utils .title{display:inline;margin-bottom:3px}.daily-walk .walk-list .walk-utils span.info{color:var(--color-gray1);font-size:var(--fz-18);font-weight:var(--weight-semibold)}.daily-walk .walk-list .walk-utils span.unit{color:var(--color-gray1);font-size:var(--fz-12)}.daily-walk .walk-list p{padding:10px 0;text-align:center;font-weight:var(--weight-semibold)}.rank-box{padding:10px;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);position:relative;overflow:hidden;margin-bottom:5px}.rank-box .percentage{flex:1}.rank-box .percentage>span{display:block;background:var(--main-green);height:5px;width:100%}.rank-box .percentage .gauge{display:inline-block;background:rgba(0,190,135,.2);z-index:-1;height:5px;height:100%}.rank-box .percentage .minutes{font-weight:var(--weight-semibold);font-size:var(--fz-15);margin-left:10px}.rank-box .rank{display:flex;align-items:center;justify-content:space-between;padding:7px 0;margin-bottom:5px}.rank-box .rank:last-child{margin-bottom:0}.rank-box .rank .name{margin-right:10px;min-width:85px}.rank-box .rank .name .number{display:inline-flex;align-items:center;justify-content:center;margin-right:5px;width:17px;height:17px;border-radius:50%;background:var(--color-gray3);color:var(--color-white);font-size:var(--fz-13)}.rank-box .rank .name .author{font-weight:var(--weight-bold);font-size:var(--fz-12)}.rank-box .rank .minutes{text-align:right;min-width:52px;color:#a0a0a0;font-weight:var(--weight-medium);font-size:var(--fz-12);margin-left:10px}.rank-box .rank .distance{text-align:right;width:33.3%}.cumulative{background:var(--main-green);box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);padding:15px;color:var(--color-white);margin-top:30px;text-align:center}.cumulative .cumulative-title{font-size:var(--fz-14);font-weight:var(--weight-semibold);margin-bottom:5px}.cumulative .stats{display:flex;align-items:center;justify-content:center;gap:20px;font-size:23px;font-weight:var(--weight-bold)}.cumulative .stats span{font-size:var(--fz-14);font-weight:var(--weight-regular)}.temp-notice-section{margin-top:25px}.temp-notice-section .temp-notice{padding:10px;font-size:var(--fz-14);color:var(--color-gray3)}.temp-notice-section .temp-notice strong{display:inline-block;font-weight:var(--weight-bold);margin-bottom:10px}.temp-notice-section .temp-info{margin-bottom:20px}.select-section-section{margin-top:20px}.select-section-section .select-wrap{display:flex;align-items:center}.select-section-section .select-wrap button{width:50%;padding:10px 0;font-size:var(--fz-15);color:var(--color-gray3);position:relative}.select-section-section .select-wrap button.active{color:var(--main-green);font-weight:var(--weight-semibold)}.select-section-section .select-wrap button.active:after{content:"";width:100%;background:var(--main-green);position:absolute;height:3px;left:0;bottom:0}.photo-area-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.photo-area-title span{font-weight:var(--weight-light)}.photo-area-title span.max-count{font-weight:var(--weight-regular);font-size:var(--fz-14);color:var(--color-gray3)}.photo-area-title h4{font-weight:var(--weight-semibold)}.multi-photo-small{margin-bottom:20px}.multi-photo-small input[type=file]{display:none}.multi-photo-small .add-file-wrap{padding:10px;overflow-x:scroll;display:flex;align-items:center;flex-wrap:nowrap}.multi-photo-small .add-file-wrap .add-file{position:relative;margin-right:10px;width:85px;min-width:85px;height:85px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);background:var(--color-white)}.multi-photo-small .add-file-wrap .add-file .photo-img{width:85px;height:85px;max-width:85px;max-height:85px;-o-object-fit:cover;object-fit:cover}.multi-photo-small .add-file-wrap .remove-multi-photo-btn{position:absolute;top:5px;right:5px;width:20px;height:20px;padding:4px;border:1px solid var(--color-gray1);display:flex;align-items:center;justify-content:center;background:var(--color-white);border-radius:5px;z-index:699}.memo-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.number-list-box{padding:5px 0;margin-bottom:10px}.number-list-box .top-area{display:flex;align-items:center;margin-bottom:10px}.number-list-box .top-area .text-box span{display:inline-block;font-weight:var(--weight-bold);margin-bottom:5px}.number-list-box .top-area .text-box p{font-size:var(--fz-14);color:var(--color-gray3)}.number-list-box .top-area .img-box{margin-right:8px}.number-list-box .bottom-area{display:flex;align-items:center;justify-content:end}.number-list-box .bottom-area .count-view{margin:0 10px;font-size:var(--fz-14);letter-spacing:2px}.list-ohter{padding:15px;display:flex;align-items:center;justify-content:space-between;background:#f0f0f0;border:1px solid transparent;border-radius:var(--border-radius);margin-bottom:10px}.list-ohter.active{border:1px solid var(--main-green)}.list-ohter.active svg rect{fill:#00be87}.list-ohter.text-area{display:block;box-shadow:0 3px 7px #00000029;background:var(--color-white);margin-bottom:15px}.list-ohter.text-area textarea{padding:0;margin-top:5px;width:100%;display:block;resize:none;border:none;outline:none;font-size:var(--fz-14)}.list-ohter.text-area textarea::-moz-placeholder{color:var(--color-gray4)}.list-ohter.text-area textarea::placeholder{color:var(--color-gray4)}.list-ohter.text-area button{background:var(--main-green);border-radius:var(--border-radius);display:block;width:50%;padding:8px 0;color:var(--color-white);margin-left:auto;margin-top:30px}.list-ohter .list-text{flex:1}.list-ohter .list-text span{font-weight:var(--weight-bold);font-size:var(--fz-20);display:inline-block}.list-ohter .list-text p{font-size:var(--fz-14);color:var(--color-gray3)}.symptom-history ul .reg-date{display:inline-block;padding:15px 0;font-weight:var(--weight-medium);font-size:var(--fz-12);color:#828282}.symptom-history ul li{padding:15px;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius)}.symptom-history ul li>p{font-size:var(--fz-14);font-weight:var(--weight-bold);margin-bottom:5px}.symptom-history ul li span{font-size:var(--fz-12);color:#828282}.tip-wrap{display:flex;align-items:center;position:relative}.hidden-tip{position:absolute;top:30px;left:-30px;background:var(--color-white);padding:10px;border-radius:var(--border-radius);border:1px solid var(--main-bg-color);box-shadow:0 4px 16px #00000014}.hidden-tip span{white-space:nowrap;font-size:var(--fz-14)!important;color:var(--color-gray3);font-weight:var(--weight-regular)!important}.hidden-tip:before{content:"";position:absolute;top:-20px;left:34px;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}.hospital-notice{color:var(--color-gray3);letter-spacing:-.5px;font-size:var(--fz-14)}.significant{margin-top:20px}.significant .title{display:inline-block;font-weight:var(--weight-semibold);margin-bottom:12px}.history-view-section{margin-top:10px;padding:5px}.history-view-section .button-area{margin-bottom:10px;display:inline-flex;align-items:center;flex-wrap:nowrap;overflow-x:scroll;width:calc(100% + 25px);gap:10px}.history-view-section .button-area button{white-space:nowrap;width:auto;font-weight:var(--weight-medium);font-size:var(--fz-12);color:var(--color-gray2)}.history-view-section .button-small-wrap{display:flex;align-items:center;padding:6px 10px;border:1px solid var(--color-gray4);color:var(--color-gray2);border-radius:20px}.history-view-section .button-small-wrap .hidden{display:none;margin-left:10px;color:var(--color-white);align-items:center;gap:5px;flex-wrap:nowrap}.history-view-section .button-small-wrap .hidden span{white-space:nowrap;font-size:var(--fz-14);padding:0 2px}.history-view-section .button-small-wrap.active{background:var(--main-green);border-color:var(--main-green)}.history-view-section .button-small-wrap.active button{color:var(--color-white)}.history-view-section .button-small-wrap.active .hidden,.history-view-section .view-area{display:flex}.history-view-section .view-area .date-area{border-right:1px dashed var(--color-gray4);padding:10px 0}.history-view-section .view-area .date-area .date{padding-right:10px;text-align:center;width:45px}.history-view-section .view-area .date-area .date.same .day,.history-view-section .view-area .date-area .date.same .month{display:none}.history-view-section .view-area .date-area .date span{display:block}.history-view-section .view-area .date-area .date .month{font-size:var(--fz-12);line-height:18px;position:relative}.history-view-section .view-area .date-area .date .month.same:before{display:none}.history-view-section .view-area .date-area .date .month:before{content:"";position:absolute;top:50%;right:-17px;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;border:1px solid var(--color-gray1);background:var(--color-white)}.history-view-section .view-area .date-area .date .day{font-size:var(--fz-18);font-weight:var(--weight-bold);line-height:25px}.history-view-section .view-area .detail-area{margin-left:15px;margin-top:12px;flex:1}.history-view-section .detail-list{box-shadow:0 3px 7px #00000029;border-radius:var(--border-radius);padding:10px;margin-bottom:10px}.history-view-section .detail-list .pet-color{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px}.history-view-section .detail-list .pet-name{font-size:var(--fz-12);font-weight:var(--weight-medium);display:inline-block;margin-bottom:5px}.history-view-section .detail-list .etc{font-size:var(--fz-14)}.history-view-section .detail-list .etc span{font-weight:var(--weight-bold)}.history-view-section .detail-list.no-history{text-align:center}.history-view-section .detail-list.no-history p{padding-top:10px;font-size:var(--fz-14);font-weight:var(--weight-medium)}.history-view-section .detail-list.no-history button{color:var(--main-green);font-weight:var(--weight-bold);padding:10px}.community-event-section{margin-top:10px}.banner-section{margin-bottom:20px}.event-list{width:100%;overflow:hidden;border-radius:var(--border-radius)}.event-list.community{width:calc(100% + 50px);margin-left:-25px}.event-list img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.option-category{white-space:nowrap;margin-top:20px;display:flex;align-items:center;margin-right:3px;position:relative}.option-category span{font-size:var(--fz-12);font-weight:var(--weight-medium);color:#a0a0a0}.hidden-option-list{z-index:1;position:absolute;background:var(--color-white);top:100%;font-size:var(--fz-13);font-weight:var(--weight-medium);color:#a0a0a0;padding:5px;border-radius:var(--border-radius);box-shadow:var(--box-shadow-caleandar);border:1px solid var(--color-gray4)}.hidden-option-list li{padding:4px 5px}.hidden-bg-wrap{position:fixed;top:0;left:0;right:0;bottom:0}.select-category-new{margin-top:20px;display:flex;align-items:center;overflow-x:scroll}.select-category-new li{font-size:var(--fz-14);font-weight:var(--weight-bold);color:var(--color-gray4);padding-bottom:3px;border-bottom:2px solid transparent;margin-right:15px;white-space:nowrap}.select-category-new li.active{color:var(--main-green);border-color:var(--main-green)}.community-search-select-category{display:flex;align-items:center;margin-bottom:10px}.community-search-select-category .category{font-weight:var(--weight-medium);font-size:var(--fz-12);color:var(--color-gray3);margin-right:10px}.community-search-select-category .current-category{display:flex;align-items:center;padding:5px}.community-search-select-category .current-category p{margin-right:5px;font-weight:var(--weight-semibold)}.community-search-box{background:var(--color-white);border-radius:50px;padding:10px;display:flex;align-items:center}.community-search-box .select-btn{display:flex;align-items:center}.community-search-box .select-btn span{display:inline-block;min-width:30px;font-size:var(--fz-14);font-weight:var(--weight-semibold);padding-right:5px}.community-search-box .search-btn-area{display:flex;align-items:center}.community-search-box input{margin:0 10px;padding:5px 2px;font-size:var(--fz-14);color:var(--color-gray1);font-weight:var(--weight-semibold);min-width:50%}.community-search-box input::-moz-placeholder{font-weight:var(--weight-regular);color:#828282}.community-search-box input::placeholder{font-weight:var(--weight-regular);color:#828282}.community-search-box input::-webkit-search-cancel-button,.community-search-box input::-webkit-search-clear-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.community-search-box input::-ms-clear{display:none}.community-search-box input::-ms-reveal{display:none}.show-search-area{margin-top:20px}.show-search-area .current-search-text .current-search-header{display:flex;align-items:center;justify-content:space-between;padding:10px 5px}.show-search-area .current-search-text .current-search-header span{font-weight:var(--weight-bold);font-size:var(--fz-14)}.show-search-area .current-search-text .current-search-header button{font-weight:var(--weight-regular);font-size:var(--fz-14);color:var(--color-gray3)}.show-search-area .current-search-text .current-search-text-list{display:flex;align-items:center;justify-content:space-between;padding:10px;font-size:var(--fz-14);color:var(--color-gray3)}.show-search-area .current-search-text .current-search-text-list img{width:22px;height:22px}.show-search-area .no-history{font-size:var(--fz-15);text-align:center;margin-top:50px}.hidden-drop-menu{background:var(--main-bg-color);border-radius:0 0 15px 15px;box-shadow:0 5px 10px #7878781a;padding:0 10px;width:100%;position:fixed;top:50px;left:0;z-index:3000;transform:translateY(calc(-100% - 60px));transition:all .3s ease-out}.hidden-drop-menu.down{transform:translateY(0)}.hidden-drop-menu .menu-list{padding:13px 10px;border-bottom:1px solid #ececec;font-weight:var(--weight-medium)}.keyword-select-area{display:flex;align-items:center}.keyword-select-area .keyword-select-wrap{padding:10px 0;display:flex;gap:7px;overflow-x:scroll}.keyword-select-area .keyword-select-wrap button{padding:6px 12px;border:1px solid #bdbdbd;border-radius:30px;font-size:var(--fz-12);white-space:nowrap}.keyword-select-area .keyword-select-wrap button.other{display:flex;align-items:center;border:none;color:red;font-size:var(--fz-11);color:var(--color-gray3);padding:0}.keyword-select-area .keyword-select-wrap button.other img{transform:rotate(180deg)}.keyword-select-area .keyword-select-wrap button.active{background:var(--main-green);border-color:var(--main-green);color:var(--color-white)}.keyword-select-area.un-fold .keyword-select-wrap{flex-wrap:wrap}.keyword-select-area .more-text-btn{color:var(--color-gray3);font-size:var(--fz-11);display:flex;align-items:center;width:36px;white-space:nowrap;padding-left:10px;display:none}.keyword-section{margin-bottom:10px}.keyword-wrap{width:calc(100% + 25px);padding:10px 0;display:flex;align-items:center;flex-wrap:nowrap;overflow-x:scroll}.keyword-wrap .keyword-list{padding:10px 12px;white-space:nowrap;margin-right:15px;background:var(--color-gray6);border-radius:5px;font-weight:var(--weight-medium);color:var(--color-gray2);font-size:var(--fz-12)}.keyword-wrap .keyword-list.active{background:var(--main-green);color:var(--color-white)}.keyword-wrap .keyword-list:last-child{margin-right:25px}.keyword-wrap button{padding:10px 12px;white-space:nowrap;margin-right:15px;background:var(--color-gray6);border-radius:5px;font-weight:var(--weight-medium);color:var(--color-gray2);font-size:var(--fz-12)}.keyword-wrap button.active{background:var(--main-green);color:var(--color-white)}.keyword-wrap button:last-child{margin-right:25px}.daily-qna-section{padding:15px;border-radius:var(--border-radius);box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);background:var(--color-white);margin-bottom:15px}.daily-qna-section article{display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-18);font-weight:var(--weight-bold)}.daily-qna-section article span{font-size:var(--fz-14);font-weight:var(--weight-regular)}.daily-qna-section .new-qustion{margin-bottom:12px}.daily-qna-section .new-qustion p,.daily-qna-section .new-answer p{color:var(--main-green)}.popular-top-section{margin-bottom:15px}.popular-top-section .top-keyword-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.popular-top-section .top-keyword-wrap .top-keyword{display:inline-block;background:#E3F3FF;color:#20a1ff;border-radius:5px;padding:5px;font-weight:var(--weight-medium);font-size:var(--fz-12)}.video-big-wrap{margin-top:-60px;margin-left:-25px;width:calc(100vw + 25px)}.swiper-video-wrap{width:calc(100vw + 25px);position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.community-video-wrap{position:relative;width:calc(100vw + 25px);height:100vh;margin-left:-25px;background:#000}.community-video-wrap .community-video{width:calc(100% + 25px);height:100vh;-o-object-fit:contain;object-fit:contain}.community-video-wrap .video-user-info-wrap{width:calc(100% - 25px);position:absolute;top:0;height:120px;left:25px;padding:50px 25px 0;z-index:100;background:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%)}.community-video-wrap .video-title-wrap{position:absolute;left:25px;bottom:40px;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.6) 100%);padding:20px;width:calc(100% - 25px)}.community-video-wrap .video-title-wrap .go-reaction{position:absolute;top:-20px;right:25px;padding:10px 12px;background:var(--main-green);border-radius:5px;font-size:var(--fz-12);font-weight:var(--weight-medium);color:var(--color-white)}.community-video-wrap .video-title-wrap .video-title{color:var(--color-white);padding-bottom:30px}.community-video-wrap .video-title-wrap .video-title span{color:var(--color-white);font-weight:var(--weight-bold);font-size:var(--fz-18);display:inline-block;margin-bottom:5px}.community-hot-place-section .no-list{padding-top:50px;margin-bottom:30px}.create-community-title{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;position:relative}.create-community-title h4{font-weight:var(--weight-bold);font-size:var(--fz-18)}.create-community-title button{display:flex;align-items:center}.write-hidden-selector{position:absolute;top:100%;left:0;z-index:901;background:var(--main-bg-color);border-radius:0 0 15px 15px;box-shadow:0 5px 10px #7878781a;padding:0 10px;width:100%}.write-hidden-selector .menu-list{padding:10px;border-bottom:1px solid #ececec;font-weight:var(--weight-medium)}.community-input-wrap{margin-bottom:20px}.community-input-wrap input{font-size:var(--fz-16);font-weight:var(--weight-semibold);padding:13px 15px;background:var(--color-gray6);margin-bottom:10px}.community-input-wrap input::-moz-placeholder{font-weight:var(--weight-regular);color:var(--color-gray4)}.community-input-wrap input::placeholder{font-weight:var(--weight-regular);color:var(--color-gray4)}.community-input-wrap textarea{font-weight:var(--weight-semibold);padding:10px 15px;background:var(--color-gray6);resize:none;width:100%;outline:none}.community-input-wrap textarea::-moz-placeholder{color:var(--color-gray4);font-weight:var(--weight-regular)}.community-input-wrap textarea::placeholder{color:var(--color-gray4);font-weight:var(--weight-regular)}.hash-tag .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.hash-tag .title h4{color:var(--color-blue);font-weight:var(--weight-semibold)}.hash-tag .title h4 span{font-weight:var(--weight-light)}.hash-tag .title .count{font-weight:var(--weight-light);color:#8c8c8c}.hash-tag .hash-input-box{border-bottom:1px solid var(--color-gray5)}.hash-tag .hash-input-box label{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.hash-tag .hash-input-box input{width:auto;max-width:80px;padding:5px 0;align-self:flex-end}.hash-tag .hash-input-box input::-moz-placeholder{color:var(--color-gray4)}.hash-tag .hash-input-box input::placeholder{color:var(--color-gray4)}.hash-tag .hash-input-box .hash-btn{font-weight:var(--weight-medium);font-size:var(--fz-12);padding:10px 12px;color:var(--color-white);background:#bdbdbd;border-radius:5px;margin-left:10px}.hash-tag .hash-input-box .hash-btn.active{background:var(--main-green)}.hash-tag .hash-view{margin-top:15px;display:flex;flex-wrap:wrap;gap:10px}.hash-tag .hash-tag{display:flex;align-items:center;font-size:var(--fz-13);color:#20a1ff;background:#E3F3FF;padding:5px 8px;border-radius:5px;position:relative;margin-right:5px}.hash-tag .hash-tag .remove-btn{display:flex;align-items:center;background:#20A1FF;border-radius:5px;padding:2px;position:absolute;top:-5px;right:-5px}.hash-tag .hash-tag .remove-btn img{height:12px}.hash-tag .hash-notice{margin-top:10px;color:var(--color-gray4);font-size:var(--fz-14)}.knowledge-input{display:flex;align-items:center}.knowledge-input input{width:auto;flex:1;padding:5px 0;border-bottom:1px solid var(--color-gray5);align-self:flex-end}.knowledge-input input.green{color:var(--main-green);font-weight:var(--weight-semibold);letter-spacing:-1px}.knowledge-input input::-moz-placeholder{color:var(--color-gray4)}.knowledge-input input::placeholder{color:var(--color-gray4)}.knowledge-input .hash-btn{font-weight:var(--weight-medium);font-size:var(--fz-12);padding:10px 12px;color:var(--color-white);background:#bdbdbd;border-radius:5px;margin-left:10px}.knowledge-input .hash-btn.active{background:var(--main-green)}.user-info-wrap{display:flex;align-items:center;justify-content:space-between}.user-info-wrap .user-info{display:flex;align-items:center}.user-info-wrap .user-info .nickname{margin-left:5px;font-size:var(--fz-14)}.user-info-wrap .user-info .util{margin-left:5px;font-size:var(--fz-12);color:var(--color-gray3)}.user-info-wrap .pet-info span{font-size:var(--fz-12);background:var(--color-gray6);padding:5px;border-radius:5px}.user-info-wrap.video .user-info .nickname{color:var(--color-white)}.point-badge{background:var(--color-gray1);color:var(--color-white);border-radius:var(--border-radius);padding:3px 4px;font-size:var(--fz-12);font-weight:var(--weight-semibold);display:inline-flex;align-items:center}.point-badge img{width:13px;margin-right:3px}.community-detail{margin-bottom:30px}.community-detail .title{font-weight:var(--weight-bold);font-size:var(--fz-18);padding:15px 5px}.community-detail .detail-info-section{padding:5px 0;margin-bottom:5px}.community-detail .detail-photo-section{margin-bottom:15px}.community-detail .detail-photo-section .detail-photo-area{width:calc(100vw - 50px);height:calc(100vw - 70px);overflow:hidden}.community-detail .detail-photo-section .detail-photo-area img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.community-detail .detail-content-section{margin-bottom:10px}.community-detail .detail-hash-section{color:var(--color-blue);display:flex;align-items:center;flex-wrap:wrap;margin-bottom:25px}.community-detail .detail-hash-section span{margin:10px 10px 0 0;font-size:var(--fz-14)}.community-detail .emoji-section .emoji-title{text-align:center;margin-bottom:15px}.community-detail .emoji-section .emoji-title span{display:inline-block;color:var(--color-white);padding:8px 12px;background:var(--color-gray2);border-radius:var(--border-radius-round)}.comment-section{border-top:1px solid #ececec}.comment-section .comment-section-title{font-weight:var(--weight-semibold);font-size:var(--fz-15);padding:12px 5px}.comment-section .comment-header{margin:10px 0;display:flex;align-items:center;justify-content:space-between}.comment-section .comment-header .left,.comment-section .comment-header .right{display:flex;align-items:center;font-size:var(--fz-14)}.comment-section .comment-header .left img,.comment-section .comment-header .right img{width:18px;height:18px;margin-right:3px}.comment-section .comment-header .left p,.comment-section .comment-header .right p{display:flex;align-items:center}.comment-section .comment-header .left{gap:10px}.emoji-list-wrap{display:grid;grid-template-columns:repeat(4,1fr);row-gap:15px;margin-bottom:20px}.emoji-list-wrap.pet-video{position:fixed;left:0;bottom:0;right:0;z-index:1000}.emoji-list-wrap.pet-video .toast-modal{width:100%}.emoji-list-wrap .emoji-list{text-align:center}.emoji-list-wrap .emoji-list span{display:block;font-size:var(--fz-12)}.emoji-list-wrap .emoji-list .emoji{font-weight:var(--weight-medium)}.emoji-list-wrap .emoji-list .count{font-weight:var(--weight-bold);color:var(--color-gray3)}.emoji-list-wrap .emoji-list.active .count{color:var(--main-green)}.comment-list{padding:5px 5px 15px;margin-bottom:15px;border-bottom:1px solid #ececec}.comment-list .comment-title{margin:10px 0 10px 27px;font-weight:var(--weight-medium)}.comment-list .comment-bottom{display:flex;align-items:center;justify-content:space-between;margin-left:27px}.comment-list .comment-bottom img{margin-right:2px}.comment-list .comment-bottom span{font-size:var(--fz-12)}.comment-list .comment-bottom .comment-reply,.comment-list .comment-bottom .time-box{display:flex;align-items:center}.comment-list .selection-area{margin-top:10px;text-align:center}.comment-list .selection-area button{width:100%;background:var(--color-gray6);padding:8px;border-radius:5px;font-size:var(--fz-13);font-weight:var(--weight-semibold)}.comment-list.recomment{margin-bottom:0;padding:5px 0 5px 10px;margin-left:27px;border-bottom:0}.comment-list .user-icon{border-radius:8px}.comment-list .user-icon img{width:24px;height:24px}.badge{display:flex;align-items:center;margin-bottom:10px}.badge img{width:22px;margin-right:2px}.badge span{font-weight:var(--weight-bold);color:var(--main-green)}.comment-input-wrap{width:100%;padding:10px 25px 5px;position:fixed;left:0;bottom:0;background:#fafafa;z-index:100;box-shadow:0 -1px 1px #d4d4d440}.comment-input-wrap .comment-input-box{display:flex;align-items:center;padding:10px;background:var(--color-white);border-radius:20px}.comment-input-wrap .comment-input-box textarea{padding:2.5px 5px;font-size:var(--fz-15);resize:none;outline:none;width:100%}.comment-input-wrap .comment-input-box textarea::-moz-placeholder{color:#bdbdbd}.comment-input-wrap .comment-input-box textarea::placeholder{color:#bdbdbd}.comment-input-wrap .comment-input-box input{padding:2.5px 5px;font-size:var(--fz-15)}.comment-input-wrap .comment-input-box input::-moz-placeholder{color:#bdbdbd}.comment-input-wrap .comment-input-box input::placeholder{color:#bdbdbd}.comment-input-wrap .comment-input-box img{margin-left:10px;align-self:flex-end}.recomment-box{position:absolute;width:calc(100% - 50px);top:-36px;left:25px;background:var(--color-gray6);border-radius:var(--border-radius);padding:6px 10px;display:flex;align-items:center;justify-content:space-between}.recomment-box.meal{position:static;width:100%}.recomment-box p{font-size:var(--fz-14);color:var(--color-gray2)}.recomment-box p strong{font-weight:var(--weight-bold)}.util-btn-section .reset-wrap{display:flex;align-items:center;-moz-column-gap:15px;column-gap:15px;margin:25px 0 15px}.util-btn-section .reset-wrap button{width:50%;padding:10px 0;border-radius:var(--border-radius)}.util-btn-section .reset-wrap button.reset{color:var(--color-gray4);background:#f1f1f1}.util-btn-section .reset-wrap button.batch{background:var(--main-green);color:var(--color-white)}.util-btn-section .reset-wrap button.all{background:var(--color-gray4);color:var(--color-white)}.util-btn-section .reset-wrap button.all.active{background:var(--main-green)}.meal-history-section p{font-weight:var(--weight-bold);padding:15px 0;color:#212428;margin-bottom:10px}.profile-area{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.profile-area .profile{display:flex;align-items:center}.profile-area .profile img{width:34px;height:34px;overflow:hidden;border-radius:10px;-o-object-fit:cover;object-fit:cover;margin-right:10px}.profile-area .profile .nickname{font-weight:var(--weight-bold);margin-right:8px}.profile-area .profile .pet-info{display:inline-block;padding:5px;background:var(--color-gray6);border-radius:5px;font-size:var(--fz-14)}.meal-history{border-bottom:1px solid var(--color-gray4);padding-bottom:15px;margin-bottom:15px}.meal-history:last-child{border-bottom:none}.meal-history .history-list{margin-bottom:5px}.meal-history .history-list:last-child{margin-bottom:0}.meal-history .history-list .time{font-size:var(--fz-14);font-weight:var(--weight-medium);color:#a0a0a0;display:inline-block;margin-bottom:5px}.meal-history .history-list .meal-type{padding:5px;font-size:var(--fz-12);background:#CDFCEE;color:var(--main-green);border-radius:5px;margin-right:5px;white-space:nowrap}.meal-history .history-list .meal-info{display:flex;align-items:center;justify-content:space-between}.meal-history .history-list .meal-info .meal-name,.meal-history .history-list .meal-info .meal-amount{font-size:var(--fz-14);font-weight:var(--weight-medium)}.meal-history .history-list .meal-info .meal-amount{margin-right:10px}.meal-history .history-list .meal-info.other{display:block}.meal-history .history-list .toilet-history{display:grid;grid-template-columns:repeat(3,1fr)}.meal-history .history-list .toilet-history .icons-wrap{display:flex;align-items:center}.meal-history .history-list img{width:30px}.meal-history .history-img-box{display:flex;align-items:center;margin-top:8px}.meal-history .history-img-box li{width:40px;height:40px;overflow:hidden;border-radius:5px;margin-right:5px;border:1px solid var(--color-gray4)}.meal-history .history-img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-section{margin-bottom:15px}.banner-section .gift-banner-list{width:100%;max-height:190px;border-radius:var(--border-radius);overflow:hidden}.banner-section .gift-banner-list img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;max-height:190px}.tab-section{display:flex;align-items:center;margin-bottom:15px}.tab-section button{padding:18px 10px;display:flex;align-items:center;justify-content:center;width:50%;border:2px solid var(--main-green);border-radius:var(--border-radius)}.tab-section button img{margin-right:5px}.tab-section button span{color:#5f5f5f;font-weight:var(--weight-semibold);font-size:var(--fz-14)}.area-section{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);background:var(--color-white);border-radius:15px;padding:11px 15px}.my-page-big-wrap section{margin-bottom:20px}.my-section{margin:10px 0 20px}.my-section .my-info-area{display:flex;align-items:center;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);background:var(--color-white);padding:10px;border-radius:15px;margin-bottom:25px}.my-section .my-info-area .my-img{margin-right:7px;width:60px;height:60px;max-width:60px;max-height:60px;overflow:hidden;border-radius:15px}.my-section .my-info-area .my-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.my-section .my-info-area .my-info{flex:1}.my-section .my-info-area .my-info .nickname{display:inline-block;font-size:var(--fz-18);font-weight:var(--weight-bold);margin-bottom:5px}.my-section .my-info-area .my-info .my-number{font-size:var(--fz-12);margin-bottom:5px;display:flex;align-items:center;letter-spacing:-1px}.my-section .my-info-area .my-info .my-number .title{margin-right:7px}.my-section .my-info-area .my-info .my-number .num{letter-spacing:-.5px}.my-section .my-info-area .my-info .my-account{display:flex;align-items:center;font-size:var(--fz-15);color:var(--color-gray2)}.my-section .my-info-area .my-info .my-account img{width:20px;height:20px;margin-right:5px}.my-section .my-info-area .edit{width:30px;height:30px;background:var(--color-gray1);display:flex;align-items:center;justify-content:center;border-radius:50%}.my-section .my-point{display:flex;align-items:center}.my-section .my-point .point,.my-section .my-point .friend{width:50%;display:flex;align-items:center;padding:11px 0 11px 10px;border:1px solid var(--color-gray5)}.my-section .my-point .point strong,.my-section .my-point .friend strong{font-weight:var(--weight-bold)}.my-section .my-point .point strong span,.my-section .my-point .friend strong span{font-weight:var(--weight-regular);font-size:var(--fz-13)}.my-section .my-point .point{border-radius:10px 0 0 10px}.my-section .my-point .point img{margin-right:5px}.my-section .my-point .friend{border-left:none;border-radius:0 10px 10px 0}.my-page-title{font-size:var(--fz-11);color:#a0a0a0;font-weight:var(--weight-semibold);padding:10px 5px;display:flex;align-items:center;justify-content:space-between}.my-page-title button{font-weight:var(--weight-medium);font-size:var(--fz-14);color:var(--color-gray3)}.my-page-title.version span{font-weight:var(--weight-medium);font-size:var(--fz-14);margin-left:10px;color:var(--color-gray3)}.list-wrapper{width:calc(100% + 25px);overflow-x:scroll;display:flex;flex-wrap:nowrap;padding:8px}.list-wrapper .profile-list{padding:10px;margin-right:10px;background:var(--color-white);border-radius:15px;display:flex;align-items:center;min-width:200px;box-shadow:var(--box-shadow-basic);border:var(--border-style-basic)}.list-wrapper .profile-list:last-child{margin-right:25px}.list-wrapper .profile-list.none{justify-content:center;min-width:70px}.list-wrapper .profile-list.full{width:100%;display:flex;flex-direction:column;justify-content:center}.list-wrapper .profile-list.full img{margin-bottom:5px}.list-wrapper .profile-list.full p{font-weight:var(--weight-semibold);color:#5f5f5f;font-size:var(--fz-14)}.list-wrapper .profile-list .img-box{overflow:hidden;width:43px;height:43px;max-width:43px;max-height:43px;border-radius:10px;margin-right:10px}.list-wrapper .profile-list .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.list-wrapper .profile-list .text-box span{font-weight:var(--weight-bold);font-size:var(--fz-14);display:inline-block;margin-bottom:5px}.list-wrapper .profile-list .text-box p{font-size:var(--fz-12);color:var(--color-gray3)}.my-activity-wrap .my-activity-list{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.my-activity-wrap .my-activity-list:last-child{margin-bottom:0}.my-activity-wrap .my-activity-list .img-wrap{display:flex;align-items:center}.my-activity-wrap .my-activity-list span{font-size:var(--fz-14);display:inline-block;padding:10px;font-weight:var(--weight-medium)}.my-activity-wrap .my-activity-list img{width:23px;height:23px}.center-box{background:#f2f4f2;padding:10px;font-size:var(--fz-12);color:var(--color-gray3);line-height:18px}.center-box span{display:inline-block;font-weight:var(--weight-bold)}.center-box p{text-decoration:underline}.center-box.company-info{line-height:16.5px;font-size:var(--fz-14)}.center-box.company-info p{font-weight:var(--weight-regular);color:#a0a0a0;text-decoration:none}.center-box.company-info strong{color:#a0a0a0;font-weight:var(--weight-bold)}.center-box.company-info address{margin-top:10px;font-size:var(--fz-12)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title h3{font-size:var(--fz-18);font-weight:var(--weight-bold)}.section-title .util-btn img{margin-left:20px}.my-member-num{padding:10px;margin:0 auto 20px;text-align:center;font-size:var(--fz-15);color:var(--color-gray2);letter-spacing:-1px}.my-member-num strong{font-weight:var(--weight-bold);margin:0 10px}.copy-btn{background:#CDFCEE;padding:3px 5px;border-radius:5px;color:var(--main-green);font-size:var(--fz-13);display:inline-flex;align-items:center}.copy-btn img{margin-right:3px}.my-badge{padding:3px 5px;border-radius:3px;font-size:var(--fz-13);font-weight:var(--weight-bold);background:var(--main-green);color:var(--color-white)}.sub-badge{padding:3px 5px;border-radius:3px;font-size:var(--fz-13);font-weight:var(--weight-bold);background:#FEAB6F;color:var(--color-white)}.title-header{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-weight:var(--weight-bold);margin-bottom:10px}.title-header span{font-size:var(--fz-14)}.title-header button{display:flex;align-items:center}.my-pet-list{padding:10px;background:var(--color-white);border-radius:10px;margin-bottom:10px}.my-pet-list .pet-info-box{display:flex;align-items:center;margin-bottom:10px}.my-pet-list .pet-info-box .img-box{width:55px;height:55px;border-radius:10px;overflow:hidden;margin-right:10px}.my-pet-list .pet-info-box .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.my-pet-list .pet-info-box .text-box p{display:flex;align-items:center;margin-bottom:5px}.my-pet-list .pet-info-box .text-box p span{margin-right:10px;font-weight:var(--weight-bold);font-size:var(--fz-18)}.my-pet-list .pet-info-box .text-box p img{width:22px;height:22px}.my-pet-list .pet-info-box .text-box .pet-breed{color:var(--color-gray3)}.my-pet-list .pet-master-box{font-size:var(--fz-12)}.my-pet-list .pet-master-box .public-master{color:var(--color-gray3);margin-top:5px}.qr-code-view{text-align:center}.qr-code-view .qr-code{margin:0 auto;padding:20px;background:var(--color-white);border-radius:50px;box-shadow:0 0 20px #c7c7c740;width:calc(100vw - 94px);height:calc(100vw - 94px)}.qr-code-view .qr-code img{width:100%;height:100%}.mypage-sub-title{display:flex;align-items:center;justify-content:space-between;padding:10px 5px}.mypage-sub-title span{font-weight:var(--weight-bold);font-size:var(--fz-18)}.push-alarm-wrap{margin-bottom:20px}.push-alarm-wrap.under-line{margin-bottom:20px;padding-bottom:15px}.border-wrap{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);padding:10px 15px;border-radius:var(--border-radius)}.push-list{padding:0 5px;margin-bottom:10px}.push-list:last-child{margin-bottom:0}.push-list .top-area{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.push-list .top-area span{font-size:var(--fz-14);font-weight:var(--weight-medium);color:#5f5f5f}.push-list .bottom-area{color:#8c8c8c;font-size:var(--fz-12)}.push-toggle-btn{padding:2px 3px;background:var(--color-gray4);border-radius:30px;width:41px}.push-toggle-btn .toggle-circle{display:block;width:18px;height:18px;background:var(--color-white);border-radius:50%;transition:transform .2s}.push-toggle-btn.active{background:var(--main-green)}.push-toggle-btn.active .toggle-circle{background:#e9fff2;transform:translate(17px)}.market-push-notice{padding-top:20px;border-top:1px solid #BDBDBD}.market-push-notice .top{display:flex;align-items:center;justify-content:space-between;color:var(--color-gray2)}.my-point-section{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);padding:15px;border-radius:var(--border-radius-middle);margin-top:10px;margin-bottom:20px}.my-point-section .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.my-point-section .top span{font-weight:var(--weight-bold);font-size:var(--fz-18)}.my-point-section .top .point{display:flex;align-items:center}.my-point-section .top .point img{margin-right:5px}.my-point-section .bottom{color:#8c8c8c;font-size:var(--fz-14)}.select-day-point{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.select-day-point article{display:flex;align-items:center;padding:10px}.select-day-point article span{font-size:var(--fz-14);font-weight:var(--weight-semibold);margin-right:10px}.select-day-point article img{width:20px;height:20px;transform:rotate(-90deg)}.point-history .point-history-list{margin-bottom:20px}.point-history .point-history-list .title-area{display:flex;align-items:center;justify-content:space-between;padding:0 5px;margin-bottom:8px}.point-history .point-history-list .title-area .title{font-weight:var(--weight-semibold);color:#5f5f5f}.point-history .point-history-list .title-area .point{font-weight:var(--weight-medium);font-size:var(--fz-14);color:var(--main-green)}.point-history .point-history-list .title-area .point span{font-size:var(--fz-16);font-weight:var(--weight-bold)}.point-history .point-history-list .detail-area{padding:0 5px;color:#8c8c8c;font-size:var(--fz-14)}.point-history .point-history-list.type2 .title-area{padding:15px 5px;margin-bottom:0}.point-history .point-history-list.type2 .title-area .point{color:#a0a0a0}.point-history .point-history-list.type3 .title-area .point{color:#f55}.top-point-view{display:flex;align-items:center}.top-point-view img{width:21px;height:21px;margin-right:5px}.top-point-view .point{font-weight:var(--weight-bold);font-size:var(--fz-18)}.tab-section{display:flex;align-items:center}.tab-section .gifticon-tab,.tab-section .exhange-tab{width:50%;text-align:center;border-bottom:4px solid #bdbdbd}.tab-section .gifticon-tab span,.tab-section .exhange-tab span{color:#bdbdbd;font-weight:var(--weight-bold);display:inline-block;padding:10px}.tab-section .gifticon-tab.active,.tab-section .exhange-tab.active{border-color:var(--main-green)}.tab-section .gifticon-tab.active span,.tab-section .exhange-tab.active span{color:var(--color-gray1)}.search-wrap{display:flex;align-items:center;justify-content:space-between;border:1px solid #dbdbdb;border-radius:20px;padding:8px 12px}.search-wrap input{font-size:var(--fz-14)}.search-wrap input::-moz-placeholder{color:#a6a6a6}.search-wrap input::placeholder{color:#a6a6a6}.gift-list-wrap{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:15px;column-gap:15px;row-gap:20px}.gift-list-wrap .gift-list .img-box{width:100%;aspect-ratio:1/1;border-radius:var(--border-radius);overflow:hidden;border:1px solid #e8e8e8;margin-bottom:10px}.gift-list-wrap .gift-list .img-box:last-child{margin-bottom:0}.gift-list-wrap .gift-list .img-box img{width:100%;height:100%}.gift-list-wrap .gift-list .text-box .category{font-weight:var(--weight-semibold);font-size:var(--fz-12);color:#a0a0a0}.gift-list-wrap .gift-list .text-box .title{font-weight:var(--weight-semibold);font-size:var(--fz-14);margin-bottom:5px}.gift-list-wrap .gift-list .text-box .point{display:flex;align-items:center}.gift-list-wrap .gift-list .text-box .point img{margin-right:5px}.gift-list-wrap .gift-list .text-box .point span{font-size:var(--fz-15);font-weight:var(--weight-bold)}.point-history-wrap .point-history-list{background:var(--color-white);border-radius:var(--border-radius);padding:15px 20px}.point-history-wrap .point-history-list .top{display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-13);font-weight:var(--weight-semibold);padding-bottom:10px;border-bottom:1px solid #E8E8E8;margin-bottom:10px}.point-history-wrap .point-history-list .bottom{margin-bottom:10px}.point-history-wrap .point-history-list .bottom .list-header{font-weight:var(--weight-semibold);font-size:var(--fz-13);margin-bottom:10px}.point-history-wrap .point-history-list .bottom .list-info{display:flex;align-items:center}.point-history-wrap .point-history-list .bottom .list-info .img-box{width:75px;height:75px;overflow:hidden;border-radius:var(--border-radius);border:1px solid #E8E8E8;margin-right:10px}.point-history-wrap .point-history-list .bottom .list-info .img-box img{width:100%}.point-history-wrap .point-history-list .bottom .list-info .text-box .price{display:block;font-size:var(--fz-20);font-weight:var(--weight-bold);margin-bottom:5px}.point-history-wrap .point-history-list .bottom .list-info .text-box .name{font-size:var(--fz-12);font-weight:var(--weight-semibold)}.point-history-wrap .point-history-list .bottom .list-info .text-box .info{font-weight:var(--weight-medium);font-size:var(--fz-12);color:var(--color-gray3)}.point-history-wrap .point-history-list .go-delivery{width:100%;border-radius:var(--border-radius);background:var(--main-green);color:var(--color-white);font-weight:var(--weight-semibold);padding:15px 0}.earn-list-wrap .earn-list{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.earn-list-wrap .earn-list .point-earn-btn{font-size:var(--fz-12);background:var(--main-green);color:var(--color-white);padding:6px 8px;border-radius:5px;white-space:nowrap}.earn-list-wrap .earn-list>div{display:flex;align-items:center;gap:12px}.earn-list-wrap .earn-list .img-box{width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;overflow:hidden}.earn-list-wrap .earn-list .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.earn-list-wrap .earn-list .text-box p{font-weight:var(--weight-bold);font-size:var(--fz-15)}.earn-list-wrap .earn-list .text-box span{font-size:var(--fz-13);display:inline-block;margin-bottom:4px;color:var(--color-gray3)}.top-menu{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:10px 5px}.top-menu .date-area,.top-menu .filter-area{display:flex;align-items:center;font-weight:var(--weight-semibold);font-size:var(--fz-14)}.top-menu .date-area img,.top-menu .filter-area img{width:20px;margin-left:5px}.service-list-area .service-list{border:1px solid var(--color-gray5);padding:15px;margin-bottom:10px;border-radius:var(--border-radius)}.service-list-area .service-list .top-info{display:flex;align-items:center;justify-content:space-between;padding:3px 0;margin-bottom:15px}.service-list-area .service-list .top-info p{font-weight:var(--weight-bold)}.service-list-area .service-list .top-info span{font-weight:var(--weight-semibold);font-size:var(--fz-13);padding:5px 10px;background:var(--main-green);border-radius:25px;color:var(--color-white)}.service-list-area .service-list .bottom-info>div{display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-14);margin-bottom:8px}.service-list-area .service-list .bottom-info>div p{color:var(--color-gray3)}.service-list-area .service-list .bottom-info>div span{font-weight:var(--weight-bold)}.charge-list-wrap{margin-bottom:50px}.charge-list-wrap .charge-list{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-bottom:8px}.charge-list-wrap .charge-list .info{display:flex;align-items:center;gap:8px}.charge-list-wrap .charge-list .info img{width:30px;height:30px}.charge-list-wrap .charge-list .info p{font-weight:var(--weight-bold)}.charge-list-wrap .charge-list button{font-size:var(--fz-14);font-weight:var(--weight-semibold);color:var(--color-white);background:var(--main-green);border-radius:5px;padding:6px 14px;min-width:92px}.add-point p{font-size:var(--fz-18);font-weight:var(--weight-semibold);margin-bottom:15px}.add-point .pin-wrap{display:flex;align-items:center;gap:10px;height:38px}.add-point .pin-wrap input{width:70%;height:100%;border-bottom:1px solid var(--color-gray4);font-size:var(--fz-18)}.add-point .pin-wrap input::-moz-placeholder{color:var(--color-gray4)}.add-point .pin-wrap input::placeholder{color:var(--color-gray4)}.add-point .pin-wrap button{width:30%;background:var(--color-gray4);height:100%;border-radius:5px;color:var(--color-white);font-size:var(--fz-14);font-weight:var(--weight-medium)}.insite-img-list{overflow:hidden;max-height:80vh}.insite-img-list img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.event-list-wrap,.event-detail-basic-info{margin-top:10px}.event-list-wrap .main-event-list,.event-detail-basic-info .main-event-list{padding:15px 10px;background:var(--color-white);border-radius:10px;position:relative;margin-bottom:10px}.event-list-wrap .blur,.event-detail-basic-info .blur{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.25);border-radius:10px}.event-list-wrap .new-event-badge,.event-list-wrap .envet-dday,.event-detail-basic-info .new-event-badge,.event-detail-basic-info .envet-dday{font-size:var(--fz-12);font-weight:var(--weight-bold);background:var(--main-green);color:var(--color-white);padding:5px;border-radius:5px;position:absolute;top:8px}.event-list-wrap .new-event-badge,.event-detail-basic-info .new-event-badge{left:8px}.event-list-wrap .envet-dday,.event-detail-basic-info .envet-dday{right:8px}.event-list-wrap .img-area,.event-detail-basic-info .img-area{border-radius:10px;overflow:hidden;margin-bottom:10px;width:100%;height:100%}.event-list-wrap .img-area img,.event-detail-basic-info .img-area img{width:100%;height:100%}.event-list-wrap .text-area,.event-detail-basic-info .text-area{margin-bottom:5px}.event-list-wrap .text-area span,.event-detail-basic-info .text-area span{font-size:var(--fz-12);font-weight:var(--weight-semibold);color:#a0a0a0;margin-bottom:10px;display:inline-block}.event-list-wrap .text-area p,.event-detail-basic-info .text-area p{font-weight:var(--weight-semibold);font-size:var(--fz-14);color:var(--color-gray1)}.event-list-wrap .text-area .top-area,.event-detail-basic-info .text-area .top-area{display:flex;align-items:center;justify-content:space-between}.event-list-wrap .text-area .top-area .category,.event-detail-basic-info .text-area .top-area .category{background:#CDFCEE;color:var(--main-green)}.event-list-wrap .text-area .top-area .category.notice,.event-detail-basic-info .text-area .top-area .category.notice{background:#FBE6E8;padding:5px;border-radius:5px;color:#ff5d4f}.event-list-wrap .text-area .top-area .manager,.event-detail-basic-info .text-area .top-area .manager{color:var(--color-gray4);font-weight:var(--weight-regular)}.event-list-wrap .info-view,.event-detail-basic-info .info-view{padding-top:5px;display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-12);color:var(--color-gray3)}.event-list-wrap .info-view .comment,.event-list-wrap .info-view .date,.event-detail-basic-info .info-view .comment,.event-detail-basic-info .info-view .date{display:flex;align-items:center}.notice-list-wrap{margin-top:10px}.notice-list-wrap .notice-list{background:var(--color-white);margin-bottom:10px;border-radius:var(--border-radius);padding:15px 10px}.notice-list-wrap .notice-list .notice-list-top{display:flex;align-items:center;justify-content:space-between;font-size:var(--fz-12);margin-bottom:5px}.notice-list-wrap .notice-list .notice-list-top .category{font-weight:var(--weight-medium);color:var(--main-green);background:#CDFCEE;display:inline-block;padding:5px;border-radius:5px}.notice-list-wrap .notice-list .notice-list-top .category.notice{color:#ff5d4f;background:#FBE6E8}.notice-list-wrap .notice-list .notice-list-top .author{color:var(--color-gray4)}.notice-list-wrap .notice-list .notice-list-middle{font-size:var(--fz-14);margin-bottom:5px}.notice-list-wrap .notice-list .notice-list-middle .title{display:inline-block;font-weight:var(--weight-semibold);margin-bottom:5px}.notice-list-wrap .notice-list .notice-list-middle .content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-list-wrap .notice-list .notice-list-bottom{display:flex;align-items:center;justify-content:flex-end;font-size:var(--fz-12)}.notice-list-wrap .notice-list .notice-list-bottom img{margin-right:2px}.delete-header-title{font-weight:var(--weight-bold);font-size:var(--fz-18);padding-left:5px}.go-back{font-weight:var(--weight-semibold)}.delete-account-title-box{padding:10px;margin-bottom:20px}.delete-account-title-box span{font-weight:var(--weight-bold)}.delete-text-area{position:relative}.delete-text-area .title{font-weight:var(--weight-semibold);display:inline-block;margin-bottom:12px}.text-area-wrapper{position:relative;border:1px solid var(--color-gray4);border-radius:5px;overflow:hidden}.text-area-wrapper .text-length{font-size:var(--fz-14);color:var(--color-gray4);display:block;text-align:right;padding:0 8px 8px}.text-area-wrapper textarea{width:100%;padding:10px 5px;outline:none;font-size:var(--fz-14);position:relative;background:none}.text-area-wrapper textarea span{position:absolute;right:0;bottom:0;z-index:1}.text-area-wrapper textarea::-moz-placeholder{color:var(--color-gray4)}.text-area-wrapper textarea::placeholder{color:var(--color-gray4)}.daily-title{font-weight:var(--weight-bold);padding:10px 5px;font-size:var(--fz-24);margin-bottom:20px}.mission-list{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.mission-list .mission-info .img-box{width:40px;height:40px;background:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.mission-list .mission-info .mission-text{font-weight:var(--weight-medium);letter-spacing:-1px;font-size:var(--fz-14)}.mission-list .mission-info .mission-text span{font-weight:var(--weight-bold);color:var(--main-green)}.mission-list .mission-btn{align-self:flex-end;padding:12px;width:70px;border:1px solid var(--main-green);border-radius:var(--border-radius);color:var(--color-white);text-shadow:-2px 0 #00BE87,0 1px #00BE87,1px 0 #00BE87,0 -2px #00BE87;font-weight:var(--weight-semibold);position:relative;overflow:hidden}.mission-list .mission-btn.active{background:var(--main-green);color:var(--color-white)}.mission-list .mission-btn.complete{background:var(--main-green)}.mission-list .mission-btn.complete.wave,.mission-list .mission-btn.complete.wave2{display:none}.mission-list .mission-btn .wave{display:block;position:absolute;left:0;bottom:0;width:100%;z-index:-1;height:0%;background:#00BE87;animation:wave 2s ease-in-out infinite}.mission-list .mission-btn .wave2{display:block;position:absolute;left:0;bottom:0;width:100%;z-index:-1;height:0%;opacity:.5;background:#00BE87;animation:wave 3s infinite}@keyframes wave{0%,to{-webkit-clip-path:polygon(0 0,14% 9%,30% 12%,46% 12%,63% 6%,76% 2%,100% 0,100% 100%,0% 100%);clip-path:polygon(0 0,14% 9%,30% 12%,46% 12%,63% 6%,76% 2%,100% 0,100% 100%,0% 100%)}50%{-webkit-clip-path:polygon(0 0,17% 1%,33% 6%,48% 12%,64% 13%,81% 8%,100% 0,100% 100%,0% 100%);clip-path:polygon(0 0,17% 1%,33% 6%,48% 12%,64% 13%,81% 8%,100% 0,100% 100%,0% 100%)}}.friend-title{padding:15px 5px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.friend-title h3{font-weight:var(--weight-bold);font-size:var(--fz-18)}.show-submanager{border-radius:var(--border-radius);box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);padding:20px 15px;display:flex;align-items:center;margin-bottom:15px}.show-submanager img{margin-right:5px}.show-submanager p{font-weight:var(--weight-bold);font-size:var(--fz-15)}.show-submanager p span{color:var(--main-green)}.friend-list{margin-bottom:10px;border-radius:5px}.friend-list .request-co-master{display:inline-block;padding:5px;font-weight:var(--weight-bold);font-size:var(--fz-14);color:var(--main-green)}.friend-list.request .flex-wrap{box-shadow:var(--box-shadow-basic);border:var(--border-style-basic);border-radius:var(--border-radius);padding:10px}.friend-list .flex-wrap{padding:5px 0;display:flex;align-items:center;justify-content:space-between;border-radius:5px;border:1px solid transparent}.friend-list .user-profile-card .text-box .user-pet-info{font-size:var(--fz-12)}.user-profile-card{display:flex;align-items:center}.user-profile-card .img-box{width:50px;max-width:50px;height:50px;overflow:hidden;border-radius:10px;margin-right:10px}.user-profile-card .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-profile-card .text-box .user-nickname{display:block;font-weight:var(--weight-bold);font-size:var(--fz-18);margin-bottom:5px}.user-profile-card .text-box .user-pet-info{display:inline-block;padding:5px;background:var(--color-gray6);border-radius:5px;font-size:var(--fz-14)}.user-profile-card .text-box .user-pet-info.green{background:var(--main-green);color:var(--color-white)}.date-view{font-size:var(--fz-12);color:var(--color-gray4)}.button-area button{display:flex;align-items:center}.button-area .more{display:flex;align-items:center;justify-content:center}.button-area .accept,.button-area .reject{display:inline-block;padding:8px 6px;font-weight:var(--weight-semibold);border:1px solid var(--main-green);border-radius:var(--border-radius);color:var(--main-green);font-size:var(--fz-12)}.button-area .accept{color:var(--color-white);background:var(--main-green)}.two-btn{display:flex;align-items:center;gap:5px}.search-section{margin-bottom:20px}.search-section.diary .input-box{border:1px solid #DBDBDB;padding:5px}.search-section.diary .input-box img{margin:0 10px}.search-section .input-box{display:flex;align-items:center;background:var(--color-white);padding:10px;border-radius:50px}.search-section .input-box input{padding:2.5px 5px;font-size:var(--fz-12);font-weight:var(--weight-bold)}.search-section .input-box input::-moz-placeholder{color:#a6a6a6;font-weight:var(--weight-regular)}.search-section .input-box input::placeholder{color:#a6a6a6;font-weight:var(--weight-regular)}.search-section .input-box img{margin-left:10px}.map-back{position:fixed;top:0;left:0;right:0;height:217px;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.293) 50%,rgba(0,0,0,0) 100%);z-index:-1}.find-hospital-wrap.list-page .find-title .select-find span{color:var(--color-gray1)}.find-hospital-wrap .find-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.find-hospital-wrap .find-title h3{font-size:var(--fz-20);font-weight:var(--weight-bold)}.find-hospital-wrap .find-title .select-find{display:flex;align-items:center;border:1px solid var(--color-gray5);padding:6px 12px;border-radius:var(--border-radius)}.find-hospital-wrap .find-title .select-find span{margin-right:10px;font-weight:var(--weight-medium)}.find-hospital-wrap .search-box-section .map-search-box{background:var(--color-white);display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:50px;margin-bottom:10px}.find-hospital-wrap .search-box-section .map-search-box input{padding:2px 0 2px 5px;font-weight:var(--weight-bold);font-size:var(--fz-15);color:var(--color-gray1)}.find-hospital-wrap .search-box-section .map-search-box input::-moz-placeholder{color:var(--color-gray3);font-weight:var(--weight-regular)}.find-hospital-wrap .search-box-section .map-search-box input::placeholder{color:var(--color-gray3);font-weight:var(--weight-regular)}.find-hospital-wrap .search-box-section .map-search-box img{margin-left:10px}.map-toggle-button{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:10;background:var(--color-gray1);padding:8px 15px;border-radius:var(--border-radius);color:var(--color-white);display:flex;align-items:center;font-size:var(--fz-15);letter-spacing:-.3px;box-shadow:0 2px 20px #00000040}.map-toggle-button img{margin-right:5px}.map-info-short{width:calc(100vw - 50px);position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:1;border:1px solid var(--color-white);border-radius:20px;padding:20px 15px;background:rgba(0,0,0,.45);color:var(--color-white)}.map{position:fixed;top:0;left:0;right:0;bottom:0}.list-view{overflow-y:scroll}.hospital-list{padding:10px;margin-bottom:10px;background:var(--color-white);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:space-between}.hospital-list .book-mark{margin-left:10px;align-self:flex-start}.hospital-list .list-left{flex:1;color:var(--color-gray3)}.hospital-list .list-left .list-top{margin-bottom:5px}.hospital-list .list-left .list-top span{font-weight:var(--weight-bold);font-size:var(--fz-20);color:var(--color-gray1)}.hospital-list .list-left .list-middle{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.hospital-list .list-left .list-middle .address-wrap{display:flex;align-items:center;font-weight:var(--weight-medium)}.hospital-list .list-left .list-middle .address-wrap img,.hospital-list .list-left .list-middle .address-wrap .find-copy{align-self:flex-start}.hospital-list .list-left .list-bottom{display:flex;align-items:center;font-size:var(--fz-14)}.hospital-list .list-left .list-bottom img{margin-right:5px}.hospital-list.map-info{background:transparent;padding:0}.hospital-list.map-info .list-left,.hospital-list.map-info .list-top span{color:var(--color-white)}.hospital-list.map-info .copy-btn{background:rgba(255,255,255,.8);color:var(--color-gray1);font-weight:var(--weight-medium)}.hospital-info{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:calc(100% - 50px);padding:15px;border-radius:15px;background:rgba(0,0,0,.45);z-index:1;border:1px solid var(--color-white);box-shadow:0 4px 15px #00000040;color:var(--color-white)}.hospital-info .name{font-weight:var(--weight-bold)}.hospital-info .locate,.hospital-info .number{display:flex;align-items:center;font-size:var(--fz-14);margin-top:5px;font-weight:var(--weight-medium)}.hospital-info img{margin-right:5px}.map_wrap{height:100vh}#map{width:100%;height:100%}.region-wrap{margin-top:12px;width:100%}.region-wrap>ul>li{background-color:var(--color-gray3);padding:.7rem .6rem;border-radius:var(--border-radius);font-size:var(--fz-14);color:var(--color-white);text-align:center;letter-spacing:-.5px}.region-wrap>ul>.active-tabs{background-color:var(--main-green);color:var(--color-white)}.region-detail-wrap{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cource-choice{margin:10px auto;height:calc(85vh - 367.63px);overflow-y:scroll}.cource-choice li{padding:5px 0;border-bottom:1px solid var(--color-gray1)}.cource-choice li span{font-weight:var(--weight-bold);font-size:var(--fz-18);color:var(--color-black)}.map-back-btn{position:absolute;left:25px}.walk_custom_typecontrol{position:fixed;right:0;bottom:0;left:0;width:100%;background:var(--color-white);box-shadow:0 -3px 16px #00000047;padding:15px;z-index:1}.walk_custom_typecontrol .my-locate{position:absolute;top:-50px;right:15px}.walk_custom_typecontrol.walking{background:var(--main-green)}.walk_custom_typecontrol.walking .top-list-area{border-color:#e8e8e8}.walk_custom_typecontrol.walking .state-area,.walk_custom_typecontrol.walking .state-area .distance span,.walk_custom_typecontrol.walking .state-area .in-time span,.walk_custom_typecontrol.walking .walk-controller button span{color:var(--color-white)}.walk_custom_typecontrol .top-list-wrap{display:flex;align-items:center}.walk_custom_typecontrol .top-list-area{border:1px solid var(--main-green);border-radius:var(--border-radius);padding:6px 10px;margin-bottom:15px;background:rgba(255,255,255,.2);flex:1;overflow-x:scroll;white-space:nowrap}.walk_custom_typecontrol .top-list-area .pet-list{display:inline-block;margin-right:3px;width:28px;height:28px;border-radius:7px;overflow:hidden;border:2px solid var(--color-white)}.walk_custom_typecontrol .top-list-area .pet-list img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.walk_custom_typecontrol .top-list-area .no-pet{font-size:var(--fz-14);color:var(--color-white);text-align:center}.walk_custom_typecontrol .state-area{display:flex;align-items:center;justify-content:center;gap:35px;margin-bottom:15px;color:var(--main-green)}.walk_custom_typecontrol .state-area .distance,.walk_custom_typecontrol .state-area .in-time{text-align:center}.walk_custom_typecontrol .state-area .distance p,.walk_custom_typecontrol .state-area .in-time p{font-weight:var(--weight-bold);font-size:25px;letter-spacing:-.5px}.walk_custom_typecontrol .state-area .distance span,.walk_custom_typecontrol .state-area .in-time span{font-size:var(--fz-12)}.walk_custom_typecontrol .walk-controller{display:flex;align-items:center;justify-content:space-around;margin-bottom:15px}.walk_custom_typecontrol .walk-controller button{display:flex;align-items:center;flex-direction:column}.walk_custom_typecontrol .walk-controller button.toggle-btn{border-radius:50%;background:var(--color-white);box-shadow:0 1px 6px #00000029}.walk_custom_typecontrol .walk-controller button span{margin-top:5px;display:inline-block;font-size:var(--fz-14);color:var(--main-green)}.walk-point-result{margin-top:30px;display:flex;align-items:center;justify-content:center}.walk-point-result img{max-width:22px;max-height:22px}.walk-point-result p{font-size:var(--fz-18);font-weight:var(--weight-medium);margin:0 10px 0 5px}.walk-point-result span{font-weight:var(--weight-bold);font-size:var(--fz-22)}.record-title{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:25px}.record-title .record-text p{font-size:var(--fz-14);color:var(--color-gray3);margin-bottom:5px}.record-title .record-text span{font-size:var(--fz-20)}.record-title .record-text span strong{font-size:var(--fz-35);font-weight:var(--weight-semibold)}.record-content{margin-top:18px;text-align:left;padding:0 15px}.record-content .record-memo{border:1px solid var(--main-green);border-radius:var(--border-radius);padding:12px;margin-bottom:20px}.record-content .record-memo p{font-size:var(--fz-12);font-weight:var(--weight-semibold);color:#5f5f5f}.record-info{display:flex;align-items:center;justify-content:space-between}.record-info>span{font-weight:var(--weight-medium);font-size:var(--fz-12)}.record-info>div{display:flex;align-items:center;gap:10px}.record-info>div p{font-size:var(--fz-13);font-weight:var(--weight-bold)}.record-info>div p span{color:var(--main-green);font-size:var(--fz-16)}.walk-record{padding-top:20px}.walk-record .walk-utils{display:flex;align-items:center;font-weight:var(--weight-medium)}.walk-record .walk-utils .info,.walk-record .walk-utils .unit{font-weight:var(--weight-bold)}.termsIndex{width:100%;padding:10px;background-color:#e5e5e5;margin-bottom:10px}.termsIndex ul{display:flex;flex-wrap:wrap}.termsIndex li{width:-moz-fit-content;width:fit-content;font-weight:500;padding:3px 8px;text-align:center}.termsIndex li a{font-size:14px}.policy{font-size:var(--fz-14)}.service-table{border-collapse:collapse;margin-bottom:10px;width:100%}.service-table td,.service-table th{border:1px solid black;padding:8px;text-align:center}.service-table .left-align{text-align:left}.tutorial{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:5000;padding:30px 25px;display:flex;align-items:center;justify-content:center;flex-direction:column}.tutorial .contents-area{position:absolute;top:50%;left:15px;transform:translateY(-50%);width:calc(100% - 30px);background:var(--color-white)}.tutorial .toturial-list{height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.tutorial .toturial-list img{height:100%}.tutorial .skip{position:absolute;bottom:20px;right:15px;padding:5px 10px;background:var(--main-green);color:var(--color-white);border-radius:var(--border-radius)}.toon-detail-wrap .flex-wrap{display:flex;align-items:center;justify-content:center}.toon-detail-wrap .toon-info{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-gray4);width:456px}.toon-detail-wrap .toon-info .thumb{display:flex}.toon-detail-wrap .toon-info .thumb .cover{width:456px;max-height:456px;border-radius:20px;overflow:hidden}.toon-detail-wrap .toon-info .thumb img{max-width:456px;max-height:456px;width:100%;-o-object-fit:cover;object-fit:cover}.toon-detail-wrap .title{margin-top:20px}.toon-detail-wrap .title h5{font-size:var(--fz-26);font-weight:var(--weight-bold)}.toon-detail-wrap .bottom-info{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.toon-detail-wrap .ad{color:var(--main-green);font-weight:var(--weight-semibold)}.toon-detail-wrap .toon-list{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.toon-detail-wrap .toon-list .left{display:flex;align-items:center;gap:10px}.toon-detail-wrap .toon-list .left .text-box p{font-weight:var(--weight-bold);font-size:var(--fz-14)}.toon-detail-wrap .toon-list .left .text-box span{font-size:var(--fz-12);color:var(--color-gray3)}.toon-detail-wrap .toon-list .right{font-size:var(--fz-14);color:var(--main-green);font-weight:var(--weight-medium)}.toon-detail-wrap .toon-list .img-box{max-width:200px;max-height:120px;border-radius:var(--border-radius);overflow:hidden}.toon-detail-wrap .toon-list .img-box img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.toon-detail-wrap .buy-area{display:flex;align-items:center;gap:20px}.toon-detail-wrap .buy-area button{width:100%;padding:8px 0;border-radius:var(--border-radius);color:var(--color-white);background:var(--color-gray2);font-weight:var(--weight-medium);font-size:var(--fz-14)}.toon-detail-wrap .buy-area .all{background:var(--main-green)}.toon-detail-wrap .chapter-area{margin-top:30px}.toon-detail-wrap .chapter-area .chapter-counter{margin-bottom:15px}.toon-detail-wrap .chapter-area .chapter-counter .count{font-weight:var(--weight-bold)}.toon-box>div{display:flex}.toon-box img{width:100%}.toon-footer{z-index:9000;display:flex;align-items:center;justify-content:space-between;background:var(--color-white);position:fixed;left:0;bottom:0;right:0;height:78px;border-top:1px solid var(--color-gray5);padding:0 25px}.toon-footer .prev-area button,.toon-footer .next-area button,.toon-footer .comment-area button{display:flex;align-items:center;font-weight:var(--weight-medium)}.more-button{width:150px;background:var(--color-white);border-radius:var(--border-radius);box-shadow:0 0 10px #00000026;position:absolute;right:0;top:100%;z-index:501}.more-button button{display:block;width:100%;text-align:center;padding:8px 0;font-weight:var(--weight-regularlight);font-size:var(--fz-13)}.hidden-full-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:500}.hidden-full-screen.other{z-index:900}.go-top-wrap{position:fixed;z-index:500;left:50%;bottom:45px;transform:translate(-50%)}.go-top-wrap .go-top{background:var(--main-green);color:var(--color-white);padding:5px 16px;border-radius:12px 12px 0 0;display:flex;align-items:center;font-size:var(--fz-12);font-weight:var(--weight-medium)}.go-top-wrap .go-top img{margin-right:4px}.scroll-enter-from,.scroll-leave-to{opacity:0}.scroll-enter-active,.scroll-leave-active{transition:all .2s ease-in-out}.scroll-enter-to,.scroll-leave-from{opacity:1}@media (max-width: 480px){.toon-detail-wrap .toon-info{width:100%}}@media (max-width: 359px){.toon-detail-wrap .toon-list .img-box{max-width:120px;max-height:70px}.mainInfo-card-other .top .speach-box{padding:15px 5px;font-size:var(--fz-14)}.mainInfo-card-other .top .speach-box .imgs img{width:16px}.post-list{padding:10px}.post-list.in-photo .top-wrap{width:calc(100% - 70px)}.post-list.in-photo .time-box-hidden{display:flex}.post-list.in-photo .post-list-top{display:none}.post-list.in-photo .post-list-top-hidden{display:flex}.post-list .image-box{width:65px;max-width:65px;min-width:65px;height:75px;margin-right:5px}.post-list .image-box img{width:65px;max-width:65px;min-width:65px;height:75px}.category-list-wrap{grid-template-columns:repeat(3,1fr)}.keyword-select-area .more-text-btn{display:block}}@media (max-width: 320px){.knowledge-area button{letter-spacing:-1px;font-size:var(--fz-12)}.main-info-card{padding:15px}.main-info-card .pet-info-btn-area button{padding:5px 9px}.mainInfo-card-other .top .speach-box,.mainInfo-card-other .bottom p{font-size:var(--fz-13)}}.modal-down-enter-from[data-v-9d892b82]{transform:translate(-50%,-150%)}.modal-down-enter-active[data-v-9d892b82]{transition:all .5s ease-out}.modal-down-enter-to[data-v-9d892b82]{transform:translate(-50%,-50%)}/*!
 * Cropper.js v1.6.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:44:17.565Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.hidden[data-v-17db60c2]{display:none}.cropper-wrap[data-v-17db60c2]{z-index:1052;position:fixed;min-width:80vw;min-height:50vh;max-width:70vw;max-height:70vh;top:50vh;left:50vw;transform:translate(-50%,-50%)}.cropper-wrap .cropper-crop-box[data-v-17db60c2]{position:absolute!important}.cropper-wrap .cropper-view-box[data-v-17db60c2]{width:100%!important;height:100%!important}.two-button-column[data-v-17db60c2]{padding:20px 0!important}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.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));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-pagination .swiper-pagination-bullet{background:#00be87}.swiper-pagination .swiper-pagination-bullet-active{width:20px;border-radius:10px}.tutorial .swiper-wrapper{display:flex;align-items:center}