@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{padding:0;margin:0;border:0;font-family:Montserrat}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{all:unset;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}body{width:100%;height:100vh}header{font-size:12px;display:flex;justify-content:center;align-items:center;justify-content:space-between;height:47px;padding:5px;background:#1D2125}header .header__left,header .header__right,header ul{display:flex;justify-content:center;align-items:center;gap:5px}header .header__left li,header .header__right li,header ul li{border-radius:3px;transition:.3s ease;cursor:pointer;gap:5px;padding:9px 12px;display:flex;justify-content:center;align-items:center}header .header__left li a,header .header__right li a,header ul li a{font-weight:600;color:#9eacba}header .header__left li svg,header .header__right li svg,header ul li svg{width:16px;height:16px;color:#9eacba}header .header__left li:hover,header .header__right li:hover,header ul li:hover{background:#2f3234}header .header__left .logo{filter:brightness(0) saturate(100%) invert(66%) sepia(20%) saturate(225%) hue-rotate(170deg) brightness(101%) contrast(85%)!important}header .header__left .cube,header .header__left .logo-cont{cursor:pointer;border-radius:3px;transition:.3s ease;padding:9px}header .header__left .cube:hover,header .header__left .logo-cont:hover{background:#2f3234}header .header__left .cube{padding:6px 8px}header .header__left button{width:75px;height:32px;border:none;border-radius:3px;font-size:14px;color:#000;margin-left:5px;background:#579dff;transition:.3s ease;text-align:center}header .header__left button:hover{background:#81b6ff}header .header__left button:active{scale:.7}header .header__center form{position:relative}header .header__center form input{border:2px solid #384148;height:32px;width:290px;font-size:14px;background-color:#22272b;color:#8c9bab;padding:0 15px 0 30px;border-radius:5px}header .header__center form svg{position:absolute;top:50%;left:10px;filter:brightness(0) saturate(100%) invert(66%) sepia(20%) saturate(225%) hue-rotate(170deg) brightness(101%) contrast(85%)!important;width:16px;height:16px;translate:0 -50%}header .header__right{gap:40px}header .header__right .social ul li{width:34px;height:34px;border-radius:100%}header .header__right .social ul li a svg{scale:1.5}.sub-head{display:flex;justify-content:center;align-items:center;padding:0 5px;height:56px;background:rgba(0,0,0,.2352941176);color:#fff;justify-content:space-between}.sub-head .board-btn{background:#dfe1e6;color:#172b4d;transition:.3s ease}.sub-head .board-btn:hover{background:#f7faff}.sub-head .board-btn:active{scale:.7}.sub-head .board_container{position:fixed;top:50%;left:50%;translate:-50% -50%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;align-items:start;top:calc(0% + 270px);left:395px;z-index:1;padding:15px;position:absolute;background-color:#fff;color:#000;font-size:16px;border-radius:2px;display:none;opacity:0;transition:.3s linear}.sub-head .board_container p{cursor:pointer;transition:.3s ease;border-radius:5px;padding:5px;width:100%}.sub-head .board_container p:hover{background:#b7b7b7}.sub-head .board_container .board-close{color:#a6b1be;transition:.5s ease;font-size:18px;font-weight:700;cursor:pointer;position:absolute;right:15px;top:10px;top:0;right:3px}.sub-head .board_container .board-close:hover,.sub-head .board_container .board-close:focus{color:#fff;cursor:pointer}.sub-head .board_container .board-close:hover,.sub-head .board_container .board-close:focus{color:#000}.sub-head .board-btn-next{rotate:180deg;transition:.3s ease}.sub-head .divide{border-left:1px solid rgba(255,255,255,.1607843137);height:16px;margin:8px 4px;display:inherit}.sub-head__left .members-box{display:flex;justify-content:center;align-items:center}.sub-head__left .members-box__item{display:flex;justify-content:center;align-items:center;width:20px;height:30px;border-radius:50%;cursor:pointer}.sub-head__left .members-box__item img{width:30px}.sub-head__left .members-box__item:hover{z-index:1}.sub-head__left .last-child{width:30px;height:30px;background:#dfe1e6!important;color:#000;font-size:13px;font-weight:500;margin-left:-7px}.sub-head__left ul{display:flex;justify-content:center;align-items:center;gap:5px}.sub-head__left ul li{font-size:12px;padding:5px 10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s ease;border-radius:3px;gap:5px}.sub-head__left ul li svg{width:18px}.sub-head__left ul li .star{transition:.3s ease}.sub-head__left ul li:hover{background:rgba(255,255,255,.1450980392)}.sub-head__left ul li:hover .star{scale:1.1}.sub-head__left ul li .board-name{padding:5px 0;font-size:16px;font-weight:500}.sub-head__left ul #open_add_modal{padding:10px}.sub-head__right{display:flex;justify-content:center;align-items:center}.sub-head__right ul{display:flex;justify-content:center;align-items:center;gap:5px}.sub-head__right ul .filter{padding:5px}.sub-head__right ul li{font-size:12px;padding:7px 10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s ease;border-radius:3px;gap:5px}.sub-head__right ul li img{transition:.3s ease}.sub-head__right ul li:hover{background:rgba(255,255,255,.1450980392)}.sub-head__right ul li:hover img{scale:1.1}.sub-head__right ul li svg{width:18px}main{padding:10px;display:flex;justify-content:center;align-items:center;align-items:start;justify-content:start;height:83%;gap:30px;overflow:auto;max-width:100vw}main::-webkit-scrollbar{height:10px;width:1px}main::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:5px}main::-webkit-scrollbar-thumb:hover{background-color:#0009}main::-webkit-scrollbar-track{background-color:#0000001a}main .wrapper{position:relative;padding:15px;border-radius:10px;background:#101204;color:gray;min-width:400px}main .wrapper h2{margin-bottom:10px}main .addCont{position:absolute;top:calc(0% + 50px);left:53%;width:50px;height:50px;background:#cbc9c9;border-radius:100%;box-shadow:0 0 1px;cursor:pointer;transition:.3s ease}main .addCont:before,main .addCont:after{content:"";position:fixed;top:50%;left:50%;translate:-50% -50%;position:absolute;width:30px;height:5px;background:#595656;border-radius:10px}main .addCont:before{rotate:90deg}main .addCont:hover{filter:brightness(1.1)}main .todos{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;min-height:50px;border-radius:10px}main .todo{position:relative;width:100%;padding:10px;background:#22272B;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:start;gap:10px;cursor:grab;transition:.3s}main .todo:hover{background:rgb(41,47,49)}main .todo:hover .pencil{opacity:1}main .todo .todo__members img{width:35px}main .todo .date{display:flex;justify-content:center;align-items:center;gap:5px}main .todo .date img{width:20px}.finded{z-index:1000;box-shadow:0 0 10px 2px #fff}.addNewUserWindow{position:fixed;top:50%;left:50%;translate:-50% -50%;border-radius:9px;box-shadow:0 5px 15px #00000040;color:#a6b1be;background:#323940;padding:20px;display:flex;justify-content:center;align-items:center;display:none;opacity:0;scale:.5;flex-direction:column;gap:40px;transition:.5s ease}.addNewUserWindow h2{font-size:24px}.addNewUserWindow form{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:start;gap:20px}.addNewUserWindow form label p{font-size:16px;margin-bottom:10px}.addNewUserWindow form label input,.addNewUserWindow form label select{padding:10px;width:500px;background:rgba(0,0,0,.7019607843);color:#a6b1be;border-radius:8px}.addNewUserWindow form label input::placeholder,.addNewUserWindow form label select::placeholder{color:#a6b1be}.addNewUserWindow form .addMember h3{font-size:18px;margin-bottom:10px}.addNewUserWindow form button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;transition:.3s ease}.addNewUserWindow form button:hover{background-color:#45a049}.addNewUserWindow .close-btn_styling{color:#a6b1be;transition:.5s ease;font-size:18px;font-weight:700;cursor:pointer;position:absolute;right:15px;top:10px}.addNewUserWindow .close-btn_styling:hover,.addNewUserWindow .close-btn_styling:focus{color:#fff;cursor:pointer}.addNewUserWindow .icons-cont{display:flex;justify-content:center;align-items:center;width:100%;width:500px;justify-content:space-around}.addNewUserWindow .icons-cont div{cursor:pointer}.todoModal_bg{width:100%;height:100vh;display:none;opacity:0;position:fixed;top:0;left:0;background:rgba(0,0,0,.431372549);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:.5s linear}.todoModal{position:fixed;top:50%;left:50%;translate:-50% -50%;border-radius:9px;box-shadow:0 5px 15px #00000040;color:#a6b1be;background:#323940;padding:20px 40px;display:flex;justify-content:center;align-items:center;display:none;opacity:0;scale:.5;flex-direction:column;transition:.5s ease}.todoModal form{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:start;gap:5px}.todoModal form p{font-size:16px;margin-bottom:10px}.todoModal form input,.todoModal form select,.todoModal form textarea{padding:10px;width:700px;background:rgba(0,0,0,.7019607843);color:#a6b1be;border-radius:8px}.todoModal form input::placeholder,.todoModal form select::placeholder,.todoModal form textarea::placeholder{color:#a6b1be}.todoModal form .btn-cont{margin:5px auto 0;display:flex;justify-content:center;align-items:center;gap:10px}.todoModal form button{padding:10px;border-radius:6px;border:none;font-size:18px;color:#a6b1be;cursor:pointer;background:rgba(0,0,0,.7);transition:.3s ease}.todoModal form button:hover{background:rgb(0,0,0)}.todoModal_close{color:#a6b1be;transition:.5s ease;font-size:18px;font-weight:700;cursor:pointer;position:absolute;right:15px;top:10px}.todoModal_close:hover,.todoModal_close:focus{color:#fff;cursor:pointer}.selectedMember{outline:2px solid #FFF;border-radius:100%}.addNewUserWindow_backGround{width:100%;height:100vh;display:none;opacity:0;position:fixed;top:0;left:0;background:rgba(0,0,0,.431372549);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:.5s linear}.selected-items{display:flex;justify-content:center;align-items:center;justify-content:start;gap:5px;overflow-x:auto;max-width:700px;padding-bottom:5px}.selected-items::-webkit-scrollbar{height:10px;width:1px}.selected-items::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:5px}.selected-items::-webkit-scrollbar-thumb:hover{background-color:#0009}.selected-items::-webkit-scrollbar-track{background-color:#0000001a}.selected-item{display:flex;justify-content:center;align-items:center;position:relative;background:rgba(0,0,0,.7019607843);justify-content:start;width:fit-content;min-width:120px;gap:10px;padding:10px;border-radius:7px;margin-top:10px;cursor:pointer;transition:.3s ease}.selected-item img{width:30px}.selected-item:hover{background:rgba(0,0,0,.4745098039)}.remove{color:#a6b1be;transition:.5s ease;font-size:18px;font-weight:700;cursor:pointer;position:absolute;right:15px;top:10px;top:2px;right:2px;scale:.6}.remove:hover,.remove:focus{color:#fff;cursor:pointer}.error{border:1px solid red}.pencil{position:absolute;top:5px;right:5px;border-radius:5px;padding:5px;transition:.3s ease;cursor:pointer;opacity:0}.pencil img{width:15px;filter:invert(.5)}.pencil:hover{background-color:#00000060}.hold{border:5px solid gray;filter:brightness(5);cursor:grabbing}.invisible{display:none}.hovered{display:flex;justify-content:center;align-items:center;background:gray;border-style:dashed;gap:50px}.canvas-for-search{display:none;opacity:0;transition:.4s ease;width:100%;height:calc(100% - 47px);position:absolute;bottom:0px;left:0px;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.contModal{position:fixed;top:50%;left:50%;translate:-50% -50%;top:-10%;display:none;transition:.5s linear}.contModal form input{padding:20px;width:500px;background:black;color:#a6b1be;border-radius:5px;font-size:16px}.contModal form input::placeholder{color:#a6b1be}.contModal_bg{width:100%;height:100vh;display:none;opacity:0;position:fixed;top:0;left:0;background:rgba(0,0,0,.431372549);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:.5s linear}.more{position:absolute;top:10px;right:10px;cursor:all-scroll;transition:.3s;display:flex;align-items:center;justify-content:center;padding:5px 10px 15px;height:1px;border-radius:3px}.more:hover{background:#636262}.trash{position:fixed;bottom:10px;left:50px;opacity:0;transition:opacity .6s,bottom .6s cubic-bezier(.305,.015,.35,1.385)}.trash:hover{opacity:1}.trash .cover{rotate:50deg}