.side__wrap[data-v-be195317]{display:flex;flex-direction:column;height:100%;min-height:100vh;position:relative}.profile__container[data-v-be195317]{align-items:center;background:#313056;box-shadow:0 4px 6px #2d475b40;display:flex;font-weight:700;gap:8px;height:84px;padding:0 20px;z-index:10}.profile__container-hide[data-v-be195317]{opacity:0}.name__group[data-v-be195317]{display:flex;flex-direction:column;gap:4px;justify-content:start}.profile__img[data-v-be195317]{border:3px solid #fff;border-radius:50%;height:33px;width:33px}.affiliation__label[data-v-be195317]{color:#fff9;font-size:11px}.name__label[data-v-be195317]{color:#fff;font-size:14px}.main__container[data-v-be195317]{background:linear-gradient(180deg,#545bfe,#7f84fb);height:100%;overflow-y:auto}.menu__list[data-v-be195317]{padding:0}.menu__item[data-v-be195317]{cursor:pointer;padding:16px 24px}.menu__item[data-v-be195317]:hover{opacity:.6}.menu__link[data-v-be195317]{align-items:center;display:flex;gap:8px;text-decoration:none}.menu__link span[data-v-be195317]{color:#fff;font-size:14px;font-weight:700;text-decoration:none}.menu__link .icon__img[data-v-be195317]{height:22px;width:22px}.show__btn[data-v-be195317]{background:#4d51da;border:none;border-radius:0 8px 0 0;bottom:0;box-shadow:none;height:34px;position:absolute;right:-34px;width:34px}.arrow__icon-right[data-v-be195317]{transform:scaleX(-1)}@keyframes showAnimation-be195317{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes hideAnimation-be195317{0%{transform:translate(0)}to{transform:translate(-100%)}}header[data-v-51aa08ab]{align-items:center;background-color:#fff;box-shadow:0 10px 10px -5px #e6e9ec;display:flex;justify-content:space-between;min-height:60px;padding:0 24px}@media screen and (max-width:500px){header[data-v-51aa08ab]{padding:0 16px}}.content__group[data-v-51aa08ab]{align-items:center;display:flex;gap:12px}.logo__img[data-v-51aa08ab]{height:24px;width:112px}.plan__label[data-v-51aa08ab]{font-size:14px;margin-left:8px}@media screen and (max-width:500px){.plan__label[data-v-51aa08ab]{display:none}}.setting__label[data-v-51aa08ab]{align-items:center;color:#7f84fb;cursor:pointer;display:flex;font-size:12px;gap:2px;justify-content:center;text-decoration:none}@media screen and (max-width:500px){.setting__label[data-v-51aa08ab]{display:none}}.setting__label .arrow__icon[data-v-51aa08ab]{height:9px;margin-top:2px;width:12px}.search__btn[data-v-51aa08ab]{width:184px}@media screen and (max-width:500px){.search__btn[data-v-51aa08ab]{display:none}}.btn__icon[data-v-51aa08ab]{height:18px;width:18px}.sp__menu[data-v-51aa08ab]{background:none;border:none;cursor:pointer;display:none}.sp__menu[data-v-51aa08ab]:hover{opacity:.6}@media screen and (max-width:1099px) and (min-width:500px){.sp__menu[data-v-51aa08ab]{display:block}}@media screen and (max-width:500px){.sp__menu[data-v-51aa08ab]{display:block}}.humberger__icon[data-v-51aa08ab]{height:24px;width:24px}.unpaid-info[data-v-51aa08ab]{align-items:center;color:#e33c64;display:flex;flex-direction:row;font-size:14px;font-weight:400}.background__black[data-v-432bb8da]{background-color:#000;height:100%;position:relative;width:100%;z-index:10}@media screen and (min-width:1100px){.background__black[data-v-432bb8da]{display:none}}.side__wrap[data-v-432bb8da]{display:flex;flex-direction:column;height:100%;min-height:100vh;position:absolute;right:0}.profile__container[data-v-432bb8da]{align-items:center;background:#313056;box-shadow:0 4px 6px #2d475b40;display:flex;gap:8px;height:84px;padding:0 20px}.profile__container-hide[data-v-432bb8da]{opacity:0}.name__group[data-v-432bb8da]{display:flex;flex-direction:column;gap:4px;justify-content:start}.profile__img[data-v-432bb8da]{border:3px solid #fff;border-radius:50%;height:33px;width:33px}.affiliation__label[data-v-432bb8da]{color:#fff9;font-size:11px}.name__label[data-v-432bb8da]{color:#fff;font-size:14px}.main__container[data-v-432bb8da]{background:linear-gradient(180deg,#545bfe,#7f84fb);height:100%;overflow-y:auto}.menu__list[data-v-432bb8da]{padding:0}.menu__item[data-v-432bb8da]{cursor:pointer;padding:16px 24px}.menu__item[data-v-432bb8da]:hover{opacity:.6}.menu__link[data-v-432bb8da]{align-items:center;display:flex;gap:8px;text-decoration:none}.menu__link span[data-v-432bb8da]{color:#fff;font-size:14px;font-weight:700;text-decoration:none}.menu__link .icon__img[data-v-432bb8da]{height:22px;width:22px}.show__btn[data-v-432bb8da]{background:#4d51da;border:none;border-radius:0 8px 0 0;bottom:0;box-shadow:none;height:34px;position:absolute;right:-34px;width:34px}@media screen and (max-width:1099px) and (min-width:500px){.show__btn[data-v-432bb8da]{display:none}}@media screen and (max-width:500px){.show__btn[data-v-432bb8da]{display:none}}.arrow__icon-right[data-v-432bb8da]{transform:scaleX(-1)}@keyframes showAnimation-432bb8da{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes hideAnimation-432bb8da{0%{transform:translate(0)}to{transform:translate(-100%)}}.default__wrap[data-v-d4c860a1]{display:flex;flex-direction:row;height:100%;width:100%}.nav__container[data-v-d4c860a1]{display:flex;flex:1;flex-direction:column;max-width:210px;min-width:210px;opacity:1}@media screen and (max-width:1000px){.nav__container[data-v-d4c860a1]{display:none}}@media screen and (max-width:1099px) and (min-width:500px){.nav__container[data-v-d4c860a1]{display:none}}.nav__container-hide[data-v-d4c860a1]{animation:hideAnimation-d4c860a1 .2s;flex:0;max-width:80px;min-width:80px}@media screen and (max-width:1000px){.nav__container-hide[data-v-d4c860a1]{display:none}}@media screen and (max-width:1099px) and (min-width:500px){.nav__container-hide[data-v-d4c860a1]{display:none}}.main__container[data-v-d4c860a1]{display:flex;flex:4;flex-direction:column}.show__btn[data-v-d4c860a1]{animation:fadeIn .2s;background:#4d51da;border:none;border-radius:0 8px 0 0;bottom:0;box-shadow:none;height:34px;left:0;position:absolute;width:34px}@media screen and (max-width:500px){.show__btn[data-v-d4c860a1]{display:none}}.arrow__icon-right[data-v-d4c860a1]{transform:scaleX(-1)}.background__black[data-v-d4c860a1]{background:#0000004d;height:100%;position:absolute;width:100%}@media screen and (min-width:1100px){.background__black[data-v-d4c860a1]{display:none}}@keyframes showAnimation-d4c860a1{0%{max-width:80px;min-width:80px}to{max-width:210px;min-width:210px}}@keyframes hideAnimation-d4c860a1{0%{max-width:210px;min-width:210px}to{max-width:80px;min-width:80px}}