*{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body{background-color:#fbfefd}h1{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{background-color:transparent;border:0}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:none}a,button{cursor:pointer}ul,ol{list-style:none;padding-left:0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.loader{z-index:10;width:50px;aspect-ratio:1;display:grid;-webkit-mask:conic-gradient(from 15deg,rgba(0,0,0,0),#000);animation:l26 1s infinite steps(12)}.loader,.loader:before,.loader:after{background:radial-gradient(closest-side at 50% 12.5%,#41A8B5 96%,rgba(0,0,0,0)) 50% 0/20% 80% repeat-y,radial-gradient(closest-side at 12.5% 50%,#41A8B5 96%,rgba(0,0,0,0)) 0 50%/80% 20% repeat-x}.loader:before,.loader:after{content:"";grid-area:1/1;transform:rotate(30deg)}.loader:after{transform:rotate(60deg)}@keyframes l26{to{transform:rotate(1turn)}}.wrapper-loading,.wrapper{height:100vh;display:flex;justify-content:center;align-items:center}.login{box-shadow:0 0 5px #0000001a;border-radius:15px;background-color:#fff;z-index:1;width:25.1rem;height:32.1rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.login .login__desc{font-weight:700;margin-bottom:20px}.login .login__form{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:20.1rem}.login .login__form input{width:19rem;border-radius:10px;height:3rem;padding:1rem;background-color:#f5f5f5;margin-bottom:.8rem}.login .login__form .login__btn{background-color:#050632;color:#fff;font-weight:700;font-size:1.2rem}.login .login__form .login__title{font-size:1.6rem;color:#41a8b5;font-weight:900}.login .login__sns-box{display:flex;align-items:center;justify-content:start;width:70%}.login__or{width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin:20px 0}.login__or span{background-color:#fff;width:60px;height:30px;position:absolute;text-align:center;top:-7px;font-weight:700}.login__or hr{width:80%;border:1px solid #C9D5DA}.login__img{width:45.1rem;height:39.1rem}.auth-question{margin-top:20px;color:#d3d3d3;font-weight:700}.auth-question a{color:#6eaaf8}.sns-login{display:flex;align-items:center;justify-content:center;border-radius:10px;padding:10px}.sns-login img{width:40px;height:40px}.join-bg{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.join-bg .join-box{width:400px;height:500px;box-shadow:0 0 10px #0000001a;border-radius:20px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:20px 0}.join-bg section{font-weight:700;color:#dcdcdc}.join-bg section a{color:#6eaaf8}.join{display:flex;align-content:center;justify-content:center;flex-direction:column}.join h1{font-size:25px;color:#41a8b5;font-weight:900;text-align:center}.join .join-intro{font-weight:700;text-align:center;margin-bottom:20px}.join .join-intro span{color:#41a8b5}.join input{width:300px;height:40px;margin-bottom:10px;background-color:#f5f5f5;border-radius:10px;padding-left:15px;font-size:13px}.join .join-btn{background-color:#050632;color:#fff;height:50px;font-weight:700;font-size:15px}.join .join-btn:hover{cursor:pointer}.wrapper-menu{display:flex;align-items:start;justify-content:center;height:100%;width:100%}.wrapper-menu .nav-box{width:300px}.wrapper-menu .search-bar{display:flex;align-items:center;padding:13px 10px;width:220px;background-color:#f5f5f5;height:35px;border-radius:10px;margin-bottom:20px}.wrapper-menu label{margin-right:5px}.wrapper-menu img{width:20px}.wrapper-menu input::placeholder{color:#989898}.wrapper-menu .nav{position:fixed;top:0;left:0;margin-left:20px;display:flex;align-items:start;justify-content:space-between;flex-direction:column;height:100vh}.wrapper-menu .nav .post-btn{background-color:#4bc1cf;padding:10px 80px;border-radius:30px;font-size:18px;font-weight:900;color:#fff}.wrapper-menu .nav .post-btn:hover{background-color:#41a8b5;transition:1s ease}.wrapper-menu .nav hr{border:#d9d9d9 .6px solid;width:200px;margin-bottom:10px}.wrapper-menu .nav h1{font-size:24px;color:#41a8b5;font-weight:900}.wrapper-menu .nav .nav__menu-item{display:flex;align-items:center;justify-content:start;padding:5px 10px;margin-bottom:22px}.wrapper-menu .nav .nav__menu-item:hover{cursor:pointer;width:200px;border-radius:10px;scale:1.1;transition:scale 1s ease}.wrapper-menu .nav .nav__menu-item img{width:30px;height:30px;margin-right:10px}.wrapper-menu .nav .nav__menu-item span{font-weight:700;font-size:20px}.wrapper-menu .nav .nav__menu-item a{display:flex;align-items:center}.search-box{width:30%}.search{margin:22px 32px;position:fixed;top:0;right:7%}.middle{width:520px}.post-modal-bg{background-color:#0009;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:fixed;top:0;z-index:1}.post-tweet-form{padding:10px 20px;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 10px #0006;border-radius:10px;width:520px;height:auto;scale:1;transition:scale 1s ease}.post-tweet-form .tweet-length{text-align:end;margin-bottom:5px;color:#c1c1c1;font-weight:700;font-size:12px}.post-tweet-form .post__box{border:2px solid #ececec;width:520px;padding:10px 20px;height:auto;display:flex;flex-direction:column}.post-tweet-form .post__box .post__line{border:#bab0b0 1px solid;margin-bottom:6px}.post-tweet-form textarea{width:auto;height:70px;margin-top:20px;font-weight:700;font-size:14px;resize:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.post-tweet-form img{width:24px}.post-tweet-form .post__btn{font-family:Arial,sans-serif;display:flex;align-items:center;justify-content:center;background-color:#4bc1cf;color:#fff;font-weight:700;padding:10px 14px;border-radius:10px;font-size:18px}.post-tweet-form #photo{display:none;width:100%;height:200px}.post-tweet-form .post__bottom{display:flex;align-items:center;justify-content:space-between}.post-tweet-form .post__bottom .post__photo,.post-tweet-form .post__bottom label{width:100%;height:200px;margin-bottom:20px;border-radius:10px;object-fit:contain}.post-tweet-form .post__info{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}.post-tweet-form .post__info label{font-weight:900;font-size:14px}.post-tweet-form .post__info .post__first,.post-tweet-form .post__info .post__second{width:100%;display:flex}.post-tweet-form .post__info .post__number,.post-tweet-form .post__info .post__date,.post-tweet-form .post__info .post__type,.post-tweet-form .post__info .post__position{width:50%;margin-bottom:10px}.post-tweet-form .post__info .post__number input,.post-tweet-form .post__info .post__date input,.post-tweet-form .post__info .post__type input,.post-tweet-form .post__info .post__position input{width:100px;font-size:12px;margin-left:20px;font-weight:700}.post-tweet-form .post__info .post__number div,.post-tweet-form .post__info .post__date div,.post-tweet-form .post__info .post__type div,.post-tweet-form .post__info .post__position div{margin-top:10px}.post-tweet-form .post__info .post__number span,.post-tweet-form .post__info .post__date span,.post-tweet-form .post__info .post__type span,.post-tweet-form .post__info .post__position span{border:1px solid #ececec;border-radius:14px;padding:3px 14px;margin-right:6px;margin-bottom:6px;font-weight:700;font-size:12px;display:inline-block}.post-tweet-form .post__info .post__number span:hover,.post-tweet-form .post__info .post__date span:hover,.post-tweet-form .post__info .post__type span:hover,.post-tweet-form .post__info .post__position span:hover{border:1px solid #4BC1CF;transition:border 1s ease;cursor:pointer}.post-tweet-form .post__info .post__number .select-btn,.post-tweet-form .post__info .post__date .select-btn,.post-tweet-form .post__info .post__type .select-btn,.post-tweet-form .post__info .post__position .select-btn{border:1px solid #4BC1CF}.post-tweet-form .post__info .post__skill{width:100%;display:flex;flex-direction:column;margin-bottom:20px}.post-tweet-form .post__info .post__skill input{margin-top:10px;width:200px;font-size:12px}.post-tweet-form .post__info .post__skill .skill-list{display:flex;justify-content:start;flex-wrap:wrap}.post-tweet-form .post__info .post__skill .skill-item{border:1px solid #4BC1CF;border-radius:14px;padding:3px 14px;font-size:12px;font-weight:700;margin-right:10px;margin-top:10px}.post-tweet-form .post__info .post__skill .skill-item:hover{cursor:pointer;border:1px solid #ececec}.tweet{margin-top:5px;border:1px solid #ECECEC;height:auto;padding:14px;position:relative;border-radius:10px}.tweet hr{border:.6px #f4f3f3 solid;margin:5px 0;width:100%}.tweet .tweet__header{display:flex;align-items:center;justify-content:space-between}.tweet .tweet__header .tweet__username{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:40px}.tweet .tweet__header .team-btn{background-color:#4bc1cf;color:#fff;font-weight:700;padding:5px 14px;border-radius:5px;font-size:14px;vertical-align:middle;font-family:Arial,sans-serif}.tweet .tweet__header-left{display:flex;align-items:center;width:auto;justify-content:space-between}.tweet .tweet__header-left .tweet__detail{display:flex;align-items:center;justify-content:center;width:300px}.tweet .tweet__header-left .tweet__detail span{font-size:13px;border:1px solid #4BC1CF;padding:3px 8px;margin-right:10px;border-radius:30px;font-weight:900;display:flex;align-items:center}.tweet .tweet__header-left .tweet__detail span img{width:16px;margin-right:3px}.tweet .tweet__header .tweet__userModal{padding:5px;background-color:#fff;width:100px;height:70px;box-shadow:0 0 2px #00000080;position:absolute;top:5px;right:10px;border-radius:5px;display:flex;align-items:start;justify-content:center;flex-direction:column;font-size:18px;transition:all .3s}.tweet .tweet__header .tweet__userModal button{display:flex;align-items:center;font-weight:700;margin-bottom:3px}.tweet .tweet__header .tweet__userModal button img{margin-right:5px}.tweet .tweet__middle{display:flex;align-items:start;justify-content:center;flex-direction:column}.tweet .tweet__middle .tweet__content{font-size:14px;margin:5px 0;font-weight:700}.tweet .tweet__middle img{border-radius:10px;width:100%;height:auto}.tweet .tweet__bottom{display:flex;align-items:start;justify-content:space-between;margin-top:20px;flex-direction:column}.tweet .tweet__bottom .tweet__user-type{display:flex;flex-wrap:wrap}.tweet .tweet__bottom .tweet__user-type li{background-color:#e6efff;color:#3c74e1;font-size:12px;font-weight:700;padding:3px 14px;border-radius:30px;margin-bottom:10px;margin-right:10px}.tweet .tweet__bottom-left{width:100%;display:flex;align-items:center;justify-content:space-between}.tweet .tweet__bottom .tweet__skill{display:flex;align-items:center;justify-content:center}.tweet .tweet__bottom .tweet__skill-list{height:auto;display:flex;align-items:center;flex-wrap:wrap}.tweet .tweet__bottom .tweet__skill-list li{margin-right:10px;padding:3px 14px;border:1px solid #4BC1CF;color:#000;font-weight:700;border-radius:15px;font-size:12px}.tweet .tweet__bottom-left{display:flex}.tweet .tweet__bottom button{display:flex;align-items:center}.tweet .tweet__bottom img{width:20px;margin-right:5px}.profile{width:520px;position:relative;border:1px solid #ececec;padding:15px}.profile .profile-top{display:flex;align-items:center}.profile .user-profile-img{width:150px;height:150px;border-radius:20px;background-color:#fff;margin-right:30px}.profile .user-contact{display:flex;align-items:center;width:120px;justify-content:space-between}.profile .user-contact .user-btn{border:1px solid #ececec;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.profile .user-contact .user-btn img{width:20px;height:20px}.profile .user-contact .github-link{width:80px;height:30px;border-radius:30px;background-color:#000;font-weight:900;color:#fff}.profile .user-info{display:flex;flex-direction:column;align-items:start;justify-content:center}.profile .user-info .user-name{font-size:24px;font-weight:900;margin-bottom:15px}.profile .user-info .user-intro{font-size:14px;font-weight:700;margin-bottom:15px}.profile .user-info .user-detail{width:200px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700;margin-bottom:18px}.profile .user-info .user-detail div{display:flex;align-items:center}.profile .user-info .user-detail div label{margin-right:10px}.profile .user-info .user-detail img{width:17px;height:17px}.profile .user-info .user-detail .user-type{color:#43b3e3;font-size:13px}.profile .user-info .user-detail .user-mbti{color:#63ae35;font-size:13px}.profile .user-skills{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;margin-top:20px}.profile .user-skills li{border:1px solid #4BC1CF;border-radius:10px;font-size:12px;font-weight:700;padding:3px 14px;margin-right:10px;margin-bottom:10px}.application-modal{display:flex;align-items:center;justify-content:space-between;flex-direction:column;background-color:#fff;box-shadow:0 0 10px #00000080;width:500px;height:250px;border-radius:10px;padding:10px 20px}.application-modal .app-message-length{text-align:end;width:100%;font-size:14px;font-weight:700;color:#dbdbdb}.application-modal .app-top{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;margin-bottom:10px}.application-modal .app-top label{font-weight:900;text-align:left;width:100%;margin-bottom:10px}.application-modal .app-top textarea{width:100%;height:auto;resize:none}.application-modal .app-bottom{display:flex;width:100%;align-items:center;margin-bottom:10px}.application-modal .app-bottom label{font-weight:900;width:20%}.application-modal .app-bottom input{width:80%}.application-modal .app-btn{background-color:#41a8b5;color:#fff;font-size:18px;font-weight:900;width:100%;padding:10px;border-radius:10px}.profile-form{width:450px;height:auto;background-color:#fff;border-radius:20px;padding:0 20px 20px;display:flex;align-items:start;justify-content:space-between;flex-direction:column}.profile-form .profile-top{display:flex;align-items:center;justify-content:space-between;width:100%}.profile-form .profile-top h1{font-size:18px}.profile-form .profile-top button{padding:4px 17px;border-radius:25px;background-color:#4bc1cf;color:#fff;font-weight:900}.profile-form .profile-img{width:70px;height:70px;background-color:#000;border-radius:10px;display:flex;align-items:center;justify-content:center}.profile-form .profile-info{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.profile-form .profile-info .avartar-img{width:70px;height:70px;border-radius:10px}.profile-form .profile-info #avatar{position:absolute;width:70px;height:70px;top:0;left:0;display:none}.profile-form .profile-info .profile-name{font-weight:900;margin-left:20px;font-size:18px}.profile-form .img{display:none}.profile-form input{border:1px solid #ececec;width:100%;height:45px;border-radius:10px;padding-left:10px;margin-bottom:10px}.profile-form input::placeholder{font-weight:900;font-size:13px;color:#000}.profile-form .profile__skill{width:100%}.profile-form .profile__skill .skill-list{width:100%;display:flex;flex-wrap:wrap}.profile-form .profile__skill span{border:1px solid #4BC1CF;margin-right:10px;margin-bottom:10px;border-radius:30px;padding:3px 6px;font-weight:700;font-size:12px}.notification .notification-user{width:100%;height:100px;display:flex;align-items:center;justify-content:start;border:1px solid #ececec;padding:0 10px}.notification .notification-user .notification-img{width:80px;height:80px;border-radius:10px;margin-right:10px}.notification .notification-user .notification-info{display:flex;flex-direction:column;justify-content:space-between;height:80px;width:400px;align-items:start}.notification .notification-user .notification-info .notification-name{font-size:18px;font-weight:700}.notification .notification-user .notification-info .notification-desc{font-size:13px;width:400px;height:auto}.notification .notification-user .notification-info .notification-contact{font-size:14px;color:#62ace8}.notification .notification-user .notification-info .notification-info-bottom{display:flex;width:100%;justify-content:space-between}.notification .notification-user .notification-info .notification-info-bottom .notification-time{font-size:12px;color:#bebebe}