@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap);@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);:root{--background:#f9f1f1;--box-bg:#fff9f9;--btn:#ff9090;--active-li:#ece4e4;--completed-li:#c1b8b8;--active-txt:#827c7c;--completed-txt:#fff5f5;--shadow:0px 4px 20px 13px rgba(128,67,67,.08);--shadow-li:0px 4px 4px 0px rgba(0,0,0,.1);--input:#fffbfb;--check:#fff}*{box-sizing:border-box;font-family:Noto Sans KR,NanumSquare,sans-serif;margin:0;padding:0;transition:all .5s ease-out;-webkit-user-select:auto;user-select:auto}html.dark{--background:#272727;--box-bg:#534d4d;--btn:#b67d7d;--active-li:#3f3939;--completed-li:#494242;--active-txt:#fff5f5;--completed-txt:#827c7c;--shadow-li:0px 4px 4px 0px rgba(0,0,0,.1);--shadow:0px 4px 20px 13px rgba(0,0,0,.08);--input:#c5bebe;--check:#a99b9b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#f9f1f1;background-color:var(--background);display:flex;height:100vh;justify-content:center;margin:0;width:100vw}li{list-style:none}button,input{background-color:initial;border:none;outline:none}#root{background-color:#fff9f9;background-color:var(--box-bg);border-radius:20px;box-shadow:0 4px 20px 13px rgba(128,67,67,.08);box-shadow:var(--shadow);height:520px;position:relative;width:1000px}@media only screen and (max-width:767px){#root{height:44rem;width:23rem}}@media only screen and (min-width:768px) and (max-width:1023px){#root{height:50rem;width:46rem}}.Nav_nav__XCV7F{background-color:var(--box-bg);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;height:450px;justify-content:space-between;left:30px;position:relative;top:30px;width:250px}li{padding:0 1.5rem;position:relative}.Nav_btn__hPi23{color:var(--active-txt);cursor:pointer;font-family:NanumSquare;font-size:1.3rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.Nav_btn__hPi23:first-child{padding-top:1.5rem}.Nav_btn__hPi23.Nav_filter__oqH-9{color:var(--btn)}.Nav_btn__hPi23.Nav_filter__oqH-9:after{border-top:2.4px solid var(--btn);content:"";display:block;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:35%}.Nav_btn__hPi23.Nav_filter__oqH-9:hover:after{-webkit-animation:none;animation:none;content:"";display:block;left:auto;padding-bottom:1px;position:absolute;top:49.5px}li:first-child .Nav_btn__hPi23.Nav_filter__oqH-9:after{width:17%}li:last-child .Nav_btn__hPi23.Nav_filter__oqH-9:after{width:56%}.Nav_btn__hPi23:hover{color:var(--btn)}.Nav_btn__hPi23:hover:after{-webkit-animation:Nav_show__DUrW5 .4s ease-in-out;animation:Nav_show__DUrW5 .4s ease-in-out;border-top:2.4px solid var(--btn);bottom:.75rem;content:"";display:block;left:auto;padding-bottom:1px;position:absolute;top:49.5px;-webkit-transform-origin:left;transform-origin:left;width:35%}li:first-child .Nav_btn__hPi23:hover:after{width:17%}li:last-child .Nav_btn__hPi23:hover:after{width:56%}@-webkit-keyframes Nav_show__DUrW5{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes Nav_show__DUrW5{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.Nav_toggle__28N3E{border-radius:20px;color:var(--btn);cursor:pointer;display:inline-block;font-size:1.5rem;margin-bottom:1rem;padding-left:1.2rem;text-align:start;width:50px}@media only screen and (max-width:767px){.Nav_nav__XCV7F{flex-direction:row-reverse;height:3.5rem;left:24px;top:1.4rem;width:20rem}.Nav_nav__XCV7F ul{display:flex}li{padding:0 1rem 0 0}.Nav_btn__hPi23{font-size:.9rem}.Nav_btn__hPi23:first-child{padding-top:1.2rem}.Nav_toggle__28N3E{margin-bottom:0}.Nav_btn__hPi23:hover:after{top:36.5px;width:76%}li:first-child .Nav_btn__hPi23:hover:after{width:63%}li:last-child .Nav_btn__hPi23:hover:after{width:85%}.Nav_btn__hPi23.Nav_filter__oqH-9:after{width:76%}.Nav_btn__hPi23.Nav_filter__oqH-9:hover:after{top:36.5px}li:first-child .Nav_btn__hPi23.Nav_filter__oqH-9:after{width:63%}li:last-child .Nav_btn__hPi23.Nav_filter__oqH-9:after{width:85%}}@media only screen and (min-width:768px) and (max-width:1023px){.Nav_nav__XCV7F{flex-direction:row-reverse;height:3.5rem;left:24px;top:1.4rem;width:43rem}.Nav_nav__XCV7F ul{display:flex}li{padding:0 2rem 0 0}.Nav_btn__hPi23{font-size:1.2rem}.Nav_btn__hPi23:first-child{padding-top:1rem}.Nav_toggle__28N3E{margin-bottom:0}.Nav_btn__hPi23:hover:after{top:39.5px;width:70%}li:first-child .Nav_btn__hPi23:hover:after{width:55%}li:last-child .Nav_btn__hPi23:hover:after{width:80%}.Nav_btn__hPi23.Nav_filter__oqH-9:after{width:70%}.Nav_btn__hPi23.Nav_filter__oqH-9:hover:after{top:39.5px}li:first-child .Nav_btn__hPi23.Nav_filter__oqH-9:after{width:55%}li:last-child .Nav_btn__hPi23.Nav_filter__oqH-9:after{width:80%}}.Todo_todoLi__lt9Zn{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.165rem}input[type=checkbox]{display:none}input[type=checkbox]:checked+.Todo_label__nPdKQ{background-color:var(--completed-li);color:var(--completed-txt);text-decoration:line-through}input[type=checkbox]:checked+.Todo_label__nPdKQ:before{background-color:#939393}input[type=checkbox]:checked+.Todo_label__nPdKQ:after{visibility:visible}.Todo_label__nPdKQ{color:var(--active-txt);font-family:NanumSquare;font-size:1rem;font-weight:800;position:relative}.Todo_label__nPdKQ:before{background-color:var(--check);border-radius:100%;box-shadow:var(--shadow-li);content:"";display:inline-block;height:32px;width:32px}.Todo_label__nPdKQ:after{border-radius:100%;color:#beb3b3;content:"\f00c";display:inline-block;font-family:FontAwesome;font-size:1.5rem;left:25px;position:absolute;top:12px;visibility:hidden}.Todo_label__nPdKQ{align-items:center;background-color:var(--active-li);border-radius:20px;box-shadow:var(--shadow-li);-webkit-column-gap:20px;column-gap:20px;cursor:pointer;display:flex;max-width:580px;padding:.45rem 1.3rem}.Todo_del__BaLGI .Todo_delicon__bMZ7K{color:var(--btn);cursor:pointer;font-size:1.7rem}.Todo_del__BaLGI .Todo_delicon__bMZ7K:hover{-webkit-transform:rotate(35deg);transform:rotate(35deg)}@media only screen and (max-width:767px){.Todo_todoLi__lt9Zn{margin-bottom:.95rem}.Todo_label__nPdKQ:before{height:20px;width:20px}.Todo_label__nPdKQ{-webkit-column-gap:10px;column-gap:10px;font-size:.78rem;max-width:18rem;padding:.7rem .78rem}.Todo_del__BaLGI .Todo_delicon__bMZ7K{font-size:1.2rem}.Todo_label__nPdKQ:after{font-size:1rem;left:14.5px;top:.85rem}}@media only screen and (min-width:768px) and (max-width:1023px){.Todo_todoLi__lt9Zn{margin-bottom:1.7rem}.Todo_label__nPdKQ:before{height:30px;width:30px}.Todo_label__nPdKQ{-webkit-column-gap:30px;column-gap:30px;font-size:1.2rem;max-width:30rem;padding:.7rem 1.5rem}.Todo_del__BaLGI .Todo_delicon__bMZ7K{font-size:1.45rem}.Todo_label__nPdKQ:after{font-size:1.4rem;left:28px;top:16px}}.AddTodo_form__5uWhY{border-radius:20px;bottom:10px;box-shadow:var(--shadow);left:10px;position:relative;right:0;width:600px}.AddTodo_form__5uWhY .AddTodo_valid__z5OsT{color:var(--btn);font-size:.8rem;font-weight:800;height:100%;left:20px;position:absolute;top:50px;width:100%}.AddTodo_input__Me9JC{background-color:var(--input);border-radius:20px;padding:.8rem 2rem;width:100%}.AddTodo_btn__pzy4k{background-color:var(--btn);border-radius:20px;box-shadow:var(--shadow);color:var(--completed-txt);font-weight:700;height:45px;letter-spacing:-1px;padding:.5rem 1rem;position:absolute;right:0;text-transform:lowercase;width:80px}@media only screen and (max-width:767px){.AddTodo_form__5uWhY{bottom:75px;left:.5rem;width:21rem}}@media only screen and (min-width:768px) and (max-width:1023px){.AddTodo_form__5uWhY{bottom:70px;left:.89rem;width:43rem}}.TodoList_section__yiDwl{display:flex;flex-direction:column;height:88%;justify-content:space-between;left:350px;position:absolute;top:30px}.TodoList_article__yDVMa{height:393.5px;overflow-y:scroll;padding:.2rem 1rem;width:620px}@media only screen and (max-width:767px){.TodoList_section__yiDwl{left:8px;top:120px}.TodoList_article__yDVMa{height:29rem;width:23rem}}@media only screen and (min-width:768px) and (max-width:1023px){.TodoList_section__yiDwl{left:8px;top:120px}.TodoList_article__yDVMa{height:35rem;width:46.5rem}}
/*# sourceMappingURL=main.5e9dc337.css.map*/