.side__wrap[data-v-63e9593d]{display:flex;flex-direction:column;height:100%;min-height:100vh;position:relative}.profile__container[data-v-63e9593d]{align-items:center;background:#313056;box-shadow:0 4px 6px #2d475b40;display:flex;font-weight:700;gap:8px;height:84px;padding:0 20px}.profile__container-hide[data-v-63e9593d]{opacity:0}.name__group[data-v-63e9593d]{display:flex;flex-direction:column;gap:4px;justify-content:start}.profile__img[data-v-63e9593d]{border:3px solid #fff;border-radius:50%;height:33px;width:33px}.affiliation__label[data-v-63e9593d]{color:#fff9;font-size:11px}.name__label[data-v-63e9593d]{color:#fff;font-size:14px}.main__container[data-v-63e9593d]{background:linear-gradient(180deg,#545bfe,#7f84fb);height:100%;overflow-y:auto}.menu__list[data-v-63e9593d]{padding:0}.menu__item[data-v-63e9593d]{cursor:pointer;padding:16px 24px}.menu__item[data-v-63e9593d]:hover{opacity:.6}.menu__link[data-v-63e9593d]{align-items:center;display:flex;gap:8px;text-decoration:none}.menu__link span[data-v-63e9593d]{color:#fff;font-size:14px;font-weight:700;text-decoration:none}.menu__link .icon__img[data-v-63e9593d]{height:22px;width:22px}.show__btn[data-v-63e9593d]{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-63e9593d]{transform:scaleX(-1)}@keyframes showAnimation-63e9593d{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes hideAnimation-63e9593d{0%{transform:translate(0)}to{transform:translate(-100%)}}header[data-v-cc883b44]{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-cc883b44]{padding:0 16px}}.content__group[data-v-cc883b44]{align-items:center;display:flex;gap:12px}.logo__img[data-v-cc883b44]{height:24px;width:112px}.plan__label[data-v-cc883b44]{font-size:14px;margin-left:8px}@media screen and (max-width:500px){.plan__label[data-v-cc883b44]{display:none}}.setting__label[data-v-cc883b44]{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-cc883b44]{display:none}}.setting__label .arrow__icon[data-v-cc883b44]{height:9px;margin-top:2px;width:12px}.search__btn[data-v-cc883b44]{width:184px}@media screen and (max-width:500px){.search__btn[data-v-cc883b44]{display:none}}.btn__icon[data-v-cc883b44]{height:18px;width:18px}.sp__menu[data-v-cc883b44]{background:none;border:none;cursor:pointer;display:none}.sp__menu[data-v-cc883b44]:hover{opacity:.6}@media screen and (max-width:1099px) and (min-width:500px){.sp__menu[data-v-cc883b44]{display:block}}@media screen and (max-width:500px){.sp__menu[data-v-cc883b44]{display:block}}.humberger__icon[data-v-cc883b44]{height:24px;width:24px}.background__black[data-v-589be9a0]{background-color:#000;height:100%;position:relative;width:100%}@media screen and (min-width:1100px){.background__black[data-v-589be9a0]{display:none}}.side__wrap[data-v-589be9a0]{display:flex;flex-direction:column;height:100%;min-height:100vh;position:absolute;right:0}.profile__container[data-v-589be9a0]{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-589be9a0]{opacity:0}.name__group[data-v-589be9a0]{display:flex;flex-direction:column;gap:4px;justify-content:start}.profile__img[data-v-589be9a0]{border:3px solid #fff;border-radius:50%;height:33px;width:33px}.affiliation__label[data-v-589be9a0]{color:#fff9;font-size:11px}.name__label[data-v-589be9a0]{color:#fff;font-size:14px}.main__container[data-v-589be9a0]{background:linear-gradient(180deg,#545bfe,#7f84fb);height:100%;overflow-y:auto}.menu__list[data-v-589be9a0]{padding:0}.menu__item[data-v-589be9a0]{cursor:pointer;padding:16px 24px}.menu__item[data-v-589be9a0]:hover{opacity:.6}.menu__link[data-v-589be9a0]{align-items:center;display:flex;gap:8px;text-decoration:none}.menu__link span[data-v-589be9a0]{color:#fff;font-size:14px;font-weight:700;text-decoration:none}.menu__link .icon__img[data-v-589be9a0]{height:22px;width:22px}.show__btn[data-v-589be9a0]{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-589be9a0]{display:none}}@media screen and (max-width:500px){.show__btn[data-v-589be9a0]{display:none}}.arrow__icon-right[data-v-589be9a0]{transform:scaleX(-1)}@keyframes showAnimation-589be9a0{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes hideAnimation-589be9a0{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}}