.mainlayout__container{background-color:var(--color-background);flex-direction:column;width:100%;height:100dvh;display:flex}.mainlayout__page{flex:1;width:100%;max-width:450px;min-height:0;overflow-y:auto}.header__container{background-color:var(--color-white);height:68px;box-shadow:var(--shadow-header);justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.icon{cursor:pointer}.header__logo{display:block}.header__back{position:absolute;left:20px}.header__mypage{position:absolute;right:20px}.login__container{justify-content:center;height:100%;padding-top:176px;display:flex}.login__border--outer{background-color:var(--color-white);border:8px solid var(--color-main);justify-content:center;align-items:center;width:89%;height:276px;display:flex}.login__border--inner{border:2px solid var(--color-main);flex-direction:column;justify-content:space-between;align-items:center;width:98.5%;height:256px;padding:41px 25px 27px;display:flex}.login__form{background-color:var(--color-gray);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.login__input{background-color:var(--color-white);justify-content:center;align-items:center;gap:10px;width:100%;padding:0 10px;display:flex}.login__input--input{width:100%;height:43px;color:var(--color-sub);border:none;outline:none;font-size:12px}.login__input--input::placeholder{color:#9a9eac}.login__button{justify-content:space-between;width:100%;padding:0 14px;display:flex}.login__button--button{width:38%;height:40px;color:var(--color-white);border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:flex}.login__button--signup{background-color:var(--color-gray)}.login__button--login{background-color:var(--color-main)}.errorModal__overlay{background-color:var(--color-overlay);z-index:1000;justify-content:center;align-items:flex-start;width:100vw;max-width:450px;height:100%;padding-top:206px;display:flex;position:fixed;top:68px}.errorModal__container{background-color:var(--color-white);width:80%;box-shadow:var(--shadow-modal);border-radius:14px;flex-direction:column;gap:18px;padding:20px;display:flex}.errorModal__text{color:var(--color-black)}.errorModal__text--title{font-size:20px;font-weight:700}.errorModal__text--message{font-size:12px}.errorModal__button{width:100%;height:40px;color:var(--color-white);background-color:var(--color-main);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.main-page{background-color:var(--color-background);flex-direction:column;height:100%;display:flex;overflow:hidden}.main-page__content{flex-direction:column;flex:1;gap:48px;min-height:0;padding:48px 0;display:flex;overflow:hidden}.main-page__filter{justify-content:center;padding:0 24px;display:flex}.main-page__floor-map{padding:0 40px}.filter-bar{align-items:center;gap:12px;display:flex}.filter-bar__toggle{background-color:var(--color-white);border:1px solid var(--color-gray);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:16px;height:44px;padding:10px 12px;display:flex;box-shadow:0 1px 3px #0003}.filter-bar__toggle-calendar{border:1px solid var(--color-gray);border-radius:5px;width:24px;height:24px}.filter-bar__toggle-text{color:var(--color-black);white-space:nowrap;font-size:16px}.filter-bar__toggle-icon{width:20px;height:20px}.filter-bar__toggle-wrapper{position:relative}.date-dropdown__calendar{z-index:100;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:5px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 1px 3px #0003}.date-dropdown__header{justify-content:space-between;align-items:center;width:308px;height:44px;display:flex}.date-dropdown__nav{width:32px;height:32px;color:var(--color-black);border:1px solid #b6b9c1;border-radius:5px;justify-content:center;align-items:center;font-size:16px;display:flex}.date-dropdown__month,.date-dropdown__year{color:var(--color-black);font-size:16px;font-weight:700}.date-dropdown__weekday{justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:flex}.date-dropdown__weekdays{grid-template-columns:repeat(7,44px);display:grid}.date-dropdown__weekday--weekday{color:var(--color-black);font-weight:700}.date-dropdown__weekday--weekend{color:#d5d8de;font-weight:300}.date-dropdown__days{grid-template-columns:repeat(7,44px);display:grid}.date-dropdown__weekday{width:44px;height:44px;color:var(--color-black);justify-content:center;align-items:center;font-size:16px;display:flex}.date-dropdown__day{width:44px;height:44px;color:var(--color-black);border-radius:100px;justify-content:center;align-items:center;font-size:16px;font-weight:300;display:flex}.date-dropdown__day--selected{background-color:var(--color-main);color:var(--color-background)}.date-dropdown__day--weekend,.date-dropdown__day--other{color:#d5d8de}.date-dropdown__day--disabled{color:#d5d8de;cursor:default}.time-dropdown__list{z-index:100;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:6px;width:120px;position:absolute;top:calc(100% + 8px);left:auto;right:0;overflow:hidden;box-shadow:0 1px 1px #00000040}.time-dropdown__header{justify-content:space-between;align-items:center;padding:12px 12px 12px 16px;display:flex}.time-dropdown__header-text{color:#2d3648;font-size:16px;line-height:1.5}.time-dropdown__header-icon--open{width:20px;height:20px;transform:rotate(180deg)}.time-dropdown__divider{background-color:var(--color-gray);height:1px}.time-dropdown__items{flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.time-dropdown__item{color:#2d3648;text-align:left;width:100%;padding:16px;font-size:16px;line-height:1.5}.time-dropdown__item--selected{background-color:color-mix(in srgb, var(--color-main) 50%, transparent);color:#2d3648}.time-dropdown__item--disabled{color:#d5d8de;cursor:default}.floor-dropdown__list{z-index:100;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:6px;width:120px;position:absolute;top:calc(100% + 8px);left:auto;right:0;overflow:hidden;box-shadow:0 1px 1px #00000040}.floor-dropdown__header{justify-content:space-between;align-items:center;padding:12px 12px 12px 16px;display:flex}.floor-dropdown__header-text{color:#2d3648;font-size:16px;line-height:1.5}.floor-dropdown__header-icon--open{width:20px;height:20px;transform:rotate(180deg)}.floor-dropdown__divider{background-color:var(--color-gray);height:1px}.floor-dropdown__items{flex-direction:column;display:flex}.floor-dropdown__item{color:#2d3648;text-align:left;width:100%;padding:16px;font-size:16px;line-height:1.5}.floor-dropdown__item--selected{background-color:color-mix(in srgb, var(--color-main) 50%, transparent);color:#2d3648}.floor-map{flex-direction:column;gap:16px;display:flex}.floor-map__board{background-color:var(--color-white);width:100%;position:relative}.floor-map__image{width:100%;height:auto}.reservation-modal__overlay{background-color:var(--color-overlay);z-index:200;width:100%;height:100%;position:fixed;top:0;left:0}.reservation-modal{background-color:var(--color-white);width:320px;box-shadow:var(--shadow-modal);border-radius:14px;flex-direction:column;gap:8px;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reservation-modal__title{color:var(--color-black);padding:2px 0;font-size:20px;font-weight:700}.reservation-modal__info{flex-direction:column;gap:12px;padding:10px 0;display:flex}.reservation-modal__info-item{flex-direction:column;gap:2px;display:flex}.reservation-modal__info-label{color:var(--color-black);font-size:16px;font-weight:600;line-height:1.625}.reservation-modal__info-value{color:var(--color-black);font-size:16px;font-weight:400;line-height:1.625}.reservation-modal__btn{background-color:var(--color-main);width:100%;color:var(--color-white);border-radius:16px;padding:16px 24px;font-size:20px;font-weight:700}.confirm-modal__overlay{z-index:200;background-color:#2d3648cc;width:100%;height:100%;position:fixed;top:0;left:0}.confirm-modal{background-color:var(--color-white);width:320px;box-shadow:var(--shadow-modal);border-radius:14px;flex-direction:column;gap:8px;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-modal__title{color:var(--color-black);padding:2px 0;font-size:20px;font-weight:700;line-height:28px}.confirm-modal__desc{color:var(--color-black);padding:10px 0;font-size:16px;font-weight:400;line-height:1.625}.mypageLayout__container{flex-direction:column;height:100%;display:flex}.mypageLayout__page{flex:1;min-height:0;overflow-y:auto}.mypageTab__container{z-index:10;border-bottom:1px solid var(--color-gray);border-top:1px solid var(--color-gray);font-size:16px;display:flex}.mypageTab__item{background:var(--color-white);height:48px;color:var(--color-sub);cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex}.mypageTab__item.active{background:var(--color-main);color:var(--color-white);font-weight:700;box-shadow:inset 4px 4px 8px 2px #00000040}.mypageAccount__container{color:var(--color-black);flex-direction:column;gap:28px;padding:35px;font-size:16px;display:flex}.mypageAccount__label{font-weight:700}.buttonBold__container{justify-content:center;width:100%;max-width:450px;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.buttonBold__button{background:var(--color-main);width:75%;height:60px;color:var(--color-white);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.buttonBold__button:disabled{background-color:var(--color-gray)}.mypageReservation__container{color:var(--color-black);flex-direction:column;gap:28px;padding:35px;font-size:16px;display:flex}.mypageReservation__label{font-weight:700}.cancelModal__overlay{background-color:var(--color-overlay);z-index:1000;justify-content:center;align-items:flex-start;width:100vw;max-width:450px;height:100%;padding-top:131px;display:flex;position:fixed;top:68px}.cancelModal__container{background-color:var(--color-white);width:85%;box-shadow:var(--shadow-modal);border-radius:14px;flex-direction:column;gap:18px;padding:20px;display:flex}.cancelModal__text{color:var(--color-black)}.cancelModal__text--title{font-size:20px;font-weight:700}.cancelModal__text--message{font-size:16px}.cancelModal__button{color:var(--color-white);cursor:pointer;justify-content:space-between;font-size:20px;font-weight:500;display:flex}.cancelModal__button--back{background-color:#b1b1b1;border-radius:16px;justify-content:center;align-items:center;width:44%;height:60px;display:flex}.cancelModal__button--cancel{background-color:var(--color-main);border-radius:16px;justify-content:center;align-items:center;width:52%;height:60px;display:flex}.button-back{width:32px;height:32px;color:var(--color-main);cursor:pointer;box-sizing:border-box;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.button-back__icon{flex-shrink:0;width:32px;height:32px;display:block}.button-back:disabled{cursor:default;opacity:.6}.button-default{background-color:var(--color-main);width:300px;height:52px;color:var(--color-white);letter-spacing:-.02em;box-sizing:border-box;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;font-size:14px;font-weight:400;line-height:17px;display:flex}.button-default:disabled{cursor:default;opacity:.6}.input-form{background-color:var(--color-input-background);width:300px;height:52px;box-shadow:var(--shadow-input);box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;padding:0 20px;display:flex}.input-form__left-icon,.input-form__right-icon{width:14px;height:14px;color:var(--color-input-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-form__right-icon{margin-left:auto}.input-form__right-button{cursor:pointer;background-color:#0000;border:none;padding:0}.input-form__input{min-width:0;color:var(--color-input-text);letter-spacing:-.02em;background-color:#0000;border:none;outline:none;flex:1;font-size:12px;line-height:15px}.input-form__input::placeholder{color:var(--color-input-text)}.student-verification{background-color:var(--color-background);width:100%;height:calc(100vh - 96px);overflow:hidden}.student-verification__container{box-sizing:border-box;background-color:var(--color-background);width:100%;max-width:375px;height:calc(100vh - 96px);margin:0 auto;padding:96px 37px 0}.student-verification__title-area{margin-top:41px}.student-verification__title{color:var(--color-main);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:24px}.student-verification__description{color:var(--color-sub);letter-spacing:-.02em;margin:6px 0 0;font-size:10px;font-weight:400;line-height:12px}.student-verification__form{flex-direction:column;gap:20px;width:300px;margin-top:20px;display:flex}.student-verification__input-icon{width:14px;height:14px;color:var(--color-input-text);display:block}.sign-up{background-color:var(--color-background);width:100%;height:calc(100vh - 96px);overflow:hidden}.sign-up__container{box-sizing:border-box;background-color:var(--color-background);width:100%;max-width:375px;height:calc(100vh - 96px);margin:0 auto;padding:96px 37px 0}.sign-up__title-area{margin-top:41px}.sign-up__title{color:var(--color-main);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:24px}.sign-up__description{color:var(--color-sub);letter-spacing:-.02em;margin:6px 0 0;font-size:10px;font-weight:400;line-height:12px}.sign-up__form{flex-direction:column;gap:20px;width:300px;margin-top:20px;display:flex}.sign-up__input-icon{width:14px;height:14px;color:var(--color-input-text);display:block}.reset-password{background-color:var(--color-background);width:100%;height:calc(100vh - 96px);overflow:hidden}.reset-password__container{box-sizing:border-box;background-color:var(--color-background);width:100%;max-width:375px;height:calc(100vh - 96px);margin:0 auto;padding:96px 37px 0}.reset-password__title-area{margin-top:41px}.reset-password__title{color:var(--color-main);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:24px}.reset-password__description{color:var(--color-sub);letter-spacing:-.02em;margin:6px 0 0;font-size:10px;font-weight:400;line-height:12px}.reset-password__form{flex-direction:column;gap:20px;width:300px;margin-top:20px;display:flex}.reset-password__input-icon{width:14px;height:14px;color:var(--color-input-text);display:block}.mainTest-page{background-color:var(--color-background);flex-direction:column;height:100%;display:flex;overflow:hidden}.mainTest-page__content{flex-direction:column;flex:1;gap:48px;min-height:0;padding:48px 0;display:flex;overflow:hidden}.mainTest-page__filter{justify-content:center;padding:0 24px;display:flex}.mainTest-page__floor-map{padding:0 40px}.mainTest__fakeButton{z-index:100;width:100%;height:68px;position:fixed;top:0;right:0}._app_ovhkr_1{justify-content:center;width:100vw;max-width:450px;height:100svh;margin:0 auto;font-family:Paperozi,sans-serif;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}textarea{resize:none}:root{--color-main:#77222d;--color-sub:#545f71;--color-gray:#b6b9c1;--color-background:#edebeb;--color-input-text:#6a6666;--color-input-background:#f5f5f5;--color-menu-button:#a66571;--color-black:#1d1d1d;--color-white:#fff;--color-overlay:#2d3648cc;--shadow-header:4px 4px 4px 0 #00000040;--shadow-input:0px 2px 4px 0 #00000040;--shadow-modal:0px 0px 25px 0 #0003}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-COLGFB3M.woff2)format("woff2");font-weight:400;font-display:swap}