.self-logo-link[data-v-b026d4b8]{cursor:pointer;text-align:center}.notification-badge[data-v-3418f92f]{display:flex;justify-content:center;position:relative;text-align:center}.notification-badge[data-v-3418f92f]:before{background-color:#fd9191;border-radius:5px;content:"";height:10px;position:absolute;right:4%;top:4%;width:10px;z-index:1}.hide-badge[data-v-3418f92f]:before{display:none}.header-btn--container[data-v-bbe5cf2d]{align-items:center;display:flex;justify-content:center;width:48px}.header-btn--item[data-v-bbe5cf2d]{z-index:8}.header-btn--item img[data-v-bbe5cf2d]{display:block;width:22px}.sidebar[data-v-bbe5cf2d]{background-color:#005b79;height:100%;overflow-y:auto;width:100%}.sidebar-setting[data-v-f4fff951]{font-weight:400}.sidebar-setting__title[data-v-f4fff951]{background-color:#097fa5;padding:16px}.sidebar-setting__sub-title[data-v-f4fff951]{background-color:#003f53;padding:8px 16px}.sidebar-setting__message[data-v-f4fff951]{font-size:11px;padding:16px}.sidebar-setting__contents[data-v-f4fff951]{padding:0 16px}.setting-sidebar-open__title[data-v-8c318eb0]{background-color:#097fa5;padding:16px}.setting-sidebar-open__sub-title[data-v-8c318eb0]{align-items:center;background-color:#003f53;display:flex;justify-content:space-between;padding:8px 16px}.setting-sidebar-open__sub-title-text[data-v-8c318eb0]{color:#fff}.setting-sidebar-open__message[data-v-8c318eb0]{font-size:11px;padding:16px}.setting-sidebar-open__contents[data-v-8c318eb0]{padding:0 16px}.setting-sidebar-close__contents[data-v-8c318eb0]{padding:16px}.information-sidebar__title[data-v-af88f3c3]{background-color:#097fa5;font-weight:400;padding:8px 16px}.information-sidebar__content[data-v-af88f3c3]{border-bottom:.5px solid #bac6d3;cursor:pointer;justify-content:center;padding:8px 16px}.information-sidebar__content[data-v-af88f3c3]:hover{background:#097fa5}.information-sidebar__content-title[data-v-af88f3c3]{color:#fff;font-size:14px}.notice-sidebar__title[data-v-b933a0ad]{background-color:#097fa5;font-weight:400;padding:8px 16px}.notice-sidebar__content[data-v-b933a0ad]{border-bottom:.5px solid #bac6d3;cursor:pointer;justify-content:center;padding:8px 16px}.notice-sidebar__content[data-v-b933a0ad]:hover{background:#097fa5}.notice-sidebar__content-title[data-v-b933a0ad]{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-sidebar__content-info[data-v-b933a0ad]{align-items:center;display:flex;gap:8px}.notice-sidebar__content-info-sub-text[data-v-b933a0ad]{color:#bac6d3;font-size:10px}.notice-sidebar__content-info-icon[data-v-b933a0ad]{background-color:#fd9191;border-radius:50%;display:inline-block;height:10px;width:10px}.color-label[data-v-b29aa26d]{border-radius:20px;font-size:12px;font-weight:500;opacity:.8;padding:0 4px;text-align:center}.color-label.white-color[data-v-b29aa26d]{background-color:#fff;color:#005b79}.accordion-tree[data-v-1dd4bcce]{align-items:center;color:#fff;cursor:pointer;display:flex;gap:8px;position:relative;width:100%}.accordion-tree[data-v-1dd4bcce]:hover{background-color:#097fa5}.accordion-tree__left-icon--chevron-icon[data-v-1dd4bcce]{border-radius:16px}.accordion-tree__left-icon--chevron-icon[data-v-1dd4bcce]:focus:after{opacity:0}.accordion-tree__left-icon--chevron-icon[data-v-1dd4bcce]:hover:after{opacity:.2}.accordion-tree__name[data-v-1dd4bcce]{flex:1;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-tree__name--icon[data-v-1dd4bcce]{min-width:18px}.accordion-tree__right-icon[data-v-1dd4bcce]{align-items:center;display:flex;margin-left:auto;opacity:.7}.accordion-item[data-v-fd9290ad]{align-items:center;color:#fff;cursor:pointer;display:flex;gap:8px;min-height:36px;position:relative;width:100%}.accordion-item[data-v-fd9290ad]:hover{background-color:#097fa5}.accordion-item__left-icon[data-v-fd9290ad],.accordion-item__right-icon[data-v-fd9290ad]{align-items:center;display:flex;margin-left:auto;opacity:.7}.accordion-item__left-icon[data-v-fd9290ad]{opacity:1}.accordion-item__right-icon[data-v-fd9290ad]{opacity:.7}.accordion-item__name[data-v-fd9290ad]{flex:1;font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accordion-item[data-v-d65de8cc]{padding:8px;padding-left:var(--padding-left)}.accordion-trans-enter-active[data-v-d65de8cc]{animation:slide-down-d65de8cc .15s}.accordion-trans-leave-active[data-v-d65de8cc]{animation:slide-down-d65de8cc .15s reverse}.active[data-v-d65de8cc]{background-color:#097fa5}@keyframes slide-down-d65de8cc{0%{opacity:0;transform:translateY(-15%)}25%{opacity:0;transform:translateY(-10%)}50%{opacity:.1;transform:translateY(-5%)}75%{opacity:.5;transform:translateY(-2%)}to{opacity:1;transform:translateY(0)}}.icon-text-sidebar-row[data-v-3f1cdac9]{border-top:1px solid hsla(0,0%,44%,.8);display:flex;font-size:14px;gap:8px;padding:8px 16px}.icon-text-sidebar-row__text[data-v-3f1cdac9]{color:#fff}.icon-text-sidebar-row.orange-background-color[data-v-3f1cdac9]{background-color:#f0972d}.list-sidebar-wrapper[data-v-001f38ef]{display:flex;flex-direction:column;height:100%;width:100%}.contents-toggle[data-v-001f38ef]{background-color:#005b79;display:flex;flex:0 0 50px;flex-direction:row;width:100%}.contents-toggle__item[data-v-001f38ef]{align-items:center;border-bottom:1px solid #bac6d3;cursor:pointer;display:flex;height:100%;justify-content:center;width:50%}.contents-toggle>.selected[data-v-001f38ef],.contents-toggle__item[data-v-001f38ef]:hover{border-bottom:2px solid #fff}.contents-wrapper[data-v-001f38ef]{flex:1 1 0;overflow-y:auto;width:100%}.contents-wrapper[data-v-001f38ef]::-webkit-scrollbar{width:6px}.contents-wrapper[data-v-001f38ef]::-webkit-scrollbar-track{background-color:#005b79;border-radius:3px}.contents-wrapper[data-v-001f38ef]::-webkit-scrollbar-thumb{background-color:#9a9a9a;border-radius:3px}.contents-wrapper>.textbook-contents[data-v-001f38ef]{overflow-y:hidden}.contents-wrapper .training-contents[data-v-001f38ef]{align-items:center;display:flex;flex-flow:column nowrap;gap:8px;overflow-y:hidden;padding:8px}.contents-wrapper .training-contents__text[data-v-001f38ef],.contents-wrapper .training-contents__title[data-v-001f38ef]{color:#fff}.contents-wrapper .training-contents__text[data-v-001f38ef]{font-size:13px;font-weight:lighter;line-height:1.3rem;white-space:pre-wrap}.bottom-items[data-v-001f38ef]{border-top:1px solid #c1c1c1;flex:0 0 auto;width:100%}.list-sidebar-close__contents[data-v-8810b45e]{padding:16px 0}.navigation-bar[data-v-d7df4442]{box-shadow:0 3px 6px #00000029;font-weight:500;left:0;position:fixed;top:0;width:100%;z-index:3}.navigation-bar__wrapper[data-v-d7df4442]{background-color:#005b79;box-sizing:border-box;color:#fff;height:56px;min-width:auto;width:100%}.navigation-bar__container[data-v-d7df4442]{align-items:center;display:flex;height:100%;justify-content:space-between}.navigation-bar__logo[data-v-d7df4442]{align-items:center;display:flex;margin:0 16px;width:80px}.navigation-bar__menu[data-v-d7df4442]{display:flex;margin-right:8px}.small-btn[data-v-c87aeb24]{align-items:center;background-color:#f5f1c4;border-radius:10px;color:#333!important;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;overflow:hidden;padding:0 16px;position:relative;z-index:1}.small-btn__icon[data-v-c87aeb24]{color:#333;font-size:18px;margin-right:4px;margin-top:3px}.small-btn[data-v-c87aeb24]:hover{color:#fff!important}.small-btn:hover:hover .small-btn__icon[data-v-c87aeb24]{color:#fff}.small-btn[data-v-c87aeb24]:before{background:#e49a46;border-radius:100%;content:"";height:68px;inset:50% 0 0;position:absolute;transform:translate(-85%,-50%);transition:all .3s ease;width:68px;z-index:-1}.small-btn[data-v-c87aeb24]:hover:before{border-radius:0;top:0;transform:scaleX(3);transform-origin:left center}.medium-btn[data-v-c87aeb24]{align-items:center;background-color:#f5f1c4;border-radius:10px;color:#333!important;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:60px;justify-content:center;min-width:256px;overflow:hidden;position:relative;z-index:1}.medium-btn[data-v-c87aeb24]:before{background:#e49a46;border-radius:100%;content:"";height:60px;inset:50% 0 0;position:absolute;transform:translate(-80%,-50%);transition:all .3s ease;width:60px;z-index:-1}.medium-btn[data-v-c87aeb24]:hover:before{border-radius:0;top:0;transform:scaleX(5);transform-origin:left center}.medium-btn__icon[data-v-c87aeb24]{color:#333;font-size:20px}.large-btn[data-v-c87aeb24]{align-items:center;background-color:#f5f1c4;border-radius:10px;color:#333!important;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;min-width:368px;overflow:hidden;position:relative;z-index:1}.large-btn__icon[data-v-c87aeb24]{color:#333;font-size:28px;margin-right:4px;margin-top:4px}.large-btn[data-v-c87aeb24]:hover{color:#fff!important}.large-btn:hover:hover .large-btn__icon[data-v-c87aeb24]{color:#fff}.large-btn[data-v-c87aeb24]:before{background:#e49a46;border-radius:100%;content:"";height:94px;inset:50% 0 0;position:absolute;transform:translate(-80%,-50%);transition:all .3s ease;width:94px;z-index:-1}.large-btn[data-v-c87aeb24]:hover:before{border-radius:0;top:0;transform:scaleX(5);transform-origin:left center}.dynamic-svg-button[data-v-4bc61dc9]{cursor:pointer;display:inline-flex}.navigation-bar[data-v-be4a2b6f]{box-shadow:0 3px 6px #00000029;font-weight:500;left:0;position:fixed;top:0;width:100%;z-index:3}@media screen and (min-width:960px) and (max-width:1263px){.navigation-bar[data-v-be4a2b6f]{font-size:14px}}.navigation-bar a[data-v-be4a2b6f]{color:#fff;text-decoration:none}.navigation-bar__wrapper[data-v-be4a2b6f]{background-color:#005b79;box-sizing:border-box;color:#fff;height:56px;width:100%}.navigation-bar--is-login .navigation-bar__wrapper[data-v-be4a2b6f]{min-width:auto}.navigation-bar__container[data-v-be4a2b6f]{display:flex;height:100%;justify-content:flex-start}.navigation-bar__logo[data-v-be4a2b6f]{align-items:center;background-color:#097fa5;display:flex;justify-content:center;margin-right:16px;width:64px}.navigation-bar__logo img[data-v-be4a2b6f]{width:100%}.navigation-bar__menu[data-v-be4a2b6f]{display:flex;flex:1;justify-content:space-between;line-height:52px;white-space:nowrap}.navigation-bar__menu__left[data-v-be4a2b6f],.navigation-bar__menu__right[data-v-be4a2b6f]{align-items:center;display:flex}.navigation-bar__menu__right[data-v-be4a2b6f]{gap:24px;padding-right:24px}.navigation-bar__menu-item[data-v-be4a2b6f]{height:100%;margin:0 16px}.navigation-bar__menu-item--active[data-v-be4a2b6f],.navigation-bar__menu-item[data-v-be4a2b6f]:hover{border-bottom:4px solid #f5f1c4}.navigation-before-login-sp[data-v-b3de3144]{background:#005b794d;left:0;position:fixed;top:0;width:100%;z-index:3}.navigation-before-login-sp__header[data-v-b3de3144]{align-items:center;display:flex;height:56px;justify-content:space-between;padding:8px 20px}.navigation-before-login-sp__header-logo[data-v-b3de3144]{align-items:center;display:flex;width:80px}.navigation-before-login-sp__contents[data-v-b3de3144]{background-color:#005b79;background-image:url(../img/background/sp_background_cloud.webp);background-position:bottom;background-repeat:no-repeat;background-size:100% auto}.navigation-before-login-sp__contents-buttons[data-v-b3de3144],.navigation-before-login-sp__contents-list[data-v-b3de3144]{display:flex;flex-direction:column;gap:16px}.navigation-before-login-sp__contents-container[data-v-b3de3144]{display:flex;flex-direction:column;gap:32px;padding:16px 20px}.navigation-before-login-sp__contents-close-button[data-v-b3de3144]{align-self:end;color:#fff}.navigation-before-login-sp__contents-link[data-v-b3de3144]{color:#fff;display:flex;justify-content:center;line-height:36px;list-style-type:none;text-decoration:none}.navbar[data-v-174f4e1f]{z-index:3}.navbar .language-btn[data-v-174f4e1f]{cursor:pointer}.navbar .login-btn[data-v-174f4e1f]{color:#fff;cursor:pointer}.navbar .premium-btn[data-v-174f4e1f],.navbar .register-btn[data-v-174f4e1f]{background-color:#f5f1c9;border-radius:10px;color:#333;cursor:pointer;font-weight:700;overflow:hidden;padding:16px 24px;position:relative;z-index:1}.navbar .premium-btn[data-v-174f4e1f]:before,.navbar .register-btn[data-v-174f4e1f]:before{background-color:#e49a46;border-radius:100%;content:"";display:block;height:68px;left:0;position:absolute;top:50%;transform:translate(-80%,-50%);width:68px;z-index:2}.navbar .username-btn[data-v-174f4e1f]{color:#fff}.back-appeal[data-v-174f4e1f]{background-color:#f8e352!important;color:#097fa5;font-weight:700}.back-appeal-red[data-v-174f4e1f]{background-color:#de3d42!important;color:#fff;font-weight:700}.logo[data-v-174f4e1f]{height:60px;max-width:150px;width:60%}.navbar[data-v-174f4e1f]{font-weight:500;left:0;position:fixed;top:0;width:100%}@media screen and (min-width:960px) and (max-width:1263px){.navbar[data-v-174f4e1f]{font-size:14px}}.navbar a[data-v-174f4e1f]{color:#fff;text-decoration:none}.navbar__wrapper[data-v-174f4e1f]{background-color:#005b79;border-radius:42px;box-sizing:border-box;color:#fff;height:84px;margin:16px auto;max-width:1420px;min-width:1095px;padding:0 40px;width:calc(100% - 80px)}@media screen and (min-width:960px) and (max-width:1263px){.navbar__wrapper[data-v-174f4e1f]{max-width:95%;min-width:auto;width:98%}}.navbar--is-login .navbar__wrapper[data-v-174f4e1f]{min-width:auto}.navbar__container[data-v-174f4e1f]{display:flex;height:100%;justify-content:flex-start;margin:0 -16px}.navbar__logo[data-v-174f4e1f]{align-items:center;display:flex;justify-content:center;margin:0 16px;width:82px}@media screen and (min-width:960px) and (max-width:1263px){.navbar__logo[data-v-174f4e1f]{width:72px}}.navbar__logo img[data-v-174f4e1f]{width:100%}.navbar__menu[data-v-174f4e1f]{display:flex;flex:1;justify-content:space-between;white-space:nowrap}.navbar__menu__left[data-v-174f4e1f],.navbar__menu__right[data-v-174f4e1f]{align-items:center;display:flex;justify-content:center}.navbar__menu__right[data-v-174f4e1f]{gap:32px}.navbar__menu-item[data-v-174f4e1f]{margin:0 16px}@media screen and (min-width:960px) and (max-width:1263px){.navbar__menu-item[data-v-174f4e1f]{margin:0 10px}}.navbar__menu-item span[data-v-174f4e1f]{align-items:center;display:inline-flex}.navbar__menu-item span .v-icon[data-v-174f4e1f]{margin-right:5px}.nav-item[data-v-174f4e1f]{line-height:2}.nav-item[data-v-174f4e1f]:hover{border-bottom:2px solid #f5f1c4;color:#f5f1c4}