[data-v-53961b31]:root{--bg:#0c0d18;--bg-card:#111223;--bg-secondary:#1a1c30;--bg-muted:#151627;--bg-input:#1a1c30;--text:#cdd0e8;--text-heading:#e8eaff;--text-secondary:#a0a3be;--text-muted:#d5d5d5;--text-subtle:#a7a7a7;--brand:var(--colorMain);--brand-hover:var(--colorMainDark);--success:#10b981;--success-dim:rgba(#10b981, .08);--success-border:rgba(#10b981, .3);--warning:#f59e0b;--warning-dim:rgba(#f59e0b, .08);--warning-border:rgba(#f59e0b, .3);--error:#ef4444;--error-dim:rgba(#ef4444, .08);--error-border:rgba(#ef4444, .3);--border:color-mix(in srgb, var(--colorMain) 14%, transparent);--border-strong:color-mix(in srgb, var(--colorMain) 25%, transparent);--border-subtle:color-mix(in srgb, var(--colorMain) 6%, transparent);--font-sans:Plus Jakarta Sans, system-ui, -apple-system, sans-serif;--font-mono:JetBrains Mono, Fira Code, monospace;--font-pretendard:pretendard, sans-serif;--font-notosans:NotoSans, sans-serif;--font-elicedigitalbaeum:EliceDigitalBaeum, sans-serif;--font-paperlogy:Paperlogy_R, sans-serif;--sidebar-width:240px;--toc-width:300px;--topbar-height:86px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--content-max-width:780px;--bg-popover:#161729;--transition-fast:.15s ease;--transition-base:.2s ease;--green-400:#34d399;--green-500:#10b981;--amber-400:#fbbf24;--amber-500:#f59e0b;--red-400:#f87171;--red-500:#ef4444;--colorPoint1:#fd8788;--colorPoint2:#ff3b30;--colorPoint3:#fff9e5;--colorPoint4:#00a9ff;--colorPoint5:#ecf9ff;--colorWheel1:#ea6bd6;--colorWheel2:#7685d7;--colorWheel3:#a072eb;--colorWheel4:#47a1e6;--colorWheel5:#1eb7b9;--colorWheel6:#3da68c;--colorWheel7:#72be48;--colorWheel8:#ffa800;--colorWheel9:#ff8919;--colorWheel10:#fc696a;--redLightTxt:#fc696a;--redLightBg:#fff0f0;--greenLightTxt:#3da68c;--greenLightBg:#ebf6f3;--orangeLightTxt:#ff8919;--orangeLightBg:#fff3e8;--grayMidTxt:#666;--grayLightTxt:#999;--grayLightBg:#f1f1f1;--pinkLightTxt:#e55ed8;--pinkLightBg:#ffeefd;--blueLightTxt:#47a1e6;--blueLightBg:#ecf5fc;--blueNavy:#014099;--blueNavyLight:#ebf7ff;--purpleLightTxt:#a072eb;--purpleLightBg:#f6f1fd;--colorText1:#333;--colorText2:#666;--colorText3:#777;--colorText4:#888;--colorText5:#999;--colorText6:#c2c2c2;--colorText7:#ccc;--colorBorder1:#c2c2c2;--colorBorder2:#d7d7d7;--colorBorder3:#eaeaea;--colorBorder4:#e7e7e7;--colorBorder5:#eee;--colorBorder6:#666;--colorBg1:#f9f9f9;--colorBg2:#d7d7d7;--colorBg3:#ffefee;--colorBg4:#f9f9f9;--colorDisabledBg:#f0f0f0;--blueCardBg:#ebf7ff;--blueCardBorder:#2494de;--greenCardBg:#e9f8ee;--greenCardBorder:#2f9f54;--purpleCardBg:#eff4ff;--purpleCardBorder:#8b74d2;--pinkCardBg:#f9f4ff;--pinkCardBorder:#e561b9;--orangeCardBg:#fff9e5;--orangeCardBorder:#ff8a41;--redCardBg:#fff6f5;--redCardBorder:#ff5c5c;--lightgreenCardBg:#faffe6;--lightgreenCardBorder:#89a800;--blueGreenCardBg:#eefffc;--blueGreenCardBorder:#00a897;--brownCardBg:#fff6ef;--brownCardBorder:#a47959;--violetCardBg:#f4f6ff;--violetCardBorder:#5563c2;--space-1:4px;--space-2:5px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:20px;--space-8:28px;--space-10:32px;--space-12:36px;--space-16:40px;--font-adm-xxxl:26px;--font-adm-xxl:24px;--font-adm-xl:22px;--font-adm-lg:20px;--font-adm-md:18px;--font-adm-base:16px;--font-adm-sm:14px;--font-adm-xs:12px;--font-adm-default:16px;--font-xxl:22px;--font-xl:20px;--font-lg:18px;--font-base:16px;--font-sm:14px;--font-xs:12px}.learner .gate[data-v-53961b31]{background:linear-gradient(#add0f4,#c1d0f4 40%,#d6d0f4)}.learner .gate[data-v-53961b31]:before{content:"";z-index:1;background:#fff;border-radius:50px 0 0 50px;width:70%;height:100%;position:absolute;top:0;right:0;box-shadow:2px 0 10px #0000001a}.learner .gate header[data-v-53961b31]{justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex}.learner .gate header .logo[data-v-53961b31]{max-width:500px;height:30px}.learner .gate header .logo-img[data-v-53961b31]{width:auto;height:100%}.learner .gate header .gnb[data-v-53961b31]{z-index:1;border:0}.learner .gate header .gnb-menu[data-v-53961b31]{align-items:center;gap:24px;display:flex}.learner .gate header .gnb-menu-list[data-v-53961b31]{color:#333;transition:all .2s}.learner .gate header .gnb-menu-list[data-v-53961b31]:hover{color:var(--colorMain)}.learner .gate header .gnb-menu-list [class*=fi-][data-v-53961b31],.learner .gate section .right-area .login-wrap .login-keep-wrap .find-menu-list-item[data-v-53961b31]{cursor:pointer}.learner .gate section[data-v-53961b31]{width:100%;display:flex}.learner .gate section .left-area[data-v-53961b31]{z-index:1;width:50%;height:calc(100vh - 60px);padding-right:40px;position:relative}.learner .gate section .left-area .img[data-v-53961b31]{background:url(./bg_login.1cCGXPOy.png) 0/100% no-repeat;width:100%;height:100%}.learner .gate section .right-area[data-v-53961b31]{z-index:1;flex-direction:column;justify-content:center;width:50%;height:calc(100vh - 60px);padding-left:60px;display:flex;position:relative}.learner .gate section .right-area-inner[data-v-53961b31]{width:500px}.learner .gate section .right-area-inner .fi-mail-dash[data-v-53961b31]{justify-content:center;margin-bottom:22px;font-size:42px;display:flex}.learner .gate section .right-area-inner .title[data-v-53961b31]{text-align:center;color:#333;margin-bottom:30px;font-size:36px;font-weight:700}.learner .gate section .right-area-inner .desc[data-v-53961b31]{font-size:var(--font-lg);text-align:center;color:#777;margin-top:-.3em;line-height:1.3}.learner .gate section .right-area-inner .warning[data-v-53961b31]{color:#999}.learner .gate section .right-area-inner .warning .fi-circle-i[data-v-53961b31]{justify-content:center;margin-bottom:10px;display:flex}.learner .gate section .right-area-inner .warning-desc[data-v-53961b31]{font-size:var(--font-sm);text-align:center;margin-top:-.3em;line-height:1.3}.learner .gate section .right-area .login-wrap[data-v-53961b31]{width:100%;max-width:640px;padding:0 20px}.learner .gate section .right-area .login-wrap.join .form-control[data-v-53961b31]{height:490px}.learner .gate section .right-area .login-wrap .verification-email .fi-mail-dash[data-v-53961b31]{color:var(--colorMain);justify-content:center;margin-bottom:20px;font-size:42px;display:flex}.learner .gate section .right-area .login-wrap .verification-email .btn-to-login[data-v-53961b31]{margin:60px 0 90px}.learner .gate section .right-area .login-wrap .verification-email .warning[data-v-53961b31]{margin-top:90px}.learner .gate section .right-area .login-wrap .verification-email .warning .fi-circle-i[data-v-53961b31]{justify-content:center;margin-bottom:10px;display:flex}.learner .gate section .right-area .login-wrap .verification-email .warning-desc[data-v-53961b31]{font-size:var(--font-sm);text-align:center;margin-top:-.3em;line-height:1.3}.learner .gate section .right-area .login-wrap .icon-area[data-v-53961b31]{text-align:center;color:var(--colorMain);margin-bottom:20px}.learner .gate section .right-area .login-wrap .icon-area.hp-mb20[data-v-53961b31]{margin-bottom:20px}.learner .gate section .right-area .login-wrap .icon-area i[data-v-53961b31]{font-size:48px}.learner .gate section .right-area .login-wrap .title[data-v-53961b31]{text-align:center;color:#333;font-size:36px;font-weight:600;line-height:36px}.learner .gate section .right-area .login-wrap .desc[data-v-53961b31]{font-size:var(--font-lg);text-align:center;color:#777;margin-top:15px;line-height:1.3}.learner .gate section .right-area .login-wrap .desc.type-comp[data-v-53961b31]{margin:30px 0 80px}.learner .gate section .right-area .login-wrap .desc .txt[data-v-53961b31]{color:var(--colorText1)}.learner .gate section .right-area .login-wrap .desc .main-color[data-v-53961b31],.learner .gate section .right-area .login-wrap .desc .txt .main-color[data-v-53961b31]{color:var(--colorMain)}.learner .gate section .right-area .login-wrap .info[data-v-53961b31]{text-align:center;font-size:var(--font-lg);margin:60px 0 80px}.learner .gate section .right-area .login-wrap .warning[data-v-53961b31]{color:#999;margin-top:30px}.learner .gate section .right-area .login-wrap .warning .fi-circle-i[data-v-53961b31]{justify-content:center;margin-bottom:10px;display:flex}.learner .gate section .right-area .login-wrap .warning-desc[data-v-53961b31]{font-size:var(--font-sm);text-align:center;margin-top:-.3em;line-height:1.3}.learner .gate section .right-area .login-wrap .login-sns[data-v-53961b31]{justify-content:center;align-items:center;gap:22px;margin:40px 0;display:flex}.learner .gate section .right-area .login-wrap .login-sns-btn[data-v-53961b31]{background:url(./icon_sns.DElZ6xIf.png) 0/auto 100% no-repeat;width:52px;height:52px}.learner .gate section .right-area .login-wrap .login-sns-btn.kakao[data-v-53961b31]{background-position-x:33.3333%}.learner .gate section .right-area .login-wrap .login-sns-btn.google[data-v-53961b31]{background-position-x:66.6667%}.learner .gate section .right-area .login-wrap .form-control[data-v-53961b31]{max-height:490px;margin:50px -40px 0;padding:0 40px;overflow:hidden auto}.learner .gate section .right-area .login-wrap .form-control.hp-mt80[data-v-53961b31]{margin-top:80px}.learner .gate section .right-area .login-wrap .form-control-wrap[data-v-53961b31]{margin-top:50px}.learner .gate section .right-area .login-wrap .form-control-wrap>button[data-v-53961b31]{border-radius:8px;flex:1}.learner .gate section .right-area .login-wrap .form-control-wrap>button[data-v-53961b31]:disabled{background:#999;border:0}.learner .gate section .right-area .login-wrap .form-control-wrap[data-v-53961b31]:first-child{margin:0}.learner .gate section .right-area .login-wrap .form-control-wrap .btn-area[data-v-53961b31]{width:100%;display:flex}.learner .gate section .right-area .login-wrap .form-control-wrap .btn-area a[data-v-53961b31]{border-radius:8px;flex:1;height:52px;line-height:50px}.learner .gate section .right-area .login-wrap .form-control-tit[data-v-53961b31]:has(.required){margin-left:12px}.learner .gate section .right-area .login-wrap .form-control-box[data-v-53961b31]{border:1px solid var(--colorBorder3);border-radius:24px;height:100%;padding:40px 30px}.learner .gate section .right-area .login-wrap .form-control-box>.check-item[data-v-53961b31]{border-bottom:1px solid var(--colorBorder3);width:100%;margin-bottom:40px;padding-bottom:30px}.learner .gate section .right-area .login-wrap .form-control-box>.check-item input+label .check-item-icon[data-v-53961b31]{width:20px;height:20px}.learner .gate section .right-area .login-wrap .form-control-box>.check-item .check-item-txt[data-v-53961b31]{font-size:var(--font-lg);font-weight:600}.learner .gate section .right-area .login-wrap .form-control-box>.check-list[data-v-53961b31]{margin:0}.learner .gate section .right-area .login-wrap .form-control-box>.check-list .check-list-item[data-v-53961b31]{justify-content:space-between;align-items:center;margin:0 0 40px;display:flex}.learner .gate section .right-area .login-wrap .form-control-box>.check-list .check-list-item[data-v-53961b31]:last-child{margin:0}.learner .gate section .right-area .login-wrap .form-control-box>.check-list .check-list-item .fi-chevron-right[data-v-53961b31]{font-size:var(--font-xs)}.learner .gate section .right-area .login-wrap .form-control-tit .required[data-v-53961b31]{position:relative}.learner .gate section .right-area .login-wrap .form-control-tit .required[data-v-53961b31]:before{content:"*";color:var(--colorMain);position:absolute;top:4px;left:-12px}.learner .gate section .right-area .login-wrap .form-control-tit+.form-control-item[data-v-53961b31]{margin-top:10px}.learner .gate section .right-area .login-wrap .form-control-item[data-v-53961b31]{background-color:#fff;border:1px solid #d7d7d7;border-radius:10px;align-items:center;height:42px;margin-top:15px;display:flex;overflow:hidden}:is(.learner .gate section .right-area .login-wrap .form-control-item:has(label)>input[data-v-53961b31],.learner .gate section .right-area .login-wrap .form-control-item:has(label)>select[data-v-53961b31]){padding:0}:is(.learner .gate section .right-area .login-wrap .form-control-item[data-v-53961b31]:has(input:focus),.learner .gate section .right-area .login-wrap .form-control-item[data-v-53961b31]:has(select:focus)){border:1px solid var(--colorMain)}:is(.learner .gate section .right-area .login-wrap .form-control-item:has(input:focus) [class^=fi][data-v-53961b31],.learner .gate section .right-area .login-wrap .form-control-item:has(select:focus) [class^=fi][data-v-53961b31]){color:var(--colorMain)}.learner .gate section .right-area .login-wrap .form-control-item label[data-v-53961b31]{text-align:center;min-width:50px}.learner .gate section .right-area .login-wrap .form-control-item label>i[data-v-53961b31]{font-size:16px}.learner .gate section .right-area .login-wrap .form-control-item[data-v-53961b31]:first-child{margin-top:0}.learner .gate section .right-area .login-wrap .form-control-item>input[data-v-53961b31],.learner .gate section .right-area .login-wrap .form-control-item>select[data-v-53961b31]{border:none;flex:1;font-family:EliceDigitalBaeum!important}.learner .gate section .right-area .login-wrap .form-control-item input[type=password][data-v-53961b31]{font-family:initial!important}.learner .gate section .right-area .login-wrap .form-control-item input[type=password][data-v-53961b31]::-webkit-input-placeholder{font-family:EliceDigitalBaeum!important}.learner .gate section .right-area .login-wrap .form-control-item input[type=password][data-v-53961b31]::placeholder{font-family:EliceDigitalBaeum!important}.learner .gate section .right-area .login-wrap .form-control-flex[data-v-53961b31]{align-items:center;gap:6px;margin-top:10px;display:flex}.learner .gate section .right-area .login-wrap .form-control-flex .form-control-item[data-v-53961b31]{flex:1;margin:0}.learner .gate section .right-area .login-wrap .form-control-flex .whelk[data-v-53961b31]{margin:0 -2px}.learner .gate section .right-area .login-wrap .form-control-flex .btn-l-fill-main[data-v-53961b31]{border-radius:8px;min-width:104px;height:42px}.learner .gate section .right-area .login-wrap .form-control-info[data-v-53961b31]{font-size:var(--font-sm);align-items:center;margin-top:10px;display:flex}.learner .gate section .right-area .login-wrap .form-control-info.warning .txt[data-v-53961b31],.learner .gate section .right-area .login-wrap .form-control-info.warning i[data-v-53961b31]{color:#ea484a;margin:0}.learner .gate section .right-area .login-wrap .form-control-info.warning .txt[data-v-53961b31]{margin:0 0 0 6px}.learner .gate section .right-area .login-wrap .form-control-info .fi-circle-i[data-v-53961b31]{color:var(--colorText3)}.learner .gate section .right-area .login-wrap .form-control-info .txt[data-v-53961b31]{color:var(--colorText3);margin-left:6px}.learner .gate section .right-area .login-wrap .login-keep-wrap[data-v-53961b31]{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.learner .gate section .right-area .login-wrap .login-keep-wrap .check-item .check-item-txt[data-v-53961b31]{color:#999;margin:.6px 0 0 6px}.learner .gate section .right-area .login-wrap .login-keep-wrap .check-item input[type=checkbox]+label .check-item-icon[data-v-53961b31]{border-radius:50%}.learner .gate section .right-area .login-wrap .login-keep-wrap .find-menu[data-v-53961b31]{align-items:center;display:flex}.learner .gate section .right-area .login-wrap .login-keep-wrap .find-menu-list[data-v-53961b31]{color:#777;font-size:var(--font-sm)}.learner .gate section .right-area .login-wrap .login-keep-wrap .find-menu-list[data-v-53961b31]:hover{color:var(--colorMain)}.learner .gate section .right-area .login-wrap .login-keep-wrap .find-menu-list[data-v-53961b31]:not(:first-child):before{content:"";vertical-align:middle;background-color:#d7d7d7;width:1px;height:12px;margin:0 8px;display:inline-block}.learner .gate section .right-area .login-wrap .btn-login[data-v-53961b31]{width:100%;margin-top:40px}.learner .gate section .right-area .btn-wrap[data-v-53961b31]{gap:8px}.learner .gate section .right-area .btn-wrap>a[data-v-53961b31],.learner .gate section .right-area .btn-wrap>button[data-v-53961b31]{flex:1;width:auto;min-width:auto;margin:0}.learner .check-item input+label .check-item-txt[data-v-53961b31]{color:var(--colorText1);font-size:var(--font-base)}@media screen and (width<=1350px){.learner .gate section .right-area .login-wrap .form-control[data-v-53961b31]{margin:50px -20px 0;padding:0 20px}}@media screen and (width<=1300px){.learner .gate[data-v-53961b31]{overflow:hidden}.learner .gate section .left-area[data-v-53961b31]{background-position:100%;background-size:130%;width:40%}.learner .gate section .right-area[data-v-53961b31]{width:60%}}@media only screen and (width<=1024px){.learner .gate section .right-area .login-wrap .login-sns[data-v-53961b31]{justify-content:center;align-items:center;gap:22px;margin:30px 0;display:flex}.learner .gate section .right-area .login-wrap .login-sns-btn[data-v-53961b31]{width:46px;height:46px}.learner .gate section .right-area .login-wrap .icon-area[data-v-53961b31]{margin-bottom:12px}.learner .gate section .right-area .login-wrap .icon-area>i[data-v-53961b31]{font-size:38px}.learner .gate section .right-area .login-wrap .title[data-v-53961b31]{font-size:24px;line-height:1.2}.learner .gate section .right-area .login-wrap .desc[data-v-53961b31]{margin-top:calc(12px - .12em);font-size:13px;line-height:1.2em}.learner .gate section .right-area .login-wrap .desc>span[data-v-53961b31],.learner .gate section .right-area .login-wrap .info>span[data-v-53961b31]{display:block}.learner .gate section .right-area .login-wrap .desc.type-comp[data-v-53961b31]{margin:calc(12px - .12em) 0 0}.learner .gate section .right-area .login-wrap .info[data-v-53961b31]{margin:calc(18px - .12em) 0 0;line-height:1.2}.learner .gate section .right-area .login-wrap .sns-icon[data-v-53961b31]{margin:30px 0}.learner .gate section .right-area .login-wrap .sns-icon-item[data-v-53961b31]{width:44px;height:44px}.learner .gate section .right-area .login-wrap .form-control[data-v-53961b31]{margin:30px -20px 0}.learner .gate section .right-area .login-wrap .form-control-wrap[data-v-53961b31]{margin-top:30px}.learner .gate section .right-area .login-wrap .form-control-tit[data-v-53961b31]:has(.required){margin-left:10px}.learner .gate section .right-area .login-wrap .form-control-item[data-v-53961b31]{border-radius:6px;height:38px;margin-top:8px}.learner .gate section .right-area .login-wrap .form-control-item label[data-v-53961b31]{min-width:40px}.learner .gate section .right-area .login-wrap .form-control-item label>i[data-v-53961b31]{font-size:15px}.learner .gate section .right-area .login-wrap .form-control-flex .btn-l-fill-main[data-v-53961b31]{border-radius:6px;min-width:70px;height:34px;padding:0;line-height:1}.learner .gate section .right-area .login-wrap .login-keep-wrap[data-v-53961b31]{margin-top:15px}.learner .gate section .right-area .login-wrap .login-keep-wrap .check-item .check-item-txt[data-v-53961b31]{margin:0 0 0 6px}.learner .gate section .right-area .btn-wrap>a[data-v-53961b31],.learner .gate section .right-area .btn-wrap>button[data-v-53961b31],.learner .gate section .right-area .login-wrap .btn-login[data-v-53961b31]{height:42px;line-height:40px}.learner .gate section .right-area .login-wrap .verification-email .fi-mail-dash[data-v-53961b31]{margin-bottom:18px;font-size:36px}.learner .gate section .right-area .login-wrap .verification-email .warning[data-v-53961b31]{gap:8px;margin-top:40px;display:flex}.learner .gate section .right-area .login-wrap .verification-email .warning-desc[data-v-53961b31]{text-align:left;flex:1}}@media only screen and (width<=768px){.learner .gate[data-v-53961b31]{height:100%}.learner .gate[data-v-53961b31]:before{border-radius:40px;width:calc(100% - 40px);height:calc(100% - 88px);top:68px;left:20px}.learner .gate header[data-v-53961b31]{background:#fff;justify-content:center;align-items:center;height:48px;padding:0 20px}.learner .gate header .logo[data-v-53961b31]{height:20px}.learner .gate section[data-v-53961b31]{height:calc(100% - 48px)}.learner .gate section .left-area[data-v-53961b31]{display:none}.learner .gate section .right-area[data-v-53961b31]{align-items:flex-start;width:100%;height:100%;padding:70px 30px 60px}.learner .gate section .right-area .login-wrap[data-v-53961b31]{max-width:100%}.learner .gate section .right-area .login-wrap .login-keep-wrap[data-v-53961b31]{flex-direction:column;gap:28px}.learner .gate section .right-area .login-wrap .login-keep-wrap .check-item[data-v-53961b31]{align-self:flex-start}.learner .gate section .right-area .login-wrap .form-control[data-v-53961b31]{margin:20px -30px 0;padding:0 30px}.learner .gate section .right-area .login-wrap .form-control-wrap .btn-f-fill-main[data-v-53961b31],.learner .gate section .right-area .login-wrap .form-control-wrap .btn-f-line-main[data-v-53961b31]{height:42px;line-height:1}.learner .gate section .right-area .login-wrap .form-control-flex[data-v-53961b31]{flex-wrap:wrap;gap:8px 5px}.learner .gate section .right-area .login-wrap .form-control-flex .form-control-item[data-v-53961b31]:has(#mail){flex:none;width:100%}.learner .gate section .right-area .login-wrap .form-control-flex .form-control-item:has(#mail)+.btn-l-fill-main[data-v-53961b31]{width:100%}.learner .gate section .right-area .login-wrap .form-control-box[data-v-53961b31]{border:0;border-radius:0;padding:0}.learner .gate section .right-area .login-wrap .form-control-box>.check-list .check-list-item[data-v-53961b31]{margin-bottom:24px}.learner .gate section .right-area .login-wrap .form-control-box>.check-item[data-v-53961b31]{margin-bottom:30px;padding-bottom:18px}.learner .gate section .right-area .login-wrap .form-control-box>.check-item input+label .check-item-icon[data-v-53961b31]{width:18px;height:18px}.learner .gate section .right-area .login-wrap .comp .deco[data-v-53961b31]{width:calc(100% + 100px);margin:0 -50px;display:block}.learner .gate section .right-area .login-wrap .comp .deco-img[data-v-53961b31]{background:url(./bg_comp_deco.BvjlD-RF.png) 50%/cover no-repeat;padding-top:78.4%}.learner .gate section .right-area .login-wrap .comp .deco+.btn-wrap[data-v-53961b31]{margin-top:0}.learner .gate section .right-area .login-wrap.join[data-v-53961b31]{flex-direction:column;height:100%;display:flex}.learner .gate section .right-area .login-wrap.join .form-control[data-v-53961b31]{flex:1;max-height:100%}.learner .gate section .right-area .btn-wrap>a[data-v-53961b31],.learner .gate section .right-area .btn-wrap>button[data-v-53961b31]{flex:none;width:100%}}@media screen and (width<=500px){.learner .gate[data-v-53961b31]{width:100%;height:100%;position:relative}.learner .gate[data-v-53961b31]:after{content:"";background:url(./bg_login.bBsE5dhd.png) 50%/contain no-repeat;width:100%;height:100%;position:absolute;top:10px;left:0}}