@charset "UTF-8";@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);.friends-wrap{height:100%;margin:0 auto;width:100%}.friends-wrap .main-container{align-items:center;background-color:#fff;display:block;font-family:YiSunShin Dotum B,Arial,sans-serif;height:100vh;justify-content:center;width:100%}.friends-wrap .main-container .main-moon-Friends{display:block;font-family:YiSunShin Dotum B,Arial,sans-serif;padding-left:20px;padding-right:20px;padding-top:15px}.friends-wrap .main-container .main-moon-Friends p{color:#7058cb;font-size:21px;font-weight:700}.friends-wrap .main-container .main-moon-Friends .slide-cnt{background-color:#fff0;display:flex;position:relative;z-index:1}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide{-ms-overflow-style:none;background-color:#fff0;display:flex;flex-grow:1;overflow-x:auto;padding-right:70px;scrollbar-width:none}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide::-webkit-scrollbar{display:none}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide .friend-with-pro,.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide .moon-pro{display:block;height:90px;margin-right:15px;text-align:center}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide .friend-with-pro img,.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide .moon-pro img{border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.251);cursor:pointer;height:58px;margin-bottom:5px;transition:border .3s ease;width:58px}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide .friend-with-pro img.selected,.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide .moon-pro img.selected{border:2px solid #7058cb;height:62px;width:62px}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide .friend-with-pro p,.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-with-slide .moon-pro p{align-items:center;color:#8a8888;display:flex;font-size:13px;justify-content:center}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-search-cnt{display:block;width:100px}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-search-cnt img{border-radius:50%;box-shadow:0 5px 10px #0003;margin-left:10px;width:58px}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-search-cnt img:focus{border:2px solid #7058cb}.friends-wrap .main-container .main-moon-Friends .slide-cnt .friends-search-cnt button{background:none;border:none;color:#8a8888;cursor:pointer;font-size:12px;margin-left:10px}.friends-wrap .main-container .main-moon-Friends .slide-cnt .new-friends-cnt{background-color:#0000;height:58px;position:absolute;right:0}.friends-wrap .main-container .main-moon-Friends .slide-cnt .new-friends-cnt .plus-icon{align-items:center;background-color:var(--purple400);border-radius:50%;display:flex;height:12.69px;justify-content:center;position:absolute;right:5px;top:40px;width:12.69px;z-index:1000}.friends-wrap .main-container .main-moon-Friends .slide-cnt .new-friends-cnt .plus-icon img{height:7px;width:7px}.friends-wrap .main-container .main-moon-Friends .slide-cnt .new-friends-cnt .new-friends-btn{background-color:#faf7fe;border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.251);cursor:pointer;height:58px;width:58px}.friends-wrap .main-container .main-moon-Friends .slide-cnt .new-friends-cnt .new-friends-btn img{height:38.11px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:38.11px}.friends-wrap .main-container .main-moon-Friends .slide-cnt .new-friends-cnt p{color:#8a8888;font-size:12px;margin-left:5px}.friends-wrap .main-container .memory-fixed{bottom:5%;cursor:pointer;height:50px;position:fixed;right:5%;width:125px}.friends-wrap .pro-cnt{display:flex;padding:10px}.friends-wrap .pro-cnt .pro-img-cnt{display:flex;margin-left:8px}.friends-wrap .pro-cnt .pro-img-cnt img{border:2px solid #7058cb!important;border-radius:50%;height:64px;width:64px}.friends-wrap .pro-cnt .pro-img-cnt .pro-words{box-shadow:none;display:block;margin-left:10px;margin-top:10px}.friends-wrap .pro-cnt .pro-img-cnt .pro-words h4{color:#7058cb;font-weight:700;margin-bottom:5px}.friends-wrap .pro-cnt .pro-img-cnt .pro-words .pro-p-cnt{align-items:end;color:#8a8888;display:flex}.friends-wrap .pro-cnt .pro-img-cnt .pro-words .pro-p-cnt p{font-family:YiSunShin Dotum M;font-size:13px;font-weight:400;letter-spacing:-.4079999924px;line-height:25px;margin:0 0 0 2px}.friends-wrap .post-cnt{box-shadow:0 4px 10px #0000001a;display:block;padding:30px 40px}.friends-wrap .post-cnt h4{color:#7058cb;font-size:18px;font-weight:700;margin-bottom:10px}.friends-wrap .post-cnt p{color:#8a8888;font-size:16px}.friends-wrap .post-cnt .post-img-cnt{border-radius:5px;display:flex;height:108px;margin:10px 0;overflow-y:auto;width:100%}.friends-wrap .post-cnt .post-img-cnt img{border-radius:5px;flex:0 0 147px;height:108px;object-fit:cover;width:147px}.friends-wrap .post-cnt .post-img-cnt img:first-child{margin-left:0}.friends-wrap .post-cnt .post-icons-cnt{display:flex;justify-content:space-between;margin:10px 0}.friends-wrap .post-cnt .post-icons-cnt .post-icons{display:flex}.friends-wrap .post-cnt .post-icons-cnt .post-icons img{cursor:pointer;margin-right:10px;width:25px}.friends-wrap .modal-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%;z-index:1000}.friends-wrap .modal{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.friends-wrap .modal p{color:#8a8888;margin-top:20px}.friends-wrap .modal button{cursor:pointer;margin:20px;padding:8px 16px}.friends-wrap .modal-yes{background-color:#fff;border:1px solid #7058cb;border-radius:5px;color:#7058cb}.friends-wrap .modal-no{background-color:#7058cb;border:1px solid #fff;border-radius:5px;color:#fff}.friends-wrap .modal-overlay{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.friends-wrap .comment-section{animation:slideIn .3s forwards;background-color:#faf7fe;border-top:1px solid #ddd;border-top-left-radius:15px;border-top-right-radius:15px;bottom:0;box-shadow:0 -2px 10px #0000001a;font-family:YiSunShin Dotum B,Arial,sans-serif;height:423px;position:fixed;transition:all .3s ease;width:100%;z-index:1000}.friends-wrap .comment-section .comment-header{border-bottom:1px solid #8a88884d;box-shadow:0 4px 4px -2px #0000001a;color:#7058cb;display:flex;font-size:18px;justify-content:space-between;justify-content:center;padding-bottom:10px;padding-top:13px;position:relative}.friends-wrap .comment-section .comment-header img{height:24px;position:absolute;right:10px;top:13px;width:24px}.friends-wrap .comment-section .comments-list{height:100%;margin-bottom:10px;max-height:320px;overflow-y:auto;padding:0 15px}.friends-wrap .comment-section .comments-list .comment-item{display:flex;justify-content:space-between;margin:20px 0;position:relative}.friends-wrap .comment-section .comments-list .comment-item .comment-profile{border-radius:50%;height:47px;margin-right:10px;width:47px}.friends-wrap .comment-section .comments-list .comment-item .comment-content{background-color:#0000;padding:0;width:100%}.friends-wrap .comment-section .comments-list .comment-item .comment-content p{color:#8a8888;font-family:YiSunShin Dotum M;font-size:12px;font-weight:400;line-height:12.12px;text-align:left;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-position:from-font}.friends-wrap .comment-section .comments-list .comment-item .comment-content p strong{color:#7058cb;font-family:YiSunShin Dotum M;font-size:15px;font-weight:400;letter-spacing:-.4079999924px;line-height:25px}.friends-wrap .comment-section .comment-input{align-items:center;display:flex;position:relative}.friends-wrap .comment-section .comment-input input{background:hsla(0,2%,51%,.102);border:none;border-radius:4px;border-radius:10px;flex:1 1;height:36px;margin:0 15px;padding-left:15px;width:365px}.friends-wrap .comment-section .comment-input input::placeholder{font-family:YiSunShin Dotum M;font-size:12px;font-weight:400;line-height:12.12px}.friends-wrap .comment-section .comment-input img{cursor:pointer;height:20.44px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:20.44px}.friends-wrap .comment-section .comments-icons-cnt{align-items:center;bottom:-15px;display:flex;position:absolute;right:0}.friends-wrap .comment-section .comments-icons-cnt img{cursor:pointer;margin-right:5px;width:20px}.login-background{height:100vh;width:100%}.login-background,.login-background .login-container{align-items:center;display:flex;justify-content:center}.login-background .login-container{flex-direction:column;height:100%;position:relative;width:393px}.login-background .star{position:absolute;right:0;top:20px;width:150px}.login-background .login-logo p{color:#fff;font-family:YiSunShin Dotum M;font-size:13px;font-weight:400;font-weight:700;line-height:13.13px;margin-bottom:20px;text-align:center}.login-background .login-logo .paw-icon{color:#fff;font-size:48px}.login-background .login-logo img{width:190px}.login-background .main-logo{height:auto;margin-bottom:25px;margin-top:20px;width:85px}.login-background .login-form{width:100%}.login-background .login-form .input-wrapper{box-shadow:0 2px 4px 0 rgba(0,0,0,.251);display:flex;justify-content:center;margin:0 auto;position:relative;width:271px}.login-background .login-form .input-wrapper .login-input{background-color:#fff;border:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#000;cursor:pointer;font-size:16px;height:44px;margin:0;padding:10px;width:271px}.login-background .login-form .input-wrapper .login-input::placeholder{color:#adadad!important;font-family:YiSunShin Dotum M;font-size:14px;font-weight:400;line-height:14.14px}.login-background .login-form .input-wrapper .pwd-input{background-color:#fff;border:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:.5px solid #7058cb;box-shadow:0 4px 10px #0000001a;cursor:pointer;font-size:16px;height:44px;padding:10px;width:271px}.login-background .login-form .input-wrapper .pwd-input::placeholder{color:#adadad!important;font-family:YiSunShin Dotum M;font-size:14px;font-weight:400;line-height:14.14px}.login-background .login-form .button-wrapper{display:flex;justify-content:center;margin-top:20px}.login-background .login-form .button-wrapper .login-button{background-color:#e6dcff;border-radius:8px;box-shadow:0 4px 10px #0000001a;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);color:#7058cb;cursor:pointer;font-size:18px;font-weight:bolder;height:38px;margin-top:5px;position:relative;width:271px}.login-background .login-form .button-wrapper .login-button:hover{background-color:#6e5bb5;color:#e6dcff}.login-background .login-form .button-wrapper .login-button .error-container{align-items:center;display:flex;left:0;position:absolute;top:-25px}.login-background .login-form .button-wrapper .login-button .error-container .error-icon{margin-right:5px;margin-top:4px;width:16px}.login-background .login-form .button-wrapper .login-button .error-container .error-message{color:#eccdfc;font-family:YiSunShin Dotum B;font-size:12px;font-weight:700;font-weight:400;line-height:12.12px;margin-top:5px}.login-background .login-footer{color:#fff;display:flex;font-family:YiSunShin Dotum M;font-size:12px;font-weight:400;line-height:12.12px;margin-top:10px;text-align:center}.login-background .login-footer span{color:#fff;cursor:pointer;font-weight:700;text-decoration:underline;text-underline-position:under}.login-background .login-footer span:hover{color:#eacef9}.signup-wrap-wrap .signup-background{align-items:center;background:linear-gradient(180deg,#3a305e 0,#625799 18.6%,#6e5bb5 33.2%,#7865c2 49.8%,#917ee8 66.4%,#b49ef6 83%,#ddc2f8 99.6%,#eacef9);display:flex;height:100vh;justify-content:center;width:100%}.signup-wrap-wrap .signup-background .bor{border-bottom:1px solid #8a888861;height:1px;position:absolute;top:60px;width:100vw}.signup-wrap-wrap .signup-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 20px;width:343px}.signup-wrap-wrap .signup-container .signup-header{display:flex;justify-content:center;left:50%;margin-bottom:20px;position:absolute;top:20px;transform:translateX(-50%);width:100%}.signup-wrap-wrap .signup-container .signup-header img{left:15px;position:absolute;top:-5px;width:27px}.signup-wrap-wrap .signup-container .signup-header h4{color:#fff;font-family:YiSunShin Dotum M;font-size:20px;font-weight:400;letter-spacing:-.4079999924px;line-height:22px;text-align:center}.signup-wrap-wrap .signup-container .signup-body{-ms-overflow-style:none;overflow:scroll;width:100%}.signup-wrap-wrap .signup-container .signup-body::-webkit-scrollbar{display:none}.signup-wrap-wrap .signup-container .sign-form{width:100%}.signup-wrap-wrap .signup-container .sign-form .sign-header{color:#fff;font-family:YiSunShin Dotum L;font-size:20px;font-weight:400;letter-spacing:-.4079999924px;line-height:22px;margin:20px 0}.signup-wrap-wrap .signup-container .form-container{color:#fff}.signup-wrap-wrap .signup-container .form-container .form-header{display:flex;font-family:Pretendard-SemiBold;margin-bottom:5px;margin-top:8px}.signup-wrap-wrap .signup-container .form-container .form-header h3{font-family:YiSunShin Dotum M;font-size:19px;font-weight:400;line-height:19.19px}.signup-wrap-wrap .signup-container .form-container .form-header p{align-self:flex-end;color:#bababa;font-size:9px;margin-left:10px}.signup-wrap-wrap .signup-container .form-container input{max-width:300px}.signup-wrap-wrap .signup-container .sign-input{background-color:#fff;border:none;border-radius:5px;box-shadow:0 4px 10px #0000001a;color:#000;font-size:16px;height:44px;padding:10px;width:100%}.signup-wrap-wrap .signup-container .sign-input::placeholder{color:#adadad;font-family:YiSunShin Dotum M;font-size:14px;font-weight:400;line-height:14.14px;text-align:left}.signup-wrap-wrap .input-form{align-items:center;display:flex;flex-direction:column}.signup-wrap-wrap .checkbox-big{align-items:center;display:flex;margin:0 0 15px}.signup-wrap-wrap .checkbox-big label{font-family:Pretendard-SemiBold;font-size:17px;margin-left:8px}.signup-wrap-wrap .checkbox-small{align-items:center;display:flex;margin-bottom:10px;margin-left:3px}.signup-wrap-wrap .checkbox-small label{font-family:Pretendard-SemiBold;font-size:12px;margin-left:8px}.signup-wrap-wrap .checkbox-small p{color:#fff;cursor:pointer;font-family:Pretendard-SemiBold;font-size:12px;margin-left:auto;text-decoration:underline}.signup-wrap-wrap .signup-button{box-shadow:0 4px 10px #0000001a;font-weight:bolder;margin-top:20px}.signup-wrap-wrap .signup-button:hover{background-color:#6e5bb5;color:#e6dcff}.signup-wrap-wrap #terms{-webkit-appearance:none;appearance:none;border:2px solid #fff;border-radius:25px;cursor:pointer;height:20px;outline:none;width:20px}.signup-wrap-wrap #terms:checked{background-color:#fff;border:2px solid #fff}.signup-wrap-wrap #terms:checked:after{background-color:#fff;border-radius:2px;content:"";display:block;height:10px;left:4px;position:relative;top:2px;width:10px}.signup-wrap-wrap #terms-small-1,.signup-wrap-wrap #terms-small-2,.signup-wrap-wrap #terms-small-3,.signup-wrap-wrap #terms-small-4,.signup-wrap-wrap #terms-small-5{-webkit-appearance:none;appearance:none;border:2px solid #fff;border-radius:25px;cursor:pointer;height:15px;outline:none;width:15px}.signup-wrap-wrap #terms-small-1:checked,.signup-wrap-wrap #terms-small-2:checked,.signup-wrap-wrap #terms-small-3:checked,.signup-wrap-wrap #terms-small-4:checked,.signup-wrap-wrap #terms-small-5:checked{background-color:#fff;border:2px solid #fff}.signup-wrap-wrap #terms-small-1:checked:after,.signup-wrap-wrap #terms-small-2:checked:after,.signup-wrap-wrap #terms-small-3:checked:after,.signup-wrap-wrap #terms-small-4:checked:after,.signup-wrap-wrap #terms-small-5:checked:after{background-color:#fff;border-radius:2px;content:"";display:block;height:8px;left:3px;position:relative;top:1px;width:8px}.signup-wrap-wrap .error-container{align-items:center;display:flex}.signup-wrap-wrap .error-container .error-icon{margin-right:5px;margin-top:4px;width:16px}.signup-wrap-wrap .error-container .error-message{color:#eccdfc;font-size:12px;font-weight:700;margin-top:5px;word-break:break-all}.signup-wrap-wrap .fm-btn-container{display:flex;justify-content:space-between;margin-top:5px}.signup-wrap-wrap .fm-btn{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#7058cb;cursor:pointer;display:flex;font-size:18px;font-weight:bolder;height:44px;justify-content:center;padding:15px;width:143px}.signup-wrap-wrap .fm-btn button{background:none;border:none;border-radius:8px;color:#bababa;cursor:pointer;font-weight:700;height:100%;width:100%}.signup-wrap-wrap .fm-btn-container .fm-btn button.active{color:#7058cb}.signup-wrap-wrap .fm-btn .date-btn{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#7058cb;cursor:pointer;display:flex;font-size:18px;font-weight:bolder;height:44px;margin-bottom:20px;padding:15px;width:100%}.signup-wrap-wrap .fm-btn button.active{color:#000}.signup-wrap-wrap .profile-img-cnt{display:flex;justify-content:center}.signup-wrap-wrap .profile-img{height:96px;width:96px}.signup-wrap-wrap .form-container{margin:auto;max-width:400px}.signup-wrap-wrap .form-header{margin-bottom:15px}.signup-wrap-wrap .form-group{margin-top:15px}.signup-wrap-wrap label{display:block;font-size:16px;font-weight:700;margin-bottom:5px}.signup-wrap-wrap .preview-image{border-radius:5px;height:auto;margin-top:10px;width:100%}.signup-wrap-wrap .signup-button{background-color:#e6dcff;border:none;border-radius:8px;color:#7058cb;cursor:pointer;font-size:18px;padding:15px;width:100%}.signup-wrap-wrap select{cursor:pointer}.signup-wrap-wrap #animal-select,.signup-wrap-wrap select{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}.signup-wrap-wrap #animal-select,.signup-wrap-wrap .date-picker{font-family:GmarketSansLight;font-size:14px}.signup-wrap-wrap .date-picker{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#292929;padding:10px 130px 10px 10px;position:relative;width:350px}.signup-wrap-wrap .date-picker::placeholder{color:#adadad;font-family:YiSunShin Dotum M;font-size:14px;font-weight:400;line-height:14.14px;text-align:left}.signup-wrap-wrap .signupNext-body{-ms-overflow-style:none;height:100vh;margin-top:60px;overflow:scroll;padding-bottom:70px;padding-top:10px;width:100%}.signup-wrap-wrap .signupNext-body::-webkit-scrollbar{display:none}.signup-wrap-wrap .signNext-container{color:#fff;margin-bottom:20px}.signup-wrap-wrap .signNext-container .form-header{display:flex;font-family:Pretendard-SemiBold;margin-bottom:8px;margin-top:5px}.signup-wrap-wrap .signNext-container .form-header h3{font-family:YiSunShin Dotum M;font-size:19px;font-weight:400;line-height:19.19px}.signup-wrap-wrap .signNext-container .form-header p{align-self:flex-end;color:#bababa;font-size:9px;margin-left:10px}.signup-wrap-wrap .signNext-container input{max-width:300px}.agree-background{align-items:center;background:linear-gradient(180deg,#3a305e 0,#625799 18.6%,#6e5bb5 33.2%,#7865c2 49.8%,#917ee8 66.4%,#b49ef6 83%,#ddc2f8 99.6%,#eacef9);display:flex;height:100vh;justify-content:center;width:100%}.agree-container{align-items:center;display:flex;flex-direction:column;height:852px;justify-content:normal;padding:20px;width:393px}.agree-container .agree-header{display:flex;margin-bottom:20px;width:100%}.agree-container .agree-header img{margin-right:17%;width:27px}.agree-container .agree-header h4{color:#fff;font-family:seolleimcool-SemiBold;font-size:20px;font-weight:400}.agree-container .agree-body{-ms-overflow-style:none;border-top:1px solid #8a888861;color:#fff;font-family:Pretendard-Regular;font-size:16px;overflow:scroll;width:100%}.agree-container .agree-body::-webkit-scrollbar{display:none}.go-background{background:linear-gradient(180deg,#3a305e 0,#625799 18.6%,#6e5bb5 33.2%,#7865c2 49.8%,#917ee8 66.4%,#b49ef6 83%,#ddc2f8 99.6%,#eacef9);height:100vh;width:100%}.go-background,.go-container{align-items:center;display:flex;justify-content:center}.go-container{flex-direction:column;height:852px;padding:20px;width:393px}.go-container .mainlogo-img{margin:30px;width:51px}.go-container .toStar-img{height:22px;width:84px}.go-container p{color:#fff;font-family:GmarketSansLight;font-size:20px;margin:10px 5px}.go-container .text-cnt{align-items:center;display:flex}.go-container .go-button{background-color:#e6dcff;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#7058cb;cursor:pointer;font-size:18px;font-weight:bolder;margin-top:30px;padding:15px;width:100%}.go-container .go-button:hover{background-color:#6e5bb5;color:#e6dcff}.mypage-wrap{height:87vh;margin:0 auto;width:100%}.mypage-container{align-items:center;background-color:#fff;display:block;height:100vh;justify-content:center;width:100%}.mypage-pro{align-items:center;background-color:#f8f8f8;display:flex;justify-content:space-evenly;padding:20px}.mypage-pro img{border-radius:50%;height:96px;width:96px!important}.mypage-pro .pro-info{font-family:Pretendard-SemiBold}.mypage-pro .pro-info h4{color:#7058cb;font-size:22px}.mypage-pro .pro-info span{color:#8a8888}.mypage-container2{display:block;padding:20px}.mypage-container2 .mypage-about{align-items:center;display:flex}.mypage-container2 .mypage-about img{height:21.33px;margin:20px;width:21.33px}.mypage-container2 .mypage-about p{font-family:Pretendard-SemiBold;font-size:20px}.newpost-wrap{height:87vh;margin:0 auto;width:100%}.newpost-wrap .newpost-container{align-items:center;background-color:#fff;display:block;font-family:retendard-SemiBold;height:100%;justify-self:center;width:100%}.newpost-wrap .newpost-container .new-cnt{display:block}.newpost-wrap .newpost-container .new-cnt .new-img-plus{display:block;padding:10px 20px}.newpost-wrap .newpost-container .new-cnt .new-img-plus .new-img-title{display:flex;font-family:YiSunShin Dotum M;font-size:9px;font-weight:400;line-height:9.09px;margin-top:5px;padding:10px 0}.newpost-wrap .newpost-container .new-cnt .new-img-plus .new-img-title h4{color:#7058cb;font-size:19px;font-weight:700}.newpost-wrap .newpost-container .new-cnt .new-img-plus .new-img-title p{color:#bababa;font-size:10px;margin-left:10px;margin-top:5px}.newpost-wrap .newpost-container .new-cnt .new-img-plus .imgs-cnt{display:flex;padding:10px}.newpost-wrap .newpost-container .new-cnt .new-img-plus .imgs-cnt label img{cursor:pointer;margin-right:10px;width:77px}.newpost-wrap .newpost-container .new-cnt .new-img-plus .imgs-cnt .preview-images{-ms-overflow-style:none;display:flex;overflow-x:auto;scrollbar-width:none}.newpost-wrap .newpost-container .new-cnt .new-img-plus .imgs-cnt .preview-images::-webkit-scrollbar{display:none}.newpost-wrap .newpost-container .new-cnt .new-img-plus .imgs-cnt .preview-images .oneImg{flex-shrink:0;margin-right:10px;position:relative}.newpost-wrap .newpost-container .new-cnt .new-img-plus .imgs-cnt .preview-images .oneImg .addedImg{border-radius:50%;height:77px;width:77px}.newpost-wrap .newpost-container .new-cnt .new-img-plus .imgs-cnt .preview-images .oneImg .plus-icon{align-items:center;background-color:var(--purple400);border-radius:50%;display:flex;height:16.5px;justify-content:center;position:absolute;right:5px;top:50px;width:16.5px;z-index:1000}.newpost-wrap .newpost-container .new-cnt .new-img-plus .imgs-cnt .preview-images .oneImg .plus-icon img{height:9px;width:9px}.newpost-wrap .newpost-container .new-cnt .new-text-cnt{font-family:YiSunShin Dotum M;padding:10px 20px}.newpost-wrap .newpost-container .new-cnt .new-text-cnt .new-text{display:flex;padding:10px 0}.newpost-wrap .newpost-container .new-cnt .new-text-cnt .new-text h4{color:#7058cb;font-size:19px;font-weight:700}.newpost-wrap .newpost-container .new-cnt .new-text-cnt .new-text p{color:#bababa;font-size:10px;font-size:9px;font-weight:400;line-height:9.09px;margin-left:10px;margin-top:10px}.newpost-wrap .newpost-container .new-cnt .new-text-cnt input,.newpost-wrap .newpost-container .new-cnt .new-text-cnt textarea{background-color:#fff;border:.5px solid #7058cb;border-radius:5px;box-shadow:0 4px 10px #0000001a;color:#3a305e;cursor:pointer;font-size:14px!important;height:50px;padding:20px;width:100%}.newpost-wrap .newpost-container .new-cnt .new-text-cnt input::placeholder,.newpost-wrap .newpost-container .new-cnt .new-text-cnt textarea::placeholder{color:var(--black500);font-family:YiSunShin Dotum M;font-size:14px;font-weight:400;line-height:14.14px}.newpost-wrap .newpost-container .new-cnt .new-text-cnt .new-text-cnt input::placeholder,.newpost-wrap .newpost-container .new-cnt .new-text-cnt .new-text-cnt textarea:focus{color:var(--black500)!important}.newpost-wrap .newpost-container .memory-btn{background-color:#fff;border:1px solid #7058cb;border-radius:5px;bottom:20px;box-shadow:0 4px 10px #0000001a;color:#7058cb;cursor:pointer;display:block;font-family:retendard-SemiBold;font-size:17px;font-weight:bolder;left:50%;margin:20px auto;padding:10px;position:absolute;transform:translateX(-50%);width:90%}.newpost-wrap .newpost-container .memory-btn:hover{background-color:#7058cb;color:#fff}.newpost-wrap .newpost-container .memory-alert{bottom:55px;color:#3a305e;font-family:YiSunShin Dotum M;font-size:13px;font-weight:400;left:50%;line-height:13.13px;position:absolute;transform:translateX(-50%);width:200px}.newpost-wrap .newpost-container .memory-alert img{height:11.67px;margin-right:2px;width:11.67px}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}@font-face{font-family:Pretendard-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff")}@font-face{font-family:Pretendard-SemiBold;font-style:normal;font-weight:600;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff) format("woff")}@font-face{font-family:GmarketSansLight;font-style:normal;font-weight:300;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff) format("woff")}@font-face{font-family:seolleimcool-SemiBold;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/seolleimcool-SemiBold.woff2) format("woff2")}@font-face{font-family:YiSunShin Dotum B;font-style:normal;font-weight:400;src:url(/static/media/YiSunShinDotumB.ac97ee1b27a9f7ba5b07.woff) format("woff")}@font-face{font-family:YiSunShin Dotum M;font-style:normal;font-weight:400;src:url(/static/media/YiSunShinDotumM.2c415f7e57456ad41e9b.woff) format("woff")}@font-face{font-family:YiSunShin Dotum L;font-style:normal;font-weight:400;src:url(/static/media/YiSunShinDotumL.edf7157b425567cbdd54.woff) format("woff")}@font-face{font-family:Nanum JungHagSaeng;font-style:normal;font-weight:400;src:url(/static/media/Nanum%20JungHagSaeng.1e14f6803cac5dbcc7de.woff) format("woff")}:root{--mainfont:"YiSunShin Dotum B";--fontcolor:#3a305e;--purple:#7058cb;--purple100:#5b5ee3;--purple200:#8b66de;--purple300:#7865c2;--purple400:#8c78d5;--purple500:#c6bcea;--purple600:#6e5bb5;--purple700:#f3efff;--black:#151515;--black100:#323232;--black200:#8a8888;--black300:#e2e8f0;--black400:#969aa3;--black500:#adadad;--white:#fff;--white100:#f7f8fa;--white200:#e2e8f0;--white300:#faf7fe;--white400:#f8f8f8;--none:#0000;--red:#d00;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:YiSunShin Dotum B;font-family:var(--mainfont);font-size:16px;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}*,:after,:before{box-sizing:border-box}body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-family:YiSunShin Dotum B;font-family:var(--mainfont)}a,a:focus,a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}address,em{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}button,input,select,textarea{-webkit-appearance:none;appearance:none;border:0;border-radius:0;font-size:16px}#skip a{background:#151515;background:var(--black);color:#fff;color:var(--white);font-size:1rem;left:10px;padding:10px 30px;position:absolute;top:-92px;z-index:100000}#skip a:active,#skip a:focus{top:10px}.blind{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.blind,.ir{overflow:hidden;white-space:nowrap}.ir{display:block;font-size:0;line-height:0;text-indent:-9999px}body,html{box-sizing:border-box;height:100%;margin:0;padding:0}body{background-color:#f0f0f0;display:flex;flex-direction:column;min-height:100vh}#root{background:linear-gradient(180.17deg,#3a305e .13%,#625799 28.37%,#6e5bb5 46.38%,#7865c2 63.94%,#917ee8 76.42%,#b49ef6 85.43%,#ddc2f8 93.52%,#eacef9 98.84%);flex:1 1}button{background-color:#0000;background-color:var(--none);cursor:pointer}body{background-color:#151515;background-color:var(--black)}.container{background-color:#fff;background-color:var(--white);height:100vh;margin:0 auto;min-height:1080px;width:500px}.none{display:none!important}input{background-color:#0000;background-color:var(--none);outline:none}input::placeholder{color:#adadad;color:var(--black500)}.header-wrap{background-color:#0000}.header-wrap .hd-title{align-items:center;border-bottom:1px solid #8a8888;border-bottom:1px solid var(--black200);display:flex;height:63px;justify-content:center;position:relative;width:100%}.header-wrap .hd-title .logo{cursor:pointer;height:21px;width:96px}.header-wrap .hd-title .bk{left:20px;position:absolute;top:18px}.header-wrap .hd-title .bk img{height:27px;width:27px}.header-wrap .hd-title .my{position:absolute;right:20px;top:18px}.header-wrap .hd-title .my img{height:18px;margin:4.5px;width:18px}.main-wrap .hd-title{background-color:#6c5ab2}.main-wrap .nav-wrap{border-bottom:1px solid #0000001a;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-around;position:relative;z-index:1000}.main-wrap .nav-wrap,.main-wrap .nav-wrap button{background-color:#fff;background-color:var(--white)}.main-wrap .nav-wrap button{color:#8a8888;color:var(--black200);font-family:YiSunShin Dotum B;font-size:20px;font-weight:400;height:60px;line-height:20.2px;text-align:center;width:131px}.alert-message{align-items:center;background-color:#e9e1ff;border-radius:10px;display:flex;height:46px;justify-content:center;left:50%;opacity:1;position:absolute;top:140px;transform:translateX(-50%);transition:opacity 1s ease-out;width:363px;z-index:2000}.alert-message.fade-out{opacity:0}.alert-message strong{color:#3a305e;font-family:YiSunShin Dotum M;font-size:13.5px;font-weight:400;line-height:13.63px;text-align:center}.main-wrap{background-color:#fff}.main-wrap,.main-wrap .main-container{background-color:var(--white);font-family:YiSunShin Dotum B,Arial,sans-serif;margin:0 auto;min-height:100%;width:100%}.main-wrap .main-container{align-items:center;background-color:#fff;display:block;height:100%;justify-content:center}.main-wrap .main-container .main-toStar{display:block;padding:30px}.main-wrap .main-container .main-toStar p{color:#7058cb;font-family:YiSunShin Dotum B,Arial,sans-serif;font-size:21px;font-weight:700;margin-bottom:20px}.main-wrap .main-container .main-toStar button{background-color:#fff;border:1px solid #7058cb;border-radius:5px;box-shadow:0 4px 10px #0000001a;color:#7058cb;cursor:pointer;font-family:retendard-SemiBold;font-size:17px;font-weight:bolder;padding:10px;width:100%}.main-wrap .main-container .main-toStar button:hover{background-color:#7058cb;color:#fff}.main-wrap .main-container .main-starFriends{display:block;font-family:YiSunShin Dotum B,Arial,sans-serif;padding:10px 30px}.main-wrap .main-container .main-starFriends p{color:#7058cb;font-size:21px;font-weight:700;margin-bottom:20px}.main-wrap .main-container .main-starFriends .friends-slide{-ms-overflow-style:none;display:flex;overflow:scroll}.main-wrap .main-container .main-starFriends .friends-slide::-webkit-scrollbar{display:none}.main-wrap .main-container .main-starFriends .friends-slide .friend-pro{display:block;margin-right:15px}.main-wrap .main-container .main-starFriends .friends-slide .friend-pro img{border-radius:50%;height:84px;margin-bottom:5px;width:84px}.main-wrap .main-container .main-starFriends .friends-slide .friend-pro p{align-items:center;display:flex;justify-content:center}.main-coms-header{display:flex;justify-content:space-between;padding:0 30px}.main-coms-header h4{color:#7058cb;font-size:21px}.main-coms-header button{color:#8a8888;text-decoration:underline}.community-wrap{align-items:center;flex-direction:column}.community-wrap,.community-wrap .select-com{background-color:#fff;background-color:var(--white);display:flex}.community-wrap .select-com{border:1px solid #7058cb;border:1px solid var(--purple);border-radius:25px;box-shadow:0 4px 6px #0000001a;height:42px;justify-content:space-between;margin-top:18px;overflow:hidden;position:relative;width:339px}.community-wrap .select-com button{align-items:center;background:none;border:none;color:#7058cb;color:var(--purple);cursor:pointer;display:flex;flex:1 1;font-size:14px;justify-content:center;transition:color .3s ease;z-index:2}.community-wrap .select-com button p{font-family:YiSunShin Dotum B,Arial,sans-serif;font-size:17px;font-weight:400;line-height:17.17px;text-align:center}.community-wrap .select-com button.active{color:#fff}.community-wrap .select-com .slider-bg{background-color:#7058cb;background-color:var(--purple);border-radius:25px;height:100%;left:0;position:absolute;top:0;transition:left .3s ease;width:50%}.community-wrap .select-com .move-left{left:0}.community-wrap .select-com .move-right{left:50%}.community-wrap .coms{padding:15px 10px 10px}.community-wrap .coms .contents{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #7058cb;border:1px solid var(--purple);border-radius:5px;display:flex;height:84px;justify-content:baseline;margin-top:10px;padding:0 10px;width:339px!important}.community-wrap .coms .contents img{height:100%;object-fit:cover;position:relative;width:100%}.community-wrap .coms .contents .img-wrap{align-items:center;border-radius:50%;display:flex;display:inline-block;height:65px;margin-bottom:5px;overflow:hidden;vertical-align:top;width:65px}.community-wrap .coms .contents .text{display:flex;display:inline-block;flex-direction:column;justify-content:center;padding-left:8px;width:252px}.community-wrap .coms .contents .text h1{color:#7058cb;color:var(--purple);font-family:YiSunShin Dotum B;font-size:16px;line-height:16.16px;padding-bottom:5px}.community-wrap .coms .contents .text h1,.community-wrap .coms .contents .text p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:400;overflow:hidden;text-align:left;text-overflow:ellipsis}.community-wrap .coms .contents .text p{color:#8a8888;color:var(--black200);font-family:YiSunShin Dotum M;font-size:13px;line-height:13.13px}.community-wrap .mk-com{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #7058cb;border:1px solid var(--purple);border-radius:17px;bottom:100px;box-shadow:0 4px 6px #0000001a;box-sizing:initial;color:#7058cb;color:var(--purple);display:flex;height:41px;justify-content:center;position:fixed;right:30px;width:134px}.community-wrap .mk-com img{background-size:cover;height:16.87px;margin-right:5px;width:16.88px}.community-wrap .mk-com p{font-size:16px;font-weight:400;line-height:16.16px;text-align:center}.community-wrap .mk-com:active{background-color:#e2e8f0;background-color:var(--black300);color:#fff;color:var(--white)}.MkCom-wrap{background-color:#faf7fe;background-color:var(--white300);display:flex;justify-content:center;min-height:calc(100vh - 123px);padding:18px 30px;position:relative}.MkCom-wrap .say{display:flex;font-family:YiSunShin Dotum M}.MkCom-wrap .say h2{color:#7058cb;color:var(--purple);font-size:19px;font-weight:400;line-height:19.19px;text-align:left}.MkCom-wrap .say p{align-items:end;color:#bababa;display:flex;font-size:9px;font-weight:400;line-height:9.09px;margin-bottom:2px;margin-left:10px;text-align:left}.MkCom-wrap .name{margin-bottom:10px}.MkCom-wrap .input-img{align-items:center;background-color:#fff;background-color:var(--white);border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.251);cursor:pointer;display:flex;height:124px;justify-content:center;margin:25px auto 40px;position:relative;width:88px}.MkCom-wrap .input-img .image-preview{border-radius:5px;height:100%;object-fit:cover;width:100%}.MkCom-wrap .input-img .upload-icon{height:63.09px;width:63.09px}.MkCom-wrap .input-img .add-icon{align-items:center;background-color:#8c78d5;background-color:var(--purple400);border-radius:50%;bottom:-5px;box-shadow:0 4px 8px #0000001a;display:flex;height:23px;justify-content:center;position:absolute;right:-5px;width:23px}.MkCom-wrap .input-img .add-icon img{height:11px;width:11px}.MkCom-wrap .input-img .add-icon-text{color:#fff;font-size:18px;font-weight:700}.MkCom-wrap .comName{background-color:#fff;background-color:var(--white);border:.5px solid #c6bcea;border:.5px solid var(--purple500);border-radius:5px;box-shadow:0 4px 4px 0 rgba(0,0,0,.251);color:#3a305e;color:var(--fontcolor);cursor:pointer;font-family:YiSunShin Dotum M;font-size:14px;font-weight:400;height:44px;line-height:14.14px;padding:12.5px 17px;text-align:left;width:334px}.MkCom-wrap .comName::placeholder{color:#adadad;color:var(--black500)}.MkCom-wrap .comName:focus{outline:none;outline:1px solid #7058cb;outline:1px solid var(--purple)}.MkCom-wrap .description{margin-bottom:10px;margin-top:30px}.MkCom-wrap .comDescription{background-color:#fff;background-color:var(--white);border:.5px solid #c6bcea;border:.5px solid var(--purple500);border-radius:5px;box-shadow:0 4px 4px 0 rgba(0,0,0,.251);color:#3a305e;color:var(--fontcolor);cursor:pointer;font-family:YiSunShin Dotum M;font-size:14px;height:99px;padding:12.5px 17px;width:334px}.MkCom-wrap .comDescription::placeholder{color:#adadad;color:var(--black500);font-size:14px;font-weight:400;line-height:14.14px;text-align:left}.MkCom-wrap .comDescription:focus{outline:none;outline:1px solid #7058cb;outline:1px solid var(--purple)}.MkCom-wrap .bottom-content{bottom:10%;left:50%;position:absolute;transform:translate(-50%,-50%)}.MkCom-wrap .bottom-content .notice{display:flex;justify-content:center;margin-bottom:8px}.MkCom-wrap .bottom-content .notice img{height:14px;margin-right:2px;width:14px}.MkCom-wrap .bottom-content .notice p{color:#3a305e;color:var(--fontcolor);font-family:YiSunShin Dotum M;font-size:13px;font-weight:400;line-height:13.13px;text-align:left}.MkCom-wrap .bottom-content .submit{background-color:#fff;background-color:var(--white);border:1px solid #7058cb;border:1px solid var(--purple);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);color:#7058cb;color:var(--purple);cursor:pointer;height:42px;width:339px}.entercom-wrap{align-items:center;display:flex;flex-direction:column;justify-content:end;min-height:calc(100vh - 123px)}.entercom-wrap .cen-align{min-height:48px;width:341px}.entercom-wrap .cen-align .profile{align-items:end;display:flex;height:47px;overflow:hidden;width:100%}.entercom-wrap .cen-align .profile .img-wrap{align-items:center;border-radius:50%;display:flex;height:47px;overflow:hidden;width:47px}.entercom-wrap .cen-align .profile img{display:block;height:100%;margin:auto;width:100%}.entercom-wrap .cen-align .profile p{margin:10px}.entercom-wrap .cen-align h1{color:#fff;color:var(--white);margin-bottom:10px}.entercom-wrap .cen-align p{color:#fff;color:var(--white);font-family:YiSunShin Dotum M;font-size:16px;font-weight:400;line-height:16.16px;margin-bottom:25px;text-align:left}.entercom-wrap button{background-color:#fff;background-color:var(--white);border:1px solid #7058cb;border:1px solid var(--purple);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);color:#7058cb;color:var(--purple);height:42px;margin-bottom:35px;width:339px}.changecom-wrap{align-items:center;display:flex;flex-direction:column;justify-content:end;min-height:calc(100vh - 123px);position:relative}.changecom-wrap .cen-align{min-height:48px;width:341px}.changecom-wrap .cen-align .profile{align-items:end;display:flex;height:47px;overflow:hidden;width:100%}.changecom-wrap .cen-align .profile .img-wrap{align-items:center;border-radius:50%;display:flex;height:47px;overflow:hidden;width:47px}.changecom-wrap .cen-align .profile img{display:block;height:100%;margin:auto;width:100%}.changecom-wrap .cen-align .profile p{margin:10px}.changecom-wrap .cen-align h1{color:#fff;color:var(--white);margin-bottom:10px}.changecom-wrap .cen-align p{color:#fff;color:var(--white);font-family:YiSunShin Dotum M;font-size:16px;font-weight:400;line-height:16.16px;margin-bottom:25px;text-align:left}.changecom-wrap .change-btn{display:flex;justify-content:space-between;margin-bottom:35px;width:341px}.changecom-wrap .change-btn button{border:1px solid #7058cb;border:1px solid var(--purple);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);height:42px;width:160px}.changecom-wrap .change-btn .left{background-color:#fff;background-color:var(--white);color:#7058cb;color:var(--purple)}.changecom-wrap .change-btn .right{background-color:#7058cb;background-color:var(--purple);color:#fff;color:var(--white)}.changecom-wrap .del-popup{background-color:#fff;background-color:var(--white);border:1px solid #7058cb;border:1px solid var(--purple);border-radius:5px;display:flex;flex-direction:column;height:187px;justify-content:center;padding:20px;position:absolute;top:30%;width:339px}.changecom-wrap .del-popup img{height:24px;position:absolute;right:6px;top:6px;width:24px}.changecom-wrap .del-popup p{color:#8a8888;color:var(--black200);font-family:YiSunShin Dotum M;font-size:19px;font-weight:400;line-height:19.19px;margin-top:20px;text-align:center}.changecom-wrap .del-popup .pop-btn{display:flex;margin-bottom:-20px;margin-top:35px}.changecom-wrap .del-popup .pop-btn button{border:1px solid #7058cb;border:1px solid var(--purple);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);height:42px;width:137px}.changecom-wrap .del-popup .pop-btn .left{background-color:#fff;background-color:var(--white);color:#7058cb;color:var(--purple)}.changecom-wrap .del-popup .pop-btn .right{background-color:#7058cb;background-color:var(--purple);color:#fff;color:var(--white);margin-left:25px}.chat-wrap{background-color:#faf7fe;background-color:var(--white300);min-height:calc(100vh - 123px);padding:18px 10px;position:relative}.chat-wrap .alert-chat{align-items:center;background-color:#e9e1ff;border-radius:10px;color:#3a305e;display:flex;font-family:YiSunShin Dotum M;font-size:13.5px;font-weight:400;height:46px;justify-content:center;left:50%;line-height:13.63px;position:absolute;text-align:center;top:15px;transform:translateX(-50%);transition:opacity 1s ease-out;width:363px;z-index:2000}.chat-wrap .fade-out{animation:fadeOut 5s ease-out forwards}.chat-wrap .entry-exit-message{color:#8a6cfb;margin-bottom:22.5px;margin-top:15.5px;text-align:center}.chat-wrap .chat-flat{margin-bottom:50px}.chat-wrap .chat-flat .one-chat{display:flex;margin-bottom:10px}.chat-wrap .chat-flat .one-chat .nameAND{display:flex;flex-direction:column}.chat-wrap .chat-flat .one-chat .nameAND h1{color:#3a305e;font-family:YiSunShin Dotum M;font-size:13px;font-weight:400;letter-spacing:-.4079999924px;line-height:25px;margin-left:15px}.chat-wrap .chat-flat img{border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.251);display:block;height:100%;margin:auto;width:100%}.chat-wrap .chat-flat .img-wrap{align-items:center;border-radius:50%;display:flex;display:inline-block;height:59px;overflow:hidden;width:59px}.chat-wrap .chat-flat .other-container{margin-bottom:20px;margin-left:15px;position:relative}.chat-wrap .chat-flat .other-container .other{background-color:#f3efff;background-color:var(--purple700);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);padding:11px;width:228px}.chat-wrap .chat-flat .other-container .other p{font-family:YiSunShin Dotum L;font-size:13px;font-weight:400;letter-spacing:-.408px;line-height:13.13px;text-align:left}.chat-wrap .chat-flat .other-container .other:after{border-bottom:12px solid #0000;border-right:13px solid #f3efff;border-right:13px solid var(--purple700);border-top:12px solid #0000;content:"";left:-13px;position:absolute;top:10px}.chat-wrap .chat-flat .other-container .other:before{border-bottom:12px solid #0000;border-right:11px solid #0003;border-top:12px solid #0000;content:"";filter:blur(2px);left:-15px;position:absolute;top:10px;transform:translate(1px,1px)}.chat-wrap .chat-flat .me-container{display:flex;justify-content:flex-end;margin-bottom:20px;margin-right:10px;position:relative}.chat-wrap .chat-flat .me-container .me{background-color:#f8f8f8;background-color:var(--white400);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);padding:11px;width:228px}.chat-wrap .chat-flat .me-container .me p{font-family:YiSunShin Dotum L;font-size:13px;font-weight:400;letter-spacing:-.408px;line-height:13.13px;text-align:left;white-space:pre-wrap}.chat-wrap .chat-flat .me-container .me:after{border-left:13px solid #f8f8f8;border-left:13px solid var(--white400);right:-12px}.chat-wrap .chat-flat .me-container .me:after,.chat-wrap .chat-flat .me-container .me:before{border-bottom:12px solid #0000;border-top:12px solid #0000;content:"";position:absolute;top:10px}.chat-wrap .chat-flat .me-container .me:before{border-left:11px solid #0003;filter:blur(2px);right:-13px;transform:translate(1px,1px)}.chat-wrap .enter-chat{background-color:#fff;background-color:var(--white);border-radius:5px;bottom:0;box-shadow:0 0 2px 1px rgba(0,0,0,.251);height:60px;left:50%;position:fixed;transform:translateX(-50%);width:100vw}.chat-wrap .enter-chat .input-wrap{bottom:50%;left:50%;position:absolute;transform:translate(-50%,50%)}.chat-wrap .enter-chat .input-wrap textarea{background-color:hsla(0,2%,51%,.102);border-radius:10px;height:36px;padding:7px 8px;width:365px}.chat-wrap .enter-chat .input-wrap textarea,.chat-wrap .enter-chat .input-wrap textarea::placeholder{font-family:YiSunShin Dotum L;font-size:15px;font-weight:400;letter-spacing:-.4079999924px;line-height:20px}.chat-wrap .enter-chat .input-wrap textarea::placeholder{opacity:.3}.chat-wrap .enter-chat .input-wrap textarea:focus{outline-color:#7058cb;outline-color:var(--purple)}.chat-wrap .enter-chat .input-wrap button{position:absolute;right:5px;top:6px}.chat-wrap .enter-chat .input-wrap button img{height:23px;width:23px}.stars-wrap{align-items:center;background-color:#fff;background-color:var(--white);display:flex;flex-direction:column;padding:20px}.stars-wrap .content{border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);height:174px;margin-bottom:20px;padding:10px;position:relative;width:339px}.stars-wrap .content .stamp{height:45px;position:absolute;right:10px;top:8px;width:36.18px}.stars-wrap .content h1{color:#6e5bb5;color:var(--purple600);font-size:16px;font-weight:400;line-height:16.16px;margin-top:10px;text-align:left}.stars-wrap .content h2{color:#adadad;color:var(--black500);margin:10px 0}.stars-wrap .content h2,.stars-wrap .content p{font-family:YiSunShin Dotum M;font-size:13px;font-weight:400;line-height:13.13px;text-align:left}.stars-wrap .content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8a8888;color:var(--black200);display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.stars-wrap .content button{background-color:#fff;background-color:var(--white);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);color:#7058cb;color:var(--purple);font-size:17px;font-weight:400;height:42px;line-height:17.17px;margin:20px calc(50% - 129px) 0;text-align:center;width:258px}.stars-wrap .from{background-color:#f3efff;background-color:var(--purple700)}.stars-wrap .from h2{margin-bottom:5px}.stars-wrap .from p{font-family:Nanum JungHagSaeng;font-size:12px;line-height:1.1}.stars-wrap .from button{margin-top:10px}.stars-wrap .to{background-color:#f8f8f8;background-color:var(--white400)}.stars-wrap .mk-com{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #7058cb;border:1px solid var(--purple);border-radius:17px;bottom:100px;box-shadow:0 4px 6px #0000001a;box-sizing:initial;color:#7058cb;color:var(--purple);display:flex;height:41px;justify-content:center;position:fixed;right:30px;width:113px;z-index:300}.stars-wrap .mk-com img{background-size:cover;height:16.87px;margin-right:5px;width:16.88px}.stars-wrap .mk-com p{font-size:16px;font-weight:400;line-height:16.16px;text-align:center}.stars-wrap .mk-com:active{background-color:#e2e8f0;background-color:var(--black300);color:#fff;color:var(--white)}.letter-wrap{min-height:100vh;position:relative}.letter-wrap .write{top:75px}.letter-wrap .write,.letter-wrap .write textarea{left:50%;position:absolute;transform:translateX(-50%)}.letter-wrap .write textarea{background-color:#0000;color:#fff;color:var(--white);font-family:YiSunShin Dotum L;font-size:18px;font-weight:400;height:330px;letter-spacing:-.4079999924px;line-height:22px;text-align:left;top:90px;white-space:pre-line;width:288px}.letter-wrap .write textarea::placeholder{color:#fefefe}.letter-wrap .write textarea:focus{outline:none}.letter-wrap .write .bk-img{height:523px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:414px}.letter-wrap .bottom-content{bottom:30px;left:50%;position:absolute;transform:translate(-50%,-50%)}.letter-wrap .bottom-content .notice{display:flex;justify-content:center;margin-bottom:8px}.letter-wrap .bottom-content .notice img{height:14px;margin-right:2px;width:14px}.letter-wrap .bottom-content .notice p{color:#fff;color:var(--white);font-family:YiSunShin Dotum M;font-size:14px;font-weight:400;line-height:14.14px;text-align:left}.letter-wrap .bottom-content .submit{background-color:#fff;background-color:var(--white);border:1px solid #7058cb;border:1px solid var(--purple);border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);color:#7058cb;color:var(--purple);height:42px;margin-bottom:35px;width:339px}.loads .text{color:#fff;color:var(--white);font-family:YiSunShin Dotum L;font-size:23px;font-weight:400;left:50%;letter-spacing:-.4079999924px;line-height:50px;position:absolute;text-align:center;top:20%;transform:translateX(-50%);width:331px}.loads .rocket-text{animation:fadeOut 5s ease-out forwards}.loads .type-text{animation:fadeInToOut 10s ease-out forwards}.loads .final-text{animation:fastfadeIn 5s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInToOut{0%{opacity:0}70%{opacity:1}to{opacity:0}}@keyframes fastfadeIn{0%{opacity:0}30%{opacity:.8}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes MoveUpIn{0%{bottom:8%;opacity:0}to{bottom:10%;opacity:1}}.loads .loading-wrap{left:50%;min-height:100vh;overflow:hidden;position:absolute;transform:translateX(-50%);width:100vw}.loads .loading-wrap .rocket-wrap .rocket{left:calc(50% - 40px);position:absolute;top:40%;width:80px;z-index:300}.loads .loading-wrap .rocket-wrap .rocket .rocket-body{animation:moveUp 3s ease-in-out forwards;animation-delay:3s;left:calc(50% - 50px);width:80px}.loads .loading-wrap .rocket-wrap .rocket .rocket-body .body{background-color:#dadada;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top:5px solid #f5f5f5;border-top-left-radius:100%;border-top-right-radius:100%;height:180px;left:calc(50% - 50px)}.loads .loading-wrap .rocket-wrap .rocket .rocket-body:before{background-color:#554842;border-bottom-left-radius:60%;border-bottom-right-radius:60%;bottom:-13px;content:"";height:13px;left:calc(50% - 24px);position:absolute;width:48px}.loads .loading-wrap .rocket-wrap .rocket .window{background-color:#a75248;border:5px solid #b4b2b2;border-radius:100%;height:40px;left:calc(50% - 25px);position:absolute;top:40px;width:40px}.loads .loading-wrap .rocket-wrap .rocket .fin{background-color:#a75248;height:55px;position:absolute;width:50px;z-index:-100}.loads .loading-wrap .rocket-wrap .rocket .fin-left{border-bottom-left-radius:20%;border-top-left-radius:80%;left:-30px;top:calc(100% - 55px)}.loads .loading-wrap .rocket-wrap .rocket .fin-right{border-bottom-right-radius:20%;border-top-right-radius:80%;right:-30px;top:calc(100% - 55px)}.loads .loading-wrap .rocket-wrap .rocket .exhaust-flame{animation:fadeOut .5s ease-out forwards;animation-delay:3s;background:linear-gradient(180deg,#0000 10%,#f5f5f5);height:150px;left:calc(50% - 14px);position:absolute;top:90%;width:28px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes{animation:moveDown 4s ease-in-out forwards;animation-delay:3s;position:absolute;top:15%}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li{background-color:#f5f5f5;border-radius:100%;height:60px;list-style:none;position:absolute;width:60px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li:first-child{animation:fumes 5s infinite;bottom:-300px;height:200px;width:200px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li:nth-child(2){animation:fumes 3.2s infinite;height:150px;left:-120px;top:260px;width:150px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li:nth-child(3){animation:fumes 3s 1s infinite;height:120px;left:-40px;top:330px;width:120px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li:nth-child(4){animation:fumes 4s 2s infinite;height:100px;left:-170px;top:380px;width:100px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li:nth-child(5){animation:fumes 5s infinite;height:130px;left:-120px;top:350px;width:130px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li:nth-child(6){animation:fumes2 10s infinite;height:200px;left:-60px;top:280px;width:200px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li:nth-child(7){height:100px;left:-100px;top:320px;width:100px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li:nth-child(8){height:110px;left:70px;top:340px;width:110px}.loads .loading-wrap .rocket-wrap .rocket .exhaust-fumes li:nth-child(9){animation:fumes 20s infinite;height:90px;left:200px;top:380px;width:90px}.loads .loading-wrap .rocket-wrap .star{animation:fadeOut 4s ease-out forwards;animation-delay:3s}.loads .loading-wrap .rocket-wrap .star li{list-style:none;position:absolute}.loads .loading-wrap .rocket-wrap .star li:after,.loads .loading-wrap .rocket-wrap .star li:before{background-color:#f5f5f5;content:"";position:absolute}.loads .loading-wrap .rocket-wrap .star li:before{border-radius:50%;height:2px;width:10px}.loads .loading-wrap .rocket-wrap .star li:after{height:8px;left:4px;top:-3px;width:2px}.loads .loading-wrap .rocket-wrap .star li:first-child{animation:twinkle .4s infinite;left:-210px;top:-30px}.loads .loading-wrap .rocket-wrap .star li:nth-child(2){animation:twinkle .5s infinite;left:60px;top:0}.loads .loading-wrap .rocket-wrap .star li:nth-child(2):before{height:1px;width:5px}.loads .loading-wrap .rocket-wrap .star li:nth-child(2):after{height:5px;left:2px;top:-2px;width:1px}.loads .loading-wrap .rocket-wrap .star li:nth-child(3){animation:twinkle 1s infinite;left:120px;top:220px}.loads .loading-wrap .rocket-wrap .star li:nth-child(4){animation:twinkle .5s ease infinite;left:-100px;top:200px}.loads .loading-wrap .rocket-wrap .star li:nth-child(5){animation:twinkle .4s ease infinite;left:170px;top:100px}.loads .loading-wrap .rocket-wrap .star li:nth-child(6){animation:twinkle .2s infinite;left:-79px;top:87px}.loads .loading-wrap .rocket-wrap .star li:nth-child(6):before{height:1px;width:5px}.loads .loading-wrap .rocket-wrap .star li:nth-child(6):after{height:5px;left:2px;top:-2px;width:1px}@keyframes fumes{50%{background-color:#0000;transform:scale(1.5)}51%{transform:scale(.8)}to{background-color:#f5f5f5;transform:scale(1)}}@keyframes bounce{0%{transform:translateZ(0)}50%{transform:translate3d(0,-4px,0)}to{transform:translateZ(0)}}@keyframes exhaust{0%{background:linear-gradient(180deg,#0000 10%,#f5f5f5)}50%{background:linear-gradient(180deg,#0000 8%,#f5f5f5)}75%{background:linear-gradient(180deg,#0000 12%,#f5f5f5)}}@keyframes fumes2{50%{transform:scale(1.1)}}@keyframes twinkle{80%{opacity:.7;transform:scale(1.1)}}@keyframes moveUp{0%{transform:translateY(0)}to{transform:translateY(-150vh)}}@keyframes moveDown{0%{transform:translateY(0)}to{transform:translateY(150vh)}}.loads .finload-wrap{min-height:100vh;position:relative;z-index:300}.loads .finload-wrap .text{animation:fadeIn 1s ease-out forwards;color:#fff;color:var(--white);font-family:YiSunShin Dotum L;font-size:23px;font-weight:400;left:50%;letter-spacing:-.4079999924px;line-height:50px;position:absolute;text-align:center;top:20%;transform:translateX(-50%);width:331px}.loads .finload-wrap .typing-machine{animation:fadeIn .5s linear 1;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loads .finload-wrap .typing-machine .typewriter{--blue:#adadf1;--blue-dark:#191970;--key:#fff;--paper:#eef0fd;--text:#7058cb;--tool:#fbc56c;--duration:3s;--iteration:infinite;animation:bounce05 var(--duration) linear var(--iteration);position:relative}.loads .finload-wrap .typing-machine .typewriter .slide{animation:slide05 var(--duration) ease var(--iteration);background:linear-gradient(var(--blue),var(--blue-dark));border-radius:3px;height:30px;margin-left:21px;transform:translateX(21px);width:138px}.loads .finload-wrap .typing-machine .typewriter .slide i:before,.loads .finload-wrap .typing-machine .typewriter .slide:after,.loads .finload-wrap .typing-machine .typewriter .slide:before{background:var(--tool);content:"";position:absolute}.loads .finload-wrap .typing-machine .typewriter .slide:before{height:8px;left:100%;top:6px;width:6px}.loads .finload-wrap .typing-machine .typewriter .slide:after{border-radius:3px;height:18px;left:143px;top:3px;width:6px}.loads .finload-wrap .typing-machine .typewriter .slide i{background:var(--tool);display:block;height:6px;position:absolute;right:100%;top:4px;width:6px}.loads .finload-wrap .typing-machine .typewriter .slide i:before{border-radius:2px;height:18px;right:100%;top:-2px;width:4px}.loads .finload-wrap .typing-machine .typewriter .paper{animation:paper05 var(--duration) linear var(--iteration);background:var(--paper);border-radius:5px;height:69px;left:36px;position:absolute;top:-39px;transform:translateY(5px);width:60px}.loads .finload-wrap .typing-machine .typewriter .paper:before{background:var(--text);border-radius:2px;box-shadow:0 18px 0 var(--text),0 36px 0 var(--text),0 52px 0 var(--text);content:"";height:6px;left:6px;position:absolute;right:6px;top:7px;transform:scaleY(.8)}.loads .finload-wrap .typing-machine .typewriter .keyboard{height:84px;margin-top:-15px;position:relative;width:180px;z-index:1}.loads .finload-wrap .typing-machine .typewriter .keyboard:after,.loads .finload-wrap .typing-machine .typewriter .keyboard:before{content:"";position:absolute}.loads .finload-wrap .typing-machine .typewriter .keyboard:before{background:linear-gradient(135deg,var(--blue),var(--blue-dark));border-radius:7px;bottom:0;left:0;right:0;top:0;transform:perspective(10px) rotateX(2deg);transform-origin:50% 100%}.loads .finload-wrap .typing-machine .typewriter .keyboard:after{animation:keyboard05 var(--duration) linear var(--iteration);border-radius:3px;box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key);height:6px;left:0;top:40px;width:16px}@keyframes slide05{5%{transform:translateX(14px)}15%,30%{transform:translateX(6px)}40%,55%{transform:translateX(0)}65%,70%{transform:translateX(-4px)}80%,89%{transform:translateX(-12px)}to{transform:translateX(14px)}}@keyframes paper05{5%{transform:translateY(5px)}20%,30%{transform:translateY(46px)}40%,55%{transform:translateY(46px)}65%,70%{transform:translateY(34px)}80%,85%{transform:translateY(22px)}92%,to{transform:translateY(10px)}}@keyframes keyboard05{12%,21%,30%,39%,48%,5%,57%,66%,75%,84%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key)}9%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key)}18%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key)}27%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 20px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key)}36%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 20px 0 var(--key),93px 20px 0 var(--key),106px 20px 0 var(--key),130px 15px 0 var(--key)}45%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 5px 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key)}54%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key)}63%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 5px 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key)}72%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key)}81%{box-shadow:25px 0 0 var(--key),48px 0 0 var(--key),71px 0 0 var(--key),94px 0 0 var(--key),117px 0 0 var(--key),140px 0 0 var(--key),35px 15px 0 var(--key),57px 15px 0 var(--key),80px 15px 0 var(--key),93px 15px 0 var(--key),106px 15px 0 var(--key),130px 15px 0 var(--key)}}@keyframes bounce05{85%,92%,to{transform:translateY(0)}89%{transform:translateY(-4px)}95%{transform:translateY(2px)}}.loads .finload-wrap .submit{animation:MoveUpIn 1s ease-out forwards;background-color:#fff;background-color:var(--white);border:1px solid #7058cb;border:1px solid var(--purple);border-radius:5px;bottom:10%;box-shadow:0 2px 4px 0 rgba(0,0,0,.251);color:#7058cb;color:var(--purple);height:42px;left:50%;margin-bottom:35px;position:absolute;transform:translate(-50%,-50%);transition:margin-bottom .05s ease;width:339px}.loads .finload-wrap .submit:active{margin-bottom:30px}.tostar-wrap{min-height:100vh;position:relative}.tostar-wrap .write{top:75px}.tostar-wrap .write,.tostar-wrap .write .text{left:50%;position:absolute;transform:translateX(-50%)}.tostar-wrap .write .text{background-color:#0000;color:#fefefe;font-family:YiSunShin Dotum L;font-size:18px;font-weight:400;height:330px;letter-spacing:-.4079999924px;line-height:22px;text-align:left;top:90px;white-space:pre-line;width:288px}.tostar-wrap .write .bk-img{left:50%;position:absolute;top:0;transform:translateX(-50%);width:24.5rem}.fromstar-wrap{min-height:100vh;position:relative;width:100%}.fromstar-wrap .write{top:75px}.fromstar-wrap .write,.fromstar-wrap .write .text{left:50%;position:absolute;transform:translateX(-50%)}.fromstar-wrap .write .text{background-color:#0000;color:#fefefe;font-family:Nanum JungHagSaeng;font-size:21px;font-weight:400;height:330px;letter-spacing:-.4079999924px;line-height:22px;text-align:left;top:90px;white-space:pre-line;width:288px}.fromstar-wrap .write .paper{height:41.75rem}.fromstar-wrap .write .paper,.fromstar-wrap .write .paper .bk-img{left:50%;position:absolute;top:0;transform:translateX(-50%);width:23rem}.fromstar-wrap .write .paper .yellofoot{bottom:48px;height:35px;position:absolute;right:42px;width:35px}.friendSrh-wrap{height:100%;margin:0 auto;width:100%}.friendSrh-wrap .main-container{align-items:center;background-color:#fff;display:block;font-family:YiSunShin Dotum B,Arial,sans-serif;height:100vh;justify-content:center;width:100%}.friendSrh-wrap .main-container .main-moon-starFriends{display:block;font-family:YiSunShin Dotum B,Arial,sans-serif;padding:15px 20px 0}.friendSrh-wrap .main-container .main-moon-starFriends p{color:#8a8888;font-size:21px;font-weight:700;margin-bottom:20px}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt{background-color:#fff0;display:flex;position:relative;z-index:1}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .friends-with-slide{-ms-overflow-style:none;background-color:#fff0;display:flex;flex-grow:1;overflow-x:auto;padding-right:70px;scrollbar-width:none}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .friends-with-slide::-webkit-scrollbar{display:none}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .friends-with-slide .friend-with-pro,.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .friends-with-slide .moon-pro{background-color:#0000;display:block;margin-right:15px;text-align:center}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .friends-with-slide .friend-with-pro img,.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .friends-with-slide .moon-pro img{background-color:#0000;border-radius:50%;box-shadow:0 1px 3px 0 #00000040;cursor:pointer;height:58px;margin-bottom:5px;transition:all .3s ease;width:58px}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .friends-with-slide .friend-with-pro.selected img,.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .friends-with-slide .moon-pro.selected img{border:2px solid #7058cb;height:60px;width:60px}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .friends-with-slide p{align-items:center;color:#8a8888;display:flex;font-size:13px;justify-content:center}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .new-friends-btn{background-color:#faf7fe;border-radius:50%;box-shadow:0 1px 3px 0 #00000040;cursor:pointer;height:58px;margin-left:15px;position:absolute;right:0;width:58px}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .new-friends-btn img{background-color:#0000;border:2px solid #7058cb;border-radius:50%;box-shadow:0 5px 10px #0003;width:58px}.friendSrh-wrap .main-container .main-moon-starFriends .slide-cnt .new-friends-btn button{background:none;border:none;color:#8a8888;cursor:pointer;font-size:12px;margin-top:10px}.sub-container{display:block}.sub-container .search-btn{background-color:#f8f8f8;border-radius:15px;box-sizing:border-box;display:flex;height:51px;justify-content:space-between;margin:10px auto;padding:0 20px;width:90%}.sub-container .search-btn input{background:#0000;border:none;color:#333;font-size:14px;outline:none;width:100%}.sub-container .search-btn input::placeholder{color:#8a8888!important}.sub-container .search-btn img{cursor:pointer;height:20px;margin:auto 0;width:20px}.sub-container .post-friend-pro{align-items:center;display:flex;margin-bottom:20px}.sub-container .post-friend-pro img{border-radius:50%;height:50px;width:50px}.sub-container .post-friend-pro p{color:#7058cb;font-family:YiSunShin Dotum M,Arial,sans-serif;font-size:16px;margin-left:10px}.friends-list{padding:10px 20px}.friend-profile{align-items:center;display:flex;justify-content:space-around;margin-bottom:10px;padding:5px 0}.friends-img{border-radius:50%;cursor:pointer;height:40px;transition:border .3s ease;width:40px}.friend-info{display:flex;flex-direction:column;justify-content:center}.friend-info .friend-name{color:#6f4bde;font-size:16px;font-weight:700}.friend-info .friend-details{color:#888;font-size:13px}img{width:64px}.friend-profile-container{background-color:#fff;display:block;padding:10px 15px}.friend-profile-container .friend-profile-header{align-items:center;display:flex;margin-bottom:20px;position:relative}.friend-profile-container .friend-profile-header button{border:1px solid #7058cb;border-radius:5px;position:absolute;right:20px;top:5px}.friend-profile-container .friend-profile-header img{border:2px solid #7058cb;border-radius:50%;height:64px;margin-right:15px;width:64px}.friend-profile-container .friend-profile-header .friend-info{display:flex;flex-direction:column}.friend-profile-container .friend-profile-header .friend-info .friend-name{color:#6f4bde;font-size:18px;font-weight:700}.friend-profile-container .friend-profile-header .friend-info .friend-details{font-family:YiSunShin Dotum M;font-size:13px;font-weight:400;letter-spacing:-.4079999924px;line-height:25px;margin:0 0 0 2px}.friend-profile-container .friend-profile-header .end-friendship-btn{border:2px solid #6f4bde;border-radius:8px;box-sizing:border-box;color:#6f4bde;font-family:YiSunShin Dotum B,Arial,sans-serif;font-size:11px;height:25px;width:100px}.friend-profile-container .friend-posts .post-cnt{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:15px}.friend-profile-container .friend-posts .post-cnt h4{color:#7058cb;font-size:16px;margin-bottom:5px;margin-left:10px}.friend-profile-container .friend-posts .post-cnt p{color:#8a8888;font-family:YiSunShin Dotum M;font-size:13px;font-weight:400;line-height:13.13px;margin-bottom:10px;margin-left:10px;overflow-wrap:break-word}.friend-profile-container .friend-posts .post-cnt .post-img-cnt{display:flex;gap:10px;overflow-x:auto}.friend-profile-container .friend-posts .post-cnt .post-img-cnt img{border-radius:8px;height:auto;margin-bottom:10px;width:147px}.friend-profile-container .friend-posts .post-cnt .post-img-cnt::-webkit-scrollbar{display:none}.friend-profile-container .friend-posts .post-cnt .post-icons-cnt{align-items:center;display:flex;justify-content:space-between}.friend-profile-container .friend-posts .post-cnt .post-icons-cnt .post-icons{align-items:center;display:flex}.friend-profile-container .friend-posts .post-cnt .post-icons-cnt .post-icons img{height:20px;margin-right:10px;width:20px}.friend-profile-container .friend-posts .post-cnt .post-icons-cnt p{color:#888;font-size:12px}.modal-content{background-color:#fff;border:2px solid #6f4bde;border-radius:8px;color:#8a8888;font-size:17px;padding:30px}.modal-content .end-btn{display:flex;justify-content:space-around}.modal-content .end-btn .end-yes{background-color:#fff;border:1px solid #6f4bde;border-radius:5px;color:#6f4bde;margin-right:30px;margin-top:20px;padding:10px 40px}.modal-content .end-btn .end-no{background-color:#6f4bde;border:1px solid #fff;border-radius:5px;color:#fff;margin-top:20px;padding:10px 40px}.no-member{align-items:center;color:#979797;margin-top:100px}.no-member,.no-member img{display:block;justify-self:center}.no-member img{margin-bottom:20px;width:33.25px}.no-member p{justify-self:center}.comment-section{animation:slideIn .3s forwards;background-color:#faf7fe;border-top:1px solid #ddd;border-top-left-radius:15px;border-top-right-radius:15px;bottom:0;box-shadow:0 -2px 10px #0000001a;font-family:YiSunShin Dotum B,Arial,sans-serif;height:423px;position:fixed;right:0;transition:all .3s ease;width:100%;z-index:1000}@keyframes slideIn{0%{height:0}to{height:423px}}.comment-section .comment-header{border-bottom:1px solid #8a88884d;box-shadow:0 4px 4px -2px #0000001a;color:#7058cb;display:flex;font-size:18px;justify-content:space-between;justify-content:center;padding-bottom:10px;padding-top:13px;position:relative}.comment-section .comment-header img{height:24px;position:absolute;right:10px;top:13px;width:24px}.comment-section .comments-list{height:100%;margin-bottom:10px;max-height:320px;overflow-y:auto;padding:0 15px}.comment-section .comments-list .comment-item{display:flex;justify-content:space-between;margin:20px 0;position:relative}.comment-section .comments-list .comment-item .comment-profile{border-radius:50%;height:47px;margin-right:10px;width:47px}.comment-section .comments-list .comment-item .comment-content{background-color:#0000;padding:0;width:100%}.comment-section .comments-list .comment-item .comment-content p{color:#8a8888;font-family:YiSunShin Dotum M;font-size:12px;font-weight:400;line-height:12.12px;text-align:left;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-position:from-font}.comment-section .comments-list .comment-item .comment-content p strong{color:#7058cb;font-family:YiSunShin Dotum M;font-size:15px;font-weight:400;letter-spacing:-.4079999924px;line-height:25px}.comment-section .comment-input{align-items:center;display:flex;position:relative}.comment-section .comment-input input{background:hsla(0,2%,51%,.102);border:none;border-radius:4px;border-radius:10px;flex:1 1;height:36px;margin:0 15px;padding-left:15px;width:365px}.comment-section .comment-input input::placeholder{font-family:YiSunShin Dotum M;font-size:12px;font-weight:400;line-height:12.12px}.comment-section .comment-input img{cursor:pointer;height:20.44px;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:20.44px}.comment-section .comments-icons-cnt{align-items:center;bottom:-15px;display:flex;position:absolute;right:0}.comment-section .comments-icons-cnt img{cursor:pointer;margin-right:5px;width:20px}.friend-unfriend-btn{background-color:#fff;border:2px solid #7058cb;border-radius:10px;box-sizing:border-box;color:#7058cb;font-size:10px;padding:5px}
/*# sourceMappingURL=main.d5cbb893.css.map*/