@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#App{height:100vh}body{font-family:Arial,sans-serif;color:#191919;background-color:#fafafa;font-size:14px}:root{font-size:24px}a{cursor:pointer;color:#191919}.blind{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);margin:-1px;overflow:hidden}section{width:100%;text-align:center}.btn,button,input[type=button],input[type=submit]{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;min-height:1.25rem;font-size:1rem;margin:0;padding:0 .5rem;border-radius:.8333333333rem;font-weight:400;border:1px solid rgba(0,0,0,.6);color:#fff;background-color:#70502a;word-break:break-word;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:#5d4323}.btn.compact,button.compact,input[type=button].compact,input[type=submit].compact{padding:0 .1666666667rem}.btn.md,button.md,input[type=button].md,input[type=submit].md{font-size:1rem;padding:0 .8333333333rem;min-height:1.3333333333rem}.btn.primary,button.primary,input[type=button].primary,input[type=submit].primary{color:#fff;background-color:#2d4a70;border-color:#2d4a70}.btn.primary:hover,button.primary:hover,input[type=button].primary:hover,input[type=submit].primary:hover{background-color:#1e324c;color:#fff;border-color:#1e324c}.btn.primary-clear,button.primary-clear,input[type=button].primary-clear,input[type=submit].primary-clear{color:#fff;background-color:#a0a0a0;border-color:#a0a0a0}.btn.primary-clear:hover,button.primary-clear:hover,input[type=button].primary-clear:hover,input[type=submit].primary-clear:hover{background-color:#878787;color:#fff;border-color:#878787}.btn.primary-line,button.primary-line,input[type=button].primary-line,input[type=submit].primary-line{color:#1e324c;border-color:#2d4a70;background-color:#fff}.btn.primary-line:hover,button.primary-line:hover,input[type=button].primary-line:hover,input[type=submit].primary-line:hover{background-color:#2d4a700d;color:#101a27;border-color:#1e324c}.btn.secondary,button.secondary,input[type=button].secondary,input[type=submit].secondary{color:#fff;background-color:#70502a;border-color:#70502a}.btn.secondary:hover,button.secondary:hover,input[type=button].secondary:hover,input[type=submit].secondary:hover{background-color:#4b361c;color:#fff;border-color:#4b361c}.btn.secondary-line,button.secondary-line,input[type=button].secondary-line,input[type=submit].secondary-line{color:#4b361c;border-color:#70502a;background-color:#fff}.btn.secondary-line:hover,button.secondary-line:hover,input[type=button].secondary-line:hover,input[type=submit].secondary-line:hover{background-color:#70502a0d;color:#261b0e;border-color:#4b361c}.btn.danger,.btn.dangerous,button.danger,button.dangerous,input[type=button].danger,input[type=button].dangerous,input[type=submit].danger,input[type=submit].dangerous{color:#fff;background-color:#dc3246;border-color:#dc3246}.btn.danger:hover,.btn.dangerous:hover,button.danger:hover,button.dangerous:hover,input[type=button].danger:hover,input[type=button].dangerous:hover,input[type=submit].danger:hover,input[type=submit].dangerous:hover{background-color:#bb2032;color:#fff;border-color:#bb2032}.btn.danger-line,button.danger-line,input[type=button].danger-line,input[type=submit].danger-line{color:#bb2032;border-color:#dc3246;background-color:#fff}.btn.danger-line:hover,button.danger-line:hover,input[type=button].danger-line:hover,input[type=submit].danger-line:hover{background-color:#dc32460d;color:#901927;border-color:#bb2032}.btn.black,button.black,input[type=button].black,input[type=submit].black{color:#fff;background-color:#191919;border-color:#191919}.btn.black:hover,button.black:hover,input[type=button].black:hover,input[type=submit].black:hover{background-color:#000;color:#fff;border-color:#000}.btn.gray,button.gray,input[type=button].gray,input[type=submit].gray{color:#fff;background-color:#646464;border-color:#646464}.btn.gray:hover,button.gray:hover,input[type=button].gray:hover,input[type=submit].gray:hover{background-color:#4b4b4b;color:#fff;border-color:#4b4b4b}.btn.gray-line,button.gray-line,input[type=button].gray-line,input[type=submit].gray-line{color:#4b4b4b;border-color:#646464;background-color:#fff}.btn.gray-line:hover,button.gray-line:hover,input[type=button].gray-line:hover,input[type=submit].gray-line:hover{background-color:#6464640d;color:#313131;border-color:#4b4b4b}.btn.list-bar,.btn.list_bar,button.list-bar,button.list_bar,input[type=button].list-bar,input[type=button].list_bar,input[type=submit].list-bar,input[type=submit].list_bar{color:#fff;background-color:#2d4a70;border-color:#2d4a70}.btn.list-bar:hover,.btn.list_bar:hover,button.list-bar:hover,button.list_bar:hover,input[type=button].list-bar:hover,input[type=button].list_bar:hover,input[type=submit].list-bar:hover,input[type=submit].list_bar:hover{background-color:#1e324c;color:#fff;border-color:#1e324c}.btn.list-bar.danger,.btn.list-bar.dangerous,.btn.list_bar.danger,.btn.list_bar.dangerous,button.list-bar.danger,button.list-bar.dangerous,button.list_bar.danger,button.list_bar.dangerous,input[type=button].list-bar.danger,input[type=button].list-bar.dangerous,input[type=button].list_bar.danger,input[type=button].list_bar.dangerous,input[type=submit].list-bar.danger,input[type=submit].list-bar.dangerous,input[type=submit].list_bar.danger,input[type=submit].list_bar.dangerous{color:#fff;background-color:#dc3246;border-color:#dc3246}.btn.list-bar.danger:hover,.btn.list-bar.dangerous:hover,.btn.list_bar.danger:hover,.btn.list_bar.dangerous:hover,button.list-bar.danger:hover,button.list-bar.dangerous:hover,button.list_bar.danger:hover,button.list_bar.dangerous:hover,input[type=button].list-bar.danger:hover,input[type=button].list-bar.dangerous:hover,input[type=button].list_bar.danger:hover,input[type=button].list_bar.dangerous:hover,input[type=submit].list-bar.danger:hover,input[type=submit].list-bar.dangerous:hover,input[type=submit].list_bar.danger:hover,input[type=submit].list_bar.dangerous:hover{background-color:#bb2032;color:#fff;border-color:#bb2032}.btn.list-bar.danger,.btn.list-bar.dangerous,.btn.list_bar.danger,.btn.list_bar.dangerous,button.list-bar.danger,button.list-bar.dangerous,button.list_bar.danger,button.list_bar.dangerous,input[type=button].list-bar.danger,input[type=button].list-bar.dangerous,input[type=button].list_bar.danger,input[type=button].list_bar.dangerous,input[type=submit].list-bar.danger,input[type=submit].list-bar.dangerous,input[type=submit].list_bar.danger,input[type=submit].list_bar.dangerous{height:1.1666666667rem}.btn.flat,button.flat,input[type=button].flat,input[type=submit].flat{color:#878787;border-color:#a0a0a0;background-color:#fff}.btn.flat:hover,button.flat:hover,input[type=button].flat:hover,input[type=submit].flat:hover{background-color:#a0a0a00d;color:#6d6d6d;border-color:#878787}.btn.flat,button.flat,input[type=button].flat,input[type=submit].flat{color:#191919}a{background-color:transparent;text-decoration:none}a.decoration{border-bottom:1px solid #2d4a70}a.danger{color:#dc3246}a.danger:hover{background-color:transparent;color:#dc3246;text-decoration:underline}input[type=text],input[type=password],input[type=email],input:not([type]),select{padding:0 .8333333333rem;border:1px solid #2d4a70;border-color:#a0a0a0;border-radius:.8333333333rem;margin:0;min-height:1.25rem;font-size:.5833333333rem}input[type=text].md,input[type=password].md,input[type=email].md,input:not([type]).md,select.md{font-size:1rem;min-height:1.5rem}input[type=text]:disabled,input[type=password]:disabled,input[type=email]:disabled,input:not([type]):disabled,select:disabled{color:#646464;background-color:#e6e6e6}input[type=text]:first-child,input[type=password]:first-child,input[type=email]:first-child,input:not([type]):first-child,select:first-child{margin-left:0}input[type=text]:last-child,input[type=password]:last-child,input[type=email]:last-child,input:not([type]):last-child,select:last-child{margin-right:0}*,*:before,*:after{box-sizing:border-box}.app-sidebar{min-height:100vh;display:flex;flex-direction:row}.app-sidebar .sidebar{flex:0 0 12.5rem;background-color:#e6e6e6;overflow:auto}.app-sidebar .content{flex:1}.menu-section{height:100%;display:flex;flex-direction:column;justify-content:space-between}.menu-section .menu-article{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:0 .4166666667rem}.menu-section .menu-article hr{width:100%;margin:0;border-color:#a0a0a0}.menu-section .menu-article .menu-header{display:flex;justify-content:flex-start;gap:.8333333333rem;padding:.4166666667rem .8333333333rem;align-items:center}.menu-section .menu-article .menu-header img{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;object-position:center}.menu-section .menu-article .menu-header .user-name{font-size:1rem}.menu-section .menu-article .menu-header .user-name-decoration{font-size:.8333333333rem}.menu-section .menu-article .menu-nav{flex:1}.menu-section .menu-article .menu-nav li{height:3.3333333333rem}.menu-section .menu-article .menu-nav li .menu-item{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 .8333333333rem;gap:1.25rem}.menu-section .menu-article .menu-nav li .menu-item img{width:1.6666666667rem;height:1.6666666667rem}.menu-section .menu-article .menu-nav li .menu-item span{font-size:1rem}.menu-section .menu-article .menu-footer{height:2.5rem;display:flex;justify-content:flex-start;align-items:center;padding:0 .4166666667rem;gap:.8333333333rem}.menu-section .menu-article .menu-footer img{width:1.875rem;height:1.875rem}.menu-section .menu-article .menu-footer span{font-size:1rem}.login-section{height:100%;display:flex;justify-content:center;align-items:center}.login-section .login-article{width:25rem;display:flex;flex-direction:column;gap:1.25rem;padding:.8333333333rem}.login-section .login-article h2{margin-bottom:1.25rem}.login-section .login-article form{width:100%;display:flex;flex-direction:column;gap:1.25rem}.login-section .login-article form input,.login-section .login-article form button{height:2.5rem}.login-section .login-article .login-links{display:flex;flex-direction:row;justify-content:space-between}.login-section .login-article .login-links a{font-size:1rem;color:#191919;text-decoration:none}.login-section .login-article .kakao-login-btn{height:2.5rem;border-radius:.5rem;background-color:#fee500;display:flex;align-items:center;justify-content:center;padding:0 1.1666666667rem}.login-section .login-article .kakao-login-btn img{width:1.5rem;height:1.5rem}.login-section .login-article .kakao-login-btn span{flex:1;font-size:1.25rem;color:#000c;text-decoration:none}.signup-section{height:100%;display:flex;justify-content:center;align-items:center}.signup-section .signup-article{width:25rem;display:flex;flex-direction:column}.signup-section .signup-article h2{margin-bottom:1.25rem}.signup-section .signup-article form{width:100%;display:flex;flex-direction:column;gap:1.25rem}.signup-section .signup-article form input,.signup-section .signup-article form button{height:2.5rem}.user-section{height:100%;display:flex;justify-content:center;align-items:center}.user-section .user-article{width:100%;max-width:59.1666666667rem;display:flex;flex-direction:column;align-items:center}.user-section .user-article .profile-image-wrapper{position:relative}.user-section .user-article .profile-image-wrapper .profile-image{width:8.3333333333rem;height:8.3333333333rem;border-radius:50%;object-fit:cover;object-position:center;border:#a0a0a0 1px solid}.user-section .user-article .profile-image-wrapper .profile-edit{width:1.0416666667rem;height:1.0416666667rem;position:absolute;bottom:0;right:0;cursor:pointer}.user-section .user-article form{width:25rem;display:flex;flex-direction:column;gap:1.25rem;margin-top:1.25rem}.user-section .user-article form input,.user-section .user-article form button{height:2.5rem}.user-section .user-article .user-links{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:3.3333333333rem}.user-section .user-article .user-links a{font-size:1rem;color:#191919;text-decoration:none}.user-section .user-article .user-links a.withdrawal{color:#dc3246}.user-section .user-password-modal .modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999}.user-section .user-password-modal .modal-content{width:33.3333333333rem;display:flex;flex-direction:column;gap:1.25rem;padding:2.0833333333rem 4.1666666667rem 4.1666666667rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fafafa;z-index:1000}.user-section .user-password-modal .modal-content h3{font-size:1.6666666667rem}.user-section .user-password-modal .modal-content img{width:1.6666666667rem;height:1.6666666667rem;cursor:pointer;position:absolute;top:.8333333333rem;right:.8333333333rem}.user-section .user-password-modal .modal-content .password-form{display:flex;flex-direction:column;gap:1.25rem}.user-section .user-password-modal .modal-content .password-form input,.user-section .user-password-modal .modal-content .password-form button{height:2.5rem}.memoir-section{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.memoir-section .memoir-edit-title{margin-top:1.6666666667rem;font-size:32px}.memoir-section .memoir-box{display:flex;flex-direction:column;flex:1;gap:.4166666667rem;min-height:0}.memoir-section .memoir-box .memoir-title{width:100%;text-align:left;margin-top:1.6666666667rem}.memoir-section .btn-footer{display:flex;margin-top:2.5rem;width:52.9166666667rem;height:3.3333333333rem;justify-content:flex-end}.memoir-section .btn-footer .improvement-btn{color:#fff;background-color:#70502a;border-color:#70502a}.memoir-section .btn-footer .improvement-btn:hover{background-color:#4b361c;color:#fff;border-color:#4b361c}.memoir-section .progress-circles{display:flex;justify-content:center;flex-direction:row;margin-top:.4166666667rem;gap:.2083333333rem}.memoir-section .progress-circles div{width:.4166666667rem;height:.4166666667rem;border:.0416666667rem solid gray;border-radius:.4166666667rem}.memoir-section .progress-circles .first-circle{background-color:gray}.memoir-container{display:flex;flex-direction:column;width:100%;height:100%;text-align:left;border:1px solid #2d4a70;border-radius:.4166666667rem;padding:.2083333333rem;overflow-y:auto;min-height:0;gap:1.25rem}.memoir-container hr{margin:0}.memoir-container .edit-text{width:100%;height:2.5rem;text-align:center}.title-container{display:flex;flex-direction:column;width:100%;gap:.8333333333rem}.title-container .main-title-container{position:relative;display:flex;align-items:center;justify-content:center;height:2.5rem;text-align:center}.title-container .main-title-container .main-title-content{width:100%;height:100%;text-align:center;border:1px solid #2d4a70;background-color:transparent}.title-container .main-title-container .main-title-content.selected{background-color:#a0a0a0}.title-container .main-title-container img{width:1.25rem;height:1.25rem}.title-container .main-title-container .btn-container{position:absolute;display:flex;right:.4166666667rem;gap:.2083333333rem}.title-container .sub-title-container{display:flex;flex-direction:column;margin-left:4.0833333333rem;gap:.8333333333rem}.title-container .sub-title-container .sub-title{display:flex;justify-content:center;align-items:center;flex-direction:row;height:2.5rem;position:relative}.title-container .sub-title-container .sub-title .sub-title-content{border:1px solid #2d4a70;width:100%;height:100%;text-align:center;background-color:transparent}.title-container .sub-title-container .sub-title .sub-title-content.selected{background-color:#a0a0a0}.title-container .sub-title-container .sub-title img{width:1.25rem;height:1.25rem}.title-container .sub-title-container .sub-title .btn-container{position:absolute;display:flex;right:.4166666667rem;gap:.2083333333rem}.main-edit-container{width:100%}.main-edit-container .edit-text,.sub-edit-container .edit-text{width:100%;height:2.5rem;text-align:center;background-color:transparent}input:focus::placeholder{color:transparent}.improvement-section{display:flex;justify-content:center;align-items:center;flex-direction:column}.improvement-section .memoir-improvement-title{margin-top:1.6666666667rem;font-size:32px}.improvement-section .memoir-title{width:100%;text-align:left}.improvement-section .improvement-box{display:flex;flex-direction:row;gap:.4166666667rem;margin-top:1.6666666667rem}.improvement-section .improvement-box .left-box,.improvement-section .improvement-box .right-box{display:flex;flex-direction:column;gap:.4166666667rem}.improvement-section .improvement-box .improvement-editor{width:26.0416666667rem;height:23.4166666667rem;border:.0416666667rem solid black;resize:none}.improvement-section .progress-circles{display:flex;flex-direction:row;margin-top:.4166666667rem;gap:.2083333333rem}.improvement-section .progress-circles div{width:.4166666667rem;height:.4166666667rem;border:.0416666667rem solid gray;border-radius:.4166666667rem}.improvement-section .progress-circles .second-circle{background-color:gray}.improvement-section .btn-footer{display:flex;margin-top:2.5rem;width:100%;max-width:52.9166666667rem;min-width:33.3333333333rem;justify-content:flex-end;gap:.2083333333rem}.improvement-section .btn-footer .previous-btn{color:#fff;background-color:#70502a;border-color:#70502a}.improvement-section .btn-footer .previous-btn:hover{background-color:#4b361c;color:#fff;border-color:#4b361c}.improvement-section .btn-footer .improvement-btn{color:#fff;background-color:#70502a;border-color:#70502a}.improvement-section .btn-footer .improvement-btn:hover{background-color:#4b361c;color:#fff;border-color:#4b361c}.calender-section{height:100vh;display:flex;justify-content:center;align-items:center}.calender-section .calender-article{width:100%;max-width:53.3333333333rem;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:2.0833333333rem}.calender-section .calender-article .react-calendar{width:100%;max-width:33.3333333333rem;min-height:22.9166666667rem;border:1px solid #a0a0a0;border-radius:.625rem;padding:3% 5%;background-color:#fff;color:#191919}.calender-section .calender-article .react-calendar button{color:#191919;background-color:transparent;border:none}.calender-section .calender-article .react-calendar .react-calendar__tile{position:relative}.calender-section .calender-article .react-calendar .react-calendar__tile:hover{cursor:default}.calender-section .calender-article .react-calendar .react-calendar__navigation{border-bottom:1px solid #a0a0a0;padding-bottom:.8333333333rem}.calender-section .calender-article .react-calendar .react-calendar__navigation__arrow{background-color:transparent;color:#4b6384}.calender-section .calender-article .react-calendar .react-calendar__navigation button:active{background-color:transparent}.calender-section .calender-article .react-calendar .react-calendar__navigation button:focus{background-color:transparent;outline:none}.calender-section .calender-article .react-calendar .react-calendar__navigation__label{flex-grow:0}.calender-section .calender-article .react-calendar .react-calendar__month-view__weekdays__weekday{padding:.8333333333rem 0}.calender-section .calender-article .react-calendar .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none;font-weight:600}.calender-section .calender-article .react-calendar .react-calendar__month-view__weekdays__weekday--weekend abbr[title=토요일]{color:#3232dc}.calender-section .calender-article .react-calendar .react-calendar__month-view__weekdays__weekday--weekend abbr[title=일요일]{color:#dc3232}.calender-section .calender-article .react-calendar .react-calendar__month-view__weekdays__weekday abbr{color:#191919}.calender-section .calender-article .react-calendar .react-calendar__month-view__days__day{font-size:1rem}.calender-section .calender-article .react-calendar .react-calendar__month-view__days__day:nth-child abbr{color:#191919}.calender-section .calender-article .react-calendar .react-calendar__month-view__days__day--weekend:nth-child(7n-1) abbr{color:#3232dc}.calender-section .calender-article .react-calendar .react-calendar__month-view__days__day--weekend:nth-child(7n) abbr{color:#dc3232}.calender-section .calender-article .react-calendar .react-calendar__month-view__days__day--neighboringMonth abbr{color:#a0a0a0!important}.calender-section .calender-article .react-calendar .react-calendar__tile--active{background:none;position:relative;z-index:1}.calender-section .calender-article .react-calendar .react-calendar__tile--active abbr{color:#fff!important;position:relative;z-index:2}.calender-section .calender-article .react-calendar .react-calendar__tile--active:after{content:"";position:absolute;top:50%;left:50%;width:1.6666666667rem;height:1.6666666667rem;border-radius:50%;background-color:#4b6384;transform:translate(-50%,-50%)}.calender-section .calender-article .react-calendar .react-calendar__tile{padding:.625rem}.calender-section .calender-article .react-calendar .react-calendar__year-view__months__month{padding:1.25rem}.calender-section .calender-article .react-calendar .react-calendar__tile-includeData{background-color:#dc3232;border-radius:50%;width:.2916666667rem;height:.2916666667rem;position:absolute;top:68%;left:50%;transform:translate(-50%);z-index:3}.calender-section .calender-article .data-display{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2.0833333333rem 0 2.5rem;gap:1.6666666667rem}.calender-section .calender-article .data-display button{width:10.8333333333rem;height:2.5rem}.calender-section .calender-article .data-display .memoir-content{width:100%;height:100%;overflow-y:auto}.calender-section .calender-article .data-display .memoir-footer{width:100%;display:flex;flex-direction:row;justify-content:end;gap:.8333333333rem}