*{box-sizing:border-box}.App{text-align:center}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.category-container{border:1px solid #e4e5ed;width:900px;margin:10px auto auto;display:flex;flex-direction:column}.wrapper{border-bottom:1px solid #e4e5ed;display:flex;font-size:.95rem}.contents-left{flex-basis:168px;background-color:#fafafc;border-right:1px solid #e4e5ed;font-weight:600;display:flex;justify-content:space-between;align-items:flex-start;padding:0 18px}.contents-right-fold{height:40px;overflow:hidden}.contents-right-fold,.contents-right-unfold{flex:0 1 770px;padding:2px 12px;display:flex;flex-direction:row;flex-wrap:wrap}.contents-right-unfold{overflow:visible}span.text{line-height:40px}button.unClickedBtn{background-color:hsla(0,0%,100%,0)}button.clickedBtn,button.unClickedBtn{position:relative;margin:6px 12px 6px 0;padding:0 10px;border-radius:15px;border:none;line-height:24px;font-size:.9rem;outline:none;cursor:pointer}button.clickedBtn{background-color:#f9dc5c}.removeTag{display:none}.removeTag,.removeTag-mouseOver{position:absolute;right:-4px;top:-4px;width:14px;height:14px;color:#9a9ba7;background-color:#fafafc;border:1px solid #e4e5ed;border-radius:50%;justify-content:center;align-items:center;line-height:11px;font-size:10px}button.unClickedBtn:hover{background-color:#f2f3f7}button.angleDown{-webkit-transform:rotate(0deg);transform:rotate(0deg)}button.angleDown,button.angleDown.clicked{margin:11px -5px auto;border:none;background-color:transparent;font-size:1rem;font-weight:300;cursor:pointer;outline:none}button.angleDown.clicked{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.fa-angle-down:hover{color:#525252}.projects{padding:10px 0 12px;border:1px solid #e4e5ed;margin:10px auto 30px;flex-direction:column}.project-list,.projects{width:900px;display:flex}.project-list{margin:10px auto auto;flex-direction:row;justify-content:center;flex-wrap:wrap;overflow:auto;max-height:900px}.project-name{font-size:1.3rem;font-weight:700}.project-name,a{text-decoration:none}.project img{width:196px;height:120px;object-fit:cover}.project{width:198px;height:271px;margin:10px;border:1px solid #e4e5ed}.projectAll-H3{color:#a0a0a0}.loginContainer,.signUpContainer{background:#d0d0d0;height:100vh;width:100%;overflow:hidden;position:fixed}.signUpBox{margin:50px auto auto;padding:20px;height:700px;width:600px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px 0 rgba(0,0,0,.2);border:1px solid #e0e0e0;flex-direction:column;justify-content:center;align-items:center}.signUpBox,.signUpBoxIn{display:flex}.inputLeftText{margin:auto 5px;width:95px;text-align:right}.loginBox{margin:80px auto auto;padding:20px;height:600px;width:400px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px 0 rgba(0,0,0,.2);border:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:center;align-items:center}.googleBtn{outline:none;box-sizing:border-box;border-radius:5px;background-color:#df6955;border:1px solid #e0e0e0;color:#fff;width:266px;height:50px;cursor:pointer;margin-bottom:15px}.googleBtn>svg,.googleBtnTxt{vertical-align:middle}.googleBtnTxt{display:inline-block;margin-left:10px;font-family:"나눔고딕","NanumGothic","돋움","Dotum";font-weight:700;font-size:.95rem}.btn-login,.btn-signup,input[type=email],input[type=file],input[type=password],input[type=text]{width:266px;height:40px;font-size:.95rem;padding:.5rem;margin:.4rem;font-family:"Malgun Gothic"}.alert-box{font-size:.95rem;color:#e43a40;margin:10px auto auto;font-style:italic}.additionalNotice{font-size:.95rem;margin:15px auto auto}.additionalNotice.link{display:inline-block;margin-left:4px}.far,.fas{color:#c2c2c2}.fa-edit{color:#fff}.valid{color:#33ad33}input::-webkit-input-placeholder{color:rgba(0,0,0,.349)}input:-ms-input-placeholder{color:rgba(0,0,0,.349)}input::placeholder{color:rgba(0,0,0,.349)}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background-color:rgba(0,0,0,.6)}.modal button{outline:none;cursor:pointer;border:0}.modal>section{width:90%;max-width:450px;margin:0 auto;border-radius:.3rem;background-color:#fff;-webkit-animation:modal-show .3s;animation:modal-show .3s;overflow:hidden}.modal>section>header{position:relative;padding:16px 64px 16px 16px;background-color:#f1f1f1;font-weight:700}.modal>section>header button{position:absolute;top:15px;right:15px;width:30px;font-size:21px;font-weight:700;text-align:center;color:#999;background-color:transparent}.modal>section>main{padding:16px;border-bottom:1px solid #dee2e6;border-top:1px solid #dee2e6}.modal>section>footer{padding:12px 16px;text-align:right}.modal>section>footer button{padding:6px 12px;color:#fff;background-color:#6c757d;border-radius:5px;font-size:13px}.modal.openModal{display:flex;align-items:center;-webkit-animation:modal-bg-show .3s;animation:modal-bg-show .3s}@-webkit-keyframes modal-show{0%{opacity:0;margin-top:-50px}to{opacity:1;margin-top:0}}@keyframes modal-show{0%{opacity:0;margin-top:-50px}to{opacity:1;margin-top:0}}@-webkit-keyframes modal-bg-show{0%{opacity:0}to{opacity:1}}@keyframes modal-bg-show{0%{opacity:0}to{opacity:1}}#logo{width:9rem;vertical-align:middle}#nav-body{background-color:#fff;width:100%;height:5rem;position:-webkit-sticky;position:sticky;top:0;border-bottom:1px solid #d4d4d4;display:grid;place-items:center}#title{font-weight:700;font-size:1.8rem;margin-right:auto;margin-left:20px}#titleName{vertical-align:middle}#menu{margin:.6rem;right:0;font-weight:300;position:absolute;display:flex;justify-content:space-between;align-items:center}#menu>div>select{left:80px}#menu>div>button,#menu>div>select{position:relative;margin:auto;border:none;outline:none}#menu>div>button{right:61px;background:none;cursor:pointer}#navBtnLeft,#navBtnRight{text-decoration:none;border-radius:20px;font-size:1rem;font-weight:500;margin:.4rem;padding:.7rem;display:inline-block;border:none}#navBtnLeft{color:#fff;background-color:#5e4955;border:none}#navBtnLeft:hover{color:#000;background-color:rgba(94,73,85,.1450980392156863);border:none}#navBtnRight{color:#000;background-color:#f9dc5c;border:none;outline:none;cursor:pointer}#navBtnRight:hover{color:#000;background-color:rgba(249,220,92,.4117647058823529);border:none}input[type=search]{font-size:.95rem;border-radius:20px;border:1px solid #999;padding-left:95px;height:44px;width:19rem;margin-right:1rem;outline:none;font-family:"Malgun Gothic"}input::-ms-clear,input::-ms-reveal{display:none}input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none}.search-bar{display:flex;justify-content:space-between;align-items:flex-start;margin:auto -42px auto auto}.search-icon{margin:auto}li{list-style:none}.myProfile-body{display:flex;flex-direction:column;justify-content:center;align-items:center}.tag_lists{display:flex}.tag_lists .tag{background:#333;color:#fff;padding:5px;margin-left:3px;border-radius:10px}.myProfile-left>div{margin-top:10px}.myProfile-border{width:100%;max-width:580px;padding:20px;margin:20px;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;border-radius:15px;box-shadow:7px 3px 23px -2px rgba(0,0,0,.3)}.myProject_list{width:470px;border:1px solid #ddd;padding:5px 15px;margin:5px;border-radius:10px}.myProject_list>div{display:flex;justify-content:space-between;align-items:center}.myProject_list h3{flex:1 1}.modify,.myProject_list>div>button,.project_list button{margin-left:5px;border:none;background:#6495ed;outline:none;padding:7px;border-radius:5px;cursor:pointer;color:#fff;font-weight:600;font-size:15px}.popup{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center}.popup_inner{position:relative;padding:20px;width:100%;max-width:580px;background:#fff}.close_popup{position:absolute;top:16px;right:16px;border:none;background:#00008b;outline:none;padding:5px;border-radius:5px;cursor:pointer;color:#fff;font-weight:600}.volunteer_list{justify-content:space-between;padding:20px}.userList,.volunteer_list{display:flex;align-items:center}.applied-border,.userList{justify-content:space-around}.applied-border{width:100%;max-width:580px;padding:20px;display:flex;flex-direction:column;flex-wrap:wrap;border-radius:15px;box-shadow:7px 3px 23px -2px rgba(0,0,0,.3)}.applied_report{padding:10px}.applied_report,.volunteer_lists{border:1px solid #ddd;border-radius:10px}.volunteer_lists{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 15px;margin:5px}.volunteer_lists button{margin-left:5px;border:none;background:#6495ed;outline:none;padding:7px;border-radius:5px;cursor:pointer;color:#fff;font-weight:600}.projectDetails{width:800px}.projectDetail,.projectDetails{display:flex;flex-direction:column;align-items:center;border:1px solid #e4e5ed;margin:10px auto;padding:10px;border-radius:10px}.projectDetail{width:750px}.projectDesc{display:flex;flex-direction:column;justify-content:center}.pjContainer,.writerContainer{display:flex;flex-direction:column;border-radius:10px;border:1px solid #ddd;width:600px;margin:10px;padding:10px}.pjwriter{padding:5px;border-radius:5px}.pjDescription,.pjwriter{display:flex;align-items:center;margin:5px 5px 5px 10px}.pjDescription{padding:10px;border:1px solid #ddd;border-radius:5px}.pjleft{justify-content:flex-end;width:45%;margin-right:10px}.pjleft,.pjright{display:flex;align-items:center}.pjright{justify-content:flex-start;margin-left:10px;width:55%;overflow:auto}.pjDescription-dsec{display:flex;flex-direction:column;padding:10px;margin:5px 5px 5px 10px;border:1px solid #ddd;border-radius:5px}.attendbtn,.updatebtn{position:relative;margin:5px;line-height:30px;padding:0 10px;border:#000;border-radius:15px;color:#303441;background-color:#f9dc5c;font-size:15px;cursor:pointer}.linkBack{color:#fff;background-color:#524955}.linkBack,.linkUpdate{position:relative;margin:10px;padding:5px 10px;border:#000;border-radius:15px;font-size:15px;cursor:pointer}.linkUpdate{color:#303441;background-color:#f9dc5c}.linkCreate{position:relative;margin:10px;padding:5px 30px;border:#000;border-radius:15px;color:#fff;background-color:#e43a40;font-size:16px;cursor:pointer}.linkcrt{text-align:center}.loading{width:200px}.stack{margin-right:5px}.projectCreate{flex-direction:column;border:1px solid #e4e5ed;width:100%;max-width:1000px;margin:20px auto;padding:10px;border-radius:10px}.crtProject,.projectCreate{display:flex;align-items:center}.crtProject{width:600px;margin-top:10px;margin-bottom:10px}.crtLeft{display:flex;justify-content:flex-start;width:130px;margin-right:10px}.project-desc{width:400px;height:150px;resize:vertical;font-size:.95rem;padding:.5rem;margin:.4rem;font-family:"Malgun Gothic"}.createbtn{position:relative;margin:5px;line-height:30px;padding:0 10px;border:#000;border-radius:15px;color:#303441;background-color:#f9dc5c;font-size:15px;cursor:pointer}.project-deadline{margin-left:6px;width:266px;height:34px;padding-left:10px;font-size:1rem}.invisable{display:none}
/*# sourceMappingURL=main.0cf54634.chunk.css.map */