body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.menu{align-items:center;border-bottom:1px solid #fff;display:flex;height:100px;justify-content:space-between;width:100%}.leftLogo img{height:60%;width:16rem}@media (max-width:768px){.leftLogo img{width:12rem}}.rightNav{-webkit-padding-start:0;align-items:center;display:flex;justify-content:space-around;padding-inline-start:0;width:40%}.rightNav li{list-style:none}.rightNav li a{color:#fff;text-decoration:none}.footerContainer{border-top:1px solid #fff;padding:2% 0}.footerContainer ul{-webkit-padding-start:0;padding-inline-start:0}.footerContainer ul li{font-size:calc(7px + 1vmin);list-style:none;margin:.5% 0}.post{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:15px}.post-header{cursor:pointer;display:flex;justify-content:space-between;margin-bottom:15px}.post-id,.post-title,.post-user{color:#a9a9a9;margin-right:10px}.post-content,.post-file{margin-bottom:15px}.post-footer{background-color:#242424;border-radius:0 0 8px 8px;border-top:1px solid #444;padding:10px}.comment-section input{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;margin-right:10px;padding:8px;width:70%}.comment-section button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.comment-section button:hover{background-color:#3178c6}.comments .comment{background-color:#2d2d2d;border:1px solid #3a3a3a;border-radius:4px;margin-bottom:5px;padding:8px}.postFormBox{align-items:center;display:flex;justify-content:center;width:90%}.post-form,.postFormBox{flex-direction:column;padding:2rem}.post-form{border:1px solid #acacac;width:80%}.postContentInput,.postTitleInput,.userNameInput{height:2rem;margin-top:1rem;width:100%}.postContentInput{height:5rem}.submitBtn{height:2rem;margin:1rem;width:5rem}.boardListHeader{align-items:center;display:flex;justify-content:space-between;padding:1rem}.fileInput{margin-top:1rem}.userNameInput{width:10rem}.button-container{display:flex;justify-content:center;width:100%}.postingBtn{background-color:#46b5bd;border:none;border-radius:.4rem;color:#fff;font-size:1rem;font-weight:700;height:2.2rem;width:5.5rem}.postingBtn:hover{background-color:#444;border:2px solid #46b5bd;color:#46b5bd}.closeBtn,.formSubmitBtn{background-color:#636363;border:none;border-radius:.4rem;color:#fff;font-size:1rem;font-weight:700;height:2.2rem;margin:1rem;width:5.5rem}.container{height:90vh}.container,.form-box{align-items:center;display:flex;justify-content:center}.form-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid hsla(0,0%,100%,.5);border-radius:20px;height:750px;position:relative;width:420px}.form-box h2{color:#fff;font-size:32px;text-align:center}.input-register{border-bottom:2px solid #fff;margin:20px 0;position:relative;width:310px}.input-register input{background:transparent;border:none;color:#fff;font-size:16px;height:40px;outline:none;padding:0 20px 0 5px;width:100%}.input-register input::-webkit-input-placeholder{color:#fff}.input-register input::placeholder{color:#fff}i{color:#fff;position:absolute;right:0;top:13px}.registerBtn{background:#1e90ff;border:none;border-radius:5px;box-shadow:3px 0 10px rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:17px;font-weight:600;height:50px;letter-spacing:2px;margin:20px 0;outline:none;width:100%}.group{display:flex;justify-content:space-between}.group span a{color:#fff;font-weight:500;position:relative;top:10px}.group a:focus{text-decoration:underline}#result{color:#29a6e0;font-weight:600;position:relative;top:25px}.popup{background:#fff;border-radius:6px;color:#000;height:330px;left:50%;padding:0 30px 30px;position:absolute;text-align:center;top:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:top .4s,-webkit-transform .4s;transition:transform .4s,top .4s;transition:transform .4s,top .4s,-webkit-transform .4s;visibility:hidden;width:400px}.popup ion-icon{color:#0f0;font-size:50px;padding-top:45px}.popup button{background:#0f0;border:none;border-radius:4px;box-shadow:0 0 0 2px rgba(0,0,0,.1);color:#777;cursor:pointer;font-size:18px;font-weight:600;margin-top:50px;outline:none;padding:10px 0;width:100%}.popup a{color:#fff;font-weight:600;letter-spacing:2px}.open-slide{top:50%;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);visibility:visible}.login-box{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid hsla(0,0%,100%,.5);border-radius:20px;display:flex;flex-direction:column;height:500px;justify-content:center;position:relative;width:420px}.login-box h2{color:#fff;font-size:32px;text-align:center}.input-login{border-bottom:2px solid #fff;margin:30px 0;position:relative;width:310px}.input-login input{background:transparent;border:none;color:#fff;font-size:16px;height:45px;outline:none;padding:0 20px 0 5px;width:100%}.input-login input::-webkit-input-placeholder{color:#fff}.input-login input::placeholder{color:#fff}.loginIdInput{border:none}.loginBtn{background:#1e90ff;border:none;border-radius:5px;box-shadow:3px 0 10px rgba(0,0,0,.5);color:#fff;cursor:pointer;font-size:17px;font-weight:600;height:50px;letter-spacing:2px;margin:20px 0;outline:none;width:20rem}.forgetSec{display:flex}.forgetSec a{font-size:12px;margin:0 30px}.input-register-group{display:flex;gap:10px;justify-content:space-between;width:20rem}.input-register-radio{display:flex;justify-content:space-evenly}.input-register select{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #dddddd59;border-radius:4px;color:#979797;font-size:16px;padding:8px 10px;text-align:center;width:100%}.input-register select:focus{border-color:#2969c9;outline:none}.input-register:after{color:#333;pointer-events:none;position:absolute;right:10px;top:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.registerLink{color:#fff;text-decoration:none}.my-page-container{background-color:#3b3b3b;border-radius:8px;box-shadow:0 2px 4px hsla(0,0%,85%,.1);color:#fff;margin:2rem auto;max-width:600px;padding:20px}.my-page-container h2{color:#fff;margin:17px;text-align:left}.my-page-container table{border-collapse:collapse;border-radius:1rem;margin-bottom:20px;width:100%}.my-page-container td{font-weight:700;padding:13px;text-align:left;vertical-align:middle}.my-page-container input[type=text],input[type=email],select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin:0;padding:8px;width:90%}.my-page-container input[type=radio]{margin-right:15px}.my-page-container label{margin-right:10px}.modifyBtn,.my-page-container .saveBtn{display:flex;justify-content:center}.my-page-container button{background-color:#54bacc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin:5px 10px;padding:10px 20px;transition:background-color .3s ease}.my-page-container button:hover{background-color:#fff;color:#3b3b3b}.edit-mode td{background-color:#3b3b3b}.my-page-container td:first-child{width:25%}.my-page-container td:last-child{width:100%}.my-page-container .rightLine{border-left:1px solid #fff;margin-right:2rem}.selectGender{border:1px solid #3b3b3b}
/*# sourceMappingURL=main.76f1928b.css.map*/