*{margin:0;padding:0}@font-face{font-family:pretendard;src:url(/assets/PretendardVariable-Bh9nN6Cq.ttf) format("truetype")}body{font-family:pretendard;background-color:var(--background-dark);overflow-x:hidden}::-webkit-scrollbar{width:5px;height:15px}:root{--background-dark: #121212;--box-1: #1e1e1e;--box-2: #2c2c2c;--box-3: #383838;--box-4: #333333;--primary-200: #333333;--primary-300: #8f8f8f;--text-primary: #ffffff;--text-gray: #888888;--brand-red: #b30000;--complete-green: #00ffc8;--accent-200: #ff4444;--request-1: #b30000;--cold-gray: #3f4455}.clubRoomLayout{width:100%;min-height:100vh;display:flex;justify-content:center;background-color:#050505;-webkit-user-select:none;user-select:none}.clubRoombody{width:700px;min-height:calc(100vh - 40px);background-color:var(--background-dark);margin-top:35px;-webkit-user-select:none;user-select:none;z-index:100}.loginPage{background-color:var(--background-dark);width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.joinPage{width:100vw;height:100vh;justify-items:center}.preparingPage{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.preparingMessage{font-size:1.25rem;color:var(--text-secondary, #888);margin-bottom:1rem}.preparingLink{display:inline-block;padding:.5rem 1rem;color:var(--brand-red, #b30000);text-decoration:none;font-weight:600}.preparingLink:hover{text-decoration:underline}.preparingWrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#050505}@media screen and (max-width: 767px){.clubRoombody{width:100%;position:fixed}}._overlay_13jxu_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._modal_13jxu_15{background-color:var(--box-3);padding:24px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 25px #0003;animation:_fadeIn_13jxu_1 .2s ease-out}._message_13jxu_25{font-size:1.1rem;margin-bottom:24px;color:var(--text-gray);line-height:1.5}._buttonGroup_13jxu_32{display:flex;gap:12px;justify-content:flex-end}._button_13jxu_32{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:background .2s}._cancelBtn_13jxu_47{background-color:var(--primary-200);color:var(--text-gray)}._cancelBtn_13jxu_47:hover{background-color:var(--primary-300)}._confirmBtn_13jxu_56{background-color:var(--brand-red);color:var(--text-primary)}._confirmBtn_13jxu_56:hover{background-color:var(--accent-200)}._checkBtn_13jxu_64{background-color:var(--brand-red);color:var(--text-primary)}._checkBtn_13jxu_64:hover{background-color:var(--accent-200)}@keyframes _fadeIn_13jxu_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 767px){._modal_13jxu_15{width:70%}}.navbar-top{position:fixed;display:flex;top:0;left:0;width:100%;height:60px;align-items:center;justify-content:space-between;background-color:#ba000000;z-index:50;-webkit-user-select:none;user-select:none;transition-duration:.3s}.navbar-left{flex:1;min-width:0}.navbar-right{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;margin-right:50px}.navbar-bottom{position:fixed;top:60px;height:3px;width:100%;background:linear-gradient(var(--brand-red),#00000000);z-index:50}.navbar-top .logo{position:absolute;left:50%;transform:translate(-50%);z-index:51}.manchui-logo{display:inline-block;width:auto;height:50px;z-index:50}.page-list-ul{display:flex;justify-content:flex-end;gap:10px;margin-right:0}.link{color:var(--text-primary);text-decoration:none;font-size:large;font-weight:200;width:max-content}.link:hover{transition-duration:.5s;color:var(--text-gray)}.pop-button{visibility:hidden;position:absolute;margin-right:5%;right:0;color:var(--text-gray);transition-property:transform;transition-duration:.3s}.rotate{transform:rotate(180deg)}.rotate2{transition-duration:.6s;transform:rotate(360deg)}.pop-bar{transition-duration:.5s;visibility:hidden;position:absolute;width:100%;top:-500px;text-align:center;z-index:10}.pop-page-list-ul{background:linear-gradient(90deg,#0000005d,var(--background-dark),#0000005d);display:flex;flex-direction:column;padding-top:5px}.pop-page-list-ul .link{font-size:17px;height:50px;border-bottom:1px solid #000000d5;align-content:center;width:auto}.pop-back{width:100%;height:100vh}a{color:var(--text-primary)}@media screen and (max-width: 767px){.navbar-right{margin-right:5%}.page-list-ul{visibility:hidden}.pop-button{visibility:visible}.navbar .manchui-logo{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;width:auto;height:50px}.pop-open{visibility:visible;top:62px}}.footer{display:flex;height:300px;width:100%;background-color:var(--box-1);flex-direction:column;padding-top:20px;padding-bottom:20px;justify-content:space-between;align-items:center;z-index:50}.footer .info{display:flex;flex-direction:column;gap:8px;color:var(--text-primary);font-weight:200;text-align:center}.span-red{color:var(--brand-red)}.footer .link-div{font-weight:200;display:flex;flex-direction:column;align-items:center;gap:7px}.link-div>div>*{padding:3px;color:var(--text-primary)}.link-div>div>* :hover{color:var(--accent-200)}.footer-logo{display:flex;flex-direction:column;align-items:center;justify-content:end}.footer .short-logo{height:70px}.footer .reserved{font-size:11px;color:var(--text-primary);font-weight:300}@media screen and (max-width: 767px){.footer{height:500px}}.main-page{width:100%;height:2000px;background-color:var(--background-dark)}.background{width:100%;display:flex;justify-content:center}.liquid{width:100%}.cover{position:absolute;top:0;width:100vw;height:1000px;background:linear-gradient(#00000088,var(--background-dark));z-index:20}.main-content{position:absolute;display:flex;justify-content:space-around;width:100%;color:var(--text-primary);top:65px;z-index:30}@media screen and (min-width: 767px){.liquid{width:72%}.cover{background:radial-gradient(#0000002c,var(--background-dark) 50%)}}.liquidChrome-container{width:100%;height:100%;z-index:0}.About{height:100vh;width:100%;background-color:#050505}.about-content{position:absolute;display:flex;justify-content:space-around;width:100%;color:#fff;top:65px}.goods{min-height:100vh;width:100%;background-color:var(--background-dark);color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;-webkit-user-select:auto;user-select:auto}.goodsInner{width:100%;max-width:420px;text-align:center}.goodsTitle{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.goodsDesc{font-size:15px;color:var(--text-gray);margin:0 0 40px;line-height:1.6}.goodsLink{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:20px 24px;border:none;border-radius:12px;text-align:center;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease;min-height:80px;box-sizing:border-box;background:linear-gradient(135deg,var(--brand-red) 0%,#8a0000 100%);color:var(--text-primary);box-shadow:0 4px 16px #b3000059}.goodsLink:hover{background:linear-gradient(135deg,#cc0000 0%,var(--brand-red) 100%);box-shadow:0 6px 20px #b3000073;color:var(--text-primary)}.goodsLink:active{transform:scale(.98)}.goodsLinkLabel{font-size:18px;font-weight:600}.goodsLinkSub{font-size:13px;color:#ffffffe6}.club-room{width:100%;color:var(--text-primary);display:flex;flex-direction:column;justify-content:space-between}.club-room .my-info{align-items:center;width:100%;display:flex;justify-content:space-around;position:relative;overflow:hidden}.club-room .my-info .profil{width:95%;z-index:2;background-color:var(--background-dark)}.club-room .my-info .profilCard{margin-top:10px;padding:5px;color:var(--text-primary);border-radius:10px;display:flex;flex-direction:column}.club-room .my-info .user{display:flex;gap:10px;height:100px;border-bottom:1px solid var(--primary-200)}.club-room .my-info .userText{flex:4;align-content:center;color:#f0f0f0bd;font-weight:200}.club-room .Identification{font-size:12px}.club-room .user .username{font-size:x-large;font-weight:500}.club-room .requestSchedule{margin:10px;padding:10px;border-radius:10px}.club-room .present{display:flex;gap:5px;align-items:center}.club-room .persentText{font-size:13px;color:var(--primary-300)}.club-room .barWarp{flex:1;background-color:var(--box-1);align-content:center;height:7px}.club-room .persentBar{transition-duration:.3s;height:100%;background-color:var(--brand-red)}.club-room .practiceView{margin:10px;padding:10px}.club-room .pracList{display:flex;flex-direction:column}.club-room .practiceCard{display:flex;justify-content:space-between;color:var(--primary-300);margin:3px 0;border-radius:3px;padding:5px}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:var(--accent-200);font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;inset:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.loading{left:0;top:0;position:fixed;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-user-select:none;user-select:none;color:#f5f5f5}.custom-class{width:170px;height:170px;color:#f5f5f5;font-weight:700}.loading .text{position:fixed;text-align:center}.join{min-height:100vh;background-color:var(--background-dark);color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.joinInner{width:100%;max-width:420px;text-align:center}.joinTitle{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.joinDesc{font-size:15px;color:var(--text-gray);margin:0 0 40px;line-height:1.5}.joinActions{display:flex;flex-direction:column;gap:16px}.joinBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:20px 24px;border:none;border-radius:12px;cursor:pointer;text-align:center;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease;min-height:80px}.joinBtn:active{transform:scale(.98)}.joinBtnLabel{font-size:18px;font-weight:600}.joinBtnSub{font-size:13px;opacity:.85}.joinBtnPrimary{background:linear-gradient(135deg,var(--brand-red) 0%,#8a0000 100%);color:var(--text-primary);box-shadow:0 4px 16px #b3000059}.joinBtnPrimary:hover{background:linear-gradient(135deg,#cc0000 0%,var(--brand-red) 100%);box-shadow:0 6px 20px #b3000073}.joinBtnPrimary .joinBtnSub{color:#ffffffe6}.joinBtnSecondary{background-color:var(--box-1);color:var(--text-primary);border:1px solid var(--box-3)}.joinBtnSecondary:hover{background-color:var(--box-2);border-color:var(--text-gray);box-shadow:0 4px 12px #00000040}.joinBtnSecondary .joinBtnSub{color:var(--text-gray)}.joinClosed{padding:20px 24px;font-size:15px;color:var(--text-gray);background-color:var(--box-1);border:1px solid var(--box-3);border-radius:12px;text-align:center}.topBar{position:absolute;top:0;display:flex;justify-content:space-between;align-items:center;width:700px;padding:2px 0;height:35px;background-color:var(--background-dark);border-bottom:1px solid var(--background-dark);-webkit-user-select:none;user-select:none;z-index:810}.inviteLink{background-color:var(--background-dark);border-bottom:none}.out{padding:3%;width:100px}.out>*{text-decoration:none;font-size:small;color:var(--text-primary)}.ClubRoomNavbar .button{padding:3%;display:flex;flex-direction:column-reverse;align-items:flex-end;width:100px}.ClubRoomNavbar .button>*{text-decoration:none;font-size:small;color:var(--text-primary)}.ClubRoomNavbar .title{color:var(--text-primary);align-content:center;align-items:center;margin-top:-10px;height:40px;text-align:center}.ClubRoomNavbar .manchui-logo{scale:.55;margin:3px 0 0}.title-text{font-weight:500;font-size:20px;margin-top:10px;width:max-content}.ClubRoomNavbar .navIcons{font-size:15px}.ClubRoomNavbar .menu{position:fixed;top:0;left:100%;height:100vh;width:100vw;color:var(--text-gray);display:flex;flex-direction:row;justify-content:space-between;transition-duration:.3s}.ClubRoomNavbar .openMenu{left:0}.ClubRoomNavbar .menuMenu{background-color:var(--background-dark);width:300px;text-align:center}.ClubRoomNavbar .closeSection{flex:1;background-color:#0000}.ClubRoomNavbar .topMenu{margin-top:20px;justify-items:center;position:relative}.ClubRoomNavbar .closeMenu{position:absolute;top:10px;right:20px;font-size:25px}.ClubRoomNavbar .menu .menubutton{border-top:1px solid var(--box-3);padding:40px}.ClubRoomNavbar .menu .menuLogoBox{width:150px}.ClubRoomNavbar .menu .menuLogo{width:100%}@media screen and (max-width: 767px){.topBar,.ClubRoomNavbar{width:100%}}.reservation{width:100%;height:calc(100vh - 70px);overflow:hidden;color:var(--text-primary);-webkit-user-select:none;user-select:none;background-color:var(--background-dark);display:flex;flex-direction:column;justify-content:space-between}.reserv-calendar-section{margin:10px 20px 0;border-radius:10px;padding:10px 5px;flex:1}.info-section{height:205px;position:relative;display:flex;flex-direction:column;border-radius:10px;margin:10px 0 10px 00px;padding:20px}.reservationText{font-size:20px;padding:5px}.my-reservation{color:var(--text-primary);z-index:100;text-align:center;overflow-y:scroll}.card-bar{display:flex;flex-direction:column;gap:10px}.card-inner{background-color:var(--box-2);padding:0 10px;height:50px;display:flex;flex-direction:row;justify-content:space-between;border-radius:10px;overflow:hidden;align-items:center;font-weight:200}.card-date{padding:3px;font-size:15px;border-radius:5px;-webkit-user-select:text;user-select:text}.card-buttons{display:flex;flex-direction:row;gap:10px}.cancle-reservation{color:var(--text-primary);background-color:var(--brand-red);border:none;height:25px;width:60px;border-radius:10px;align-content:center;cursor:pointer}.share{color:var(--text-primary);border:none;background-color:var(--primary-200);height:25px;width:35px;border-radius:10px;align-content:center;cursor:pointer}.share-icon{margin-top:2px}.date-info{position:absolute;display:flex;flex-direction:column;justify-content:space-between;top:0;left:0;width:100%;height:100%;align-content:center;padding-top:10px;background-color:var(--background-dark);border-radius:10px;-webkit-user-select:none;user-select:none;z-index:550;scrollbar-width:thin;scrollbar-color:var(--box-2) transparent;animation-name:dateInfo;animation-duration:.3s}.reservation .dateText{margin-top:10px;padding:5px;font-size:20px;font-weight:300}.close-info{position:absolute;height:25px;width:25px;padding:10px;top:0;right:0}.board{overflow-x:scroll;flex:1;align-content:flex-end;border-radius:5px}.board-times{height:50px;width:1100px}.reservation .time{display:inline-block;position:relative;height:40px;width:40px;margin:2px;border-radius:5px;background-color:var(--primary-200);align-content:center}.time-number{font-size:small;font-weight:200;text-align:center;position:absolute;top:-20px;left:-8px}.reserved-outdiv{position:absolute;top:0;height:100%;width:100%}.reserved{height:100%;width:100%;border-radius:5px;background-color:var(--box-1);animation-name:reservTime;animation-duration:.3s;animation-timing-function:ease-in}.selected-time{height:100%;width:100%;border-radius:5px;background-color:var(--brand-red)}.make-reservation{width:100%;display:flex;justify-content:center}.make-button{background-color:var(--brand-red);width:150px;height:32px;border-radius:10px;align-content:center;margin:10px 0 30px}.make-button:hover{transition-duration:.3s;border:1px solid var(--text-primary);background-color:#111;cursor:pointer}@keyframes reservTime{0%{background-color:#8f7c7c8e}}@keyframes dateInfo{0%{top:400px}to{top:0}}@media screen and (max-width: 767px){.reservation ::-webkit-scrollbar{width:0px;height:15px}}.reserv-calendar-section .calender{width:100%;height:90%;-webkit-user-select:none;user-select:none}.reserv-calendar-section .year-month{font-weight:200;font-size:18px;-webkit-user-select:none;user-select:none}.reserv-calendar-section .date-bar{display:flex;justify-content:space-around;align-items:center;gap:4px;overflow:hidden;width:100%;height:40px}.reserv-calendar-section .calendar-day{margin-top:20px;width:100%;border-collapse:collapse}.reserv-calendar-section .calendar-table{width:100%;height:100%;border-collapse:collapse;padding:3px;background-color:#0000}.reserv-calendar-section thead td{color:var(--text-primary);font-weight:300;text-align:center}.reserv-calendar-section tbody td{text-align:center;font-size:medium;font-weight:150;color:var(--primary-200);position:relative}.reserv-calendar-section .this-month{color:var(--text-primary)}.reserv-calendar-section .today{position:absolute;top:15%;left:5%;height:70%;width:90%;border-radius:20px;background-color:var(--background-dark);align-content:center;font-weight:400;font-size:23px}.reserv-calendar-section .selectedDay{position:absolute;top:30%;left:15%;height:40%;width:70%;font-weight:400;background-color:var(--background-dark);border-bottom:1px solid var(--brand-red);color:var(--brand-red);align-content:center}.reserv-calendar-section .swiper{height:100%;background-color:#5e161600}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;inset:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.mypage{color:var(--text-primary);background-color:var(--background-dark);width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;position:relative;padding-top:5px}.mypage .profil{display:flex;flex-direction:column;align-items:center}.mypage .userImage{margin-top:10%;border-radius:100px;width:100px;height:90px;overflow:hidden}.mypage .profilImage{margin-top:10px;width:100%}.mypage .username{margin-top:5px;font-size:30px}.mypage .userInfo{font-size:14px;width:max-content;position:relative;margin-bottom:30px;align-content:center;color:var(--text-gray);height:15px}.mypage .userPosition{position:absolute;top:0;width:max-content;left:10px}.mypage .userName{position:absolute;top:0;width:max-content;right:10px}.mypage .infoCircle{margin-top:50%;width:3px;height:3px;background-color:var(--text-gray);border-radius:100px}.mypage .list{display:flex;margin:10px;flex-direction:column;justify-content:space-around;border:1px solid var(--primary-200);border-radius:10px;flex:.6;overflow:hidden}.mypage .list>div{color:var(--text-gray);font-size:15px;padding:10px;position:relative;cursor:pointer;flex:1;align-content:center}.mypage .list>div:hover{background-color:var(--box-2)}.mypage .arrowRight{position:absolute;right:15px;top:calc(50%-15px)}.editUser .popForm{color:var(--text-primary);background-color:var(--background-dark);width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;position:relative;padding-top:15px;justify-content:space-between}.editUser .formHead{font-size:23px;font-weight:500;padding:4px 10px}.editUser .formExplanation{font-size:14px;color:var(--text-gray);padding:0 10px 5px}.editUser .formInputBox{border:1px solid var(--primary-200);border-radius:10px;margin:5px;padding:10px;align-content:center;display:flex;flex-direction:column;color:var(--text-gray)}.editUser .formInput{background-color:#0000;height:30px;border:none;color:var(--text-gray);font-size:16px}.editUser .formInput:focus{border:none;outline:none}.editUser .submitButton{border:1px solid #00000000;background-color:var(--brand-red);border-radius:10px;padding:10px 5px;margin:10px 10px 40px;color:var(--text-primary)}.practice{color:var(--text-primary);background-color:var(--background-dark);width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;position:relative;overflow:hidden}.practice .topMenu{width:100%;padding-top:10px}.practice .monthSelector{display:flex;gap:10px;justify-content:space-between;margin:10px 30px}.practice .monthSelector>div{flex:1;text-align:center;background-color:var(--box-1);padding:5px;border-radius:10px}.practice .monthText{font-size:18px}.practice .toToday{color:var(--primary-300)}.practice .dateSelcetor{width:100%}.practice .swiper{background-color:transparent;width:130%;left:-15%}.practice .dateBox{text-align:center;background-color:var(--box-2);aspect-ratio:12/13;border-radius:20px;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden;color:var(--primary-300)}.practice .selectDateBox{animation-name:changeDate;animation-duration:.3s;background-color:var(--brand-red);color:var(--text-primary)}.practice .dateText{margin-top:15%;font-size:150%;font-weight:400}.practice .selectDateBox .day{color:var(--text-primary)}.practice .day{color:var(--primary-300)}.practice .practiceCountBox{display:flex;justify-content:center;gap:2px;height:10px}.practice .practiceCount{width:5px;height:5px;background-color:var(--text-gray);margin-bottom:5px;border-radius:20px}.practice .seeOptionSelector{margin:30px 20px 20px;position:relative;border-radius:13px;overflow:hidden;border:3px solid var(--box-3);background-color:var(--box-3)}.practice .optionFrontBox{display:flex;justify-content:space-between}.practice .optionButton{flex:1;height:30px;position:relative}.practice .optionBack{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;display:flex;transition-duration:.2s;border-radius:10px;background-color:var(--brand-red)}.practice .myPrac .optionBack{transform:translate(0)}.practice .allPrac .optionBack{transform:translate(100%)}.practice .optionText{z-index:40;position:absolute;width:100%;height:100%;left:0;text-align:center;align-content:center;color:var(--primary-300);font-size:14px;transition-duration:.2s}.practice .myPrac .myPracText,.practice .allPrac .allPracText{color:var(--text-gray)}.practice .practiceCard{background-color:var(--box-1);color:var(--primary-300);padding:5px;height:80px;border-radius:7px;display:flex;flex-direction:row-reverse;justify-content:space-between;font-size:17px;font-weight:250;margin:6px 15px}.practice .noPrac{align-items:center;justify-content:center}.practice .pracTop{flex:1;display:flex;justify-content:space-between;padding:5px 10px}.practice .pracTeam{display:flex;flex-direction:column;justify-content:space-around;text-align:start;animation-name:pracCardOn;animation-duration:.3s}.practice .teamName{color:var(--text-gray);font-size:19px;font-weight:400;animation-name:pracCardOn;animation-duration:.5s}.practice .member{font-size:14px}.practice .pracInfo{display:flex;flex-direction:column;justify-content:space-around;text-align:start;font-size:14px;animation-name:pracCardOn;animation-duration:.3s}.practice .pracTime{color:var(--text-gray);font-size:22px;font-weight:400;animation-name:pracCardOn;animation-duration:.5s}.practice .pracBottom{margin:5px 0 5px 10px;padding:3px 1px;border-radius:2px;display:flex;justify-content:space-between;animation-name:pracCardOn;animation-duration:.5s}.practice .floatAddPractice{position:fixed;right:15px;bottom:60px;background-color:var(--brand-red);font-size:14px;padding:3px;border-radius:10px}.practice .newPractice{position:absolute;bottom:0;width:100%;height:100%;background-color:#0000;display:flex;flex-direction:column;animation-name:popNewPractice;animation-duration:.3s}.practice .closeSection{flex:1;background-color:#0000}.practice .buttonBox{display:flex;border-radius:10px;background-color:var(--background-dark);justify-content:space-around;align-items:center;width:100%;height:170px}.practice .buttonBox>button{height:50px;width:150px;background-color:var(--box-3);color:var(--text-gray);font-size:18px;font-weight:800;border:none;border-radius:14px}.practice .icon{transform:translateY(1px)}.practice .timeIcon{margin-left:5px}@keyframes popNewPractice{0%{bottom:-200px}to{bottom:0}}@keyframes changeDate{0%{background-color:var(--box-2)}to{background-color:var(--brand-red)}}@keyframes pracCardOn{0%{transform:translateY(-10%);background-color:transparent;color:transparent;border-color:transparent}to{transform:translate(0)}}.createTeam{background-color:var(--background-dark);color:var(--text-primary);width:100%;height:calc(100vh - 70px)}.createTeam .createTeamForm{color:var(--text-primary);background-color:var(--background-dark);width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;position:relative;padding-top:15px;justify-content:space-between}.createTeam .formHead{font-size:23px;font-weight:500;padding:4px 10px}.createTeam .formExplanation{font-size:14px;color:var(--text-gray);padding:0 10px 5px}.createTeam .inputBox{border:1px solid var(--primary-200);border-radius:10px;margin:5px;padding:10px;align-content:center;display:flex;flex-direction:column;color:var(--text-gray)}.createTeam .formInput{background-color:#0000;height:30px;border:none;color:var(--text-gray);font-size:16px}.createTeam .formInput:focus{border:none;outline:none}.createTeam .teamColor{width:max-content}.createTeam .inputColor{background-color:#0000;border:none;height:40px;width:40px;border-radius:15px}.createTeam .submitButton{border:1px solid #00000000;background-color:var(--brand-red);border-radius:10px;padding:10px 5px;margin:10px 10px 40px;color:#f1f1f1}.teamCalender .calender{width:100%;height:80%;-webkit-user-select:none;user-select:none}.teamCalender .year-month{font-weight:200;font-size:13px;-webkit-user-select:none;user-select:none}.teamCalender .date-bar{display:flex;justify-content:space-around;align-items:center;gap:4px;overflow:hidden;width:100%;height:30px}.teamCalender .calendar-day{width:100%;font-size:12px;border-collapse:collapse}.teamCalender .calendar-table{width:100%;height:100%;border-collapse:collapse;padding:3px;background-color:#0000}.teamCalender thead td{color:var(--text-primary);font-weight:300;text-align:center}.teamCalender tbody td{text-align:center;font-size:12px;font-weight:150;color:var(--primary-200);position:relative}.teamCalender .this-month{color:var(--text-primary);background-color:#0000}.teamCalender .this-month>.dateSchedule{background-color:var(--primary-200)}.teamCalender .today{position:absolute;top:25%;left:10%;height:50%;width:80%;border-radius:100px;background-color:var(--primary-200);align-content:center}.teamCalender .selectedDay{position:absolute;top:25%;left:10%;height:50%;width:80%;border-radius:100px;background-color:var(--brand-red);align-content:center}.teamCalender .dateSchedule{position:absolute;bottom:5%;left:50%;transform:translate(-50%);width:70%;height:6px;border-radius:10px;background-color:var(--box-1);display:flex;flex-direction:row;justify-content:space-around}.teamCalender .dateSchedule>div{border-radius:10px;width:15%;height:100%}.teamCalender .requestSchedule{background-color:var(--request-1)}.teamCalender .teamPractice{background-color:#4caf50}.teamCalender .swiper{height:100%;background-color:#0000;position:relative}.teamCalender .swiping{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200}.teamMain{color:var(--text-primary);width:100%;height:calc(100vh - 70px);overflow-wrap:break-word;background-color:var(--background-dark);display:flex;flex-direction:column;overflow:hidden;position:relative}.teamMain .teamInfo{display:flex;flex-direction:column;gap:5px;margin:10px 10px 0;padding:10px 5px;background-color:var(--box-1);border-radius:10px}.teamMain .tmamInfoTop{display:flex;flex-direction:row;justify-content:space-between}.teamMain .tmamInfoTop .menuButton{border:none;background-color:#0000;color:var(--text-gray);font-size:20px;padding:7px}.teamMain .tmamInfoTop .name{font-size:20px;padding:7px}.teamMain .menuDiv{position:relative}.teamMain .teamInfoMenu{width:700px;height:100%;flex-direction:row;border-radius:10px;position:absolute;top:100%;left:0;display:flex;flex-direction:column;justify-content:space-between;z-index:200;transition-duration:.3s}.teamMain .openMenu .closeBack{flex:1}.teamMain .menubuttons{background-color:var(--box-1);gap:10px;display:flex;flex-direction:column;margin-bottom:10px;padding:5px;border-radius:5px}.teamMain .menuContent{font-weight:250;text-align:center;color:var(--text-gray);padding:10px;border-radius:5px;background-color:var(--box-1)}.teamMain .menuContent:hover{background-color:var(--brand-red)}.teamMain .openMenu{top:0%}.teamMain .joinUrl{-webkit-user-select:all;user-select:all}.teamMain .memberSection{background-color:var(--box-2);border-radius:10px;padding:10px;color:var(--text-gray)}.teamMain .members{margin-top:2px;color:var(--text-gray);height:max-content;align-items:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));flex-direction:row;gap:5px;width:100%}.teamMain .memberLength{width:max-content;margin-right:5px;font-size:16px}.teamMain .members .member{background-color:var(--box-4);text-align:center;padding:2px;font-size:12px;border-radius:10px}.teamMain .members .inviteMember{width:max-content;border-left:1px solid var(--text-gray);border-radius:0;background-color:#0000}.teamMain .commentContent{color:var(--text-gray);background-color:var(--box-2);border-radius:10px;margin-top:5px;font-size:14px;overflow-y:scroll;padding:7px;position:relative}.teamMain .commentInput{position:absolute;left:0;top:0;width:100%;height:50px;background-color:#0000;color:#0000;border:none;padding:5px}.teamMain .commentInput:focus{position:fixed;top:50%;background-color:var(--box-2);color:var(--text-gray);width:100%;height:50px;z-index:800}.teamMain .teamSchedule{margin:0 10px;padding-top:10px;display:flex;gap:5px;max-height:400px;overflow:hidden}.teamMain .teamCalender{border:1px solid var(--box-1);background-color:var(--box-1);border-radius:10px;width:500px;min-height:300px;position:relative;overflow:hidden}.teamMain .teamScheduleMenu{border:1px solid #33333300;border-radius:10px;width:100%;display:flex;align-items:center;flex-direction:column;overflow:hidden}.teamMain .teamScheduleMenu .practiceSection{width:100%;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:start;align-items:center;overflow:hidden;position:relative}.teamMain .teamScheduleMenu .practiceSection .thisDayPractice{position:relative;max-height:150px;overflow-y:scroll;width:100%;display:flex;flex-direction:column;gap:3px;overflow-x:hidden}.teamMain .practiceSection .practice{background-color:var(--box-1);border-radius:5px;position:relative;height:40px;width:auto;padding:5px;margin:0 5px;text-align:start;font-weight:200;align-content:center;justify-content:center;text-align:center;overflow:hidden;color:var(--text-gray);transition-duration:.3s}.teamMain .practiceSection .detailOpenPractice{background-color:var(--brand-red);font-weight:500;margin:0}.teamMain .practiceSection .practice>div{display:flex;justify-content:space-between}.teamMain .teamScheduleMenu .scheduleSection{border-top:1px solid var(--text-gray);padding-top:5px;height:52px;text-align:center;display:flex;width:90%;justify-content:center;gap:5px;position:relative}.teamMain .scheduleSection .requestSchedule{border:1px solid var(--box-1);background-color:var(--box-4);border-radius:10px;width:50px;height:50px;text-align:center;align-content:center;font-size:15px;font-weight:200}.teamMain .scheduleSection .redButton{background-color:var(--brand-red);border:1px solid var(--brand-red)}.teamMain .teamScheduleMenu .writeState{background-color:var(--box-1);border-radius:10px;height:50px;width:95px;display:flex;gap:2px;flex-direction:column;font-size:15px;font-weight:200;justify-content:center}.teamMain .teamScheduleMenu .writeState .state{width:100%;height:20px;display:flex;font-size:15px;justify-content:space-around}.teamMain .scheduleSection .writeState .confirm,.teamMain .scheduleSection .writeState .unConfirm{border-radius:10px;width:25px;text-align:center;align-content:center;font-size:13px}.teamMain .practiceInfoDetailPop{width:100%;height:100%;position:absolute;top:0;right:-110%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#0000;border-radius:10px;transition-duration:.3s;overflow:hidden;z-index:99;text-align:center}.teamMain .openInfoDetail{background-color:var(--box-1);right:0%}.teamMain .practiceInfoDetail{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%}.teamMain .detailInfoBox{align-items:start;display:flex;flex-direction:column;gap:5px}.teamMain h3{margin-top:10px;align-self:center;font-size:17px;font-weight:500}.teamMain .detailInfoBox>div{font-size:15px;font-weight:250}.teamMain .detailMembers{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:5px;width:90%;max-width:250px;overflow-y:scroll}.teamMain .detailMember{background-color:var(--primary-200);height:fit-content;flex:1;padding:3px;font-size:11px;text-align:center;border-radius:5px}.teamMain .buttonBox{width:100%;display:flex;justify-content:center;gap:5px;margin:10px}.teamMain .deletePracticeButton{flex:.3;font-size:15px;width:max-content;padding:4px 4px 2px;border-radius:5px;background-color:var(--brand-red)}.teamMain .editPracticButton{font-size:15px;flex:.3;width:max-content;padding:4px 4px 2px;border-radius:5px;background-color:var(--primary-200)}.teamMain .confirmMemberDetail{width:110%;height:0px;position:absolute;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 5px 0;background-color:var(--box-1);transition-duration:.3s}.teamMain .detailOpen{height:300px;bottom:0}.teamMain .detailClose{bottom:-320px}.teamMain .membersBox{margin-top:10px;width:90%;display:flex;flex-direction:row;gap:10px}.teamMain .membersBox>div{width:200px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:scroll}.teamMain .membersBox>div>h4{font-weight:500}.teamMain .membersBox>div>div{border-radius:10px;background-color:var(--primary-200);padding:2px;font-size:12px;color:var(--text-gray)}.teamMain .memberDetailButtons{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:50px;margin-bottom:10px}.teamMain .editSchedule{flex:1;background-color:var(--primary-200);width:80%;border-radius:5px;margin-bottom:4px;text-decoration:none;padding:3px;text-align:center;align-content:center;cursor:pointer}.teamMain .closeDetail{flex:1;background-color:var(--brand-red);width:80%;border-radius:5px;padding:3px;text-align:center;align-content:center;cursor:pointer}.teamMain .teamRecord{border-top:1px solid var(--primary-200);padding-top:10px;display:flex;justify-content:space-around;margin:10px;gap:10px}.teamMain .teamRecord>div{flex:1;border-radius:15px;text-align:center;align-content:center;height:60px;font-size:14px;font-weight:250;border:1px solid var(--primary-200);color:var(--text-gray)}.teamMain .value{margin-top:5px;font-size:16px;font-weight:250;color:var(--text-primary)}.teamMain ::-webkit-scrollbar{width:0px;height:15px}.teamMain .icons{transform:translateY(2px);margin-right:1px}@media screen and (max-width: 767px){.teamMain .moreOption .edit,.teamMain .moreOption .delete{flex:1}.teamMain .practiceSection .practice{font-size:14px}.teamMain .teamInfoMenu{width:100%;left:0}}.createPractice{position:absolute;top:1px;background-color:var(--background-dark);width:700px;height:calc(100% - 15px);display:flex;flex-direction:column;justify-content:space-between;z-index:100;animation-name:onLoad;animation-duration:.4s;animation-timing-function:ease-out;overflow-y:scroll}.createPractice .topMenu{margin:0 10px}.createPractice .dateBar{padding:0 10px;height:40px;align-items:center;display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--text-gray)}.createPractice .dateBar>*{flex:.3;width:max-content;text-align:center}.createPractice .date{flex:1}.createPractice .closeButton{cursor:pointer;text-align:right}.createPractice .optionMenu{border:1px solid var(--text-gray);border-radius:5px;margin:10px 0}.createPractice .memberOption{align-content:center;position:relative;padding:5px;display:flex;flex-direction:row;align-items:center}.createPractice .obtionLable{position:absolute;top:-10px;left:9px;font-size:14px;background-color:var(--box-1);color:var(--text-gray);padding:0 5px}.createPractice .choiceMember{flex:1;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:5px;padding:7px;font-size:14px}.createPractice .member{background-color:var(--box-1);padding:3px;text-align:center;border-radius:5px;transition-duration:.1s}.createPractice .selectAllMembers{background-color:var(--box-1);padding:2px;border:1px solid var(--primary-300)}.createPractice .allSelected{background-color:var(--primary-200);border:1px solid #9b9b9b00}.createPractice .selected{background-color:var(--brand-red)}.createPractice .practiceTime{display:flex;flex-direction:column;align-items:center;border-radius:10px;padding-bottom:10px;border:1px solid var(--box-2)}.createPractice .timeBar{width:97%;overflow:hidden;position:relative;margin-top:10px;height:25px}.createPractice .openThisTable{transition-duration:.5s;height:calc(100vh - 410px)}.createPractice .timeOpenContainer{position:absolute;top:-1px;left:0;width:100%;height:26px;align-items:center;display:flex;flex-direction:row;justify-content:space-between;background-color:var(--box-1);border-radius:5px;z-index:5;font-size:13px}.createPractice .openTableTimeContainer{height:30px;background-color:var(--box-2);transition-duration:.3s;font-size:17px}.createPractice .timeOpenContainer>div{flex:1;text-align:center;padding:5px 0;font-weight:200}.createPractice .timeTable{padding-top:40px;align-items:center;width:100%;height:calc(100% - 50px);position:absolute;bottom:0;display:flex;flex-direction:column;gap:10px;z-index:4;overflow-y:scroll}.createPractice .timeCell{background-color:var(--box-1);border:1px solid #00000000;border-radius:16px;height:30px;width:95%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;z-index:4;font-weight:250}.createPractice .select{transition-duration:.1s;background-color:var(--background-dark);border:1px solid var(--primary-300)}.createPractice .reserved{background-color:var(--background-dark);color:var(--primary-300)}.createPractice .timeText{text-align:end;width:40px;font-size:14px}.createPractice .availabilityIndicator{padding:2px 10px 2px 0;border:1px solid var(--primary-200);border-radius:5px;align-items:center;display:flex;width:50%;gap:2px}.createPractice .ableCount{background-color:var(--box-1);border-radius:5px;color:var(--text-primary);width:20px;text-align:center;font-size:13px}.createPractice .availabllity{flex:1;height:10px;background-color:var(--primary-200);position:relative}.createPractice .available{background-color:var(--accent-200)}.createPractice .hoverName{position:absolute;left:0;bottom:0;width:100%;height:130%;color:#0000;text-align:center;font-size:12px;padding-top:5px;border-radius:5px 5px 0 0;transition-duration:.3s}.createPractice .availabllity .hoverName:hover{transition-duration:.4s;color:var(--text-primary);background-color:var(--primary-200);height:300%;bottom:-5px}.createPractice .available .hoverName:hover{transition-duration:.4s;color:var(--text-primary);background-color:var(--accent-200);height:300%;bottom:-5px}.createPractice .selectTimeButton{width:28px;text-align:center;border:1px solid var(--primary-200);padding:3px 10px;border-radius:5px;cursor:pointer}.createPractice .bottomMenu{margin:0 10px}.createPractice .endSection{height:110px;display:flex;flex-direction:row;gap:10px;justify-content:space-between;align-items:center}.createPractice .practicePreview{border:1px solid var(--primary-200);border-radius:5px;height:100px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:250}.createPractice .editPreview{font-size:14px}.createPractice .practicePreview .top{display:flex;flex-direction:row;gap:10px}.createPractice .actionButtons{flex:1;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;align-items:center}.createPractice .clearButton{width:100%;text-align:center;margin-top:5px;padding:6px 0;border:1px solid var(--primary-200);border-radius:5px;cursor:pointer;transition-duration:.1s}.createPractice .clearButton:hover{background-color:var(--primary-200)}.createPractice .createButton{width:100%;text-align:center;padding:10px 0;background-color:var(--brand-red);border-radius:5px;cursor:pointer;transition-duration:.1s;color:var(--text-primary)}.createPractice .createButton:hover{background-color:#922c2c}.createPractice .deleteButton{width:100%;text-align:center;padding:10px 0;background-color:var(--primary-200);border-radius:5px;cursor:pointer;transition-duration:.1s;color:var(--text-primary)}.createPractice .none{width:28px;padding:3px 10px;border:1px solid #00000000}@keyframes onLoad{0%{top:100%}to{top:0}}@media screen and (max-width: 767px){.createPractice{width:100%}.createPractice .choiceMember{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));padding:7px;font-size:11px}}.teamJoin{background-color:var(--background-dark);width:100%;height:calc(100vh - 70px);align-content:center;justify-items:center}.teamJoin .container{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;justify-content:space-around}.teamJoin .inviteLogo{width:55%}.teamJoin .teamnameText{color:var(--text-gray);font-size:20px;font-weight:600;text-align:center}.teamJoin .login{width:100%}.teamJoin .usernameText{text-align:center;font-size:14px;margin-bottom:5px;color:var(--text-gray)}.teamJoin .joinButton{background-color:var(--brand-red);color:var(--text-primary);border:none;border-radius:5px;padding:8px;width:60%;font-size:18px;font-weight:750;margin-bottom:5px}.teamJoin .anotherAccount{text-align:center;font-size:14px;margin-bottom:5px;color:var(--text-gray)}.teamJoin .loginButton{border-radius:5px;padding:5px;background-color:var(--box-3)}.loginPage{min-height:100vh;width:100%;background-color:var(--background-dark);color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.auth-window{width:100%;max-width:420px}.auth-window-inner{text-align:center}.auth-window-title{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.auth-window-desc{font-size:15px;color:var(--text-gray);margin:0 0 40px;line-height:1.5}.auth-window-actions{display:flex;flex-direction:column;gap:16px}.auth-window-home{display:inline-block;margin-top:28px;font-size:14px;color:var(--text-gray);text-decoration:none;transition:color .2s}.auth-window-home:hover{color:var(--text-primary)}.auth-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;padding:20px 24px;border:none;border-radius:12px;cursor:pointer;text-align:center;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease;min-height:80px;font:inherit;color:inherit}.auth-btn:active{transform:scale(.98)}.auth-btn-label{font-size:18px;font-weight:600}.auth-btn-sub{font-size:13px;opacity:.85}.auth-btn-primary{background:linear-gradient(135deg,var(--brand-red) 0%,#8a0000 100%);color:var(--text-primary);box-shadow:0 4px 16px #b3000059}.auth-btn-primary:hover{background:linear-gradient(135deg,#cc0000 0%,var(--brand-red) 100%);box-shadow:0 6px 20px #b3000073}.auth-btn-primary .auth-btn-sub{color:#ffffffe6}.auth-btn-secondary{background-color:var(--box-1);color:var(--text-primary);border:1px solid var(--box-3)}.auth-btn-secondary:hover{background-color:var(--box-2);border-color:var(--text-gray);box-shadow:0 4px 12px #00000040}.auth-btn-secondary .auth-btn-sub{color:var(--text-gray)}.formPage{width:100%;max-width:420px;color:var(--text-primary)}.auth-form-card{background-color:var(--box-1);border:1px solid var(--box-3);border-radius:16px;padding:28px 24px}.auth-form-title{font-size:1.35rem;font-weight:600;margin:0 0 24px;text-align:center}.auth-form-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.auth-form-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-gray);background:none;border:none;cursor:pointer;padding:0;font:inherit;transition:color .2s}.auth-form-back:hover{color:var(--text-primary)}.auth-form-home{font-size:14px;color:var(--text-gray);text-decoration:none;transition:color .2s}.auth-form-home:hover{color:var(--text-primary)}.auth-form .field{margin-bottom:18px}.auth-form .field label{display:block;font-size:14px;font-weight:500;color:var(--text-gray);margin-bottom:8px}.auth-form .field input{width:100%;padding:12px 14px;font-size:16px;color:var(--text-primary);background-color:var(--box-2);border:1px solid var(--box-3);border-radius:10px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.auth-form .field input::placeholder{color:var(--text-gray);opacity:.7}.auth-form .field input:focus{outline:none;border-color:var(--brand-red);box-shadow:0 0 0 2px #b3000033}.auth-form .auth-submit{width:100%;margin-top:28px;padding:14px 24px;font-size:16px;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,var(--brand-red) 0%,#8a0000 100%);border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.auth-form .auth-submit:hover{background:linear-gradient(135deg,#cc0000 0%,var(--brand-red) 100%);box-shadow:0 4px 16px #b3000066}.auth-form .auth-submit:active{transform:scale(.98)}.auth-form .auth-submit:disabled{opacity:.6;cursor:not-allowed}.editTeam{color:var(--text-primary);width:100%;height:calc(100vh - 70px);overflow-wrap:break-word;background-color:var(--background-dark);position:relative;padding-top:10px;display:flex;flex-direction:column;justify-content:space-between}.editTeam .teamInfoEdit{margin:10px;display:flex;flex-direction:column;align-items:center}.editTeam .teamInfobox{width:100%;margin:0 0 10px;display:flex;justify-content:space-between;height:60px}.editTeam .infoEditButton{width:100px;height:35px;font-size:16px;align-self:center;margin-bottom:10px;font-weight:250;color:var(--text-primary);background-color:var(--brand-red);border:none;border-radius:5px}.editTeam .unChange{background-color:var(--box-1);color:var(--box-3)}.editTeam .teamName{height:100%;display:flex;flex-direction:column;justify-content:space-between;flex:1}.editTeam .textInput{background-color:transparent;color:var(--text-primary);border:1px solid var(--primary-300);padding:10px 5px;border-radius:10px}.editTeam .teamColor{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100px}.editTeam .colorInput{border:1px solid transparent;border-radius:20px;background-color:transparent;height:40px;width:80%}.editTeam .manageSection{margin:0 10px;height:calc(100% - 290px);display:flex;flex-direction:row;border-radius:10px}.editTeam .goalManage{flex:1;margin:10px;text-align:center;position:relative;overflow:hidden;border-radius:30px}.editTeam .listBox{width:100%;height:100%;padding-bottom:10px;overflow-y:auto}.editTeam .addGoal{position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--background-dark);display:flex;flex-direction:column;align-items:center;gap:5px}.editTeam .goalNameInput{margin-top:5px;width:90%;height:40px;border:1px solid var(--primary-300);background-color:transparent;color:var(--text-primary);border-radius:5px;padding:5px;font-size:16px}.editTeam .dateInput{width:100px;border:1px solid var(--primary-300);background-color:var(--primary-300);border-radius:5px;padding:5px}.editTeam .addConfirm{background-color:var(--primary-200);color:var(--text-primary);width:100px;height:30px;border-radius:5px;border:none}.editTeam .addCancle{background-color:var(--brand-red);color:var(--text-primary);width:100px;height:30px;border-radius:5px;border:none}.editTeam .goalList{display:flex;flex-direction:column;gap:-1px;align-items:center;width:max-content;width:100%;padding:5px 0 50px}.editTeam .goal{border:1px solid var(--primary-200);border-radius:10px;color:var(--primary-300);padding:5px 10px;width:100%;height:60px;text-align:center;align-content:center;position:relative}.editTeam .goalName{color:var(--text-gray);font-size:16px}.editTeam .goalDate{font-size:12px}.editTeam .deleteGoal{position:absolute;right:-50px;top:0;width:max-content;height:100%;width:calc(100% + 50px);align-content:center;transition-duration:.3s}.editTeam .deleteGoal:hover{right:10px}.editTeam .deleteGoalButton{position:absolute;right:0;top:0;height:100%;background-color:transparent;border:none;color:var(--brand-red);padding:2px 5px}.editTeam .temeMemberManage{flex:1;overflow:hidden;margin:10px;text-align:center}.editTeam .memberList{display:grid;grid-template-columns:repeat(auto-fill,minmax(48%,1fr));gap:5px;padding:5px 0 50px}.editTeam .member{background-color:var(--box-1);border-radius:10px;display:flex;flex-direction:column;font-size:16px;padding:5px 10px 0;align-items:center;overflow:hidden;transition-duration:.3s;height:40px;position:relative;height:100px}.editTeam .member:hover{height:100px;color:var(--accent-200)}.editTeam .memberName{text-align:center}.editTeam .memberId{font-size:10px;text-align:center;color:var(--primary-300);margin-bottom:5px}.editTeam .memberButton{background-color:var(--box-3);border-radius:5px;height:10px;width:50%;position:absolute;bottom:-5px}.editTeam .leader .memberButton{background-color:var(--brand-red)}.editTeam .leaderTag{color:#fff;font-size:11px;padding:2px 5px;border-radius:5px;margin-top:3px;font-weight:250}.editTeam .changeLeaderButton{background-color:var(--primary-200);font-size:13px;width:max-content;margin-top:5px;padding:2px 5px;border:none;border-radius:5px;color:var(--text-primary);font-weight:250;font-size:11px}.editTeam .quitMemberButton{background-color:var(--brand-red);font-size:14px;width:max-content;margin-top:8px;padding:2px 5px;border:none;border-radius:5px;color:var(--text-primary);font-weight:250;font-size:11px}.editTeam .footerButtons{display:flex;justify-content:center;margin-top:auto;margin-bottom:40px}.editTeam .footerButtons>button{width:150px;height:40px;font-size:16px;font-weight:250;margin:10px;border:none;border-radius:5px;background-color:var(--brand-red);color:var(--text-primary)}.editTeam .footerButtons>.backTeamMain{background-color:transparent;border:1px solid var(--primary-200)}.teamPage{color:var(--text-primary);background-color:var(--background-dark);width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;padding-top:5px}.teamPage .topMenu{display:flex;justify-content:space-between;padding:0 10px}.teamPage .newTeamButton{padding:4px;border-radius:10px}.teamPage .listContainer{overflow-y:scroll;margin:0 10px}.teamPage .joinedList{display:flex;flex-direction:column;gap:5px;padding:5px 10px 30px}.teamPage .joinedTeam{padding:10px 10px 10px 20px;position:relative;display:flex;justify-content:space-between;align-items:center;height:110px;color:var(--text-gray);overflow:hidden}.teamPage .colorLabel{position:absolute;left:0;top:0%;height:100%;width:1px}.teamPage .joinedTeam .left{display:flex;flex-direction:column;justify-content:space-between;height:100%}.teamPage .joinedTeam .right{height:100%;display:flex;flex-direction:column;justify-content:space-between}.teamPage .teamName{margin-top:10px;font-size:21px;font-weight:350;color:var(--text-gray)}.teamPage .dday{font-size:15px;font-weight:200;margin-bottom:5px;color:var(--primary-300)}.teamPage .tag{visibility:hidden}.teamPage .tag.active{visibility:visible;margin-top:5px;padding:2px 5px;width:max-content;text-shadow:0px 0px 1px;color:var(--text-gray);background-color:var(--brand-red);border-radius:10px;font-size:11px;align-self:flex-end}.teamPage .teamInfo{display:flex;gap:10px;font-size:16px;color:var(--primary-300);background-color:#00000054;padding:10px;border-radius:14px}.teamPage .teamInfo>div{display:flex;flex-direction:column;gap:7px;text-align:center;font-size:13px}.adminHome{color:#f5f5f5}.adminHome .adminTopMenu{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--primary-300)}.adminHome .adminTopMenu>*{flex:1;text-align:center}.adminHome .linkBox{margin-top:10px;display:flex;flex-direction:column;gap:10px}.adminHome .linkbutton{border-radius:5px;margin:0 20px;padding:15px;background-color:var(--box-3);text-align:center;text-decoration:none}.adminJoin{color:var(--text-primary, #f5f5f5);width:100%;padding:20px;box-sizing:border-box}.adminJoin .topMenu{margin-bottom:24px}.adminJoin .menu{display:flex;justify-content:space-between;align-items:center}.adminJoin .title{font-size:1.25rem;font-weight:600}.adminJoinConfig{background-color:var(--box-1, #1e1e1e);border:1px solid var(--box-3, #383838);border-radius:12px;padding:20px;margin-bottom:24px}.adminJoinConfig .configTitle,.adminJoin .sectionTitle{font-size:1rem;font-weight:600;margin:0 0 16px}.adminJoinConfig .configRow{display:flex;align-items:center;gap:12px;margin-bottom:14px}.adminJoinConfig .configLabel{min-width:100px;font-size:14px;color:var(--text-gray, #888)}.adminJoinConfig .configToggle{padding:6px 14px;border-radius:8px;border:1px solid var(--box-3);font-size:14px;cursor:pointer;background:var(--box-2);color:var(--text-primary)}.adminJoinConfig .configToggle.on{background:var(--brand-red, #b30000);border-color:var(--brand-red)}.adminJoinConfig input[type=number]{width:72px;padding:6px 10px;font-size:14px;background:var(--box-2);border:1px solid var(--box-3);border-radius:8px;color:var(--text-primary)}.adminJoinConfig .configUnit{font-size:14px;color:var(--text-gray)}.adminJoinConfig .configSave{margin-top:16px;padding:10px 20px;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--brand-red);border:none;border-radius:8px;cursor:pointer}.adminJoinConfig .configSave:disabled{opacity:.6;cursor:not-allowed}.joinSection{margin-top:8px}.sectionHeader{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.joinSection .sectionTitle{margin:0 auto 0 0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sortSelect,.sortOrderBtn{padding:6px 10px;font-size:13px;background:var(--box-2);border:1px solid var(--box-3);border-radius:8px;color:var(--text-primary);cursor:pointer}.searchBox input{padding:6px 12px;font-size:13px;width:180px;background:var(--box-2);border:1px solid var(--box-3);border-radius:8px;color:var(--text-primary)}.searchBox input::placeholder{color:var(--text-gray)}.adminJoin .joinDatas{display:flex;flex-direction:column;gap:8px}.adminJoin .joinDatas .data{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--box-1);border:1px solid var(--box-3);border-radius:8px;flex-wrap:wrap}.adminJoin .joinDatas .data.selected{border-color:var(--brand-red);box-shadow:0 0 0 1px var(--brand-red)}.adminJoin .joinDatas .dataName{font-weight:500;min-width:72px}.adminJoin .joinDatas .dataInfo{font-size:13px;color:var(--text-gray);flex:1;min-width:120px}.dataStatus{font-size:12px;padding:2px 8px;border-radius:6px;white-space:nowrap}.dataStatus.status-신청{background:var(--box-3);color:var(--text-gray)}.dataStatus.status-입금확인{background:#b3000040;color:#f88}.dataStatus.status-톡방초대완료{background:#00780040;color:#8d8}.dataStatusSelect{padding:4px 8px;font-size:12px;background:var(--box-2);border:1px solid var(--box-3);border-radius:6px;color:var(--text-primary);cursor:pointer;min-width:100px}.adminJoin .joinDatas .dataDetail{padding:4px 10px;font-size:12px;color:var(--text-primary);background:var(--box-3);border:1px solid var(--text-gray);border-radius:6px;cursor:pointer}.adminJoin .joinDatas .dataDetail:hover{background:var(--box-4)}.adminJoin .joinDatas .dataDelete{padding:4px 10px;font-size:12px;color:var(--brand-red);background:transparent;border:1px solid var(--brand-red);border-radius:6px;cursor:pointer}.adminJoin .joinDatas .dataDelete:hover{background:var(--brand-red);color:var(--text-primary)}.detailOverlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.detailModal{background:var(--box-1);border:1px solid var(--box-3);border-radius:16px;max-width:420px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.detailHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--box-3)}.detailHeader h3{margin:0;font-size:1.1rem}.detailClose{background:none;border:none;color:var(--text-gray);font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1}.detailClose:hover{color:var(--text-primary)}.detailBody{padding:20px;overflow-y:auto}.detailRow{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detailRow .detailLabel{min-width:90px;font-size:13px;color:var(--text-gray)}.detailRow span:last-child,.detailRow select{flex:1;font-size:14px}.detailRow select{padding:6px 10px;background:var(--box-2);border:1px solid var(--box-3);border-radius:8px;color:var(--text-primary);cursor:pointer}.detailRowFull{flex-direction:column;align-items:flex-start}.detailWish{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--text-gray);white-space:pre-wrap;word-break:break-word}.detailFooter{padding:12px 20px;border-top:1px solid var(--box-3)}.detailDelete{padding:8px 16px;font-size:13px;color:var(--brand-red);background:transparent;border:1px solid var(--brand-red);border-radius:8px;cursor:pointer}.detailDelete:hover{background:var(--brand-red);color:var(--text-primary)}.adminJoin .configSave{margin-left:5px;padding:6px 10px;font-size:13px;background:var(--box-2);border:1px solid var(--box-3);border-radius:8px;color:var(--text-primary);cursor:pointer}.adminSetting{color:var(--text-primary, #f5f5f5);width:100%;padding:20px;box-sizing:border-box}.joinSetting{max-width:480px;background-color:var(--box-1, #1e1e1e);border:1px solid var(--box-3, #383838);border-radius:12px;padding:20px}.joinSetting .configTitle{font-size:1rem;font-weight:600;margin:0 0 16px}.joinSetting .configRow{display:flex;align-items:center;gap:12px;margin-bottom:14px}.joinSetting .configLabel{min-width:140px;font-size:14px;color:var(--text-gray, #888)}.joinSetting .configToggle{padding:6px 14px;border-radius:8px;border:1px solid var(--box-3);font-size:14px;cursor:pointer;background:var(--box-2);color:var(--text-primary)}.joinSetting .configToggle.on{background:var(--brand-red, #b30000);border-color:var(--brand-red)}.joinSetting .configHint{font-size:13px;color:var(--text-gray, #888);margin:0 0 16px;line-height:1.4}.joinSetting .configSave{padding:10px 20px;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--brand-red);border:none;border-radius:8px;cursor:pointer}.joinSetting .configSave:disabled{opacity:.6;cursor:not-allowed}.joinFrame{border:1px solid #333333}.editSchedule{background-color:var(--background-dark)}.editSchedule .dateContainer{height:60px;display:flex;padding:0 30px;justify-content:space-between;align-items:end;-webkit-user-select:none;user-select:none;background-color:var(--background-dark)}.editSchedule .date{font-size:20px;font-weight:200;color:var(--text-gray)}.editSchedule .clear{display:flex;align-items:center;font-weight:300}.editSchedule .clearButton{background-color:var(--background-dark);color:var(--text-gray);border:none;margin-bottom:3px}.editSchedule .seeDawn .seeDawnText{font-size:13px;font-weight:300;padding:2px 5px;background-color:var(--background-dark);border:none;cursor:pointer;color:var(--text-gray)}.editSchedule .timeSlotsContainer{border-top:1px solid var(--background-dark);border-bottom:1px solid var(--background-dark);max-height:calc(100vh - 230px);overflow-y:auto;margin-right:30px;margin-left:30px}.editSchedule .timeSlots{padding:10px 10px 10px 0;display:flex;flex-direction:column;gap:5px;background-color:var(--background-dark)}.editSchedule .timeSlot{height:40px;border-radius:5px;display:flex;justify-content:space-between}.editSchedule .timeSlot .time{position:relative;color:var(--text-gray);text-align:center;line-height:40px;flex:.7;border-right:1px solid var(--primary-200);border-radius:0 10px 10px 0;background-color:var(--box-1)}.editSchedule .timeSlot .timeText{position:absolute;right:15px;color:var(--text-gray);border-radius:5px;font-size:18px;font-weight:400}.editSchedule .timeSlot .content{display:flex;justify-content:space-between;align-items:center;flex:.5;color:var(--text-gray);line-height:70px}.editSchedule .timeSlot .content .line{height:1%;background-color:var(--primary-200);border-radius:5px;flex:1}.editSchedule .selcetButton{height:100%;width:100px;position:relative;margin-right:20px;display:flex;flex-direction:column;justify-content:space-around}.editSchedule .timeSlot .content .status{width:80px;height:45%;text-align:center;border:1px solid var(--primary-200);cursor:pointer}.editSchedule .status0{border-radius:5px 0 0}.editSchedule .status30{border-radius:0 0 0 5px}.editSchedule .content .status.possible{background-color:var(--brand-red);border:1px solid var(--brand-red);height:47%;transition-duration:.1s}.editSchedule .allSelectButton{position:absolute;right:-20px;height:94%;width:35px;border:1px solid var(--primary-200);cursor:pointer;border-radius:0 5px 5px 0;z-index:100}.editSchedule .allSelectButton.possible{background-color:var(--brand-red);border:1px solid var(--brand-red);transition-duration:.1s}.editSchedule .scheduleMenuBar{height:90px;width:700px;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:20px;-webkit-user-select:none;user-select:none;transition-duration:.3s}.editSchedule .scheduleMenuBar .button-box{width:80%;display:flex;justify-content:space-around;gap:10px}.editSchedule .scheduleMenuBar button{flex:1;text-decoration:none;align-content:center;text-align:center;font-size:small;font-weight:200;padding:10px 0;border-radius:5px;cursor:pointer;background-color:#0000;color:var(--text-gray);border:1px solid var(--primary-200)}.editSchedule .floatView{padding:1px;position:fixed;bottom:170px;left:50px;width:60px;height:25%;border-radius:10px;background-color:#1a1a1ad7;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.editSchedule .floatView .floatTime{width:100%;flex:1;text-align:center;line-height:40px;font-size:large;font-weight:600;color:var(--text-gray)}.editSchedule .floatTimeStatus{width:100%;height:100%}.editSchedule .possible{background-color:var(--brand-red);transition-duration:.3s}@media screen and (max-width: 767px){.editSchedule .scheduleMenuBar{width:100%}}.bottomBar{position:fixed;bottom:6px;background-color:var(--background-dark);width:680px;height:45px;display:flex;justify-content:space-between;z-index:400;-webkit-user-select:none;user-select:none;overflow:hidden;border-radius:60px;border:1px solid var(--box-4)}.bottomBar .inviteLinkBottom{position:absolute;top:-1px;left:0;width:100%;height:100%;background-color:var(--background-dark);z-index:800}.menu-button{position:relative;flex:1;text-decoration:none;color:var(--primary-300);font-size:small;font-weight:200;transition-duration:.3s;cursor:default}.menu-button .button-icon{font-size:16px;color:var(--primary-300)}.bottomBar .buttonText{align-content:center;text-align:center;display:flex;bottom:4px;left:0;width:100%;height:100%;justify-content:end;flex-direction:column;align-items:center;position:absolute;z-index:200}.bottomBar .selcetMenu{font-size:14px;font-weight:400;color:var(--text-primary)}.selcetMenu .button-icon{font-size:19px;color:var(--text-primary)}.bottomBar .firstButton{position:relative}.bottomBar .indexBox{top:0;position:absolute;width:100%;background-color:#7fffd400;height:100%;align-items:center;align-content:center;justify-items:center;transition-duration:.3s;transition-timing-function:cubic-bezier(.075,.82,.165,1);left:0}.bottomBar .circle{background-color:var(--brand-red);width:80%;height:85%;border-radius:20px;z-index:1;animation-duration:.7s}.bottomBar .index1{transform:translate(0)}.bottomBar .index2{transform:translate(100%)}.bottomBar .index3{transform:translate(200%)}.bottomBar .index4{transform:translate(300%)}.bottomBar .index5{transform:translate(400%)}.index1>.circle{animation-name:move}.index2>.circle{animation-name:move2}.index3>.circle{animation-name:move3}.index4>.circle{animation-name:move4}.index5>.circle{animation-name:move5}@media screen and (max-width: 767px){.bottomBar{width:98%;margin:0 1%}}@keyframes move{0%{width:40px;height:40px;border-radius:100px}50%{width:40px;height:40px;border-radius:100px;background-color:var(--box-1)}}@keyframes move2{0%{width:40px;height:40px;border-radius:100px}50%{width:40px;height:40px;border-radius:100px;background-color:var(--box-1)}}@keyframes move3{0%{width:40px;height:40px;border-radius:100px}50%{width:40px;height:40px;border-radius:100px;background-color:var(--box-1)}}@keyframes move4{0%{width:40px;height:40px;border-radius:100px}50%{width:40px;height:40px;border-radius:100px;background-color:var(--box-1)}}@keyframes move5{0%{width:40px;height:40px;border-radius:100px}50%{width:40px;height:40px;border-radius:100px;background-color:var(--box-1)}}.schedule{width:100%;height:calc(100vh - 70px);color:var(--text-gray);background-color:var(--background-dark);display:flex;flex-direction:column}.schedule .topMenu{height:100px;margin:10px 12px 12px;background-color:var(--box-3);border-radius:10px}.schedule .ScheduleCalender{flex:1;margin:0 12px;padding:10px 0 0;border-radius:10px}.schedule .rateSection{height:130px;justify-items:center}.schedule .rate{width:max-content;display:flex;justify-content:end;border-radius:20px;margin:5px 10px;padding:0 10px 0 20px}.schedule .pieChartBox{position:relative;height:100px;width:100px}.schedule .pieChart{right:-50px;top:-45px;position:absolute;height:200px;width:200px}.schedule .middelLabel{position:absolute;left:29px;top:45px;font-size:15px;font-weight:200;color:var(--primary-300)}.schedule .chartText{height:105px;font-size:15px;font-weight:200;color:var(--primary-300);display:flex;flex-direction:column;justify-content:center;gap:1px}.schedule .swiping{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200}.ScheduleCalender .calender{width:100%;height:90%;-webkit-user-select:none;user-select:none}.ScheduleCalender .year-month{font-weight:200;font-size:18px;-webkit-user-select:none;user-select:none}.ScheduleCalender .date-bar{display:flex;justify-content:space-around;align-items:center;gap:4px;overflow:hidden;width:100%;height:40px}.ScheduleCalender .calendar-day{margin-top:20px;width:100%;border-collapse:collapse}.ScheduleCalender .calendar-table{width:100%;height:100%;border-collapse:collapse;padding:3px;background-color:#0000}.ScheduleCalender thead td{color:var(--text-primary);font-weight:300;text-align:center}.ScheduleCalender tbody td{text-align:center;font-size:medium;font-weight:150;color:var(--primary-200);position:relative;overflow:hidden;border-radius:10px}.ScheduleCalender .this-month{color:var(--text-gray)}.ScheduleCalender .stateBox{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ScheduleCalender .state{width:50%;height:40%;align-content:center;color:transparent}.ScheduleCalender .tempSchedule{border-bottom:5px dotted var(--cold-gray)}.ScheduleCalender .confirmSchedule{border-bottom:5px solid var(--complete-green);color:1px solid var(--complete-green)}.ScheduleCalender .requstDay{border-bottom:5px solid var(--request-1);animation-timing-function:ease}.ScheduleCalender .tempSchedule.requstDay{border-bottom:5px dotted var(--request-1);animation-timing-function:ease}.ScheduleCalender .confirmSchedule.requstDay{border-bottom:5px solid var(--complete-green);color:1px solid var(--complete-green)}.ScheduleCalender .today{position:absolute;top:15%;left:10%;height:70%;width:80%;border-radius:20px;align-content:center;font-weight:300;font-size:19px;background-color:var(--background-dark);border:1px solid var(--primary-200);color:var(--text-primary)}.ScheduleCalender .selectedDay{position:absolute;top:15%;left:10%;height:70%;width:80%;border-radius:100px;align-content:center}.ScheduleCalender .swiper{height:100%;background-color:#5e161600}.calender .swiping{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200}.scheduleList .listOption{display:flex;justify-content:space-around;margin:10px 0}.scheduleList .listOptionBtn{padding:4px}.scheduleList .list{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 270px);overflow:auto}.scheduleList .request{padding:10px;display:flex;justify-content:space-between;border-bottom:1px solid var(--primary-200);color:var(--text-gray)}.scheduleList .confirmReq{color:var(--complete-green)}.joinForm{color:var(--text-primary);min-height:900px;-webkit-user-select:none;user-select:none}.joinForm .stateBar{padding-top:15px;padding-bottom:60px;position:fixed;top:0;height:180px;width:100%;display:flex;flex-direction:column;background:linear-gradient(var(--background-dark) 40%,#00000000);z-index:100;overflow:visible}.joinForm .stateBarRow{margin:4px 34px 0}.joinForm .stateBarRow .text{margin-left:0}@keyframes inputboxShake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}@keyframes inputErrorShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.joinForm .inputboxShake{animation:inputboxShake .5s ease-in-out}.joinForm .inputErrorShake{animation:inputErrorShake .5s ease-in-out}.joinForm .stateBarRow .nameError,.joinForm .stateBarRow .studentIdError,.joinForm .stateBarRow .contactError{margin-top:8px;font-size:14px;font-weight:500;color:var(--brand-red)}.joinForm .languageToggle{position:absolute;top:15px;right:34px;display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:600;color:var(--text-gray);background-color:var(--box-1);border:1px solid var(--box-3);border-radius:20px;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}.joinForm .languageToggle:hover{color:var(--text-primary);background-color:var(--box-3);border-color:var(--text-gray)}.joinForm .languageToggle span{pointer-events:none}.joinForm .progressSection{margin:60px 34px 20px}.joinForm .progressBar{background-color:var(--box-3);height:6px;position:relative;overflow:visible;border-radius:999px}.joinForm .progressFill{background:linear-gradient(90deg,var(--brand-red) 0%,#8a0000 100%);height:100%;width:0%;border-radius:999px;transition:width .6s cubic-bezier(.34,1.2,.64,1);box-shadow:0 0 10px #b300004d}.joinForm .cups{position:absolute;left:0;right:0;top:50%;transform:translateY(calc(-50% - 8px));height:28px;pointer-events:none;width:100%;box-sizing:border-box}.joinForm .cups .cup{position:absolute;z-index:1;top:50%;display:flex;align-items:center;justify-content:center;width:24px;height:28px;pointer-events:auto;cursor:pointer;transition:transform .2s ease}.joinForm .cups .cup:nth-child(1){left:0;transform:translateY(-50%)}.joinForm .cups .cup:nth-child(2){left:25%;transform:translate(-50%,-50%)}.joinForm .cups .cup:nth-child(3){left:50%;transform:translate(-50%,-50%)}.joinForm .cups .cup:nth-child(4){left:75%;transform:translate(-50%,-50%)}.joinForm .cups .cup:nth-child(5){left:100%;transform:translate(-100%,-50%)}.joinForm .cups .cup:nth-child(1):hover{transform:translateY(-50%) scale(1.08)}.joinForm .cups .cup:nth-child(2):hover,.joinForm .cups .cup:nth-child(3):hover,.joinForm .cups .cup:nth-child(4):hover{transform:translate(-50%,-50%) scale(1.08)}.joinForm .cups .cup:nth-child(5):hover{transform:translate(-100%,-50%) scale(1.08)}.joinForm .cups .cup.cupFilled .cupIcon{animation:cupFillPop .35s ease-out}@keyframes cupFillPop{0%{transform:scale(1)}60%{transform:scale(1.06)}to{transform:scale(1)}}.joinForm .text{margin-left:34px;font-size:27px;font-weight:600;line-height:1.3}.joinForm .form{margin-top:300px;padding:0 34px}.joinForm .nextButton{margin:30px 10px 0;height:50px;background:linear-gradient(135deg,var(--brand-red) 0%,#8a0000 100%);box-shadow:0 4px 16px #b3000059;text-align:center;align-content:center;border-radius:80px;font-size:18px;font-weight:600;border:none;color:var(--text-primary);animation-name:buttonLoad;animation-duration:.5s;transition:box-shadow .2s ease,background .2s ease}.joinForm .nextButton:hover{background:linear-gradient(135deg,#cc0000 0%,var(--brand-red) 100%);box-shadow:0 6px 20px #b3000073}.joinForm .inputbox{flex:1;min-width:0;display:flex;flex-direction:column;transition-duration:.3s}.joinForm .label{font-size:15px;font-weight:500;transition-duration:.3s;color:var(--text-gray)}.joinForm .activeLabel{color:var(--brand-red)}.joinForm input{background-color:#0000;color:var(--text-primary);font-size:20px;font-weight:500;border:none;border-bottom:1px solid var(--text-gray);height:38px;transition-duration:.3s}.joinForm input:focus{border-bottom:2px ridge var(--brand-red);outline:none}.joinForm .select{background-color:#0000;color:var(--text-primary);font-weight:500;border:none;border-bottom:1px solid var(--text-gray);height:38px;position:relative;transition-duration:.3s;font-size:20px;align-content:end;padding-bottom:5px;padding-right:32px;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joinForm .select:focus{border-bottom:2px ridge var(--brand-red);outline:none}.joinForm .college .select,.joinForm .major .select{font-size:16px}.joinForm .academicStateArrow{font-size:20px;position:absolute;right:10px;top:10px;transition-duration:.3s}.joinForm .arrowUp{rotate:180deg}.joinForm .optionsBox{transition-duration:.3s;position:fixed;left:0;display:flex;flex-direction:column;bottom:-110vh;width:100%;justify-content:space-between}.joinForm .blur{height:calc(100vh - 330px);transform:translateY(60px);background-color:#00000081;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.joinForm .options{position:relative;background-color:var(--background-dark);height:390px;border-radius:20px;align-content:center;box-shadow:0 -5px 10px -5px var(--text-gray)}.joinForm .activeOptions{bottom:0vh}.joinForm .confirmButton{position:absolute;right:10px;top:20px}.joinForm .confirmButton>.nextButton{margin-top:0;height:auto;font-size:16px;border-radius:10px;font-weight:400;padding:10px 20px;background-color:var(--box-3)}.joinForm .swiper{display:flex;height:60%}.joinForm .option{font-size:16px;font-weight:400;color:var(--text-gray);text-align:center;align-content:center;height:50px;transition:all .3s}.joinForm .option.selectedOption{font-size:28px;font-weight:600;color:var(--text-primary)}.joinForm .name{margin-top:50px}.joinForm .studentId{margin-top:30px}.joinForm .hidden>*{border:none;color:transparent;background-color:transparent}.joinForm .twoInputBox{margin-top:30px;width:100%;display:flex;gap:10px}.joinForm .contact{margin-top:30px}.joinForm .wishPopupOverlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:wishPopupFadeIn .25s ease-out}.joinForm .wishPopup{background-color:var(--background-dark);border-radius:20px;padding:28px 24px;max-width:360px;width:100%;box-shadow:0 10px 40px #0006;animation:wishPopupSlideIn .3s ease-out}.joinForm .wishPopupQuestion{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 20px;line-height:1.4}.joinForm .wishPopupInput{width:100%;min-height:100px;padding:14px;margin-bottom:20px;font-size:17px;font-weight:400;color:var(--text-primary);background-color:var(--box-3);border:1px solid var(--text-gray);border-radius:12px;resize:vertical;outline:none;transition:border-color .2s;box-sizing:border-box}.joinForm .wishPopupInput:focus{border-color:var(--brand-red)}.joinForm .wishPopupInput::placeholder{color:var(--text-gray)}.joinForm .wishPopupButtons{display:flex;gap:12px;justify-content:flex-end}.joinForm .wishPopupCancel,.joinForm .wishPopupConfirm{padding:12px 24px;font-size:17px;font-weight:600;border-radius:80px;border:none;cursor:pointer;transition:opacity .2s}.joinForm .wishPopupCancel{background-color:var(--box-3);color:var(--text-gray)}.joinForm .wishPopupConfirm{background:linear-gradient(135deg,var(--brand-red) 0%,#8a0000 100%);box-shadow:0 4px 16px #b3000059;color:var(--text-primary)}.joinForm .wishPopupCancel:hover{opacity:.9}.joinForm .wishPopupConfirm:hover{background:linear-gradient(135deg,#cc0000 0%,var(--brand-red) 100%);box-shadow:0 6px 20px #b3000073}.joinForm .wishPopupConfirm:disabled{opacity:.7;cursor:not-allowed}@keyframes wishPopupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes wishPopupSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes buttonLoad{0%{background-color:transparent;color:transparent}}.cupIcon{display:inline-block;line-height:0;flex-shrink:0;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}.cupSvg{display:block;width:15px;height:20px}.joinCheck{min-height:100vh;background-color:var(--background-dark);color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.joinCheckInner{width:100%;max-width:420px;text-align:center}.joinCheckTitle{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.joinCheckDesc{font-size:15px;color:var(--text-gray);margin:0 0 28px;line-height:1.5}.joinCheckForm{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;text-align:left}.joinCheckLabel{font-size:14px;font-weight:500;color:var(--text-gray)}.joinCheckInput{width:100%;padding:12px 14px;font-size:16px;color:var(--text-primary);background:var(--box-1);border:1px solid var(--box-3);border-radius:10px;box-sizing:border-box}.joinCheckInput::placeholder{color:var(--text-gray);opacity:.7}.joinCheckSubmit{padding:14px 24px;font-size:16px;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,var(--brand-red) 0%,#8a0000 100%);border:none;border-radius:10px;cursor:pointer;margin-top:4px}.joinCheckSubmit:hover:not(:disabled){background:linear-gradient(135deg,#cc0000 0%,var(--brand-red) 100%)}.joinCheckSubmit:disabled{opacity:.7;cursor:not-allowed}.joinCheckError{font-size:14px;color:var(--brand-red);margin:0 0 16px}.joinCheckNoResult{font-size:15px;color:var(--text-gray);margin:0 0 20px}.joinCheckResult{margin-bottom:24px;text-align:left}.joinCheckResultTitle{font-size:1rem;font-weight:600;margin:0 0 12px}.joinCheckList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.joinCheckCard{background:var(--box-1);border:1px solid var(--box-3);border-radius:12px;padding:16px}.joinCheckCardRow{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:14px}.joinCheckCardRow:last-child{margin-bottom:0}.joinCheckCardDate{font-weight:600;color:var(--text-primary);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--box-3)}.joinCheckCardLabel{min-width:56px;color:var(--text-gray);font-size:13px}.joinCheckStatus{font-size:13px;padding:2px 8px;border-radius:6px}.joinCheckStatus.status-신청{background:var(--box-3);color:var(--text-gray)}.joinCheckStatus.status-입금확인{background:#b3000040;color:#f88}.joinCheckStatus.status-톡방초대완료{background:#00780040;color:#8d8}.joinCheckFooter{margin-top:20px}.joinCheckBack{display:inline-block;font-size:14px;color:var(--text-gray);text-decoration:none}.joinCheckBack:hover{color:var(--text-primary)}.joinCheckAdminLink{position:fixed;right:12px;bottom:12px;font-size:11px;color:var(--text-gray);text-decoration:none;opacity:.4}.joinCheckAdminLink:hover{color:var(--text-primary);opacity:.8}