body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}

/*!* 화면 폭 768px 이하일 때 로고 이미지 크기 변경 *!*/

/*!* 상단 메뉴 스타일 *!*/

/*!* 데스크탑 기본 스타일 *!*/

/*!* 햄버거 버튼은 기본적으로 숨김 *!*/

/*!* 미디어 쿼리: 화면 폭 768px 이하에서 *!*/
/*    !* 헤더 자체의 정렬 변경: 로고와 타이틀을 가운데 정렬 *!*/
/*    !* 로고와 타이틀 래퍼(그룹)를 가운데 정렬 *!*/

/*!* 모바일용 메뉴 (토글 시 표시) *!*/

/*!* 로고와 타이틀 그룹 *!*/

/*!* NavigationBar.css 에 추가 *!*/
/*    !* 필요하면 반투명 배경도 줄 수 있어요:*/.NavigationBar{align-items:center;background-color:#a81d1c;display:flex;height:6vh;padding:5px 20px;position:relative}.Navigation_logoimage{height:40px;margin-right:1vw;width:40px}@media (max-width:930px){.Navigation_logoimage{height:clamp(30px,5vw,40px);margin-right:1vw;width:clamp(30px,5vw,40px)}}.Navigation_title{color:#efe7e7;cursor:pointer;font-size:1.4rem;font-weight:700}.Navigation_title:hover{color:gray}.Navigation_nav ul{color:#efe7e7;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:10vh;list-style:none;margin-left:2vw}.Navigation_frined:hover,.Navigation_nav li:hover{color:gray}.Navigation_frined,.Navigation_sign{cursor:pointer;font-size:clamp(.9rem,1.5vw,1rem);font-weight:700;margin-left:auto;margin-right:2vw}.Navigation_frined,.Navigation_nav,.Navigation_sign{color:#efe7e7;cursor:pointer;display:block}.Hamburger{background-color:#a81d1c;border:2px solid #efe7e7;color:#efe7e7;cursor:pointer;display:none}.Hamburger:hover{background-color:#881717}@media (max-width:930px){.Navigation_frined,.Navigation_nav,.Navigation_sign{display:none}.Hamburger{display:block;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.NavigationBar{justify-content:center}.LogoTitle{margin:0 auto}}.Mobile_nav{background-color:#a81d1c;height:100vh;left:0;position:fixed;top:6vh;width:50vw;z-index:1000}.Mobile_nav ul{list-style:none;margin:0;padding:10px}.Mobile_nav li{border-bottom:1px solid #efe7e7;color:#efe7e7;cursor:pointer;justify-content:center;padding:10px}.Mobile_nav li:hover{color:gray}.LogoTitle{align-items:center;display:flex;gap:1vw}.Mobile_nav_header{color:#efe7e7;cursor:pointer;font-size:1.1rem;font-weight:700;margin-left:1vw;margin-top:1vh}.Mobile_nav_header:hover{color:gray}.Mobile_nav_overlay{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:100}.Mobile_nav{position:absolute;right:0;top:0;width:200px}.Navigation_frined+.Navigation_sign{margin-left:0}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative}@media (max-width:768px){.modal-content{width:80vw}}.modal-close{background:none;color:#efe7e7;font-size:1.5rem;right:10px;top:10px}*{box-sizing:border-box;font-family:Ownglyph_StudyHard-Rg}.Login_page{align-items:center;background-color:#212121;display:flex;height:500px;max-width:800px;padding:60px;width:80vw}.Login_container{align-content:center;display:flex;flex-direction:column;gap:1vh;justify-content:center;margin-bottom:10vh;margin-left:3vw}.Login_logoimage{aspect-ratio:1/1;object-fit:cover;width:150px}@media (max-width:620px){.Login_logoimage{aspect-ratio:1/1;margin-top:10vh;object-fit:cover;width:100px}}.Login_input{align-items:center;display:flex;flex-direction:column;width:100%}.kakao_login_medium_narrow{cursor:pointer;font-weight:700;margin-left:15vw;margin-top:10vh}.Login_link{text-align:center}.Login_text{align-items:center;color:#a81d1c;display:flex;font-size:1.5rem;font-weight:700;justify-content:center}@media (max-width:620px){.Login_text{align-items:center;display:flex;font-size:1rem;justify-content:center}}@media (max-width:762px){.Login_page{flex-direction:column}.Login_container{margin-bottom:2rem}.kakao_login_medium_narrow{cursor:pointer;font-weight:700;margin-left:0;margin-top:10vh}}.profile-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.profile-modal-content{background:#212121;border-radius:8px;color:#efe7e7;max-width:90%;padding:2rem;position:relative;width:360px;z-index:10000}.profile-modal-content h2{margin-top:0}.profile-modal-content label{display:block;margin:1rem 0 .5rem}.profile-modal-content input{box-sizing:border-box;padding:.5rem;width:100%}.profile-modal-actions{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.profile-modal-actions button{background-color:#efe7e7;cursor:pointer;padding:.5rem 1rem}.profile-modal-actions button:hover{background-color:#cdcaca}.error-text{display:flex;font-size:12px;justify-content:center}.logout-section{margin-top:1rem;text-align:center}.logout-button{background:#0000;border:none;color:#e53e3e;cursor:pointer}.logout-button:hover{color:#bc3535}.messenger-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.messenger-modal-content{background:#212121;border-radius:8px;color:#efe7e7;display:flex;height:80vh;max-width:1024px;overflow:hidden;padding:1.5rem;position:relative}@media (max-width:338px){.messenger-modal-content{width:90vw}}.messenger-sidebar{border-right:1px solid #444;overflow-y:auto;width:500px}.messenger-sidebar,.messenger-sidebar-collapsed{transition:width .3s ease}.messenger-main{display:flex;flex-direction:column;overflow:hidden;transform:perspective(600px) rotateY(-90deg);transform-origin:left center;transition:transform .5s ease,width .5s ease;width:0}.messenger-main.open{transform:perspective(600px) rotateY(0deg);width:70%}.chat-list{list-style:none;margin:0;padding:1rem}.chat-list-container{justify-items:center}@media (max-width:338px){.chat-list-container{font-size:15px;width:80vw}}.chat-list-item{border-radius:4px;cursor:pointer;padding:.5rem;transition:background .2s}.chat-list-item:hover{background:#2a2a2a}.chat-list-item.active{background:#373737;font-weight:700}.chat-window-header{border-bottom:1px solid #444;font-weight:700;padding:1rem}.chat-window-messages{flex:1 1;overflow-y:auto;padding:1rem}.chat-message{align-items:flex-start;display:flex;margin-bottom:.75rem}.chat-message .sender{color:#efe7e7;font-weight:600;margin-right:.5rem}.chat-window-input{background:#1e1e1e;border-top:1px solid #444;display:flex;padding:.75rem 1rem}.chat-window-input input{background:#2a2a2a;border:1px solid #555;border-radius:4px;color:#efe7e7;flex:1 1;margin-right:.5rem;padding:.5rem}.chat-window-input button{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .2s}.chat-window-input button:hover{background:#2563eb}.add-friend-section{align-items:center;border-bottom:1px solid #444;display:flex;padding:.4rem 1rem;width:200px}.add-friend-section input{background:#2a2a2a;border:1px solid #555;border-radius:4px;color:#efe7e7;flex:1 1;font-size:.875rem;padding:.5rem}.add-friend-section input::placeholder{color:#888}.add-friend-section button{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:.5rem 1rem;transition:background .2s;width:80px}.add-friend-section button:hover{background:#2563eb}.pending-section ul{list-style:none;margin:0;padding-left:0}.tab-header{border-bottom:1px solid #ddd;color:#efe7e7;display:flex;font-size:10px;width:300px}.add-friend-section-div{display:flex;justify-content:center}.add-friend-section-div button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;margin-left:8px;padding:8px 16px;transition:background-color .2s}.add-friend-section-div button:hover{background-color:#0056b3}.chat-list-button-true{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;margin-left:8px;padding:8px 16px;transition:background-color .2s}.chat-list-button-true:hover{background-color:#0056b3}.chat-list-button-false{background-color:#a81d1c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;margin-left:8px;padding:8px 16px;transition:background-color .2s}.chat-list-button-false:hover{background-color:#911919}@media (max-width:370px){.tab-header{width:75vw}.tab-header button{font-size:9.5px}.tab-content{font-size:10px}.add-friend-section{width:60vw}.add-friend-section-div{display:block;justify-items:center}.add-friend-section-div button{margin-top:5vh}}.tab-header button{background:none;border:none;color:#efe7e7;cursor:pointer;flex:1 1;padding:9px}.tab-header button:hover{color:#b51e1e}.tab-header button.active{border-bottom:2px solid #f80002;color:#b51e1e;font-weight:700}.tab-content{font-size:14px;padding:12px}.tab-content,.tab-content li{margin-top:1vh}.chat-list-dropdown ul,.tab-content ul{list-style:none;padding:0}.chat-list-dropdown ul{margin:0}.chat-list-dropdown li{background-color:#530505;padding:8px 12px;white-space:nowrap}.chat-list-dropdown li:hover{background-color:#450505}.chat-list-item.open{border:1px solid #b51e1e}.chat-window{border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-messages{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px}.my-message{align-self:flex-end;background:#e1ffc7;border-radius:16px 16px 0 16px}.my-message,.their-message{word-wrap:break-word;margin:4px 0;max-width:70%;padding:8px 12px}.their-message{align-self:flex-start;background:#fff;border-radius:16px 16px 16px 0}.chat-input{background:#fff;border-top:1px solid #ddd;display:flex;padding:8px}.chat-input input{border:1px solid #ccc;border-radius:16px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.chat-input button{background:#4caf50;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:14px;margin-left:8px;padding:8px 16px}.message-header{color:#555;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.sender-name{font-weight:700}.message-time{opacity:.7}.message-content{color:#1e2026}.date-divider{align-items:center;color:#666;display:flex;font-size:12px;font-weight:700;margin:15px 0;text-align:center}.date-divider:after,.date-divider:before{border-bottom:1px solid #ccc;content:"";flex:1 1;margin:0 10px}.InitialNicknameModal-overlay{align-items:center;background:#00000080;display:flex;font-size:13px;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.InitialNicknameModal-content{background:#212121;border-radius:8px;color:#efe7e7;max-width:90%;padding:2rem;position:relative;width:360px;z-index:10000}.InitialNicknameModal-content input{box-sizing:border-box;padding:.5rem;width:100%}.InitialNicknameModal-actions{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.InitialNicknameModal-actions button{background-color:#efe7e7;cursor:pointer;padding:.5rem 1rem}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.gameDetailModalOverlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.gameDetailModalContent{background:#282c34;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#efe7e7;font-size:1rem;max-width:500px;padding:20px;position:relative;width:90%}.modalCloseBtn{background:#0000;border:none;color:#efe7e7;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px}.gameDetailItem{border-bottom:1px solid #efe7e7;padding:10px 0}.MPSchedulePage{background-color:#282c34;width:28vw}@media (max-width:768px){.MPSchedulePage{height:30vh;margin:0 auto;width:70%}}.custom-mainschedule .react-calendar{font-size:.85em;width:28vw}@media (max-width:768px){.custom-mainschedule .react-calendar{font-size:.85em;width:70vw}.calendar-container{display:flex;justify-content:center}}.custom-mainschedule .react-calendar__tile{align-items:flex-start;box-sizing:border-box;display:flex;font-size:10px;font-weight:700;height:8vh;justify-content:flex-start;padding:10px;position:relative;text-align:left;width:40px}.custom-mainschedule .react-calendar__tile--active{background-color:#282c34!important;color:#efe7e7}.custom-mainschedule .calendar-container .weekday-tile{color:#efe7e7}.custom-mainschedule .react-calendar__navigation__arrow{color:red!important;display:flex;font-size:1.4rem}.attendance-doughnut-container{height:25vh;margin:20px auto;max-width:400px;padding:10px;width:12vw}.Chart_title{font-size:16px;font-weight:700;width:12vw}.Chart_title,.Schedule_Statistics_btn_container{color:#efe7e7;display:flex;justify-content:center}.Schedule_Statistics_btn{font-size:14px;font-weight:700;margin-bottom:2vh}.AttendanceDoughnutChart_btn{align-items:center;background-color:#1e2026;border:1px solid #9e1819;border-radius:8px;font-size:14px;justify-content:space-between;margin-top:10vh;padding:.75rem 1rem;transition:background-color .2s ease;width:12vw}@media screen and (max-width:768px){.attendance-doughnut-container{height:25vh;margin:20px auto;padding:10px;width:100%}.Chart_title{color:#efe7e7;display:flex;font-size:16px;font-weight:700;justify-content:center;width:100%}}.MPStatisticsPage{background-color:#282c34;border:1px solid #efe7e7;border-radius:8px;color:#efe7e7;height:50vh;width:28vw}@media (max-width:768px){.MPStatisticsPage{height:60vh;margin:0 auto;width:70vw}}.Main_Statistics_btn_container{color:#efe7e7;display:flex;justify-content:center}.Main_Statistics_btn{font-size:12px;font-weight:700;margin-bottom:.5vh}@media screen and (max-width:768px){.Main_Statistics_btn{font-size:10px;font-weight:700;margin-bottom:2vh}}.MPRankingPage{background-color:#282c34;border:1px solid #efe7e7;border-radius:8px;color:#efe7e7;display:flex;gap:1rem;padding:1rem;width:28vw}@media (max-width:1100px){.MPRankingPage{flex-direction:column;margin:0 auto;width:28vw}}@media (max-width:768px){.MPRankingPage{flex-direction:column;margin:0 auto;width:70vw}}.rankingSection{border-radius:8px;flex:1 1}.Ranking_span{color:#efe7e7;display:flex;font-size:16px;font-weight:700;justify-content:center;margin-bottom:4vh;margin-top:2vh;width:100%}.rankingList{list-style:none;margin:0;padding:0}.rankingList li{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:2vh;padding:.4rem 0}.rankingList li:last-child{border-bottom:none}.rank{font-weight:700;text-align:center}.name{flex:1 1;padding:0 .5rem;text-align:left;width:5vw}.count{display:flex;justify-content:center;min-width:2rem}.rank-item.top1{background:#ffd70033}.rank-item.top2{background:#c0c0c033}.rank-item.top3{background:#cd7f3233}.rank-item.top4{background:#50505033}.rank-item.top5{background:#3c3c3c33}.MainPage{background-color:#212121}.MainPage_homeimage{aspect-ratio:16/9;object-fit:cover;width:50vw}.slider-container{aspect-ratio:16/9;border:3px solid #730f11;border-radius:12px;margin:2vh auto;overflow:visible;position:relative;width:50vw}.slider-container:before{inset:-12px;transform:rotate(2deg)}.slider-container:after{inset:-6px;transform:rotate(-2deg)}.slider-container img{animation:float-slide 13s ease-in-out infinite;border-radius:12px;box-shadow:0 8px 20px #0009;display:block;height:100%;object-fit:cover;width:100%}.MainPageTop{margin-top:2vh}.MainPageTop,.MainPagebottom{display:flex;justify-content:center}.MainPagebottom{gap:5vw;width:100%}@media (max-width:768px){.MainPagebottom{flex-direction:column;gap:2vh;height:auto}.MainPage_homeimage{aspect-ratio:16/9;object-fit:cover;width:80%}.slider-container{width:80vw}}.Main_footer{background-color:#212121;color:#efe7e7;height:20vh;margin-top:50px;text-align:center}.footer-link{color:#ff4d4f;text-decoration:none}.footer-link:hover{color:#d9363e;text-decoration:underline}.ScheduleRegistration_page{align-items:center;background-color:#212121;display:flex;flex-direction:column;height:500px;max-width:800px;padding:60px;width:100vw}.ScheduleRegistration_page h2{margin-bottom:20px;text-align:center}.ScheduleRegistration_page form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.formField{color:#efe7e7;flex:1 1 30%;margin-bottom:15px;margin-right:20px}.formField label{display:block;font-weight:700;margin-bottom:5px}.formField input,.formField select{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;padding:8px;width:100%}button[type=submit]{background-color:#a81d1c;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;width:auto}button[type=submit]:hover{background-color:#901212}.ScheduleRegistration{color:#efe7e7;height:300px;height:30vh;overflow-y:auto;width:100%}.deleteButton{background-color:#ff4d4f;border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:24px;margin-left:10px;width:24px}.deleteButton:hover{background-color:#ff7875}.ScheduleRegistration::-webkit-scrollbar{width:8px}.ScheduleRegistration::-webkit-scrollbar-track{background-color:#e0e0e0;border-radius:4px}.ScheduleRegistration::-webkit-scrollbar-thumb{background-color:#a81d1c;border-radius:4px}.ScheduleRegistration::-webkit-scrollbar-thumb:hover{background-color:#901212}.ScheduleRegistration ul li{list-style:none;margin-bottom:10px;padding:.01vh}@media (max-width:768px){.ScheduleRegistration_page{width:80vw}.formField{font-size:8px}.ScheduleRegistration{font-size:10px;width:80vw}}.ScoreUpdate_modal_content{background:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;padding:20px;position:relative;width:400px}.ScoreUpdate_close_btn{background:#0000;border:none;color:#888;cursor:pointer;font-size:22px;position:absolute;right:10px;top:10px}.ScoreUpdate_close_btn:hover{color:#000}.ScoreUpdate_match_info{font-size:16px;font-weight:600;margin-bottom:15px;text-align:center}.ScoreUpdate_input_group{display:flex;flex-direction:column;margin:15px 0}.ScoreUpdate_input_group label{font-size:14px;font-weight:700;margin-bottom:5px}.ScoreUpdate_input_group input,.ScoreUpdate_input_group select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 10px}.ScoreUpdate_submit_btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px;width:100%}.ScoreUpdate_submit_btn:hover{background-color:#0069d9}.ScoreUpdate_delete_btn{background-color:#9e1819;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px;width:100%}.ScoreUpdate_delete_btn:hover{background-color:#851414}.attendance-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.attendance-modal-content{background:#212121;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:24px;position:relative;width:90%}.attendance-modal-content h4{font-size:1.25rem;margin-bottom:12px;margin-top:0}.attendance-modal-content p{color:#555;margin-bottom:16px}.attendance-modal-content input[type=file]{margin-bottom:16px;width:100%}.attendance-modal-actions{display:flex;gap:8px;justify-content:flex-end}.attendance-modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;padding:8px 16px}.attendance-modal-actions button:disabled{cursor:not-allowed;opacity:.6}.attendance-modal-actions button:first-child{background-color:#007bff;color:#fff}.attendance-modal-actions button:last-child{background-color:#ccc;color:#333}.modal-close{background:#0000;border:none;font-size:1rem;position:absolute;right:8px;top:8px}.modal-close:disabled{cursor:not-allowed;opacity:.6}.attendance-modal-title{color:#efe7e7;font-size:20px;font-weight:700}.attendance-modal-content2{color:#efe7e7;display:inline-block;font-size:15px;font-weight:700;margin-right:.25em}@media (max-width:752px){.attendance-modal-content2{display:block;margin-right:0}}.ScheduleList{color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:100%}.ScheduleList h3{margin-bottom:20px;text-align:center}.scheduleList{display:flex;gap:20px;list-style:none;margin:0;padding:0}@media (max-width:768px){.scheduleList{align-items:center;display:flex;flex-direction:column;justify-content:center}}.monthContainer{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#efe7e7;display:flex;flex-wrap:wrap;font-size:.9rem;justify-content:flex-start;margin-bottom:20px;margin-top:3vh;max-height:90vh;overflow-x:auto;overflow-y:auto;padding:10px 15px;scrollbar-color:#efe7e7 #0000;scrollbar-width:thin;width:90%}@media (max-width:768px){.monthContainer{display:flex;justify-content:center}}.monthContainer::-webkit-scrollbar{width:8px}.monthContainer::-webkit-scrollbar-track{background:#0000}.monthContainer::-webkit-scrollbar-thumb{background-color:#efe7e7;border-radius:4px}.AdminScheduleRegistration{height:10vh;margin-top:20px;text-align:center;width:100%}.AdminScheduleRegistration button{background-color:#282c34;border:1px solid #efe7e7;border-radius:4px;color:#efe7e7;cursor:pointer;font-size:1rem;padding:8px 16px;transition:background-color .3s ease}.AdminScheduleRegistration button:hover{background-color:#1e2026;border:1px solid #e4e1e1}.attendanceModal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.attendanceModalContent{background:#282c34;border:1px solid #efe7e7;border-radius:8px;color:#efe7e7;padding:20px;position:relative;text-align:center;width:30vw}@media (max-width:768px){.attendanceModalContent{margin:0 auto;max-height:100%;width:90vw}}.attendanceOptions{display:flex;gap:3vw;justify-content:center}@media (max-width:768px){.attendanceOptions{display:flex;gap:0;justify-content:center}}.attendanceOptions button{color:#efe7e7;font-size:.7rem;font-weight:700;margin:5px;padding:8px 16px}@media (max-width:768px){.attendanceOptions button{margin:0 auto;max-height:100%;width:30vw}}.modal-close{cursor:pointer}.SchduleListbtn{background-color:#282c34;border:1px solid #efe7e7;border-radius:5px;cursor:pointer;height:6vh}.SchduleListbtn:hover{background-color:#1e2026;border:1px solid #e4e1e1}.calendarWrapper{align-items:stretch;display:flex;justify-content:center;margin-bottom:2vh;margin-top:2vh}.react-calendar{background:#282c34;border-radius:8px;box-shadow:0 6px 8px #0000001a;color:#efe7e7;font-family:Arial,sans-serif;max-width:80vh;width:100%;width:40vw}@media (max-width:768px){.react-calendar{background:#282c34;border-radius:8px;box-shadow:0 6px 8px #0000001a;color:#efe7e7;font-family:Arial,sans-serif;max-width:80vh;width:90vw}}.react-calendar__tile{align-items:flex-start;border:.01px solid #333!important;box-sizing:border-box;display:flex;font-size:10px;font-weight:700;height:10vh;justify-content:flex-start;padding:10px;position:relative;text-align:left;width:40px}.react-calendar__month-view__weekdays abbr{text-decoration:none}.react-calendar__navigation{display:flex;height:5vh;margin-bottom:1vh}.custom-day{background-color:#282c34;border-radius:4px;color:#efe7e7;font-weight:700}.react-calendar__tile:hover{background-color:#282c34!important;border:1px solid #007bff!important;color:#efe7e7;cursor:pointer}.react-calendar__navigation__arrow{display:none}.react-calendar__navigation__label__labelText{color:#efe7e7;font-size:1.5rem;height:50%;width:90%}@media (max-width:768px){.react-calendar__navigation__label__labelText{font-size:10px}}.react-calendar__navigation__label:hover{background-color:#282c34!important}.react-calendar__navigation__label:hover .react-calendar__navigation__label__labelText{color:#ffeb3b}.react-calendar__year-view .react-calendar__tile{color:#efe7e7!important}.react-calendar__navigation__label{background-color:#282c34!important;color:#efe7e7}.react-calendar__year-view .react-calendar__tile:hover{color:#ffeb3b!important}.react-calendar__navigation button{margin-top:1vh}.game-marker{font-size:14px;left:50%;position:absolute;top:60%;transform:translate(-50%,-50%)}.react-calendar__tile--active{background-color:#282c34!important;color:#efe7e7!important}.react-calendar__tile--now{background:#282c34;border:2px solid #9e1819!important;border-radius:5px;color:#efe7e7!important}.month-nav-list{display:flex;gap:10px;justify-content:center;list-style:none;margin:0 auto;padding:0}.schedulesContainer{display:flex;gap:1.5vw;justify-content:center}.calendarWrapperbtn{align-items:center;border-radius:8px;color:#efe7e7;cursor:pointer;display:flex;font-size:18px;height:auto;justify-content:center;-webkit-user-select:none;user-select:none;width:20%}.calendarWrapperbtn:hover{color:#f9d645}.noSchedule{color:#777;font-style:italic}.scheduleItem{align-items:center;background-color:#1e2026;border:1px solid #9e1819;border-radius:8px;cursor:pointer;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:background-color .2s ease;width:11vw}@media (max-width:768px){.scheduleItem{margin:.5rem auto;width:65vw}}.Navigation_sign:hover{color:gray}.scheduleItem:hover{background-color:#333}.scheduleInfo{display:flex;flex-direction:column}.scheduleDate{color:#efe7e7;font-weight:700}.scheduleTime{color:#efe7e7;font-size:.9rem;margin-bottom:.25rem}.scheduleDetail{color:#efe7e7}.scoreUpdateBtn{background:#282c34;color:#efe7e7;font-size:1rem;height:5vh}.scoreUpdateBtn,.scoreUpdateBtn:hover{border:none;cursor:pointer;margin-top:3vh;width:100%}.scoreUpdateBtn:hover{background:#1e2026;font-size:1.2rem}.scheduleDetail{align-items:center;background-color:#282c34;display:flex;height:5vh;justify-content:center;margin-top:1vh}.scheduleDetail:hover{background-color:#282c34;font-size:1.1rem}.SchedulePage{background-color:#212121;min-height:100vh}.ScheduleContent{border-right:1px solid #efe7e7;width:65%}@media screen and (max-width:768px){.ScheduleContent{border-right:none;width:100%}}.ScheduleStatistics{border-right:1px solid #efe7e7;width:35%}@media screen and (max-width:768px){.ScheduleStatistics{border-right:none;width:100%}}.SchedulePage2{display:flex;flex-direction:row;gap:20px}@media screen and (max-width:768px){.SchedulePage2{flex-direction:column}}.loader{animation:mulShdSpin 1.1s ease infinite;border-radius:50%;font-size:10px;height:1em;position:relative;text-indent:-9999em;transform:translateZ(0);width:1em}@keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #ffffff80,-1.8em -1.8em 0 0 #ffffffb3}12.5%{box-shadow:0 -2.6em 0 0 #ffffffb3,1.8em -1.8em 0 0 #fff,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #ffffff80}25%{box-shadow:0 -2.6em 0 0 #ffffff80,1.8em -1.8em 0 0 #ffffffb3,2.5em 0 0 0 #fff,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}37.5%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #ffffff80,2.5em 0 0 0 #ffffffb3,1.75em 1.75em 0 0 #fff,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}50%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #ffffff80,1.75em 1.75em 0 0 #ffffffb3,0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 #fff3,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}62.5%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #ffffff80,0 2.5em 0 0 #ffffffb3,-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 #fff3,-1.8em -1.8em 0 0 #fff3}75%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #ffffff80,-1.8em 1.8em 0 0 #ffffffb3,-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 #fff3}87.5%{box-shadow:0 -2.6em 0 0 #fff3,1.8em -1.8em 0 0 #fff3,2.5em 0 0 0 #fff3,1.75em 1.75em 0 0 #fff3,0 2.5em 0 0 #fff3,-1.8em 1.8em 0 0 #ffffff80,-2.6em 0 0 0 #ffffffb3,-1.8em -1.8em 0 0 #fff}}.StatisticsPage{background-color:#212121;min-height:150vh}.StatisticsPageTop{color:#efe7e7;display:flex;font-size:15px;font-weight:700;justify-content:center;margin-top:10vh}.Seoul_ai_png{width:250px}@media (max-width:768px){.Seoul_ai_png{width:150px}}.StatisticsPageBottom,.StatisticsPageMiddle,.prediction-result{color:#efe7e7;display:flex;font-size:15px;font-weight:700;justify-content:center;margin-top:5vh}@media (max-width:768px){.prediction-result{font-size:12px}.StatisticsPageMiddle span{white-space:normal}}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:block;margin-left:15px}}.desktop-text{display:inline}.mobile-text{display:none}@media (max-width:768px){.desktop-text{display:none}.mobile-text{display:inline}}.loader-overlay{align-items:center;display:flex;height:15%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.prediction-result2{align-items:center;color:#efe7e7;font-size:15px;font-weight:700;justify-items:center;margin-top:5vh}.diary-modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.diary-modal{background:#282c34;border:1px solid #efe7e7;border-radius:8px;color:#efe7e7;padding:20px;position:relative;text-align:center;width:30vw}@media (max-width:768px){.diary-modal{width:90vw}}.diary-modal h2{font-size:1.5rem;margin-bottom:1rem;margin-top:0}.diary-modal-form input[type=date],.diary-modal-form input[type=file],.diary-modal-form input[type=text],.diary-modal-form textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:.75rem;padding:.5rem;width:100%}.diary-modal-form textarea{resize:vertical}.diary-modal-preview{border-radius:10px;display:block;height:auto;margin:10px auto;max-height:80px;max-width:100%;object-fit:contain}.diary-modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.diary-modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:8px;height:5vh;margin-top:30px;padding:.5rem 1rem;width:50px}.diary-modal-actions button[type=button]{background:#f0f0f0;color:#333;cursor:pointer}.diary-modal-actions button:hover{background:#d6d6d6}.diary-modal-actions button[type=submit]{background:#4caf50;color:#fff;cursor:pointer}.diary-modal-actions button[type=submit]:hover{background:#419744}.diary-modal-img{width:100px}@media (max-width:768px){.diary-modal-img{margin-top:10px;width:200px}}.diary-modal-close{float:right;z-index:2}.diary-modal-title{font-size:15px;font-weight:700;margin-bottom:5vh}.diary-modal-content{font-size:14px}.diary-modal-time{font-size:13px;margin-top:20px}.DiaryPage{background-color:#212121;min-height:100vh}.diary-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;min-height:80vh;padding:1rem}.diary-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.filter-dropdown-container{position:relative}.filter-button{background-color:#a39ce7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;height:40px;padding:.5rem 1rem}.filter-button:hover{background-color:#857fbd}.filter-dropdown-content{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:200px;z-index:10}.filter-dropdown-content li{cursor:pointer;padding:.5rem}.filter-dropdown-content li:hover{background-color:#f0f0f0}.post-add-btn{background-color:#a39ce7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;height:40px;padding:.5rem 1rem}.post-add-btn:hover{background-color:#857fbd}.diary-card{background-color:#141417;border:1px solid #5e0e0f;border-radius:5px;color:#efe7e7;display:flex;flex-direction:column;margin-bottom:2vh;transition:transform .2s;width:30vw}.diary-card:hover{transform:translateY(-4px)}.post-subject{background:#dfddf5;color:#333;font-size:.85rem;padding:.5rem}.diary-title-div{display:flex;justify-content:center}.diary-title{font-size:18px;font-weight:700;margin:8vh .5rem .5rem;width:300px}.diary-content,.diary-title{background:#282c34;border:1px solid #efe7e7;border-radius:8px;color:#efe7e7;display:flex;justify-content:center}.diary-content{font-size:15px;padding:0 .5rem;width:400px}.post-footer{color:#888;font-size:.75rem;padding:.5rem;text-align:right}.diary-actions{display:flex;gap:10px;justify-content:right;margin-bottom:8vh;margin-right:1vw;margin-top:1vh}.left-actions{display:flex;gap:.5rem}.action-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.diary-button-edit{background-color:#4caf50;border-radius:8px;color:#efe7e7}.diary-button-edit:hover{background-color:#45a049}.diary-button-delete{background-color:#f44336;background-color:#d32f2f;border-radius:8px;color:#efe7e7}.chat-btn{background-color:#2196f3}.chat-btn:hover{background-color:#1976d2}.no-posts{color:#999;font-size:1rem;margin-top:2rem;text-align:center}.diary-img{border-radius:10px;display:block;height:auto;margin:10px auto;max-height:200px;max-width:100%;object-fit:contain}.diary-button{background-color:#9e1819;color:#efe7e7;font-weight:700;height:5vh;width:8vw}.diary-button:hover{background-color:#8c1617;color:gray;cursor:pointer}.diary-date{display:flex;font-size:12px;justify-content:right;margin-right:1vw}.diary-list{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);padding:16px}@media (max-width:768px){.diary-list{gap:3vw}.diary-card{height:35vw;width:25vw}.diary-card>:not(.diary-img){display:none;width:20vw}.diary-img{cursor:pointer;height:25vw;width:23vw}.diary-button{font-size:10px;font-weight:700;height:5vh;width:30vw}}.DiaryPage_nologin{color:#efe7e7;margin-top:20vh;text-align:center}.diary-content3{text-align:center}.diary-content3-span{color:#efe7e7}.admin-pending-container{background-color:#212121;height:100%}.admin-pending-titlebox{align-content:center;border-bottom:1px solid #efe7e7;height:8vh;margin-bottom:2vh;text-align:center;width:100%}.admin-pending-title{color:#efe7e7;font-size:18px;font-weight:700;margin-top:2vh}.admin-pending-container h2{border-bottom:2px solid #ddd;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.admin-pending-list{list-style:none;margin:0;padding:0}.admin-pending-item{align-items:center;border-bottom:1px solid #ddd;justify-items:center;margin-bottom:20px}.admin-pending-item:last-child{border-bottom:none}.admin-pending-item img{background:#f0f0f0;border-radius:4px;height:500px;margin-right:1rem;object-fit:cover;width:700px}@media (max-width:768px){.admin-pending-item img{height:180px;width:200px}}.admin-pending-info{color:#ddd;flex-grow:1;font-size:18px;font-weight:700;margin-bottom:10px;margin-top:10px}.admin-pending-actions{display:flex;gap:.5rem}.admin-pending-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;margin-bottom:20px;padding:.4rem .8rem;transition:background-color .2s}.admin-pending-actions button:hover{opacity:.9}.admin-pending-actions button:first-of-type{background-color:#4caf50;color:#fff}.admin-pending-actions button:last-of-type{background-color:#f44336;color:#fff}.Admin-image-preview-overlay{align-items:center;background:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.Admin-image-preview-content{position:relative}.Admin-image-preview-content img{border-radius:4px;max-height:90vh;max-width:90vw}.Admin-modal-close{background:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;height:32px;line-height:1;position:absolute;right:-10px;top:-10px;width:32px}
/*# sourceMappingURL=main.ee8f974a.css.map*/