html,body{margin:0;padding:0;width:100%}body{font-size:15px;box-sizing:border-box}.Toastify__toast{position:relative;padding-right:3rem}.Toastify__close-button--default{position:absolute;top:8px;right:8px;width:20px;height:20px;opacity:.7}.Toastify__close-button--default:hover{opacity:1}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:#000}:root{--white: #ffffff;--fc: #fcfcfc;--f7: #f7f7f7;--eee: #eeeeee;--ddd: #dddddd;--ccc: #cccccc;--txt9: #999999;--txt6: #666666;--txt3: #333333;--txtNavy: #1D232E;--black: #000000;--mizeBlue: #0692e7;--skyblueBg: #f7f9ff;--lightpinkBg: #FFE5E2;--red: #f2280e;--orange: #FF7A00;--mizeNavy: #000C1B;--darkBorder: #057CC5}*{box-sizing:border-box;font-size:18px;line-height:1.4em;color:var(--txt3)}html{height:100%}div{line-height:1.4em}.body{overflow:hidden}.colorBlue{stroke:var(--mizeBlue)!important;fill:var(--mizeBlue)!important;color:var(--mizeBlue)!important}.colorRed{fill:var(--red)!important;color:var(--red)!important}.colorCCC{fill:var(--ccc)!important;color:var(--ccc)!important}.color666{fill:var(--txt6)!important;color:var(--txt6)!important}.color999{fill:var(--txt9)!important;color:var(--txt9)!important}.color000{fill:var(--black)!important;color:var(--black)!important}*::-webkit-scrollbar{width:15px}*::-webkit-scrollbar-thumb{background-color:#1d232e1a;opacity:.5;border:5px solid transparent;border-radius:8px;background-clip:content-box}*::-webkit-scrollbar-track{background-color:var(--white);padding:5px;border-radius:5px}.required:before{content:"＊ ";color:var(--red);font-size:12px;position:relative;top:-3px}.flexCenter{display:flex;justify-content:center;width:100%}.centerContainer{width:860px;margin:40px}.fullContainer{width:100%;padding:40px;display:flex;flex-direction:column;gap:30px}.termBox,.joinBox{display:none}.termBox.show,.joinBox.show{display:block}.nextBtn{background-color:var(--mizeBlue)}.findIdBox,.findIdResultBox{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important}.nextBtn,.loginGoBtn{background-color:var(--mizeBlue)}.findPwBeforeBox,.findPwAfterBox,.setPwBox{display:none}.findPwBeforeBox.show,.findPwAfterBox.show,.setPwBox.show{display:block;opacity:1;transition:opacity .3s ease}.haveResultBox{display:block;height:100%;overflow-y:auto}.userProfilePopup.show,.userProfilePopup.active{display:block}.userProfilePopup .userInfoBox{display:flex;flex-direction:column;gap:10px}.userProfilePopup .userSetBtnBox{margin-top:10px;text-align:center}.userImg{width:40px;height:40px;border-radius:50px;overflow:hidden;flex-shrink:0}.userImg img{width:100%;height:100%;object-fit:cover;display:block}.userProfilePopup{position:fixed;top:70px;right:15px;width:400px;height:auto;background-color:var(--white);border-radius:10px;border:1px solid var(--eee);padding:15px;box-shadow:0 0 15px #0000001a;display:flex;flex-direction:column;gap:20px;z-index:1000;display:none}.userInfoBox{text-align:center;display:flex;flex-direction:column;gap:10px}.userInfo{display:flex;flex-direction:column;align-items:center;gap:20px;padding:10px 0}.userDesBox{display:flex;flex-direction:column;gap:5px}.userInfo .userDesBox .userDesTop .lTxt{font-size:20px;font-weight:700}.userInfo .userDesBox .userDesTop .mTxt{color:var(--txt6);font-size:14px}.userImgBox{width:100px;height:100px;border-radius:100px;overflow:hidden}.userImgBox img{width:100%;height:100%;object-fit:cover;object-position:center}.userActivity{display:flex;gap:5px}.userActivity>div{width:33.3333%;background-color:var(--f7);padding:10px 0;border-radius:6px}.userActivity>div{padding:10px;border-radius:6px;transition:background-color .2s,color .2s}.userActivity>div:hover{background-color:#f0f4ff;color:#1a73e8;cursor:pointer}.userSetBtnItem{padding:10px 15px;border-radius:6px;display:flex;align-items:center;gap:10px;cursor:pointer}.userSetBtnItem:hover{background-color:var(--f7)}.editReservationBox,.detailReservationBox{height:calc(100% - 80px);overflow-y:auto}.reservationListTable .noListMessage{display:none}.filterModalConfirmBtn{width:100%;max-width:500px;height:60px;border:none;border-radius:8px;background-color:var(--mizeBlue);color:var(--white);font-weight:600;font-size:20px;box-shadow:inset 0 0 0 0 var(--darkBorder);transition:ease-out .2s;cursor:pointer;word-break:keep-all}.filterModalConfirmBtn:hover{box-shadow:inset 0 0 200px 0 var(--darkBorder);color:var(--white)}.setPwModalBg .changePw1{display:block!important}.setPwModalBg .changePw2{display:block!important;margin-top:16px}.announcementDetail,.workPlaceMoreInfoModal{display:block!important;visibility:visible!important}.detailReservationModalBg,.giveReservationModalBg,.editReservationModalBg{z-index:100}.filterModalPlaceBox{position:absolute;margin-top:10px;z-index:10;background-color:var(--white);width:900px;min-height:480px;box-shadow:0 4px 12px #0000001a;border-radius:12px;padding:10px}.filterModalDateBox{position:absolute;margin-top:10px;z-index:10;background-color:var(--white);width:420px;height:auto;box-shadow:0 4px 12px #0000001a;border-radius:12px;padding:10px}.filterModalPeopleBox{position:absolute;margin-top:10px;z-index:10;background-color:var(--white);width:500px;height:auto;overflow:hidden;max-height:7%;box-shadow:0 4px 12px #0000001a;border-radius:12px;padding:10px}.filterModalPeopleBox .modalBody{min-height:500px;max-height:50vh}.popupBox .filterModalFinishBtn button{max-width:100%}.filterModalPeopleBox .listScroll .fixed{position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid var(--ddd);border-radius:0}.filterModalHeader{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--eee)}.filterModalXBtn{width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer}.filterModalXBtn>*{font-size:20px}.filterModalXBtn:hover{background-color:var(--eee)}.filterModalTitle{color:var(--txt9)}.filterModalBody{min-height:300px;margin:10px 0}.filterModalSearchBox{padding:10px 0;display:flex;gap:5px;border-bottom:1px solid var(--eee)}.filterModalSearchBox .grayBtn{width:100px}.filterModalSearchBox .filterSearchBox input{height:60px}.filterModalDepthBox{display:flex;height:350px;margin-bottom:10px}.filterModalDepthBox>div{min-width:150px;border-right:1px solid var(--eee);height:100%;overflow-y:auto}.filterModalDepth3{flex:1}.filterModalDepth3>div{min-width:calc(100% / 3 - 10px);display:inline-block;margin-right:10px}.filterItemDiv{padding:10px 20px 10px 10px}.checkBoxFilter .filterItemDiv{padding:0}.filterItemDiv .checkItem{padding:10px}.filterModalFooter{display:flex;justify-content:space-between;gap:10px;height:55px}.filterModalSelcetedPlace{flex:1;display:flex;gap:10px;overflow-y:hidden;overflow-x:auto}.filterModalFinishBtn button{width:150px;height:55px}.filterModalSelcetedPlace::-webkit-scrollbar{display:none}.filterSelectedItem{word-break:keep-all;white-space:nowrap}.filterModalDateBox .filterModalFinishBtn,.filterModalDateBox .filterModalFinishBtn button,.filterModalPeopleBox .filterModalFinishBtn,.filterModalPeopleBox .filterModalFinishBtn button{width:100%}.filterModalCheckList .filterItemDiv{padding:0;border-bottom:1px solid var(--eee)}.filterItemDiv .smallTxt{color:var(--txt9)}.filterModalBody .calender{background-color:var(--skyblueBg)}.body{width:100vw;height:100vh;margin:0;padding:0}.container{width:100%;height:100%;padding:80px;overflow:hidden;display:flex;gap:80px}.leftBox{flex-grow:1;overflow:hidden;border-radius:20px}.rightBox{min-width:560px;max-width:560px;height:100%;flex-grow:0;display:flex;flex-direction:column}.contentFullBox{flex-grow:1}.rightBtn{display:flex;justify-content:end}.checkInBtn{padding:4px 2px;background-color:var(--mizeBlue)!important;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;display:inline-block;margin-top:3px;height:35px;line-height:1;text-align:center}.checkInBtn:hover{background-color:#10239e}textarea{width:100%;padding:15px;border-radius:6px;border:1px solid var(--ddd);color:var(--txt3);resize:none;overflow:hidden;line-height:1.4;font-family:Noto Sans Kr}textarea::placeholder{color:var(--ccc);opacity:1}textarea:focus{outline:none;border:1px solid var(--mizeBlue)}.formBox{display:flex;flex-direction:column;gap:20px}.formItem{display:flex;flex-direction:column;text-align:start;gap:10px}.formItemHeader{display:flex;justify-content:space-between}.memoTextNum{padding-right:10px;color:var(--txt9)}.memoTextNum.disabled{display:none}input,select{width:100%;padding:15px;border-radius:6px;border:1px solid var(--ddd);color:var(--txt3)}input[type=text],input[type=password],input[type=tel]{width:100%!important;padding:15px!important;border-radius:6px!important;border:1px solid var(--ddd)!important;color:var(--txt3)!important}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg%20width='25'%20height='25'%20viewBox='0%200%2025%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.75%2010.417L13.2366%2015.9304C12.8298%2016.3372%2012.1702%2016.3372%2011.7634%2015.9304L6.25%2010.417'%20stroke='black'%20stroke-width='2.14017'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px top 12px;background-size:1.5em;padding:15px 50px 15px 15px;font-size:1rem}input::placeholder{color:var(--ccc)}#companyName::placeholder{color:var(--333)}input:focus,select:focus{outline:none;border-color:var(--mizeBlue)!important}.noInputTxtBox{width:100%;padding:15px;display:flex;justify-content:space-between;align-items:center;font-size:18px}.formItem label{padding-left:10px;color:var(--txt6);font-weight:500;display:flex;gap:5px;align-items:center}.formLabelIcon{display:flex;justify-content:center;align-items:center}.formRightIcon{position:relative}.formIcon{display:inline-block;padding:10px;border-radius:4px;position:absolute;top:10px;right:10px;cursor:pointer}.formIcon>*{fill:var(--txt9)}.formIcon:hover,input[disabled]{background-color:var(--f7)}input[disabled]::placeholder{color:var(--txt9)}input.error{border:1px solid var(--red)}.errorMsg{color:var(--red);font-size:14px;line-height:1.4em;padding:5px 15px;display:none}input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.radioItem,.checkItem{padding:15px;border-radius:6px;display:flex;gap:10px}.radioItem input,.checkItem input{width:auto}.radioItem:hover,.checkItem:hover{background-color:var(--f7)}button{width:100%;max-width:500px;height:60px;border:none;border-radius:8px;background-color:var(--mizeBlue);color:var(--white);font-weight:600;font-size:20px;box-shadow:inset 0 0 0 0 var(--darkBorder);transition:ease-out .2s;cursor:pointer;word-break:keep-all}button:hover{box-shadow:inset 0 0 200px 0 var(--darkBorder);color:var(--white);box-shadow:0 0 8px #0003}button.disable{background-color:var(--ccc);box-shadow:inset 0 0 0 0 var(--ccc);transition:ease-out .2s}button.disable:hover{box-shadow:inset 0 0 200px 0 var(--ccc);color:var(--white)}button.lineStyle{width:auto;background-color:transparent;border-bottom:1px solid var(--ccc);border-radius:0;color:var(--txt9);padding:10px 15px;font-size:16px;font-weight:500;box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s;white-space:nowrap}button.lineStyle.active{color:var(--txt3);border-bottom:1px solid var(--txtNavy)}button.subStyle{background-color:transparent;border:1px solid var(--ddd);color:var(--txt3);width:auto;height:auto;padding:8px 10px;font-size:16px;font-weight:500;border-radius:4px;box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s}button.subStyle.active{border:1px solid var(--mizeBlue);color:var(--mizeBlue)}button.subStyle:disabled{background-color:var(--f7);color:var(--txt9);border:1px solid var(--f7);cursor:default}button.subStyle:disabled:hover{filter:none}button.grayBtn{background-color:var(--f7)!important;color:var(--txt3)!important;box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s}button.grayBtn:hover{filter:brightness(90%);box-shadow:inset 0 0 0 0 transparent}button.lineStyle:hover,button.subStyle:hover{filter:brightness(70%);box-shadow:inset 0 0 0 0 transparent}.btnTxt{position:relative;z-index:1;color:var(--white);background-color:var(--mizeBlue)}.textBtnBox{display:flex;justify-content:center;margin-top:50px}.textBtnBox a{padding:0 20px}.textBtnBox a span:hover{filter:brightness(70%)}.textBtnBox a:not(:last-child){border-right:1px solid var(--txt9)}.textBtnBox a span{color:var(--txt9)}.textBtnBox a span.joinBtn{color:var(--mizeBlue)}.textBtn{display:inline-flex;justify-content:center;align-items:center;gap:5px;padding:15px;border-radius:8px;cursor:pointer}.textBtn>*{stroke:var(--mizeBlue);fill:var(--mizeBlue);color:var(--mizeBlue);line-height:1.4em;font-weight:500}.textBtn:hover{filter:brightness(70%)}.listHeader .subBtn{line-height:1em;height:55px}.subBtn{width:auto;padding:15px;background-color:var(--white);border:1px solid var(--mizeBlue);color:var(--mizeBlue);box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s}.subBtn:hover{box-shadow:inset 0 0 0 0 transparent;color:var(--darkBorder);border:1px solid var(--darkBorder)}.formcenter input{text-align:center}.bottomTextBtnBox{text-align:center;display:flex;flex-direction:column;margin-top:100px}.bottomTextBtnBox>span{color:var(--txt9)}.filterTdItemBox .subStyle{padding:15px;font-size:18px;border-radius:8px}.filterTdItemBox .subStyle.active{background-color:var(--skyblueBg);border:none}.filterTdItemBox .subBtn{font-size:16px;height:auto}.imgBox{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:#cccccc}.imgBox img{width:100%;height:100%;object-fit:contain}.rightBoxContent{position:relative;overflow-y:auto;overflow-x:hidden;flex:1}.rightBoxItem{position:absolute;width:560px;height:100%;padding:80px 80px 0}.contentHeader{display:flex;flex-direction:column;gap:10px;margin-bottom:50px}.contentHeader h1{font-size:36px;line-height:1.4em;color:var(--txtNavy);font-weight:700}.contentHeader p,.noneResult p{font-size:16px;line-height:1.4em;color:var(--txt9)}.loginForm{width:100%;height:100%;padding:80px;text-align:center}.loginForm .formBox{margin-bottom:80px}.logo img{width:200px;margin:50px 50px 60px}.loginBtn{background-color:var(--mizeBlue)}.content{background-color:var(--white);margin-bottom:100px}.termItemBox{margin-top:10px}.termItem{display:flex;justify-content:space-between;padding:15px;border-radius:6px;cursor:pointer}.termItemTitle{display:flex;gap:10px}.termItem:not(span){color:var(--txt9);stroke:var(--ccc)}.termItemTitle span{color:var(--txt6)}.allAgree{background-color:var(--f7);border:1px solid var(--eee)}.termItem .colorCCC:hover{filter:brightness(70%)}.termItemMoreBtn:hover{filter:brightness(150%)}.formRightBtn{display:flex;gap:10px}.formRightBtn button{flex:250px}.bigSize{font-size:128px}.finishMsgBox,.onboardingBox{position:static;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.infoPageBox{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.checkMark,.handMark{margin-bottom:40px}.onboardingBox p.colorBlue{font-size:20px;font-weight:500;margin-bottom:30px}.handMark{display:inline-block;transform-origin:bottom center;animation:wave 5s ease-in-out infinite;transform:scaleX(-1)}@keyframes wave{0%{transform:scaleX(-1) rotate(0)}5%{transform:scaleX(-1) rotate(15deg)}10%{transform:scaleX(-1) rotate(-10deg)}15%{transform:scaleX(-1) rotate(15deg)}20%{transform:scaleX(-1) rotate(-10deg)}25%{transform:scaleX(-1) rotate(0)}60%{transform:scaleX(-1) rotate(0)}to{transform:scaleX(-1) rotate(0)}}.registerBtn{background-color:var(--mizeBlue)}.contentFlexBox{height:100%;display:flex;flex-direction:column;justify-content:space-between}.searchDes,.moreInfoDes{flex:1;margin-bottom:50px;overflow:hidden}.searchForm{display:flex;flex-direction:column;height:100%}.searchResultBox{flex:1;height:100%;overflow:hidden}.noneResultBox{height:100%;display:flex;justify-content:center}.noneResult{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.noneResult img{width:128px}.haveResultBox{height:100%;overflow-y:auto}.haveResultBox ul li{padding:15px;font-size:18px;line-height:1.4em;border-radius:6px;display:flex;justify-content:space-between}.haveResultBox ul li.disableList{color:var(--txt9)}.haveResultBox ul li.activeList{color:var(--mizeBlue);background-color:var(--skyblueBg)}.haveResultBox ul li:hover{background-color:var(--f7);cursor:pointer}.blueTxtTag{color:var(--mizeBlue);font-size:16px}.moreInfoHeader{background-color:var(--white);padding-bottom:15px;border-bottom:5px solid var(--eee)}.moreInfoHeader p{color:var(--txt6);line-height:1.4em}.moreInfoHeader div{font-size:20px;line-height:1.4em;font-weight:500}.moreInfoForm{padding-top:20px;height:calc(100% - 70px);overflow-y:auto}header{width:100vw;height:80px;display:flex;justify-content:space-between;align-self:center;padding:15px;border-bottom:1px solid var(--ccc)}.leftHeader,.rightHeader{display:flex;align-items:center;gap:25px}.workPlace,.userProfile{display:flex;align-items:center;gap:10px;cursor:pointer}header .logoImgBox{display:flex;align-items:center}header .logoImgBox img{height:25px;margin-left:5px}header .userImg img{height:40px}.workPlace{color:var(--txt6);cursor:pointer;position:relative}.userText{display:flex;flex-direction:column;gap:5px;align-items:end}.userName{font-weight:700}.userPosition{font-size:14px;color:var(--txt9)}.dropdown{position:absolute;top:100%;left:0;z-index:999;background-color:#fff;border:1px solid #ccc;width:200px;padding:4px 0;box-shadow:0 4px 8px #0000001a;color:#333;font-size:14px}.dropdown li{list-style:none;padding:8px 12px;cursor:pointer;white-space:nowrap}.dropdown li:hover{background-color:#f5f5f5}.dropdown.closed{display:none}.dropdown.open{display:block}.bodyLayout{display:flex;width:100%}.navBox{width:120px;height:calc(100vh - 80px);background:var(--f7);display:flex;flex-direction:column;gap:10px;padding:10px;align-items:center}.navItem{width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 0 0 0 var(--eee);transition:ease-out .2s;border-radius:10px;cursor:pointer}.navItem:hover{box-shadow:inset 0 0 25px 0 var(--eee)}.navItem span{color:var(--txt6);font-weight:700}.navItem>*:not(span){stroke:var(--txt6);fill:var(--txt6);color:var(--txt6);font-size:36px}.navItem.active{background-color:#eee}.subNavBox{width:240px;background-color:var(--fc);border-right:1px solid var(--ddd);display:flex;flex-direction:column}.navHeader{border-bottom:1px solid var(--ddd)}.navBody{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px 0}.navBtnBox{display:flex;flex-direction:column}.navBtnGroupTitle{display:flex;align-items:center;gap:10px;padding:10px 20px}.navBtnGroupTitle>*{font-size:18px;font-weight:600}.navIcon{width:20px;display:flex;justify-content:center;align-items:center}.navBtnBox>a{padding:10px 10px 10px 50px}.navBtnBox>a.active{background-color:var(--f7);color:var(--mizeBlue)}.navBtnBox>a:hover{background-color:var(--f7)}.navBottom{margin-bottom:10px}.pageContent{flex:1;display:flex;height:calc(100vh - 80px);overflow:hidden}.pageLeft{width:500px;word-break:keep-all;padding:40px 40px 0;border-right:1px solid var(--ddd)}.pageRight{flex:1;padding:40px;display:flex;gap:20px;justify-content:space-between}h1{font-size:30px;line-height:1.4em;font-weight:700}.pageHeader{display:flex;flex-direction:column;gap:15px}.pageTitle{display:flex;flex-direction:column;gap:5px}.roomList,.listBox{display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden}.listFilter{display:flex;flex-direction:column;gap:10px;position:relative;white-space:nowrap;border-bottom:5px solid var(--f7)}.listFilter:after{content:" ";display:inline-block;position:relative;top:0;width:20px;height:auto;background-color:#057cc5}.filterGroupWrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.filterGroup3{overflow-x:auto;width:100%}.filterGroup{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:8px}.filterGroup:active{cursor:grabbing}.filterGroup::-webkit-scrollbar{display:none}.filterGroup{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;max-width:100%}.filterGroup>button{flex-shrink:0;white-space:nowrap;min-width:max-content}.filterGroup::-webkit-scrollbar{height:4px}.filterGroup::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.category1,.category3{box-shadow:inset 0 -1px #ccc}.category1>button{position:relative}.gradientMask{position:absolute;top:0;width:60px;height:100%;z-index:10;pointer-events:auto;transition:background .3s ease;border-radius:15px}.gradientMask:hover{background:#c800004d;box-shadow:inset 0 0 10px #00000026;cursor:pointer}.filterGroup1 .gradientMask{top:0;height:60px}.filterGroup2 .gradientMask{top:70px;height:40px}.filterGroup3 .gradientMask{top:170px;margin:0 30px;height:60px}.gradientMask.left{left:0;background:linear-gradient(to right,#fffffff2,#fff0)}.gradientMask.right{right:0;background:linear-gradient(to left,#fffffff2,#fff0)}.listScrollBox{overflow-y:auto}.listItem{padding:20px 0;border-bottom:1px solid var(--ddd);cursor:pointer}.listItem:last-child{border-bottom:none;margin-bottom:40px}.listItem img{width:115px;height:115px}.listItemDes{display:flex;gap:10px}.listItem.selected{background-color:var(--skyblueBg)}.roomTitle{display:flex;flex-direction:column;gap:5px}.roomTitle div{font-size:20px;font-weight:600;color:var(--txtNavy)}.roomTitle.recommend>div:after{content:"추천";padding:0 10px;display:inline-block;background-color:var(--red);color:var(--white);font-size:12px;line-height:26px;border-radius:50px;margin-left:5px;position:relative;top:-3px}.roomTitle span,.roomDetail{color:var(--txt6);font-weight:300}.roomDetail{margin-top:15px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.listItemTimeline{margin-top:2px}.nowTime{background-color:var(--mizeBlue);border-radius:6px;padding:2px 6px;color:var(--white);font-size:12px;font-weight:300;display:inline-block;position:relative;top:-0px;left:52%;transform:translate(-50%);z-index:10}.nowTime:after{content:" ";display:inline-block;position:absolute;top:70%;left:30%;transform:translate(-50%);transform:rotate(135deg);border:5px;border-style:solid;border-color:var(--mizeBlue) var(--mizeBlue) transparent transparent}.timeBar{width:100%;height:15px;background-color:var(--eee);border-radius:30px;position:relative;margin:10px;padding:0 16px;overflow:auto}.timeBar:after{content:" ";width:0;height:15px;border-radius:50px;background-color:#000;opacity:.5;display:none;position:absolute;left:55%;transform:translate(-50%)}.currentTime{color:#1e90ff;background:none}.timeTag{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding-top:5px;overflow-x:auto}.timeTag::-webkit-scrollbar{display:none}.timeTag .timeSlot{display:inline-block;padding:0 8px;border:none}.timeTag span{color:var(--txt9)}.timeTag span.date{color:var(--txt6)}.roomPage{display:flex;flex-direction:column;gap:20px;flex:1}.roomPage img{width:100%;max-height:650px}.roomImg{max-height:650px;position:relative}.roomPage .roomImgBefore{width:50px;height:50px;position:absolute;display:flex;justify-content:center;align-items:center;left:0;cursor:pointer}.roomPage .roomImgAfter{width:50px;height:50px;position:absolute;display:flex;justify-content:center;align-items:center;right:0;cursor:pointer}.roomPage .roomImgBefore:hover,.roomPage .roomImgAfter:hover{filter:brightness(70%)}.roomPage .roomImgAfter>*,.roomPage .roomImgBefore>*{font-size:30px;fill:var(--txt9)}.roomHeader{display:flex;flex-direction:column;gap:20px}.roomImg,.roomDesTitle{display:flex;flex-direction:column;justify-content:center;gap:15px;align-items:center}.imgNum{display:flex;gap:10px;justify-content:center;align-items:center}.dot{width:8px;height:8px;background-color:var(--ccc);border-radius:8px}.dot.active{background-color:var(--txt6)}.roomMiniInfo{display:flex;padding:10px;background-color:var(--skyblueBg);border-radius:50px}.roomMiniInfo>div{padding:0 15px;display:flex;align-items:center;gap:5px}.roomMiniInfo>div:first-child{border-right:1px solid var(--ddd)}.roomMiniInfo>div>span:first-child{display:flex;align-items:center}.roomInfo{flex:1;overflow:hidden}.roomInfo .des{display:flex;flex-direction:column;height:100%;gap:5px}.roomInfo .desTitle{padding:10px;border-bottom:1px solid var(--ddd);color:var(--txt6)}.roomInfo .desTxt{flex:1;overflow-y:auto}.roomInfo li{display:flex;gap:5px;align-items:center;padding:8px;font-size:18px;color:var(--txtNavy);font-weight:500}.reservationFormBox{min-width:700px;max-width:800px;height:100%;border:1px solid var(--ddd);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;position:relative;overflow:hidden}.dateNtimeBox{border:1px solid var(--ddd);border-radius:6px;padding:5px;display:flex;gap:5px;height:410px;overflow:hidden}.selectDateBox{flex:5;width:50%;background-color:var(--skyblueBg)}.selectTimeBox{flex:5;overflow-y:auto;position:relative}.selectTime{display:flex;flex-direction:column;gap:15px;height:100%}.selectTime b{font-weight:600}.timeBtnBox{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.timeItem{flex:0 0 calc(50% - 2px);padding:10px;border:1px solid var(--ddd);border-radius:6px;white-space:nowrap;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.timeItem>span{font-size:14px;color:var(--txt9);pointer-events:auto}.timeItem.disable{background-color:var(--f7)!important;color:var(--txt9)!important;border:1px solid var(--f7)!important;opacity:.5;cursor:not-allowed}.timeItem.active.disable span{color:var(--txt9)}.timeItem.active{background-color:var(--white);color:var(--mizeBlue);border:1px solid var(--mizeBlue)}.timeItem.active span{color:var(--mizeBlue)}.selectedUser{display:flex;gap:10px;flex-wrap:wrap}.selectedUser>div{padding:10px 15px;display:flex;gap:5px;align-items:center;border-radius:6px;cursor:pointer}.selectedUser>div>span{display:flex;align-items:center;justify-content:center;border-radius:4px}.selectedUser .leader{background-color:var(--f7)!important;cursor:default!important}.selectedUser .leader:hover{background-color:var(--f7)!important}.selectedUser .leader:not(:hover){background-color:var(--f7)!important}.selectedUser>div>span>*{fill:var(--txt3)}.selectedUser>div:hover{animation:hoverIn .1s forwards}.selectedUser>div:hover>span>*{animation:hoverInColor .1s forwards}.selectedUser>div:not(:hover){animation:hoverOut .5s forwards}.selectedUser>div:not(:hover)>span>*{animation:hoverOutColor .5s forwards}@keyframes hoverIn{0%{background-color:var(--skyblueBg)}to{background-color:var(--lightpinkBg)}}@keyframes hoverInColor{0%{fill:var(--txt3)}to{fill:var(--red)}}@keyframes hoverOut{0%{background-color:var(--lightpinkBg)}to{background-color:var(--skyblueBg)}}@keyframes hoverOutColor{0%{fill:var(--red)}to{fill:var(--txt3)}}.selectedUserBtn div:not(.leader){border:1px solid var(--ddd);background-color:var(--white)!important}.selectedUserBtn div:not(.leader):hover{filter:brightness(95%)}.selectedUserBtn div:not(.leader).active{border:1px solid var(--mizeBlue);color:var(--mizeBlue)}.reservationForm{overflow-y:auto;flex:1}.reservationBtn{display:flex;gap:15px}.reservationBtn>button{width:100%;max-width:500px;height:60px;border:none;border-radius:8px;background-color:var(--mizeBlue);color:var(--white);font-weight:600;font-size:20px;box-shadow:inset 0 0 0 0 var(--darkBorder);transition:ease-out .2s;cursor:pointer;word-break:keep-all}.reservationBtn>button:hover{box-shadow:inset 0 0 200px 0 var(--darkBorder);color:var(--white)}.reservationBtn button:first-child{flex:3;max-width:100%}.reservationBtn button:last-child{flex:7;max-width:100%}.modalBg{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#0000004d}.modalRightBg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#0006}.modalBox{width:70%;height:70%;background-color:var(--white);position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:12px;padding:30px;display:flex;flex-direction:column;gap:20px}.modalContent{flex:1;overflow:hidden}.modalBtn{width:100%;display:flex;gap:20px;justify-content:center}.modalBtn>button{width:100%;max-width:500px;height:60px;border:none;border-radius:8px;background-color:var(--mizeBlue);color:var(--white);font-weight:600;font-size:20px;box-shadow:inset 0 0 0 0 var(--darkBorder);transition:ease-out .2s;cursor:pointer;word-break:keep-all}.modalBtn>button:hover{box-shadow:inset 0 0 200px 0 var(--darkBorder);color:var(--white)}.modalBtn button:first-child{flex:4}.modalBtn button:last-child{flex:6;max-width:100%}.modalBody.changePw1 .modalBtn{margin-top:16px}.modalHeader{display:flex;margin-bottom:30px}.modalHeader div{width:42px;text-align:end;display:flex;align-items:center;justify-content:center;border-radius:4px}.modalHeader div>*{font-size:30px;cursor:pointer}.modalHeader div:last-child:hover{background-color:var(--f7)}.modalHeader h1{flex:1;text-align:center}.modalHeaderLeft{display:flex;flex-direction:column;gap:5px}.modalHeaderCenter{display:flex;flex-direction:column;text-align:center;gap:5px}.modalContainer{height:calc(100% - 82px);display:flex;flex-direction:column;gap:20px}.modalBody{flex:1;display:flex;flex-direction:column;gap:10px;height:calc(100% - 60px)}.modalBodyFilter{display:flex;flex-direction:column;gap:10px}.modalBodyList{flex:1;overflow-y:auto}.listScroll .fixed{position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid var(--ddd);border-radius:0}.userCheckModal{display:flex;flex-direction:column;gap:10px}.finishModal{display:flex;flex-direction:column;justify-content:center;align-items:center}.finishModalHeader{padding:30px;text-align:center;border-bottom:1px solid var(--ddd);min-width:55%;max-width:90%}.finishModalHeader h1{margin-top:40px}.finishModalHeader h2{font-size:24px;margin-top:10px;font-weight:500}.finishModalDes{padding:20px;min-width:60%;max-width:90%}.finishModalDes>div{display:flex;justify-content:space-between;align-items:center;padding:5px;gap:15px}.grayTitle{color:var(--txt9)}.modalRightBox{background-color:var(--white);width:800px;height:100%;position:fixed;right:0;padding:40px;display:flex;flex-direction:column;gap:20px}.editReservationModal,.giveReservationModal{display:flex;flex-direction:column;gap:20px}.chooseRoomModal>.modalHeader{margin-bottom:20px}.modalContent .moreInfoDes{margin-top:30px;height:calc(100% - 80px)}.moreInfoDes .moreInfoForm{overflow-y:auto}.userSetPage .pageBody{display:flex;gap:100px;padding:50px}.userSetPage .pageBody .userProfileImgBox{display:flex;flex-direction:column;gap:30px;align-items:center}.userSetPage .pageBody .userProfileImg{background-color:var(--ddd);width:250px;height:250px;display:flex;justify-content:center;align-items:center;border-radius:500px;overflow:hidden}.userProfileImg img{width:100%;height:100%;object-fit:cover;object-position:center}.userProfileImg.entered{transform:scale(1.1);border:1px solid #e6f0ff;background-color:#e6f0ff;right:0!important}.userSetPage .pageBody .editProfileImg{color:var(--mizeBlue);cursor:pointer;padding:10px;border-radius:6px}.userSetPage .pageBody .editProfileImg:hover{filter:brightness(70%)}.userSetPage .pageBody .userInfoFormBox{flex:1}.setTelModalBox,.setPwModalBox{width:600px;height:720px}.flexColumn{flex-direction:column;padding:30px 0!important;align-items:center}.withdrawInfoBox{display:flex;flex-direction:column;gap:45px;align-items:center;width:100%}.flexColumn .withdrawInfo{width:100%;background-color:var(--f7);border:1px solid var(--eee);padding:20px;border-radius:6px}.flexColumn .withdrawInfo div{color:var(--txt6);line-height:1.8em}.flexColumn b{color:var(--txt6);font-weight:600}.withdrawAgree{width:auto}.pwCheckBox{width:400px;gap:30px}.pwCheckBox input{max-width:400px}.pwCheckBox .nameFormBox{width:auto}.announcement{min-width:940px!important;height:100%;overflow-y:auto;box-sizing:border-box}.announcementDetail{max-width:860px;border-left:1px solid var(--ddd);gap:10px;overflow-y:auto}.announcementDetail .rightBoxHeader{position:sticky;top:0}.announcementDetail .closeBtn{background-color:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:999}.filterArea table{border-collapse:separate;border-spacing:0 10px}.filterArea table tr th{display:flex;align-items:center;color:var(--txt6);padding:15px}.filterArea table tr td .filterTdItemBox{display:flex;gap:10px;align-items:center}.filterSearchBox{width:400px}.filterBtn button{min-width:80px}.listArea{flex:1;display:flex;flex-direction:column}.listHeader{display:flex;justify-content:space-between;margin-bottom:10px}.listHeaderNumder{display:flex}.likeInput{padding:15px;border-radius:6px}.listTable{width:100%;overflow:hidden;flex:1}.listTable table{width:100%;table-layout:fixed}.listTable table thead{background-color:var(--f7);height:60px;border-radius:6px}.listTable table thead th{font-weight:600;text-align:center;vertical-align:middle}.tableTdFlex{display:flex;gap:10px;justify-content:center;align-items:center}table td img{height:20px}.listTable table tbody td{padding:15px;text-align:center;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:55px;box-sizing:border-box}.pageNumbering{width:100%;display:flex;justify-content:center;align-items:center;gap:20px}.pageNumbering .skipBtn,.pageNumbering .pageNumberBtn{display:flex;justify-content:center;align-items:center}.pageNumbering .skipBtn div,.pageNumbering .pageNumberBtn div{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer}.pageNumbering .skipBtn div:hover,.pageNumbering .pageNumberBtn div:hover{background-color:var(--f7);font-weight:600}.pageNumbering .pageNumberBtn div.active{background-color:var(--skyblueBg);color:var(--mizeBlue);font-weight:600}.announcementPage .pageTitle{gap:10px;padding:0 20px 30px;border-bottom:1px solid var(--ccc)}.pageInfo img{height:24px;margin-right:10px}.pageInfo,.pageInfo div{display:flex;align-items:center}.pageInfo span:not(:last-child):after{content:"·";font-weight:600;display:inline-block;color:var(--ccc);padding:0 5px}.pageDes{padding:20px;display:flex;flex-direction:column;gap:30px}.pageDesTxt{line-height:1.7em}.radioFilterBox fieldset{display:flex;gap:10px}.addWorkPlaceList table tbody tr td:last-child{padding:0}.addWorkPlaceList table tbody tr td button{border-radius:50px;font-size:16px;line-height:16px;height:46px;padding:0 25px}.workPlaceList table tbody tr td:last-child{padding:0}.workPlaceList table tbody tr td button{border-radius:50px;font-size:16px;line-height:16px;height:46px;padding:0 25px;border:1px solid var(--red);color:var(--red)}.btnTh{display:flex;gap:5px;align-items:center;justify-content:center;height:60px}.columnBtn{height:30px;width:30px;display:inline-flex;justify-content:center;align-items:center;border-radius:6px;cursor:pointer}.columnBtn>*{transform:rotate(90deg)}.columnBtn:hover{background-color:var(--ccc)}.btnConfirmSelection{position:relative;z-index:1;color:var(--white);background-color:var(--mizeBlue)}.listBtnFlex{display:flex;gap:5px;justify-content:center;align-items:center}.smallTxt{font-size:13px;margin-top:2px}.listBtnFlex .subStyle{padding:8px 15px}.filterSelectedUser{margin-top:10px}.filterTdItemBox .selectedUser>div{padding:15px;background-color:var(--f7)}.filterTdItemBox .selectedUser>div:hover{animation:hoverInF7 .1s forwards}.filterTdItemBox .selectedUser>div:not(:hover){animation:hoverOutF7 .5s forwards}@keyframes hoverInF7{0%{background-color:var(--f7)}to{background-color:var(--lightpinkBg)}}@keyframes hoverOutF7{0%{background-color:var(--lightpinkBg)}to{background-color:var(--f7)}}.editBtn{width:25px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:6px;cursor:pointer}.editBtn>*{fill:var(--mizeBlue)}.editBtn:hover{background-color:var(--eee)}.flexBox{display:flex;gap:5px;justify-content:center;align-items:center}.noListMessage{text-align:center;padding:40px 0;color:#888;font-size:15px}.pageTitleFlex{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.popupBg{display:flex!important;justify-content:center;align-items:center;position:fixed!important;top:0;left:0;width:100vw;height:100vh;background:#00000080!important;z-index:9999!important;visibility:visible!important;opacity:1!important;transition:opacity .3s;position:fixed;background-color:#0000004d}.popupBg.peopleFilterPopup{display:flex!important;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9999!important;visibility:visible!important;opacity:1!important;transition:opacity .3s}.filterModalPeopleBox,.datePickerModal{background:#fff;max-width:500px;width:90%;max-height:80vh;overflow:auto;border-radius:8px;padding:20px;box-shadow:0 0 15px #0000004d;z-index:10000!important}.popupBox{display:inline-block;min-width:520px;max-width:60vw;min-height:320px;max-height:80vh;background-color:var(--white);border-radius:12px;padding:30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11}.popupDiv{display:flex;flex-direction:column;justify-content:space-between;gap:20px}.popupTxt{flex:1;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:600;min-height:180px}.popupTxt .grayTitle{font-size:18px;font-weight:500}.popupBtn{flex:1;display:flex;gap:20px;justify-content:center}.popupBtn>button{flex:1 1 50%}.termsPage .header .workPlace,.termsPage .header .userProfile,.termsPage .sidebar{display:none}.termsOfUser{text-align:center;overflow-y:auto}.termsOfUser::-webkit-scrollbar{display:none}.floatNav{position:fixed;left:50%;transform:translate(-50%);border-radius:100px;background-color:#d2d2d24d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10}.floatNav button{background-color:transparent;color:var(--txt6);width:200px;border-radius:100px;box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s;margin:5px}.floatNav button.active{background-color:var(--mizeBlue);color:var(--white)}.termsContainer{padding-top:130px;display:flex;flex-direction:column;gap:60px}.termsContainer .termsBox{display:flex;flex-direction:column;gap:50px;padding:40px}.termsContainer .termsBox .termsTitle .subTitle{margin-top:10px}.termsContainer .termsBox .termsTitle .subTitle.color666{margin-top:20px}.termsContainer .termsBox .termsDes{text-align:left;display:flex;flex-direction:column;gap:30px}.termsContainer .termsBox .termsDes .parnassus{display:flex;flex-direction:column;gap:15px}.termsContainer .termsBox b{font-weight:600;color:var(--txt3)}.termsContainer .termsBox .termsDes .parnassus div{color:var(--txt6)}.btn{text-align:center}.noRoomMessage,.noDetailMessage{padding:40px;text-align:center;color:#999;font-size:16px}.react-calendar{width:100%;border:none;font-family:Pretendard,sans-serif;line-height:1.5}.react-calendar__navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.react-calendar__navigation button{background:none;font-size:1.2rem;font-weight:700;color:#333}.react-calendar__month-view__weekdays{text-align:center;font-size:.875rem;color:#999}.react-calendar__month-view__weekdays__weekday{padding:.5rem 0}.react-calendar__tile--now{background:#fefefe;color:#007bff;font-weight:600}.react-calendar__tile--active{background:#007bff;color:#fff}.react-calendar__month-view__days__day--neighboringMonth{color:#fff}.react-calendar__tile.sunday abbr{color:red!important}.react-calendar__tile.saturday abbr{color:#007bff!important}.modalBg.joinUserModalBg{display:none}.modalBg.joinUserModalBg.active{display:block}.timeItem.selected{background-color:#ffe066;border-radius:6px;font-weight:700}.selectedChips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.selectedUserList{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.userTag{display:inline-flex;align-items:center;background-color:#ebf0f9;padding:3px 10px;border-radius:12px;font-size:14px;white-space:nowrap}.userTag button{background:none;border:none;font-size:16px;margin-left:6px;cursor:pointer}.timeSlot{padding:4px 6px;border-radius:4px;font-size:12px;margin:0 2px}.reservedTime{background-color:#ff6b6b;color:#fff;font-weight:700}.timeItem{display:flex;align-items:center;justify-content:center;gap:3px;padding:10px;border:1px solid var(--ccc);border-radius:8px;transition:background-color .2s,transform .2s;cursor:pointer}.timeItem:hover{filter:brightness(70%);transform:scale(1.01)}.timeItem.disable{background-color:#eee;color:#aaa;pointer-events:none}.react-calendar__navigation button{min-width:0px;box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s}.react-calendar__navigation__arrow{flex-basis:100px}.react-calendar__tile{min-width:0px!important;overflow:visible!important;position:relative;z-index:auto}.react-calendar__tile>*{color:var(--txt3)}.react-calendar__navigation,.react-calendar__century-view__decades,.react-calendar__year-view__months,.react-calendar__decade-view__years{gap:5px}.react-calendar__century-view__decades .react-calendar__tile,.react-calendar__year-view__months .react-calendar__tile,.react-calendar__decade-view__years .react-calendar__tile{color:var(--txt3);display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;border:1px solid var(--ccc)!important;flex:0 0 calc(33.3333% - 5px)!important;box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s}.react-calendar__century-view__decades .react-calendar__tile:hover,.react-calendar__decade-view__years .react-calendar__tile:hover,.react-calendar__year-view__months .react-calendar__tile:hover{background-color:var(--f7);box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s}.react-calendar__tile--hasActive{color:var(--mizeBlue)!important}.react-calendar__month-view__days__day--neighboringMonth{opacity:.4}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:var(--f7)}.react-calendar__month-view .react-calendar__tile{color:var(--txt3);display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s;background-color:transparent}.react-calendar__month-view .react-calendar__tile:hover{background-color:var(--f7);color:var(--txt3)}.react-calendar__month-view__days .react-calendar__tile--active,.react-calendar__month-view__days .react-calendar__tile--range,.react-calendar__month-view__days .react-calendar__tile--rangeStart,.react-calendar__month-view__days .react-calendar__tile--rangeEnd,.react-calendar__month-view__days .react-calendar__tile--rangeBothEnds{background-color:var(--mizeBlue)}.react-calendar__tile--now>*{color:var(--mizeBlue)!important}.react-calendar__decade-view__years .react-calendar__tile--now.react-calendar__tile--active>*,.react-calendar__month-view__days .react-calendar__tile--now.react-calendar__tile--active>*,.react-calendar__tile--active>*,.react-calendar__tile--ranged>*,.react-calendar__tile--rangeStartd>*,.react-calendar__tile--rangeEnd>*,.react-calendar__tile--rangeBothEnds>*{color:var(--white)!important}.react-calendar__year-view .react-calendar__tile--now .react-calendar__year-view__months>.react-calendar__tile--now{background-color:var(--white)!important;border:1px solid var(--mizeBlue)!important}.react-calendar__tile:disabled{background:none;border-radius:0;cursor:not-allowed;pointer-events:none;opacity:.3}.react-calendar__navigation button:disabled{background-color:transparent;opacity:.3}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-x::-webkit-scrollbar{display:none}.slideButton{background:#f1f1f180;color:#fff;border:none;cursor:pointer;font-size:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;opacity:.3;transition:opacity .3s;width:90px}.timeTagContainer{height:200px;overflow-y:auto;border:1px solid #ddd;padding:10px;width:200px}.timeTag{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;padding:10px;white-space:nowrap}.timeSlot{padding:8px 12px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.reservedTime{background-color:#f0a5a5;color:#fff;cursor:not-allowed}.activeTime{background-color:#fff;color:#fff}.timeBarSlideButton{position:absolute;z-index:10;background:none;border:none;font-size:1.2rem;cursor:pointer;top:50%;transform:translateY(-50%)}.timeBarSlideButton.left{left:0}.timeBarSlideButton.right{right:0}.doubleReservationUserItem{padding:20px 0;border-bottom:1px solid var(--eee)}.doubleReservationUserNameBox{display:flex;gap:10px;align-items:center;padding:5px 0}.checkIconBox{display:flex;justify-content:center;align-items:center}.checkIconBox>*{fill:var(--mizeBlue);font-size:20px}.userReservationCheckModalBg .listScrollBox{margin-top:25px;height:100%}.userReservationCheckModalBg .listScrollBox .listScroll{display:flex;flex-direction:column;gap:10px;max-height:25vh}.doubleReservationItem{padding:20px;background-color:var(--f7);border-radius:8px}.userReservationCheckModalBg .modalBox{height:auto;max-height:100%}.userReservationCheckModalBg .doubleReservationTitle{font-weight:600;font-size:20px;margin-top:5px}.userReservationCheckModalBg .modalBtn{display:flex}.doubleReservationUserName{font-size:20px;font-weight:600}.doubleReservationDetails{display:flex;flex-direction:column;gap:4px}.doubleReservationTitle,.doubleReservationLocate,.doubleReservationTime{font-size:18px;line-height:1.5em}.timerMsg{color:red}.pageBlock{flex:1;display:flex;flex-direction:column;padding:40px;gap:20px;overflow:hidden;overflow-y:auto}.blockHeader{display:flex;justify-content:space-between;align-items:center;height:42px;margin-bottom:10px}h2{font-size:24px;font-weight:700;line-height:1.4em}.pagenation{display:flex;gap:10px;align-items:center}.pagenation .goLeft,.pagenation .goRight{height:42px;width:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px}.pagenation .goLeft>*,.pagenation .goRight>*{fill:var(--txt6)}.pagenation .goLeft:hover,.pagenation .goRight:hover{background-color:var(--skyblueBg)}.pagenation .goLeft:hover>*,.pagenation .goRight:hover>*{fill:var(--mizeBlue)}.pagenation .pageNum{cursor:default;color:var(--txt3)}.pageSchedule{width:420px;padding:20px;box-shadow:0 0 20px #0000000d}.pageBlock .flexBox{gap:20px;align-items:normal}.blockContents{display:flex;gap:20px;overflow:hidden;flex-wrap:nowrap;width:100%}.blockItem{min-width:310px;max-width:310px;height:265px;border:1px solid var(--ccc);border-radius:10px;display:flex;flex-direction:column;position:relative}.blockItemContent{display:flex;padding:15px;flex:1;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .2s ease}.blockItemContent:hover{transform:scale(1.03)}.blockItemInfo{flex:1}.blockTime{font-size:20px;margin-bottom:15px}.blockName{font-size:23px;line-height:140%;font-weight:700;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blockLocation{display:flex;gap:5px;align-items:center;margin-bottom:5px}.blockLocation>*{font-size:16px}.userProfileSet{display:flex;justify-content:end;align-items:center;gap:5px;flex-wrap:nowrap;flex-shrink:0;min-height:2px}.userProfileSet>div{position:relative}.userProfileSet.profileCount-3>div:nth-child(1){right:-45px}.userProfileSet.profileCount-3>div:nth-child(2){right:-30px}.userProfileSet.profileCount-3>div:nth-child(3){right:-15px}.userProfileSet.profileCount-2>div:nth-child(1){right:-15px}.userProfileSet.profileCount-2>div:nth-child(2){right:0}.userProfileSet.profileCount-1>div:nth-child(1){right:0}.userProfileImg,.moreUser{width:45px;height:45px;border-radius:50px;overflow:hidden;border:5px solid var(--white);background-color:#ccd2dd;color:var(--txt3);font-size:16px;display:flex;align-items:center;justify-content:center}.blockItemBtnBox{height:42px;display:flex;border-top:1px solid var(--ccc);overflow:hidden}.blockItemBtnBox .hambergerMenu{width:42px;display:flex;justify-content:center;align-items:center;border-right:1px solid var(--ccc);border-bottom-left-radius:10px;cursor:pointer;background-color:var(--white)}.blockItemBtnBox .hambergerMenu:hover{filter:brightness(95%)}.blockItemBtnBox .stateBtn{flex:1;background-color:var(--f7);display:flex;align-items:center;justify-content:center;border-bottom-right-radius:10px;cursor:pointer;color:var(--txt6);font-weight:600}.blockItem.timeover{background-color:var(--f7);opacity:.5}.blockItem.timeover .userProfileSet>*{border-color:var(--f7)}.blockItem.timeover .blockItemBtnBox{display:none}.blockItem.active{border:4px solid var(--mizeBlue)}.blockItem.active .blockItemBtnBox{border-color:var(--mizeBlue)}.blockItem.active .hambergerMenu{display:none}.blockItem.active .stateBtn{background-color:var(--mizeBlue);color:var(--white);border-radius:0}.blockItem.active .stateBtn:hover{transform:scale(1.1);transition:ease-in-out .1s}.afterDate{color:var(--txt9);font-size:16px}.afterDate b{font-weight:800;color:var(--txt9)}.noticeBox{flex:1}.noticeBox .blockHeader{margin-bottom:0}.moreBtn{padding:10px;width:auto;height:42px;display:flex;gap:5px;align-items:center;background-color:var(--white);color:var(--txt9);font-size:18px;line-height:20px;box-shadow:inset 0 0 0 0 transparent;transition:ease-out .2s;cursor:pointer;word-break:keep-all;border-radius:6px}.moreBtn:hover{box-shadow:inset 0 0 0 0 transparent;color:var(--txt9);filter:brightness(95%)}.moreBtn>*{font-size:18px;fill:var(--txt9)}.noticeItem{padding:13px 10px;display:flex;justify-content:space-between;border-bottom:1px solid var(--ccc);cursor:pointer}.noticeItem:hover{background-color:var(--f7)}.noticeList .noticeItem:last-child{border-bottom:none}.quickMenu{width:530px;display:flex;flex-direction:column}.tabMenuBg{background-color:var(--f7);padding-top:10px;border-radius:6px;flex:1;display:flex;flex-direction:column}.tabMenuTab{padding:0 10px}.tabMenuTab ul{display:flex;position:relative;z-index:10;top:1px}.tabMenuTab ul li{padding:9px 20px;border-top-left-radius:4px;border-top-right-radius:4px}.tabMenuTab ul li a{color:var(--txt6)}.tabMenuTab ul li.active{background-color:var(--white);border:1px solid var(--ccc);border-bottom:none}.tabMenuTab ul li.active a{color:var(--black)}.tabMenuBody{flex:1;border:1px solid var(--ccc);background-color:var(--white);border-radius:2px;padding:5px}.tabMenuBody input{height:50px!important}.tabContent{display:flex;flex-direction:column;gap:10px}.tabContent>div{height:50px;display:flex;gap:10px}.dateSelectContainer{width:100%;border:1px solid var(--ddd);padding:15px;border-radius:6px}.dateSelectBox{display:flex;justify-content:space-between;align-items:center}.dateSelectTitle{position:relative;top:-3px;color:var(--txt9)}.groupNumber{flex:1;border:1px solid var(--ddd);border-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:0 15px}.groupNumberTitle{font-weight:600}.groupNumberCount,.groupNumberTitle{display:flex;gap:10px;align-items:center}input.countNum{width:50px!important;height:48px!important;padding:0 5px;font-size:20px;font-weight:600;line-height:28px;border:none;text-align:center}.countNum>*{fill:var(--txt3);color:var(--txt3)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.countBtn{width:28px;height:28px;border-radius:50px;border:1px solid var(--ccc);display:flex;justify-content:center;align-items:center;cursor:pointer}.countBtn:hover{filter:brightness(50%)}.tabContent button{width:120px;height:50px!important;display:flex;justify-content:center;align-items:center;gap:10px}.tabContent button>*{fill:var(--white)}.tabContent{display:none}.tabContent.active{display:flex}.pageSchedule{display:flex;flex-direction:column;gap:15px;padding-top:30px}.scheduleList{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.scheduleItem{display:flex;gap:10px;cursor:default}.scheduleItem:last-child .line{border:none}.dotLine{display:flex;flex-direction:column;gap:10px}.dotBox{padding-top:23px}.dotLine span.dot{display:block;width:10px;height:10px;background-color:var(--mizeBlue)}.scheduleItem.timeover span.dot{background-color:var(--ccc)}.lineBox{flex:1;display:flex;justify-content:center}.line{border:1px dashed var(--ccc);height:100%;width:1px}.scheduleInfo{flex:1;padding:15px;border-radius:8px;border:2px solid transparent;background-color:var(--white)}.scheduleItem.timeover .scheduleInfo{opacity:.5}.scheduleHeader{display:flex;justify-content:space-between;margin-bottom:10px}.scheduleTime{font-size:18px}.scheduleLocation{display:flex;gap:5px;align-items:center}.scheduleTitle{font-size:20px;font-weight:700}.scheduleItem:hover .scheduleInfo{filter:brightness(98%)}.pageSchedule .react-calendar__navigation button.react-calendar__navigation__label{background:none;border:none;font-weight:700;text-align:left;font-size:28px}.pageSchedule .react-calendar__navigation button.react-calendar__navigation__label button.goToday:hover{filter:brightness(70%);background-color:transparent;border:1px solid var(--mizeBlue)}.pageSchedule .react-calendar__navigation__arrow.react-calendar__navigation__prev-button{order:2;display:flex;justify-content:center;align-items:center}.pageSchedule .react-calendar__navigation__arrow.react-calendar__navigation__next-button{order:3;display:flex;justify-content:center;align-items:center}.pageSchedule .react-calendar__navigation__arrow.react-calendar__navigation__prev-button>*,.pageSchedule .react-calendar__navigation__arrow.react-calendar__navigation__next-button>*{font-size:24px;fill:var(--txt9)}.pageSchedule .react-calendar__navigation__arrow.react-calendar__navigation__prev-button:hover>*,.pageSchedule .react-calendar__navigation__arrow.react-calendar__navigation__next-button:hover>*{fill:var(--mizeBlue)}.todayTitle{text-align:start;padding:0;font-size:26px;font-weight:400}.todayTitle b{font-weight:700}.emptyBlock .btnEffect{justify-content:center;align-items:center;gap:15px;cursor:pointer}.emptyBlock .btnEffect:hover{transform:scale(1.05);transition:ease-in-out .02s}.emptyBlock .blockIcon img{width:60px;height:60px}.emptyInfo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:265px;width:100%;cursor:pointer}.emptyInfo img,.emptySchedule img{width:100px;height:100px}.emptyInfo>div,.emptySchedule>div{color:var(--txt9)}.emptySchedule{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;height:100%}.afterTodayReservation .hambergerPopup{bottom:52px;left:10px}.todayReservation .hambergerPopup{bottom:430px;left:10px}.hambergerPopup{position:absolute;bottom:100px;background-color:var(--white);border:1px solid var(--ddd);border-radius:8px;box-shadow:0 0 15px #0000001a;z-index:999}.blockItem.leader .hambergerPopup{display:block}.hambergerBtn{min-width:100px;padding:15px 20px;color:var(--txt6);cursor:pointer}.hambergerBtn:not(:last-child){border-bottom:1px solid var(--ddd)}.hambergerBtn:hover{background-color:var(--f7)}.dotLine span.orangeDot{display:block;width:10px;height:10px;background-color:#f37921}.react-calendar__tile{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:60px;padding:4px 0}.calendarDotBarWrapper{display:flex;justify-content:center;align-items:center;height:8px;margin-top:4px}.calendarDotBarSpacer{height:6px;margin-top:4px}.calendarDotSingle{width:6px;height:6px;border-radius:50%}.calendarDotBarWrapper{width:100%;height:6px;display:flex;margin-top:3px;overflow:hidden;border-radius:1px;gap:0;padding:0}.calendarDotBar{width:100%;height:6px;background-color:#1890ff;border-radius:3px}.calendarDotBar.mizeBlue{background-color:var(--mizeBlue)}.calendarDotBar.orange{background-color:#f37921}.popupBox button{height:60px!important}.popupBox .react-calendar__navigation button{flex:0 0 60px;padding:0}.popupBox .react-calendar__navigation__label{flex:1;text-align:center;font-weight:700}.timeSelectPopup .timeBody{display:flex;flex-direction:column}.timeStartBox,.timeEndBox{display:flex;justify-content:space-between;align-items:center;padding:15px 10px}.timeStartBox.open .timeStartSelected>*:not(span),.timeEndBox.open .timeEndSelected>*:not(span){transform:rotate(180deg);transition:ease-in-out .5s}.timeStartBox.close .timeStartSelected>*:not(span),.timeEndBox.close .timeEndSelected>*:not(span){transform:rotate(0);transition:ease-in-out .3s}.timeStartBox.open .timeStartSelected>*:not(span),.timeEndBox.open .timeEndSelected>*:not(span){transform:rotate(180deg);transition:ease-in-out .3s}.timeStartSelected,.timeEndSelected{display:flex;gap:5px;align-items:center;cursor:pointer}.timeStartTitle,.timeEndTitle{cursor:default}.timeStartTitle,.timeStartSelected>*,.timeEndTitle,.timeEndSelected>*{font-size:18px}.timeEndSelected span,.timeStartSelected span{font-weight:700}.timeEndSelected>*:not(span),.timeStartSelected>*:not(span){fill:var(--txt9)}.timepicker{width:100%;height:190px;text-align:center;background-color:var(--f7)}.wheelPickerWrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:24px 16px;width:320px;z-index:9999}.wheelPickerTitle{font-weight:700;font-size:16px;margin-bottom:16px;text-align:left}.timeRow{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;position:relative}.selectWrapper{position:relative;width:80px;height:140px;overflow:hidden;border-radius:6px}.selectWrapper select{width:100%;height:100%;font-size:22px;text-align:center;border:none;outline:none;padding-top:50px;padding-bottom:50px;background-color:transparent;scrollbar-width:none}.selectWrapper select::-webkit-scrollbar{display:none}.colon{font-size:22px;font-weight:700;color:#333}.confirmBtn{background-color:#1890ff;color:#fff;font-weight:700;padding:12px 0;width:100%;border:none;border-radius:8px;font-size:16px;cursor:pointer}.tabContent{width:100%;min-height:150px;padding:16px;display:block}.reservationLabel{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:5px!important;font-weight:500;flex:1}.reservationLabel .dotIcon{flex-shrink:0;width:8px;height:8px;border-radius:50%}.labelText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.reservationLabelBox{position:relative}.hoverDetailBox{position:absolute;top:24px;left:0;z-index:9999;background-color:#fff;padding:12px;width:260px;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px #0000001a;white-space:normal}.flexTitle{display:flex;flex-direction:row;gap:20px}.toggleBox{display:flex;height:42px;border-radius:50px;padding:5px;background-color:var(--f7)}.toggleBox div{padding:0 20px;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer}.toggleBox div a{color:var(--txt3)}.toggleBox div:hover{color:var(--mizeBlue)}.toggleBox div.active{box-shadow:0 0 5px #0000001a;background:var(--white)}.calendarView{position:relative;top:-65px;background:transparent}.calendarView .react-calendar{background:transparent;z-index:0}.calendarView .react-calendar__navigation{position:relative;left:50%;transform:translate(-50%);height:55px;width:500px}.calendarView .react-calendar__navigation .react-calendar__navigation__label{font-size:30px}.calendarView .react-calendar__navigation button{min-width:60px;font-size:30px;color:var(--txt9)}.calendarView .react-calendar__month-view__weekdays__weekday{background-color:var(--f7);height:60px;display:flex;align-items:center;justify-content:center;font-size:18px;border-top:1px solid var(--black);border-bottom:1px solid var(--black);border-right:1px solid var(--ccc)}.calendarView .react-calendar__month-view__weekdays__weekday:last-child{border-right:none}.calendarView .react-calendar__tile.react-calendar__month-view__days__day{justify-content:flex-start;align-items:flex-start;padding:10px;font-size:18px;border-radius:0;min-height:150px;height:auto;border-right:1px solid var(--ccc);border-bottom:1px solid var(--ccc);flex-direction:column;overflow:visible!important;position:relative}.calendarView .react-calendar__tile.react-calendar__month-view__days__day:hover{background-color:transparent}.calendarView .react-calendar__month-view__days__day--neighboringMonth{opacity:1}.calendarView .react-calendar__month-view__days__day--neighboringMonth abbr{opacity:0}.calendarView .react-calendar__tile:nth-child(7n){border-right:none}.calendarView .react-calendar__tile.react-calendar__tile--active{background-color:transparent}.calendarView .react-calendar__tile.react-calendar__tile--active abbr{color:var(--txt3)!important}.calendarView .react-calendar__tile--now>*{color:var(--txt3)!important}.calendarView .react-calendar__tile.react-calendar__month-view__days__day>div{width:100%}.labelColor{padding:15px;display:flex;gap:10px;align-items:center;color:var(--txt3);font-size:18px}.labelColor div{display:inline-block;width:15px;height:15px;border-radius:15px}.labelColor div.blueO{background-color:var(--mizeBlue)}.labelColor div.orangeO{background-color:var(--orange)}.labelColor div.redO{background-color:var(--red)}.reservationLabelBox:hover{text-decoration:underline}.shortDetail{display:flex;flex-direction:column;gap:10px;position:absolute;width:350px;height:auto;box-shadow:0 0 15px #0000001a;border-radius:5px;border:1px solid var(--mizeBlue);background-color:#fff;padding:10px;left:30px;top:40px;z-index:9999!important}.detailTitle{padding-bottom:10px!important;border-bottom:1px solid var(--ccc);font-weight:600}.detailBody{display:flex;flex-direction:column;gap:5px}.detailBody>div{display:flex;gap:5px;font-weight:400}.detailBody>div>span:first-child{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.detailBody>div>span:first-child>*{fill:var(--txt6);font-size:16px}.detailBodyMemoText{width:280px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.detailFooter{text-align:end;padding-top:10px;font-weight:400}.loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.spinner{border:8px solid #f3f3f3;border-top:8px solid #0692e7;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeBar{position:relative;height:12px;background:#eee;border-radius:5px;overflow:hidden}.timeBlock{position:absolute;height:100%;background-color:#0692e7;border-radius:5px;z-index:10}.fancy-filter-wrap{display:flex;align-items:center;position:relative;padding:10px 20px;background:#f9f9f9;border-radius:16px;box-shadow:0 2px 8px #00000014}.fancy-filter-group{overflow-x:auto;white-space:nowrap;display:flex;scroll-behavior:smooth;gap:12px;padding:5px 0;flex:1}.fancyFilterBtn{padding:8px 18px;border-radius:20px;border:1px solid #ccc;background:#fff;font-weight:500;font-size:14px;color:#333;cursor:pointer;transition:all .3s ease}.fancyFilterBtn:hover{background-color:#f0f0f0}.fancyFilterBtn.active{background-color:#007bff;color:#fff;border-color:#fff}.gradientBtn{background:linear-gradient(to right,#fffc,#fff0);border:none;font-size:18px;padding:4px 10px;cursor:pointer;z-index:2;transition:opacity .3s}.gradientBtn:hover{opacity:.8}button.subStyle.active{background-color:var(--skyblueBg);border:1px solid var(--mizeBlue);color:var(--mizeBlue)}.memoTextNum.over{color:red}.memoTextarea{width:100%;padding:15px;border-radius:6px;border:1px solid var(--ddd);resize:none;font-size:18px;line-height:1.4;box-sizing:border-box}.memoTextarea.viewMode{background-color:var(--f7);color:var(--txt5);cursor:default}.memoTextarea.editMode{background-color:#fff;color:var(--txt1);cursor:text}.termBox.active,.joinBox.active,.findIdResultBox.active,.findPwBeforeBox.active,.findPwAfterBox.active,.setPwBox.active,.setBusinessBox.active{display:block}.noneResultBox{display:none!important}.noneResultBox.active{display:flex!important}.haveResultBox{display:none;height:100%;overflow-y:auto}.haveResultBox.active{display:block}.moreInfoBox{display:none}.moreInfoBox.active{display:block}.userProfilePopup.active{display:flex!important}.joinUserModalBg.active,.userCheckModalBg.active,.userReservationCheckModalBg.active,.finishModalBg.active{display:block}.resetFormPopup{display:none}.resetFormPopup.active{display:block}.placeFilterPopup{display:none}.placeFilterPopup.active{display:block}.dateFilterPopup{display:none}.dateFilterPopup.active{display:block}.peopleFilterPopup{display:none}.peopleFilterPopup.active{display:block}.announcementDetail{display:none}.announcementDetail.active{display:block}.workPlaceMoreInfoModal{display:none}.workPlaceMoreInfoModal.active,.setTelModalBg.active,.setPwModalBg.active{display:block}.setPwModalBg .changePw1{display:none}.setPwModalBg .changePw1.active{display:block}.setPwModalBg .changePw2{display:none}.setPwModalBg .changePw2.active{display:block}.detailReservationModalBg{display:none}.detailReservationModalBg.active{display:block}.editReservationModalBg{display:none}.editReservationModalBg.active{display:block}.giveReservationModalBg{display:none}.giveReservationModalBg.active{display:block}.chooseRoomModalBg{display:none}.chooseRoomModalBg.active{display:block}.moreUserModalBg{display:none}.moreUserModalBg.active{display:block}.givenUserModalBg{display:none}.givenUserModalBg.active{display:block}.editReservationPopup{display:none}.editReservationPopup.active{display:block}.cancleReservationPopup{display:none}.cancleReservationPopup.active{display:block}.giveReservationPopup{display:none}.giveReservationPopup.active{display:block}.receiveReservationPopup{display:none}.receiveReservationPopup.active{display:block}.receiveReservationRejectPopup{display:none}.receiveReservationRejectPopup.active{display:block}.receiveReservationDonePopup{display:none}.receiveReservationDonePopup.active{display:block}.doubleCheckWithdraw{display:none}.doubleCheckWithdraw.active{display:block}.finishWithdraw{display:none}.finishWithdraw.active{display:block}.todayReservation .reservationBlock,.afterTodayReservation .reservationBlock{display:none}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}