body,html{color:#333;font-family:Elice DX Neolli;font-weight:400;height:100%;letter-spacing:-.4px;line-height:1}body .learner{font-family:Elice DX Neolli,sans-serif;font-size:var(--font-base)}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}:focus{outline:0}li,ol,ul{list-style:none}canvas,img,picture,svg,video{display:block;max-width:100%}a{color:inherit;cursor:pointer;text-decoration:none}a:active,a:focus,a:focus-visible,a:hover{outline:0}button,input,select,textarea{background:none;color:inherit;font:inherit}table{border-collapse:collapse;border-spacing:0;width:100%}table caption{border:0;height:1px;margin:0;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}:root{--font-adm-xxxl:26px;--font-adm-xxl:22px;--font-adm-xl:20px;--font-adm-lg:18px;--font-adm-base:16px;--font-adm-sm:14px;--font-adm-xs:12px;--font-xxl:22px;--font-xl:20px;--font-lg:18px;--font-base:16px;--font-sm:14px;--font-xs:12px;--colorMain:#00866b;--colorMainDark:#006f55;--colorMainLight:#bfebd3;--colorMainMedium:#e3f8ee;--colorMainClear:#f3fdf9;--colorSub:#57b12e;--colorSubLight:#d9f2c0;--colorSubMedium:#ecf9df;--colorSubClear:#f6fdf0;--colorPoint1:#ffce00;--colorPoint2:#fa5353;--colorPoint3:#0047ab;--colorPoint4:#fffcf0;--colorPoint5:#fef3ff;--colorPoint6:#f0f5ff;--colorPoint7:#24b15a;--colorPoint8:#1c8cff;--gradPoint1:linear-gradient(90deg,#24b15a,#1c8cff);--gradPoint2:linear-gradient(90deg,#1ba636,#1ab190);--colorCell1:#e7f8dd;--colorCell2:#daf0ff;--colorCell3:#f6e8ff;--colorCell4:#ffebe4;--colorCell5:#fff5cf;--colorCell6:#edebff;--colorCell7:#d6f6f1;--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:#555;--colorText3:#666;--colorText4:#777;--colorText5:#88888833;--colorText6:#999;--colorBorder1:#c2c2c2;--colorBorder2:#d7d7d7;--colorBorder3:#ddd;--colorBorder4:#eaeaea;--colorBg1:#e7e7e7;--colorBg2:#efefef;--colorBg3:#f1f1f1;--colorBg4:#f3f3f3;--colorBg5:#f6f6f6;--colorBg6:#f9f9f9;--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}@media only screen and (max-width:1024px){:root{--font-xxl:18px;--font-xl:18px;--font-lg:16px;--font-base:13px;--font-sm:12px;--font-xs:11px}}@keyframes moveBtnList{0%{transform:translate(0)}to{transform:translate(-10px)}}@keyframes moveBtnDown{0%{top:0}to{top:-5px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(100%)}}.slideToLeft-enter-active,.slideToLeft-leave-active{transition:transform .3s ease-in}.slideToLeft-enter-to,.slideToLeft-leave-from{overflow:hidden;transform:translate(0)}.slideToLeft-enter-from,.slideToLeft-leave-to{overflow:hidden;transform:translate(-100%)}.slideToRight-enter-active{transition:transform .3s ease-in}.slideToRight-leave-active{transition:transform .2s cubic-bezier(0,1,.5,1)}.slideToRight-enter-to,.slideToRight-leave-from{overflow:hidden;transform:translate(0)}.slideToRight-enter-from,.slideToRight-leave-to{overflow:hidden;transform:translate(100%)}.slide-enter-active{transition:max-height .3s ease-in}.slide-leave-active{transition:max-height .1s cubic-bezier(0,1,.5,1)}.slide-enter-to,.slide-leave-from{max-height:1000px;overflow:hidden}.slide-enter-from,.slide-leave-to{max-height:0;overflow:hidden}.fade-enter-from,.fade-leave-to{opacity:.1}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active{transition:opacity .3s ease-out}.slide-fade-enter-from{opacity:0;transform:translateY(-15%)}.slide-fade-enter-to,.slide-fade-leave-from{opacity:1;transform:translateY(0)}.slide-fade-leave-to{opacity:0;transform:translateY(-15%)}.slide-fade-enter-active{transition:transform .25s cubic-bezier(1,.5,.8,1)}.slide-fade-leave-active{transition:all .2s ease-out}.slide-fade-x-enter-from{opacity:0;transform:translate(-20%)}.slide-fade-x-enter-to{opacity:.6;transform:translate(0)}.slide-fade-x-leave-from,.slide-fade-x-leave-to{opacity:0}.slide-fade-x-enter-active{transition:transform .3s cubic-bezier(1,.5,.8,1)}.slide-left-enter-from,.slide-left-leave-to{transform:translate(100%)}.slide-left-enter-to,.slide-left-leave-from{transform:translate(0)}.slide-left-enter-active,.slide-left-leave-active{transition:transform .2s cubic-bezier(1,.5,.8,1)}.learner{height:100%}.learner.opened-chat .wrapper{width:calc(100% - 450px)}.learner.opened-chat .wrapper .page-top-btn{margin-left:450px}.learner .wrapper{height:100%;transition:all .2s ease;width:100%}.learner .wrapper .container{margin:0 auto;max-width:1300px;width:100%}.learner .wrapper:has(.test) .page-top-btn{bottom:342px}.learner header{position:relative}.learner header .sub-menu-bg{background-color:#fff;border-top:1px solid #eaeaea;height:65px;left:0;position:absolute;top:100%;width:100%}.learner header.only-mob{display:none}.learner header:before{background-image:url(./main_bg.CfWnHI3T.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:710px;left:0;position:absolute;top:0;width:100%;z-index:-1}.learner header .info{background-color:#fff;height:100px;position:relative}.learner header .info .container{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative}.learner header .info .container .logo{display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding-bottom:17px}.learner header .info .container .btn-wrap:has(.btn-back){display:none}.learner header .info .container .nuxt-icon path[fill="#7B57DF"]{fill:#7b57df}.learner header .info .logo-menu{align-items:center;display:flex;gap:30px;height:100%}.learner header .info .logo-menu .logo{display:block;height:40px;width:250px}.learner header .info .logo-menu .logo-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.learner header .info .logo-menu .menu{height:100%;position:relative}.learner header .info .logo-menu .menu-inner{align-items:center;bottom:0;display:flex;gap:50px;height:40px;left:0;margin:0;position:absolute;width:-moz-max-content;width:max-content}.learner header .info .logo-menu .menu-inner-item{height:100%;overflow:hidden;overflow-y:auto;position:relative}.learner header .info .logo-menu .menu-inner-item>a{font-weight:500}.learner header .info .logo-menu .menu-inner-item>a.active:before{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.learner header .info .responsive-menu{align-items:center;display:flex;justify-content:space-between;width:100%}.learner header .info .responsive-menu .default-item{align-items:center;cursor:pointer;display:flex;font-size:20px;gap:15px;height:24px}.learner header .info .responsive-menu .default-item .nuxt-icon{margin-bottom:0}.learner header .info .responsive-menu .hamburger-btn{align-items:center;display:flex;font-size:20px;height:24px;justify-content:center;margin-left:20px;width:24px}.learner header .info .responsive-menu .hamburger-btn .nuxt-icon{margin-bottom:0}.learner header .info .button{align-items:center;display:inline-flex;font-size:24px;margin-left:auto}.learner header .info .button-item{cursor:pointer;height:24px;margin-left:24px}.learner header .info .button-item.hamburger{display:none}.learner header .info .button-item.my-home{height:100%;max-width:200px}.learner header .info .button-item.my-home .button-item-link{align-items:center;background-position:50%;background-repeat:no-repeat;border-radius:100px;color:#fff;display:flex;font-size:var(--font-sm);font-weight:700;gap:10px;overflow:hidden;padding:8px 20px;position:relative}.learner header .info .button-item.my-home .button-item-link .play-icon{align-items:center;background:var(--colorUniverse);background-size:100% 100%;clip-path:path("M 0.72 4 L 7.92 0.8 A 2.88,2.4 0,0,1 10.8 0.8 L 16.56 4 A 2.16,2.4 0,0,1 18 6.4 L 18 14.4 A 2.16,2.4 0,0,1 16.56 16 L 10.8 19.2 A 2.88,2.4 0,0,1 7.2 19.2 L 0.72 16 A 2.88,3.2 0,0,1 0 14.4 L 0 6.4 A 2.88,3.2 0,0,1 0.72 4 Z");display:flex;height:20px;justify-content:center;position:relative;width:18px;z-index:1}.learner header .info .button-item.my-home .button-item-link .play-icon .nuxt-icon{font-size:10px;margin-bottom:0;margin-left:1.2px}.learner header .info .button-item.my-home .button-item-link .play-icon .nuxt-icon>path{fill:#fff}.learner header .info .button-item.my-home .button-item-link:after{background-color:transparent;box-shadow:0 0 10px #fff;content:"";display:block;height:12px;left:23px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:12px}.learner header .info .button-item:first-child{margin-left:0}.learner header .info .button-item.alarm{position:relative}.learner header .info .button-item.alarm .button-item-link{align-items:center;background:var(--colorAlarm);border-radius:100px;display:flex;gap:10px;padding-right:10px;position:relative;z-index:0}.learner header .info .button-item.alarm .button-item-link .nuxt-icon{margin-bottom:0}.learner header .info .button-item.alarm .button-item-link .count{font-size:14px;font-weight:700}.learner header .info .button-item.alarm .point{background:var(--colorMain);border-radius:50%;display:block;height:8px;position:absolute;right:-1px;top:3px;width:8px}.learner header .info .button-item.alarm .tooltip{cursor:auto;left:50%;position:absolute;top:36px;transform:translate(-50%);z-index:51}.learner header .info .button-item.alarm .tooltip-wrap{background:#fff;border-radius:20px;box-shadow:0 2px 10px #0000001a;padding:30px;width:474px}.learner header .info .button-item.alarm .tooltip-wrap .title{align-items:flex-end;display:flex;margin-bottom:20px}.learner header .info .button-item.alarm .tooltip-wrap .title .txt{font-size:var(--font-xl)}.learner header .info .button-item.alarm .tooltip-wrap .title .num{font-size:var(--font-base);font-weight:700;margin-left:6px}.learner header .info .button-item.alarm .tooltip-wrap .title .num .main-color{color:var(--colorMain)}.learner header .info .button-item.alarm .tooltip-wrap .title .btn-setting-wrap{align-items:center;display:flex;margin-left:auto}.learner header .info .button-item.alarm .tooltip-wrap .title .btn-all-read{align-self:center;font-size:var(--font-sm)}.learner header .info .button-item.alarm .tooltip-wrap .title .btn-all-read:disabled,.learner header .info .button-item.alarm .tooltip-wrap .title .btn-all-read:disabled:hover{color:var(--colorText5)}.learner header .info .button-item.alarm .tooltip-wrap .title .btn-all-read:hover{color:var(--colorMain)}.learner header .info .button-item.alarm .tooltip-wrap .title .btn-setting{margin-left:10px}.learner header .info .button-item.alarm .tooltip-wrap .title .btn-setting:hover i{color:var(--colorMain)}.learner header .info .button-item.alarm .tooltip-wrap .cont{margin:16px -25px 0;max-height:387px;overflow:hidden;overflow-y:auto;padding:0 25px}.learner header .info .button-item.alarm .tooltip-wrap .cont-list{border-bottom:1px solid #f1f1f1;padding:12px 0 14px}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .title-area{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:5px}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .title-area.is-active .label{border:1px solid var(--colorMain);color:var(--colorMain)}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .title-area.is-active .txt{color:var(--colorText1)}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .title-area .label{border:1px solid var(--colorText5);border-radius:10px;color:var(--colorText5);display:inline-block;font-size:var(--font-xs);height:20px;line-height:18px;min-width:44px;text-align:center}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .title-area .txt{color:var(--colorText5);font-size:var(--font-base);font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .title-area .txt:hover{text-decoration:underline;text-underline-offset:2px}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .title-area .btn-close{margin:-4px 0 0 auto}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .title-area .btn-close .fi-xmark{font-size:10px}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .desc{color:var(--colorText4);font-size:var(--font-sm);line-height:1.2;margin-bottom:14px;overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.learner header .info .button-item.alarm .tooltip-wrap .cont-list .date{color:var(--colorText4);font-size:var(--font-sm)}.learner header .info .button-item.alarm .tooltip-wrap .no-data{border:1px solid #e7e7e7;border-radius:20px;gap:14px;margin-top:30px;min-height:268px}.learner header .info .button-item.alarm .tooltip-wrap .no-data .nuxt-icon{color:var(--colorText6);font-size:26px}.learner header .info .button-item.alarm .tooltip-wrap .no-data .txt{font-size:var(--font-base);font-weight:500}.learner header .info .button-item.alarm .tooltip-wrap .info-area{align-items:center;color:var(--colorText5);display:flex;margin-top:16px}.learner header .info .button-item.alarm .tooltip-wrap .info-area .fi-circle-i{font-size:15px}.learner header .info .button-item.alarm .tooltip-wrap .info-area .txt{color:var(--colorText5);font-size:var(--font-sm);margin-left:8px}.learner header .info .button-item.alarm .tooltip-wrap .custom-list{position:relative}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .custom-list-item{width:-moz-max-content!important;width:max-content!important}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .custom-list-item .custom-item{display:inline-block;width:100%}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .custom-list-item .custom-item-btn{align-items:center;border:1px solid var(--colorBorder2);border-radius:18px;color:var(--colorText1);display:flex;font-size:var(--font-base);font-weight:500;height:100%;justify-content:center;padding:10px 20px;transition:all .2s ease}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .custom-list-item .custom-item-btn.is-active{background:var(--colorUniverse);color:#fff}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .custom-list-item .custom-item input{height:0;opacity:0;width:0}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .custom-list-item .custom-item input+label{align-items:center;border:1px solid var(--colorBorder2);border-radius:18px;cursor:pointer;display:flex;height:100%;margin:-18px 0 0}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .custom-list-item .custom-item input+label .custom-item-txt{align-items:center;border-radius:18px;color:var(--colorText1);display:flex;font-size:var(--font-sm);height:100%;justify-content:center;transition:all .2s ease;width:100%}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .custom-list-item .custom-item input:checked+label{border:1px solid transparent}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .custom-list-item .custom-item input:checked+label .custom-item-txt{background:var(--colorMain);color:#fff}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .alarm-btn{align-items:center;background:#fffc;border-radius:50%;box-shadow:0 0 7px #0000001a;display:inline-flex;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px;z-index:10}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .alarm-btn>i{font-size:13px}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .alarm-btn.btn-prev{left:-16px}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .alarm-btn.btn-prev i{padding-right:1px}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .alarm-btn.btn-next{right:-16px}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .alarm-btn.btn-next i{padding-left:4px}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .alarm-btn:hover{background:var(--colorPointClear)}.learner header .info .button-item.alarm .tooltip-wrap .custom-list .swiper-button-disabled{display:none}.learner header .info .button-item.alarm .tooltip-wrap .btn-wrap{margin-top:30px}.learner header .info .button-item.alarm .tooltip-wrap .btn-wrap .btn-group{margin:0}.learner header .info .button-item.alarm .tooltip-wrap .btn-wrap .btn-group .btn-alarm-all{font-size:var(--font-sm)}.learner header .info .button-item.alarm .tooltip-wrap .btn-wrap .btn-group .btn-alarm-all:hover{text-decoration:underline;text-underline-offset:3px}.learner header .info .button+.gate{margin-left:24px}.learner header .info .gate{align-items:center;display:inline-flex;gap:12px;margin-top:auto;padding-bottom:24px}.learner header .info .gate-list{float:left;font-size:var(--font-base);transition:all .2s ease}.learner header .info .gate-list:hover{color:var(--colorMain)}.learner header .info .gate-list:last-child{margin:0}.learner header .info .gate .hamburger-mob-btn{display:none}.learner header .info .gate>button svg{height:21.6px;padding-top:3px;width:21.6px}.learner header .info .user{align-items:center;display:inline-flex;margin-left:30px}.learner header .info .user-info{font-size:var(--font-sm);font-weight:500}.learner header .info .user-thumb{height:42px;margin-left:10px;width:42px}.learner header .info .user-thumb-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(0,0,0,.1);border-radius:50%;display:block;height:100%;width:100%}.learner header .info .user-thumb-img.default{background:#fff;color:#b2b2b2;font-size:var(--font-xl);line-height:42px;text-align:center}.learner header .info .user-thumb-img.default .fi-user-fill{opacity:.3}.learner header .gnb{margin-bottom:-1px;margin-top:auto}.learner header .gnb .container{align-items:center;display:flex;height:65px}.learner header .gnb .menu{display:inline-flex;font-size:18px;gap:60px;margin-left:20px}.learner header .gnb .menu-item{position:relative}.learner header .gnb .menu-item>a{display:block;font-weight:500;padding-bottom:30px;position:relative;transition:all .2s ease}.learner header .gnb .menu-item>a.active,.learner header .gnb .menu-item>a.router-link-active,.learner header .gnb .menu-item>a:hover{font-weight:700}.learner header .gnb .menu-item>a.active:after,.learner header .gnb .menu-item>a.router-link-active:after,.learner header .gnb .menu-item>a:hover:after{width:calc(100% + 18px)}.learner header .gnb .menu-item>a.active .sub-menu,.learner header .gnb .menu-item>a.router-link-active .sub-menu,.learner header .gnb .menu-item>a:hover .sub-menu{display:block}.learner header .gnb .menu-item>a:after{background:#333;bottom:0;content:"";display:block;height:3px;left:50%;position:absolute;transform:translate(-50%);transition:all .2s ease;width:0}.learner header .gnb .menu-item .sub-menu{display:flex;gap:42px;height:65px;left:0;position:absolute;top:100%;width:-moz-max-content;width:max-content;z-index:1}.learner header .gnb .menu-item .sub-menu.pos-1{left:50%;transform:translate(-29%)}.learner header .gnb .menu-item .sub-menu.pos-2{left:50%;transform:translate(-45%)}.learner header .gnb .menu-item .sub-menu.pos-3{left:50%;transform:translate(-60%)}.learner header .gnb .menu-item .sub-menu.pos-4{left:50%;transform:translate(-38%)}.learner header .gnb .menu-item .sub-menu.pos-5{left:50%;transform:translate(-40%)}.learner header .gnb .menu-item .sub-menu-item{height:100%;padding:24px 0 28px}.learner header .gnb .menu-item .sub-menu-item a{color:#666;display:block;font-weight:500;line-height:13px}.learner header .gnb .menu-item .sub-menu-item a:hover{color:var(--colorMain);font-weight:600}.learner header .gnb .my-home{align-items:center;background:var(--colorMain);border-radius:18px;color:#fff;display:inline-flex;font-size:var(--font-base);margin-left:auto;padding:10px 20px;transition:all .2s ease}.learner header .gnb .my-home i{font-size:15px;margin-right:8px}.learner header .gnb .my-home span{display:block;font-weight:600;margin-top:-2px}.learner header .gnb .my-home:hover{background:var(--colorMainDark)}.learner .mobile-nav{background:#fff;display:flex;flex-direction:column;inset:0;position:fixed;z-index:100}.learner .mobile-nav .top{align-items:center;border-bottom:1px solid var(--colorBorder4);display:flex;height:60px;justify-content:space-between;min-height:60px;padding:0 20px}.learner .mobile-nav .top.is-login{gap:20px;justify-content:flex-start}.learner .mobile-nav .top.is-login .close-btn{margin-left:auto}.learner .mobile-nav .top .login-box{align-items:center;display:flex;gap:20px}.learner .mobile-nav .top .login-box>button{align-items:center;display:flex;gap:5px}.learner .mobile-nav .top .login-box>button svg{margin-bottom:0}.learner .mobile-nav .top .login-box>button span{display:inline-block;font-weight:500}.learner .mobile-nav .top .login-box .login-btn svg{height:13.7px;width:11.4px}.learner .mobile-nav .top .login-box .register-btn svg{height:11.2px;margin-top:2px;width:11.2px}.learner .mobile-nav .top .close-btn svg{height:13.3px;margin-bottom:0;width:13.3px}.learner .mobile-nav .scroll-area{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.learner .mobile-nav .scroll-area::-webkit-scrollbar{display:none}.learner .mobile-nav .scroll-area .menu{padding-top:20px}.learner .mobile-nav .scroll-area .menu-item{border-bottom:1px solid var(--colorBg1);min-height:36px;padding:10px 0 0}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:0 20px}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1 .label{align-items:center;display:flex;gap:6px}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1 .label>p{font-size:var(--font-adm-sm);font-weight:500}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1 .label svg{margin-bottom:0}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1 .label .about{height:15.2px;width:15.2px}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1 .label .book{height:14.1px;width:15.6px}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1 .label .school{height:17.1px;width:16px}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1 .label .work{height:16.1px;width:16.1px}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1 .label .memo{height:17.1px;width:17.1px}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1 .label .chat{height:15.9px;width:16.5px}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1>button{height:100%}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1>button svg{height:5.7px;width:9.5px}.learner .mobile-nav .scroll-area .menu-item .menu-depth-1.is-active,.learner .mobile-nav .scroll-area .menu-item .menu-depth-1:hover{color:var(--colorMain)}.learner .mobile-nav .scroll-area .menu-item .sub-menu{margin-top:10px}.learner .mobile-nav .scroll-area .menu-item .sub-menu-item{background-color:var(--colorBg6);border-top:1px solid var(--colorBg1);color:var(--colorText4);font-weight:500;min-height:37px;padding:10px 20px 10px 46px}.learner .mobile-nav .scroll-area .menu-item .sub-menu-item:hover{background-color:var(--colorSub);color:#fff}.learner .mobile-nav .scroll-area .frequently-menu{margin:30px 0;padding:0 20px}.learner .mobile-nav .scroll-area .frequently-menu .list{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.learner .mobile-nav .scroll-area .frequently-menu .list-item{background-color:var(--colorBg5);border-radius:10px;height:67px}.learner .mobile-nav .scroll-area .frequently-menu .list-item.is-active,.learner .mobile-nav .scroll-area .frequently-menu .list-item:hover{background-color:var(--colorSubLight)}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label{height:100%;width:100%}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label .icon{display:block;height:20px;position:relative;width:100%}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label .icon:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label .icon.info:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAyCAYAAAD845PIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUhSURBVHgB7VpPTCNVGP/ajixFE5slJpKAjonLQRPbBUzYg0l73HhZE/Ami1c9bHsla2gj93YPJuutcjERk909cKVsPCxRQDBxD2jCRDEYDQajtOyW0v193ZlJW96bP52ZLsvuL2mm7/W94fu97/8MIeoCRkdHS7gknayt1+uZ9fX1AnlAmAJGIpFQySEhRigUipNHKNRd3IYmNkU/gMw1XGLkA7pKCoTuwLSKot9golfJJ1KBm9+TwJkk1VXzg9/kR0ZGZiU/q+QTuh0oYiBm6Tfwu3/JI05N9DNwfHxcJI84NdHPTwQaKJB4Y5FIJGuMYXqzejIOFCEKAEwmHA5fA4k0iXNPsVar5TY2NjQKABHyGYhu0yD0NQhdwbBXny5ifAfXhD6XwJr0wMAA7e7u3iWf4ZumxsbGkvAZDtfJpullkMmtrq4u84BNTzfHq01rNHyya2trX5FP8ExKJCjIaSCTgaC3ZXugqVtYk2ia1mCSKT9MsmNSIr8BmX3M3Tg6OipAuH27e7Cp4jKLe6hN0579rSNSLAxHMmqtAliYjBMy7YDpZnEgLVU6xlmE/xx1ANekQCiva8dAi9+IMD4+rkJ7qtUaib8tw4RT5BKuSRldrJ3f6Gv59LPUpAHsKYBcRrZH97eSYZK4v2sZO06++KOaFSG9cOW2vCVP4TDS+sEIofuSp0gYSEXBpw3SWf5+/NIrVHnvUzq4nKXqa+8aS5J6UxgIGrUf27zTDdVq1XYNzOeK8f3gcq5BjFE7r5Ky8AmFHpZ5+AE50Igb2Q4PD/c5UCk4sW0I6nijQ5gmZxBi1HtepKNX36YXfvuBhy87uRFk2yaHQKDRYCUX2fxU8h9mWFf+/NmcDD08oMg/mjH03DcJoCqKkjBbj3g83vjYYXFxkfb29izXcE+EU+NAEYt+9wU9eOv9hpbO3V+k8P9/G8tukQNMTU3ZrtnZ2aGlpSVzbJIaHByk8UuXbG+wsrJiS4rtGtEvx+07k4h+X2xfcsNpredEpq2trRZSgfVT/JQV4ftjfDaMOS6j9NyWpgARaOerd7lFrhN7e3tj0LJGXYCUVLlcpp82N4XzbqHXg65rQsbKvXsn5i4MD1N/f790j5RUIZ9vOKAX6JU85yyVxzC9bRS9d91U4PPz8yfmotEozc3NUbSvT7hHSqpPssEJrNp5REWuCT21F1Eb2aSk0pmMMMp9efOmpQaZEHJFCUHBbADrPY+F0CsJxjTIJbHWtin8HBppB2vKiphloBDZrZ0GIWzBIMTVw4OLk40rg8P7uR+/oZ5fl3nIrUaJKwCrHszKd2TwNaTzcwrS+6HqhWSjiDUIMYzilonq4DbD9/Au1RQns01B9PvDwvSgoWm+svCHiQ+l6/i3yO79Rgmlv5fKytbmEbDaMTQ0RBMTE7ItclIlkLKrHNoBUnEIiWr8jZZCVoTqm0mjLoxxqyLzrV9QLYjmUqmU1DSlpCYmJxvE2vE7NFWR5Crj4X/t/Otkh5oNaQPDyEnteAc1akd5Slbgcv7aEpxeUOAo7BbP3ks3tz4VBEQycJ7q6yRPcZIVRb9u47Pr10/MsT/NzMxIE7DU/CqVCp1WlG1kk2rqI3ScItV/u7DgudB1A1Gg4Ia2ozKJVdxJmeQ3RCHdDs//j+JpgWl+7HxuQjhKolj7g0bjQSe3GOH//rLcz4/LTCEURcW9mu9j9mBOZGoPaiE0bHU6Q0Cplgrz2ws6Q8ArI03Bg8cUepoknQGAh8bV/iNmCyJf73AUeAAAAABJRU5ErkJggg==);height:18px;width:19.1px}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label .icon.work:before{background-image:url(data:image/png;base64,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);height:18px;width:22.5px}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label .icon.register:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAsCAYAAAATmipGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMdSURBVHgB7VlLaxNRFD55KCkRmgi2UChO604sGZMs3DlQly4CutCVFbJP/QWJi27c2P4CKy5c2ui6JhsFIZGKors6bsRKoUEMCQYTv3PzcJS5MxPn0Vj6wc08zpnMl/O6596EyAKZTGYTh1t0+CiHbRQu02RgOupEaym+QDdmlyloPD94TdsYDEdEz5xM0tKpRQoa75ofR+d2rp8YHBP1GlGUoEqv11MkcnH/1bf3lP9wj/xCPDJFhflrtDg1J9XhZNJCoZDlFzV/tsXwDZ0GPd1/Savz16UqxqzfwmhQ8MhhJOyURkRh1Y1arValgIHQ08gB0f8nmZwoZbNZDQnHLkpRPzy26vX6QwoQthZNp9NFkKzgtIChUT+mNuGyBxQgLImC5Apit8Tn8XBMzPkzJ5JD8QrkJQoIlq4HSdHiMbm1c3maxZzPZWpNfyTmYcjZyiUKAHauV/jj0vR5QZIRj8ToyunMUJ5QVVWhAOAo63dbn/+4/vLjwHgZSO21JIokEpnNbn68t01vv++K47P9F0P5DhAIUWmMwqUJxGBqeM0E/wbkwvUgq5PPkFo0EomsU78UiYyXQIFehX8U+QxTi3JZosGibjmZpvzcVWR7i/YQm5xM3OWwhQdWVsLh8Cr5nP2mFjWWJSbJ5GYGy5FhK3YTa6gLqKsD/QL5DFmMqvzR7LZEzZTha2eURxyrKmcW+QQZURFzXNyNCyzLL4pGfY1TU6Jw5R2UnhQ5BPQ/+d0imhLFS9dpwnC0+lEroN3LIUxUp/rdbreKnKvSmHBFlDMdhyd2i0MjMEEU8Vhy3KnXret1WFOn8VD9l/7AlUX5hbDOxVgsZlqa2u12w6umxa3rxVzf6XQUMzlkOv8QL8i6dT0TUCzkLPNkIvDC9QtoSjQzOe7rTltAs22jZvf37ozr8gT33ieJ1ZBoXL6Khls6ltm3zXTtto28KE+5MZ/ZMGteuHqgzFUlj5Xdun4HmxN38ZKzTvRB5I2sw2KSMmszXLsefUGJAsDxjrPXMLq+iAw9jD+/HNXZEVEkhEYTDCbKO82+L3cdoGwl/AXNzRAGhX3BMwAAAABJRU5ErkJggg==);height:17.1px;width:16.3px}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label .icon.job:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAApCAYAAABDV7v1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANqSURBVHgB7VnPTxNBFH7bFmLwYAmGCKlJexGOBY6YAE30qvwFwF2CnjxSjp6Ev4By8qgk1AsJ9IA3aHsTjbKNSCCEhvUXEBDwe8NOs5Rud2e7kZL0SyYzO5353rfz4+28qUY1IB6Ph4PB4AiKT/kRKVzWxEDKI6XW1tbmqAZo5BF9fX0sbpauirNDAekFBL8jD/AktLe3d1LTtKR8Pj8/L+B5HrlxiVzToqgb4NzSNpnNZqdIEcpCIXIUhmelwEAgMLa6uppx6oNs0iJ4WHVklYRiTUaxJpdR5JEqnJ2dDeXz+YJC3xxdLBXj9PQ0hr4GuUSAFIDRG2WRZnnMrUgGt8WIDpuPYfR/TgpQEgo8MfOM03RXgtmHE6/fAYWupLGLCYVCcaeGmGqesremkWlk8+QB4JmgC3fGPENu+vALanAzOpnTWcfI8NRHqf4RDclS7F4/xToeUj1B314hfeeDKJeE3r51l9rD3VRP2N1fL5VVd/21oSHUbzSE+o0bIzTkptHJ3wPagE8zfm/ChXVRe2u3cGde4JWrJHTX+ER/jvaudOK6pdwrkTP0nRXRJtHzUlmsChf70H28jESws7MzKUk+f1+krb0cBQNN1NzUQs2hFkH862BbNG5ra6PDw0MxKjwiql8yJy6hYXORsl/e0Mdv70ttAaMkVOLo+IcQy6J5lIs/v4r6RCJBz8bHBbmu64K06/5j8VJuwIJyEGDHxbb4911jXWgog2HdTHM4go0h5WUFd5KIRCKXcsYxjLuFtW0lLqstujiz8sF6RlaUhHJogaArhdTDYQLOilNcRz7hxPmlMmwTtlsRTw0hzViDxYq73gwxkjhUpxDn6HbMvOb4IBPr6Lc90PCm2NrL0oZ5CrIDBFYNbVy5Jzvw2uKdK3cvi30QeSRGT4o7UVge1aAs9AAbwAK+/RgpF10OnkJMa4bMEMSGq2pEWvXLZE6FIEin05ReWKDlpSVpvIB1NMprijchmUGbVRzX8W8Iq2NoO1yNyyl0dhxRkExhNF4Xi0VhQELelJgGUpw4dkcYPIjf7kDcXLlxJ66ahMILTOOmgw1OgDDO7ouj0EqXXuYMpPzgUhZqGkhVE6ACr1yNY57faAj1Gw2hfuPmxUx8XwlnnKQ6gvUO1erw+dM3SHUKnvqa/v/5T5j/BxNU/hiyRoqLAAAAAElFTkSuQmCC);height:17.1px;width:17.5px}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label .icon.question:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAtCAYAAAAHiIP8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARxSURBVHgB7VnPbxNHFH7+BRRayRyK5CpIm4svrZRNnEi50dxbNTn2EjsXyq2OwpEK9y9ocqPtoc5/gAT3OFKlRs2PulJ74cIiSiL1UkspIOLY5vuGGbNe/GO9TpYN4pMmOzvPu/u+ee/NezOJyQiwbTsdj8e/RbcQi8UsOX3U0Kpo5d3d3XUzmJCAAAErkUj8BuXn0dISDi6gWWjzmUxGDg4ONjkYkwDQBDb0CyX3cUJyV5Jy2jist2TzSV32n7bUfavVWt7b21sNRGJqaoru8wv71z89L9c/Oy9hYf9pU27++kwe1Jq8rTUajfG4BAAI5HmlBcIkQHxyKS4rkxfMbTqZTF4LREK0G2U+DPr4aMhefh3KzWbz8tvRYkR8lOqMgjNJwov3JKKC9ySigq5pdnZ21ur3UL1eV9f/j1pyoLPnsMhcCpRnu6JNQpcSzMI2lPRVC1WeHKMdSlDkriTkS+ucfDGeklGgSORyOWbgVbSwCjmF3X8baM9l/1lTlS9BkaQFpJPAGgqrqpw+LLQ8S/if/nqhEtjX2XMSBEm4UEk0ARRTk1VAQgImsIz9yIYhEpQEV6drul8OkwCBzzkgsMw+y+wHtYYEAUlY7MCFHslbAKzfnrjDo2Ar3ZnME9xTuHEmSdx36u0+SvHq6e8pTxCMm/sP68JFgEAIOIzjgST0VlQFP/x3zR385rQDchu3jyBfZbD6lffDvYdH8vPfLzpJHL0iognUYIU59pMDCPwABYrmHstxAYlxAccld9XDyeQGXma75HkozmXa8R4maPlXWl6TAaDL7PcoaWgBEFgwE9IzJqiEIfDBxYuqERi7zSvIzBsCY2Nj5rE0FFVyWKBoCLjkFsYLvb55z+XrboVxKbOh/z2+P4cTjnG3R/QkgVm2TH9xcVEmJibMS219bcu/uXFDstlsW1EtVwl07OpVKS4vtydBXJbxgv5e+v15xxiUdmD5JTYoX9rZ2am8oWuvFx4fH1cxqzR7+sc7d9yiCv9gRqtQVA18d+uWW+7oj3Om8v88fiw3V1bcSv0hfUAiw6KnJei3NJ97jKZFcC6xzxmBQt3kagw+W+5Sg627jx+9ML8nERaHI5MgeLrGwyl0i/jAEhSbdK8uIFKij5KsV85JwPOT6C4YXwaBQl9l4nGWIOsyJAYusVqptV5y7aOVXnK9kt0VnyBRLBrs5v0+E8mMrS1mLPLnoN9HtuwgkVQqNY5rcdBvScIknlB3dQbupdyLra0tR3yAJNSKwENilgkSMhD0BdPnsi4BQBImaFnnbMzMzNgSAjhhLGvkdQCX/ZQj3aDOTbAalKX/auDorWv7Iyd5uKBroTm/xaEXKrAZRN7E5YElLmU1gbKcTBxVRiFAdJxg6crTNvWR/meishCTHj8EF7iN8RLHdHE2dHLS7/4P7ru5vb098r6+7zHc9PT051CU5bQigY/m3QRGncGTgu+dHQjQAgX2o0SA8J3sokqAGCpjR5EA4ZtEVAkQfWOCGRSx4LAfVQLvDF4CSOFC1Qq+M7AAAAAASUVORK5CYII=);height:17.1px;width:18.8px}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label .icon.location:before{background-image:url(data:image/png;base64,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);height:17.1px;width:16.1px}.learner .mobile-nav .scroll-area .frequently-menu .list-item .label .icon+p{font-size:var(--font-adm-xs);font-weight:500;margin-top:4px;white-space:pre-line}.learner .mobile-nav .scroll-area .frequently-menu .mcms{margin-top:12px}.learner .mobile-nav .scroll-area .frequently-menu .mcms>button{align-items:center;border:1px solid var(--colorBorder2);border-radius:6px;display:flex;height:36px;justify-content:space-between;padding:0 20px;width:100%}.learner .mobile-nav .scroll-area .frequently-menu .mcms>button>svg{height:9.5px;margin-bottom:0;width:5.7px}.learner .mobile-nav .scroll-area .frequently-menu .mcms>button .label-inner{align-items:center;display:flex;gap:4px}.learner .mobile-nav .scroll-area .frequently-menu .mcms>button .label-inner .icon{display:block;height:16.7px;margin-top:2px;position:relative;width:16px}.learner .mobile-nav .scroll-area .frequently-menu .mcms>button .label-inner .icon:before{background-image:url(data:image/png;base64,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);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.learner .mobile-nav .scroll-area .frequently-menu .mcms>button .label-inner .icon+p{font-size:var(--font-adm-xs);font-weight:500}.learner .mobile-nav .gnb{flex:1;margin-bottom:24px;padding:0 24px}.learner .mobile-nav .gnb-item a{align-items:center;display:flex;height:42px;justify-content:space-between}.learner .mobile-nav .gnb-item a:hover,.learner .mobile-nav .gnb-item a:hover>i{color:var(--colorMain)}.learner .mobile-nav .gnb-item a .title{align-items:center;display:flex;font-size:15px;gap:10px}.learner .mobile-nav .gnb-item a .title .icon{font-size:20px;padding-top:2px}.learner .mobile-nav .gnb-item a .title .txt{font-weight:700}.learner .mobile-nav .gnb-item a>i{color:#d7d7d7;font-size:13px}.learner .mobile-nav footer{display:block;height:248px;max-height:unset}.learner .mobile-nav footer .footer-top-bg{height:44px}.learner .mobile-nav footer .footer-top-bg .container .footer-contents{display:block;padding:8px 20px}.learner .mobile-nav footer .footer-top-bg .container .footer-contents .tel svg{height:12px;width:12.4px}.learner .mobile-nav footer .footer-top-bg .container .footer-contents .tel>p{font-size:var(--font-adm-xs);margin-left:3px}.learner .mobile-nav footer .footer-top-bg .container .footer-contents .time>p{font-size:var(--font-adm-xs)}.learner .mobile-nav footer .container{height:191px}.learner .mobile-nav footer .container .footer-contents{display:block;padding-bottom:0}.learner .mobile-nav footer .container .footer-contents .info{padding:20px}.learner .mobile-nav footer .container .footer-contents .info-menu{align-items:flex-start;flex-direction:column;gap:10px}.learner .mobile-nav footer .container .footer-contents .info-menu .menu{gap:0;justify-content:space-between;padding-top:0;width:100%}.learner .mobile-nav footer .container .footer-contents .info-menu .menu-item{border-bottom:none;font-size:11px;min-height:0;padding-top:0}.learner .mobile-nav footer .container .footer-contents .info-menu img{height:25.6px;width:125px}.learner .mobile-nav footer .container .footer-contents .info-company .row{align-items:flex-start;flex-direction:column;font-size:var(--font-adm-xs);gap:5px}.learner .mobile-nav footer .container .footer-contents .info-company .row:last-child{margin-top:5px}.learner .mobile-content{background:#fff;display:flex;flex-direction:column;inset:0;position:fixed;z-index:100}.learner .mobile-content .top{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 14px 0 24px}.learner .mobile-content .top .title{align-items:center;display:flex;gap:10px}.learner .mobile-content .top .title .icon>i{font-size:16px;font-weight:700}.learner .mobile-content .top .title .txt{font-size:18px;font-weight:700}.learner .mobile-content .cont{padding:0 24px}.learner .mobile-content .cont .tab-menu{display:flex;margin-bottom:4px;width:100%}.learner .mobile-content .cont .tab-menu-item{flex:1}.learner .mobile-content .cont .tab-menu-item .tab-btn{align-items:center;background-color:var(--colorBg5);display:flex;font-size:15px;font-weight:700;height:38px;justify-content:center;letter-spacing:-.02em;line-height:1.3;transition:all .2s ease;width:100%}.learner .mobile-content .cont .tab-menu-item .tab-btn.is-active{background-color:var(--colorMain);color:#fff}.learner .mobile-content .cont .tab-content{max-height:500px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.learner .mobile-content .cont .tab-content::-webkit-scrollbar{display:none}.learner .mobile-content .cont .tab-content .menu.depth01 .menu-list-item:has(.is-active){border-bottom:transparent}.learner .mobile-content .cont .tab-content .menu.depth01 .menu-list-item .txt>span{padding-left:16px}.learner .mobile-content .cont .tab-content .menu.depth01 .menu-list-item .txt.is-active{background:var(--colorMainClear);color:var(--colorMain)}.learner .mobile-content .cont .tab-content .menu.depth01 .menu-list-item .txt.is-active>i{color:var(--colorMain)}.learner .mobile-content .cont .tab-content .menu.depth01 .menu-list-item .txt.is-active .fi-chevron-down{transform:rotate(180deg)}.learner .mobile-content .cont .tab-content .menu.depth02 .menu-list-item:has(.is-active){border-bottom:transparent}.learner .mobile-content .cont .tab-content .menu.depth02 .menu-list-item .txt{font-size:15px;height:40px;transition:none}.learner .mobile-content .cont .tab-content .menu.depth02 .menu-list-item .txt>span{padding-left:32px}.learner .mobile-content .cont .tab-content .menu.depth02 .menu-list-item .txt.is-active{background:var(--colorMainClear);color:var(--colorMain)}.learner .mobile-content .cont .tab-content .menu.depth02 .menu-list-item .txt.is-active:hover,.learner .mobile-content .cont .tab-content .menu.depth02 .menu-list-item .txt.is-active>i{color:var(--colorMain)}.learner .mobile-content .cont .tab-content .menu.depth03 .menu-list-item:has(.is-active){border-bottom:transparent}.learner .mobile-content .cont .tab-content .menu.depth03 .menu-list-item .txt{height:34px}.learner .mobile-content .cont .tab-content .menu.depth03 .menu-list-item .txt>span{padding-left:48px}.learner .mobile-content .cont .tab-content .menu.depth03 .menu-list-item .txt.is-active{background:initial;color:var(--colorMain)}.learner .mobile-content .cont .tab-content .menu .menu-list-item{border-bottom:1px solid #f3f3f3}.learner .mobile-content .cont .tab-content .menu .menu-list-item .txt{align-items:center;cursor:pointer;display:flex;font-size:15px;font-weight:700;height:40px;justify-content:space-between;padding-right:16px;transition:all .2s ease}.learner .mobile-content .cont .tab-content .menu .menu-list-item .txt>span{align-items:center;display:flex;flex:1;height:100%;line-height:1.3}.learner .mobile-content .cont .tab-content .menu .menu-list-item .txt .fi-chevron-down{color:#d7d7d7;font-size:8px;margin-left:20px}.learner .mob-tab{display:none}.learner footer{background:#424242;height:235px;padding:0}.learner footer .container{height:173px}.learner footer .footer-top-bg{background:linear-gradient(90deg,#24b15a,#1c8cff);height:62px}.learner footer .footer-top-bg .container{height:100%}.learner footer .footer-contents{align-items:center;color:#fff;display:flex;gap:20px;height:100%;justify-content:flex-start}.learner footer .footer-contents:has(.info){align-items:flex-end;padding-bottom:40px}.learner footer .footer-contents .tel{display:inline-flex;font-size:var(--font-adm-xl);font-weight:700}.learner footer .footer-contents .tel>p{margin-left:10px}.learner footer .footer-contents .tel>p span:not(:first-child){margin-left:4px}.learner footer .footer-contents .info{color:var(--colorText6)}.learner footer .footer-contents .info-menu{align-items:center;display:flex;gap:50px}.learner footer .footer-contents .info-menu .menu{align-items:center;display:flex;gap:40px}.learner footer .footer-contents .info-menu .menu-item{font-size:18px;font-weight:500}.learner footer .footer-contents .info-menu .menu-item:first-child{margin-left:0}.learner footer .footer-contents .info-company{margin-top:20px}.learner footer .footer-contents .info-company .row{align-items:center;display:flex;gap:20px}.learner footer .footer-contents .info-company .row:last-child{margin-top:10px}.learner .learning-window{background:#202020;color:#888;height:100%;overflow:hidden;width:100%}.learner .lecture-room{height:100%}.learner .lecture-room .lecture-info{background:#333;color:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;overflow-y:auto;position:fixed;top:0;width:320px}.learner .lecture-room .lecture-cont{background:var(--colorBg5);min-height:100vh;padding:0 30px 40px 350px}.learner .lecture-room .lecture-cont .user-info{align-items:center;display:flex;height:74px;justify-content:flex-end}.learner .lecture-room .lecture-cont .wrapper{display:flex}@media only screen and (max-width:1024px){.learner header.only-mob{background:#fff;display:block}.learner header .info .container{padding:0 15px;position:relative}.learner header .info .container .user{display:none}.learner header .info .container .button-item{margin-left:20px}.learner header .info .container .button-item.search{left:-4px;position:absolute}.learner header .info .container .button-item.hamburger{display:block}.learner header .info .container .button-item.logout{display:none}.learner header .info .button-item.alarm .tooltip{transform:translate(-87%)}.learner header .info .button-item.alarm .tooltip-wrap{padding:30px 20px;width:340px}.learner .test,.learner footer,.learner header .gnb{display:none}.learner .lecture-room .lecture-cont{padding:0}.learner .lecture-room .lecture-cont .wrapper{padding-bottom:100px}}@media only screen and (max-width:768px){.learner header:before{height:254px}.learner header .info{height:60px}.learner header .info .container .logo{height:29.5px;left:15px;padding-bottom:0;position:absolute;top:50%;transform:translateY(-50%);width:144px}.learner header .info .container .gnb{display:none}.learner header .info .container .gate{margin-bottom:auto;margin-left:auto;padding-bottom:0}.learner header .info .container .gate .hamburger-btn,.learner header .info .container .gate-list{display:none}.learner header .info .container .gate .hamburger-mob-btn{display:block;height:13.3px;width:15.2px}.learner header .info .container .gate .hamburger-mob-btn svg{padding-bottom:5px;padding-top:0}.learner .mob-tab{background-color:#fff;bottom:0;box-shadow:0 0 30px #0003;display:flex;height:67px;position:fixed;width:100%;z-index:10}.learner .mob-tab-item{flex:1;height:100%;padding:10px 0}.learner .mob-tab-item a{align-items:center;display:flex;flex-direction:column;gap:7px;height:100%;justify-content:center}.learner .mob-tab-item a.is-active{color:var(--colorMain)}.learner .mob-tab-item a .icon .icon_svg{color:#666;display:inline-block}.learner .mob-tab-item a .icon .icon_svg.school{height:22px;width:20.5px}.learner .mob-tab-item a .icon .icon_svg.work{height:20.6px;width:20.6px}.learner .mob-tab-item a .icon .icon_svg.community,.learner .mob-tab-item a .icon .icon_svg.support{height:22px;width:22px}.learner .mob-tab-item a.disabled{cursor:not-allowed;opacity:.3;pointer-events:none}}.learner .blind,.learner .read-only{border:0;height:1px;margin:0;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.learner div::-webkit-scrollbar,.learner ul::-webkit-scrollbar{cursor:pointer;width:6px}.learner div::-webkit-scrollbar-thumb,.learner ul::-webkit-scrollbar-thumb{background-color:var(--colorBg2);border-radius:3px}.learner div::-webkit-scrollbar-track,.learner div::-webkit-scrollbar-track-piece,.learner ul::-webkit-scrollbar-track,.learner ul::-webkit-scrollbar-track-piece{background-color:#eee;border-radius:3px}.learner .scroll-hide::-webkit-scrollbar{display:none}.learner .cursor-grip{cursor:grabbing}.learner .color-main{color:var(--colorMain)}.learner .color-main-light{color:var(--colorMainLight)}.learner .color-point{color:var(--colorPoint)}.learner .color-red{color:var(--colorWheel10)}.learner [class*=fi-],.learner [class^=fi-]{color:inherit}.learner .pdf-app .splitToolbarButtonSeparator,.learner .pdf-app .toolbarButton.bookmark,.learner .pdf-app .toolbarButton.openFile,.learner .pdf-app .toolbarButton.print,.learner .pdf-app .toolbarButton.secondary-toolbar-toggle,.learner .pdf-app .toolbarButton.view-attachments,.learner .pdf-app .toolbarButton.view-find,.learner .pdf-app .toolbarButton.view-outline,.learner .pdf-app .toolbarButton.view-thumbnail,.learner .pdf-app .toolbarButtonSpacer,.learner .pdf-app .verticalToolbarSeparator{display:none!important}.learner .pdf-app #errorWrapper,.learner .pdf-app .toolbar{z-index:1!important}.learner .pdf-app .vue-pdf-app-icon:after,.learner .pdf-app .vue-pdf-app-icon:before{font-size:1rem!important}.learner .pdf-app .vue-pdf-app-icon:hover{color:var(--colorMainClear)!important}.learner .pdf-app #sidebarContainer{top:0!important;z-index:5!important}.learner .pdf-app #viewerContainer{top:60px!important}.learner .pdf-app .pdfViewer .page{background-clip:unset!important;background-color:unset!important;background-image:unset!important;border:0!important;box-shadow:2px 0 10px #0000001a!important;margin:0 auto!important}.learner .pdf-app .splitToolbarButton{height:24px!important;margin:0!important}.learner .pdf-app .dropdownToolbarButton{width:auto!important}.learner .pdf-app .dropdownToolbarButton>select{background:var(--colorMainDark)!important;height:24px!important;padding:0 10px!important}.learner .pdf-app .dropdownToolbarButton:after{right:4px!important;top:4px!important}.learner .pdf-app .toolbarField{padding:4px 10px!important}.learner .pdf-app .thumbnailImage,.learner .pdf-app .thumbnailSelectionRing{height:auto!important}.learner .pdf-app #toolbarViewer{background:var(--colorMain)!important;padding:4px!important}.learner .pdf-app #thumbnailView{align-items:center!important;display:flex!important;flex-direction:column!important;padding:20px 0 0!important;width:100%!important}.learner .pdf-app #toolbarViewerLeft,.learner .pdf-app #toolbarViewerRight,.learner .pdf-app toolbarViewerMiddle{align-items:center!important;display:inline-flex!important;height:24px!important}.learner .pdf-app .toolbarField{background-color:var(--colorMainDark)!important}.learner .pdf-app .dropdownToolbarButton,.learner .pdf-app .toolbarField,.learner .pdf-app .toolbarLabel{margin:0!important}.learner .pdf-app .toolbarButton{align-items:center!important;display:flex!important;height:24px!important;justify-content:center!important;line-height:22px!important;margin:0!important;padding:0!important}.learner .pdf-app .toolbarButton:hover{color:var(--colorMainClear)!important}.learner .pdf-app .toolbarButton.toggled{background-color:var(--colorMainDark)!important}.learner .pdf-app .toolbarButton.zoomIn,.learner .pdf-app .toolbarButton.zoomOut{line-height:29px!important}.learner input[type=email]:not(.toolbarField),.learner input[type=number]:not(.toolbarField),.learner input[type=password]:not(.toolbarField),.learner input[type=tel]:not(.toolbarField),.learner input[type=text]:not(.toolbarField){background:#fff;border:1px solid var(--colorBorder2);border-radius:6px;font-family:inherit;font-size:inherit;height:34px;letter-spacing:inherit;padding:0 20px}.learner input[type=email]:disabled,.learner input[type=number]:disabled,.learner input[type=password]:disabled,.learner input[type=tel]:disabled,.learner input[type=text]:disabled{background-color:var(--colorBg5);height:100%}.learner input[type=email].is-full,.learner input[type=number].is-full,.learner input[type=password].is-full,.learner input[type=tel].is-full,.learner input[type=text].is-full{width:100%}.learner input[type=email]:focus,.learner input[type=number]:focus,.learner input[type=password]:focus,.learner input[type=tel]:focus,.learner input[type=text]:focus{outline:none}.learner input[type=email]::-moz-placeholder,.learner input[type=number]::-moz-placeholder,.learner input[type=password]::-moz-placeholder,.learner input[type=tel]::-moz-placeholder,.learner input[type=text]::-moz-placeholder{color:#999}.learner input[type=email]::placeholder,.learner input[type=number]::placeholder,.learner input[type=password]::placeholder,.learner input[type=tel]::placeholder,.learner input[type=text]::placeholder{color:#999}.learner input[type=number]::-webkit-inner-spin-button,.learner input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.learner input:-webkit-autofill{-webkit-text-fill-color:#333;-webkit-box-shadow:inset 0 0 0 1000px transparent}.learner input:-webkit-autofill,.learner input:-webkit-autofill:active,.learner input:-webkit-autofill:focus,.learner input:-webkit-autofill:hover{-webkit-text-fill-color:#333;-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-text-size-adjust:1em;text-size-adjust:1em;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.learner input[type=password]{font-family:Roboto!important}.learner input[type=password]::-moz-placeholder{font-family:EliceDigitalBaeum!important}.learner input[type=password]::placeholder{font-family:EliceDigitalBaeum!important}.learner input[type=checkbox].is-hidden,.learner input[type=radio].is-hidden{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.learner select{-o-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' fill='none' viewBox='0 0 11 6'%3E%3Cpath fill='%23333' d='M9.983 1.24A.76.76 0 0 0 8.857.221l-3.78 3.78-3.78-3.78L1.239.17A.76.76 0 0 0 .17 1.24l.052.058L4.54 5.613a.76.76 0 0 0 1.075 0l4.317-4.315z'/%3E%3C/svg%3E") no-repeat center right 20px;background-size:10px auto;border:1px solid var(--colorBorder2);border-radius:6px;color:#333;font-family:inherit;font-size:inherit;height:34px;line-height:32px;min-width:140px;outline:none;padding:0 50px 0 20px;position:relative}.learner select:disabled{background-color:var(--colorBg1);color:var(--colorText2)!important;opacity:1}.learner select.is-full{width:100%}.learner select option[disabled]{display:none}.learner select.is-default{color:#999}.learner select.is-default option{color:#333}.learner select::-ms-expand{display:none}.learner textarea{background:#fff;border:1px solid var(--colorBorder3);border-radius:5px;color:inherit;font-family:inherit;font-size:inherit;height:120px;line-height:1.4;overflow-y:auto;padding:12px 20px;resize:none;width:100%}.learner textarea::-moz-placeholder{color:var(--colorText5)}.learner textarea::placeholder{color:var(--colorText5)}.learner textarea:focus{outline:none}.learner textarea:disabled{background:var(--colorBg1);opacity:1}.learner textarea::-webkit-scrollbar{cursor:pointer;width:6px}.learner textarea::-webkit-scrollbar-thumb{background-color:#eee}.learner textarea::-webkit-scrollbar-track,.learner textarea::-webkit-scrollbar-track-piece{background-color:transparent}.learner .banner{background:linear-gradient(101.1deg,#f46fe6 15.46%,#8294f5,#64a5fd 101.65%);max-width:100%;min-height:260px;overflow:hidden;padding:50px 0;position:relative}.learner .banner .title{left:60px;position:absolute;top:50%;transform:translateY(-50%)}.learner .banner .title-txt{color:#fff;font-size:36px}.learner .banner .title-desc{color:#fff;font-size:var(--font-base);letter-spacing:-.04em;margin-top:14px}.learner button{border:0;cursor:pointer;font-family:inherit;font-size:100%}.learner button:disabled{cursor:auto!important}.learner .check-list{margin:-5px -20px 0 0;width:100%}.learner .check-list-item{display:inline-block;margin:5px 14px 0 0;vertical-align:top}.learner .check-list.is-block{margin:-5px 0 0}.learner .check-list.is-block .check-list-item{display:block;margin:5px 0 0}.learner .check-list.type02 .check-item{margin-right:6px}.learner .check-list.type02 .check-item:last-child{margin:0}.learner .check-list.type02 .check-item input[type=checkbox]:checked+label{background:var(--colorMain);border:1px solid var(--colorMain)}.learner .check-list.type02 .check-item input[type=checkbox]:checked+label .check-item-txt{color:#fff}.learner .check-list.type02 .check-item input[type=checkbox]+label{background:#fff;border:1px solid var(--colorBorder2);border-radius:17px;box-sizing:border-box;height:34px;justify-content:center;min-width:66px;padding:0 20px;transition:all .2s ease}.learner .check-list.type02 .check-item input[type=checkbox]+label .check-item-txt{color:var(--colorText1);font-size:var(--font-sm);margin:0}.learner .check-list.type02 .check-item input[type=radio]:checked+label{background:var(--colorMain);border:1px solid var(--colorMain)}.learner .check-list.type02 .check-item input[type=radio]:checked+label .check-item-txt{color:#fff}.learner .check-list.type02 .check-item input[type=radio]+label{background:#fff;border:1px solid var(--colorBorder2);border-radius:17px;box-sizing:border-box;height:34px;justify-content:center;min-width:66px;padding:0 20px;transition:all .2s ease}.learner .check-list.type02 .check-item input[type=radio]+label .check-item-txt{color:var(--colorText1);margin:0}.learner .check-item{display:inline-block;position:relative;vertical-align:middle}.learner .check-item-list{display:inline-block;margin-right:15px}.learner .check-item-list:last-child{margin:0}.learner .check-item input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.learner .check-item input+label{align-items:center;cursor:pointer;display:inline-flex;position:relative;width:100%}.learner .check-item input+label .check-item-icon{background:#fff;border:1px solid var(--colorBorder1);display:inline-block;height:20px;min-width:20px;position:relative;width:20px}.learner .check-item input+label .check-item-txt{display:inline-block;font-size:var(--font-base);margin:-2px 0 0 8px}.learner .check-item input+label .check-item-content{font-size:var(--font-sm);margin:-2px 0 0 8px}.learner .check-item input:checked+label .check-item-txt span:last-child{color:var(--colorMain);font-weight:700}.learner .check-item input:checked+label .check-item-txt{color:#333}.learner .check-item input:disabled+label{cursor:default}.learner .check-item input:disabled+label .check-item-icon{background:var(--colorBg1);border:1px solid var(--colorBorder2)}.learner .check-item input:disabled+label .check-item-txt{color:#999}.learner .check-item input:disabled:checked+label .check-item-icon{background:var(--colorBg1);border-color:var(--colorBorder2)}.learner .check-item input:disabled:checked+label .check-item-txt{color:#666}.learner .check-item input[type=checkbox]+label .check-item-icon{border-radius:3px}.learner .check-item input[type=checkbox]+label .check-item-icon.circle{border-radius:50%;height:19px;width:19px}.learner .check-item input[type=checkbox]+label .check-item-icon .icon{display:block;height:10px;left:calc(50% + 1px);position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.learner .check-item input[type=checkbox]+label .check-item-icon .icon:after,.learner .check-item input[type=checkbox]+label .check-item-icon .icon:before{background:#e8e8e8;content:"";display:inline-block;height:0;position:absolute;width:2px;z-index:1}.learner .check-item input[type=checkbox]+label .check-item-icon .icon:before{border-radius:3px 3px 0 0;bottom:1px;height:6px;left:1.3px;transform:rotate(-45deg)}.learner .check-item input[type=checkbox]+label .check-item-icon .icon:after{border-radius:3px 3px 0 0;bottom:0;height:10px;right:4px;transform:rotate(45deg)}.learner .check-item input[type=checkbox]:checked+label .check-item-icon{background:var(--colorMain);border-color:var(--colorMain);transition:all .3s ease}.learner .check-item input[type=checkbox]:checked+label .check-item-icon .icon:before{background:#fff;transition:all .15s ease}.learner .check-item input[type=checkbox]:checked+label .check-item-icon .icon:after{background:#fff;transition:all .15s ease .15s}.learner .check-item input[type=checkbox]:checked:disabled+label .check-item-icon .icon:after,.learner .check-item input[type=checkbox]:checked:disabled+label .check-item-icon .icon:before{background:var(--colorMain)}.learner .check-item input[type=radio]+label .check-item-icon{border-radius:50%}.learner .check-item input[type=radio]+label .check-item-icon .icon:after,.learner .check-item input[type=radio]+label .check-item-icon .icon:before{border-radius:50%;content:"";display:block;position:absolute;transition:all .2s ease}.learner .check-item input[type=radio]+label .check-item-icon .icon:before{background:var(--colorMain);height:100%;left:0;top:0;transform:scale(0);width:100%;z-index:1}.learner .check-item input[type=radio]+label .check-item-icon .icon:after{background:#e8e8e8;height:8px;left:5px;top:5px;width:8px;z-index:2}.learner .check-item input[type=radio]:checked+label .check-item-icon{border-color:var(--colorMain);transition-delay:.2s}.learner .check-item input[type=radio]:checked+label .check-item-icon .icon:before{transform:scale(1)}.learner .check-item input[type=radio]:checked+label .check-item-icon .icon:after{background:#fff}.learner .check-item input[type=radio]:disabled:checked+label .check-item-icon .icon:before{background:var(--colorBg1)}.learner .check-item input[type=radio]:disabled:checked+label .check-item-icon .icon:after{background:var(--colorMain)}.learner .check-item input.show-check+label .check-item-icon{border-radius:3px}.learner .check-item input.show-check+label .check-item-icon .icon{display:block;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.learner .check-item input.show-check+label .check-item-icon .icon:after,.learner .check-item input.show-check+label .check-item-icon .icon:before{background:#e8e8e8;content:"";display:inline-block;height:0;left:auto;position:absolute;top:auto;width:2px;z-index:1}.learner .check-item input.show-check+label .check-item-icon .icon:before{border-radius:3px 3px 0 0;bottom:1px;height:5px;left:2px;transform:rotate(-45deg)}.learner .check-item input.show-check+label .check-item-icon .icon:after{border-radius:3px 3px 0 0;bottom:0;height:10px;right:4px;transform:rotate(45deg)}.learner .check-item input.show-check:checked+label .check-item-icon{background:var(--colorMain);border-color:var(--colorMain);transition:all .3s ease}.learner .check-item input.show-check:checked+label .check-item-icon .icon:before{background:#fff;transform:rotate(-45deg);transition:all .15s ease}.learner .check-item input.show-check:checked+label .check-item-icon .icon:after{background:#fff;transition:all .15s ease .15s}.learner .check-item input.show-check:checked:disabled+label .check-item-icon .icon:after,.learner .check-item input.show-check:checked:disabled+label .check-item-icon .icon:before{background:var(--colorMain)}.learner .meatball{display:inline-block;position:relative}.learner .meatball-btn{color:#c2c2c2;font-size:var(--font-lg);text-align:right;transition:all .2s ease;width:15px}.learner .meatball-btn:hover{color:var(--colorMainDark)}.learner .meatball-list{background:#fff;border:1px solid #d7d7d7;border-radius:5px;box-shadow:2px 0 10px #0000001a;padding:20px;position:absolute;right:-10px;top:calc(100% + 10px);transition:all .2s ease;z-index:10}.learner .meatball-list .item{color:#666;font-size:var(--font-sm);margin-top:20px;white-space:nowrap}.learner .meatball-list .item:first-child{margin:0}.learner .meatball-list .item:hover{color:var(--colorMainDark)}.learner .meatball-list .item:has(:disabled){color:#888}.learner .check-list.type-block{align-items:center;display:flex;margin:0}.learner .check-list.type-block .check-list-item{flex:1;margin:0 0 0 -1px}.learner .check-list.type-block .check-list-item input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.learner .check-list.type-block .check-list-item label{border:1px solid var(--colorBorder3);cursor:pointer;display:block;height:40px;line-height:36px;text-align:center}.learner .check-list.type-block .check-list-item input:checked+label{border-color:var(--colorMain);color:var(--colorMain);position:relative;z-index:1}.learner .check-list.type-block .check-list-item:first-child{margin:0}.learner .check-list.type-block .check-list-item:first-child label{border-radius:5px 0 0 5px}.learner .check-list.type-block .check-list-item:last-child label{border-radius:0 5px 5px 0}.learner .check-hide{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.learner [class*=btn-s-]{border:0;border-radius:6px;cursor:pointer;display:inline-block;margin-right:5px;overflow:hidden;padding:0 20px;position:relative;text-align:center;transition:all .2s ease;vertical-align:middle;z-index:0}.learner [class*=btn-s-]:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scaleX(0);transition:all .2s;width:100%;z-index:-1}.learner [class*=btn-s-].is-active:before,.learner [class*=btn-s-]:active:before,.learner [class*=btn-s-]:hover:before{opacity:1;transform:scaleX(1)}.learner [class*=btn-s-]:disabled{background:var(--colorBg1);border:1px solid var(--colorBorder2);color:var(--colorText2);cursor:auto}.learner [class*=btn-s-]:disabled:before{display:none}.learner [class*=btn-s-]:last-child{margin-right:0}.learner [class*=btn-s-]{font-size:var(--font-sm);height:32px;line-height:30px;min-width:66px}.learner [class*=btn-w-]{border:0;border-radius:6px;cursor:pointer;display:inline-block;margin-right:5px;overflow:hidden;padding:0 20px;position:relative;text-align:center;transition:all .2s ease;vertical-align:middle;z-index:0}.learner [class*=btn-w-]:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scaleX(0);transition:all .2s;width:100%;z-index:-1}.learner [class*=btn-w-].is-active:before,.learner [class*=btn-w-]:active:before,.learner [class*=btn-w-]:hover:before{opacity:1;transform:scaleX(1)}.learner [class*=btn-w-]:disabled{background:var(--colorBg1);border:1px solid var(--colorBorder2);color:var(--colorText2);cursor:auto}.learner [class*=btn-w-]:disabled:before{display:none}.learner [class*=btn-w-]:last-child{margin-right:0}.learner [class*=btn-w-]{font-size:var(--font-adm-xs);height:25px;line-height:23px;min-width:66px}.learner [class*=btn-m-]{border:0;border-radius:6px;cursor:pointer;display:inline-block;margin-right:5px;overflow:hidden;padding:0 20px;position:relative;text-align:center;transition:all .2s ease;vertical-align:middle;z-index:0}.learner [class*=btn-m-]:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scaleX(0);transition:all .2s;width:100%;z-index:-1}.learner [class*=btn-m-].is-active:before,.learner [class*=btn-m-]:active:before,.learner [class*=btn-m-]:hover:before{opacity:1;transform:scaleX(1)}.learner [class*=btn-m-]:disabled{background:var(--colorBg1);border:1px solid var(--colorBorder2);color:var(--colorText2);cursor:auto}.learner [class*=btn-m-]:disabled:before{display:none}.learner [class*=btn-m-]:last-child{margin-right:0}.learner [class*=btn-m-]{height:36px;line-height:34px;min-width:70px}.learner [class*=btn-l-]{border:0;border-radius:6px;cursor:pointer;display:inline-block;margin-right:5px;overflow:hidden;padding:0 20px;position:relative;text-align:center;transition:all .2s ease;vertical-align:middle;z-index:0}.learner [class*=btn-l-]:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scaleX(0);transition:all .2s;width:100%;z-index:-1}.learner [class*=btn-l-].is-active:before,.learner [class*=btn-l-]:active:before,.learner [class*=btn-l-]:hover:before{opacity:1;transform:scaleX(1)}.learner [class*=btn-l-]:disabled{background:var(--colorBg1);border:1px solid var(--colorBorder2);color:var(--colorText2);cursor:auto}.learner [class*=btn-l-]:disabled:before{display:none}.learner [class*=btn-l-]:last-child{margin-right:0}.learner [class*=btn-l-]{height:40px;line-height:38px;margin-right:10px;min-width:70px}.learner [class*=btn-f-]{border:0;border-radius:6px;cursor:pointer;display:inline-block;margin-right:5px;overflow:hidden;padding:0 20px;position:relative;text-align:center;transition:all .2s ease;vertical-align:middle;z-index:0}.learner [class*=btn-f-]:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scaleX(0);transition:all .2s;width:100%;z-index:-1}.learner [class*=btn-f-].is-active:before,.learner [class*=btn-f-]:active:before,.learner [class*=btn-f-]:hover:before{opacity:1;transform:scaleX(1)}.learner [class*=btn-f-]:disabled{background:var(--colorBg1);border:1px solid var(--colorBorder2);color:var(--colorText2);cursor:auto}.learner [class*=btn-f-]:disabled:before{display:none}.learner [class*=btn-f-]:last-child{margin-right:0}.learner [class*=btn-f-]{font-size:var(--font-base);font-weight:500;height:52px;line-height:50px;min-width:100%}.learner .btn-f-line-main,.learner .btn-l-line-main,.learner .btn-m-line-main,.learner .btn-s-line-main,.learner .btn-w-line-main{background-color:#fff;border:1px solid var(--colorMain);color:var(--colorMain)}.learner .btn-f-line-main:before,.learner .btn-l-line-main:before,.learner .btn-m-line-main:before,.learner .btn-s-line-main:before,.learner .btn-w-line-main:before{background-color:var(--colorMainClear)}.learner .btn-f-line-gray,.learner .btn-l-line-gray,.learner .btn-m-line-gray,.learner .btn-s-line-gray,.learner .btn-w-line-gray{background:#fff;border:1px solid var(--colorBorder2)}.learner .btn-f-line-gray:before,.learner .btn-l-line-gray:before,.learner .btn-m-line-gray:before,.learner .btn-s-line-gray:before,.learner .btn-w-line-gray:before{background-color:var(--colorMainClear)}.learner .btn-f-line-gray>*,.learner .btn-l-line-gray>*,.learner .btn-m-line-gray>*,.learner .btn-s-line-gray>*,.learner .btn-w-line-gray>*{position:relative}.learner .btn-f-line-gray.is-active,.learner .btn-f-line-gray:hover,.learner .btn-l-line-gray.is-active,.learner .btn-l-line-gray:hover,.learner .btn-m-line-gray.is-active,.learner .btn-m-line-gray:hover,.learner .btn-s-line-gray.is-active,.learner .btn-s-line-gray:hover,.learner .btn-w-line-gray.is-active,.learner .btn-w-line-gray:hover{border-color:var(--colorMain);color:var(--colorMain)}.learner .btn-f-line-point,.learner .btn-l-line-point,.learner .btn-m-line-point,.learner .btn-s-line-point,.learner .btn-w-line-point{background:#fff;border:1px solid var(--colorBorder2);color:var(--colorMainLight)}.learner .btn-f-line-point.is-active,.learner .btn-f-line-point:hover,.learner .btn-l-line-point.is-active,.learner .btn-l-line-point:hover,.learner .btn-m-line-point.is-active,.learner .btn-m-line-point:hover,.learner .btn-s-line-point.is-active,.learner .btn-s-line-point:hover,.learner .btn-w-line-point.is-active,.learner .btn-w-line-point:hover{border-color:var(--colorMain);color:var(--colorMain)}.learner .btn-f-fill-main,.learner .btn-l-fill-main,.learner .btn-m-fill-main,.learner .btn-s-fill-main,.learner .btn-w-fill-main{background-color:var(--colorMain);color:#fff}.learner .btn-f-fill-main:before,.learner .btn-l-fill-main:before,.learner .btn-m-fill-main:before,.learner .btn-s-fill-main:before,.learner .btn-w-fill-main:before{background-color:var(--colorMainDark)}.learner .btn-f-fill-gray,.learner .btn-l-fill-gray,.learner .btn-m-fill-gray,.learner .btn-s-fill-gray,.learner .btn-w-fill-gray{background-color:#d7d7d7;color:#666}.learner .btn-f-fill-gray:before,.learner .btn-l-fill-gray:before,.learner .btn-m-fill-gray:before,.learner .btn-s-fill-gray:before,.learner .btn-w-fill-gray:before{background-color:#999}.learner .btn-f-fill-gray.is-active,.learner .btn-f-fill-gray:hover,.learner .btn-l-fill-gray.is-active,.learner .btn-l-fill-gray:hover,.learner .btn-m-fill-gray.is-active,.learner .btn-m-fill-gray:hover,.learner .btn-s-fill-gray.is-active,.learner .btn-s-fill-gray:hover,.learner .btn-w-fill-gray.is-active,.learner .btn-w-fill-gray:hover{color:#fff}.learner .btn-f-fill-dark,.learner .btn-l-fill-dark,.learner .btn-m-fill-dark,.learner .btn-s-fill-dark,.learner .btn-w-fill-dark{background-color:#2a2a2a;color:#fff}.learner .btn-f-fill-dark:before,.learner .btn-l-fill-dark:before,.learner .btn-m-fill-dark:before,.learner .btn-s-fill-dark:before,.learner .btn-w-fill-dark:before{background-color:#222}.learner .btn-f-fill-medium,.learner .btn-l-fill-medium,.learner .btn-m-fill-medium,.learner .btn-s-fill-medium,.learner .btn-w-fill-medium{background-color:var(--colorMainClear);color:var(--colorMain)}.learner .btn-f-fill-medium:before,.learner .btn-l-fill-medium:before,.learner .btn-m-fill-medium:before,.learner .btn-s-fill-medium:before,.learner .btn-w-fill-medium:before{background-color:var(--colorMain)}.learner .btn-f-fill-medium.is-active,.learner .btn-f-fill-medium:hover,.learner .btn-l-fill-medium.is-active,.learner .btn-l-fill-medium:hover,.learner .btn-m-fill-medium.is-active,.learner .btn-m-fill-medium:hover,.learner .btn-s-fill-medium.is-active,.learner .btn-s-fill-medium:hover,.learner .btn-w-fill-medium.is-active,.learner .btn-w-fill-medium:hover{color:#fff}.learner .btn-f-fill-point,.learner .btn-l-fill-point,.learner .btn-m-fill-point,.learner .btn-s-fill-point,.learner .btn-w-fill-point{background-color:var(--colorPoint);color:#fff}.learner .btn-f-fill-point:before,.learner .btn-l-fill-point:before,.learner .btn-m-fill-point:before,.learner .btn-s-fill-point:before,.learner .btn-w-fill-point:before{background-color:var(--colorPointDark)}.learner .btn-f-fill-white,.learner .btn-l-fill-white,.learner .btn-m-fill-white,.learner .btn-s-fill-white,.learner .btn-w-fill-white{background-color:#fff;border:1px solid transparent}.learner .btn-f-fill-white:before,.learner .btn-l-fill-white:before,.learner .btn-m-fill-white:before,.learner .btn-s-fill-white:before,.learner .btn-w-fill-white:before{background-color:var(--colorMainClear)}.learner .btn-f-fill-white.is-active,.learner .btn-f-fill-white:hover,.learner .btn-l-fill-white.is-active,.learner .btn-l-fill-white:hover,.learner .btn-m-fill-white.is-active,.learner .btn-m-fill-white:hover,.learner .btn-s-fill-white.is-active,.learner .btn-s-fill-white:hover,.learner .btn-w-fill-white.is-active,.learner .btn-w-fill-white:hover{border:1px solid var(--colorMain);color:var(--colorMain)}.learner button[class^=btn].has-icon{align-items:center;display:inline-flex;justify-content:center}.learner button[class^=btn].has-icon>i{font-size:15px;margin-right:8px}.learner button[class^=btn-l].has-icon>i{font-size:21px}.learner button[class^=btn-l].has-icon>i.fi-bell{margin-top:-1px}.learner .btn-txt-more{align-items:center;color:#999;display:inline-flex;font-size:var(--font-sm);transition:all .2s ease}.learner .btn-txt-more .icon{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0;display:inline-block;height:6px;margin:2px 0 0 5px;transform:rotate(-45deg);transition:all .2s ease;width:6px}.learner .btn-txt-more:hover{color:var(--colorMain)}.learner .btn-txt-more:hover .icon{border-color:var(--colorMain)}.learner .btn-like{min-width:20px;position:relative}.learner .btn-like .nuxt-icon{font-size:20px}.learner .btn-like:before{background:#f65b5c;border-radius:50%;content:"";display:block;height:22px;left:50%;margin:-11px 0 0 -11px;position:absolute;top:50%;transform:scale(0);width:22px}.learner .btn-like:hover:before{opacity:0;transform:scale(2);transition:transform .5s,opacity .5s}.learner .btn-like.is-active .fi-heart-line,.learner .btn-like.is-active .fi-heart-thin{color:#f65b5c}.learner .btn-like.is-active .fi-heart-line:before,.learner .btn-like.is-active .fi-heart-thin:before{opacity:0}.learner .btn-like.is-active .fi-heart-line:after,.learner .btn-like.is-active .fi-heart-thin:after{opacity:1}.learner .btn-like.is-active:hover:before{transform:scale(0)}.learner .btn-share{position:relative}.learner .btn-share:before{background:var(--colorMain);border-radius:50%;content:"";display:block;height:22px;left:50%;margin:-11px 0 0 -10px;position:absolute;top:50%;transform:scale(0);width:22px}.learner .btn-share:hover:before{opacity:0;transform:scale(2);transition:transform .5s,opacity .5s}.learner .btn-share.is-active{color:var(--colorMain)}.learner .btn-favorite{position:relative}.learner .btn-favorite:before{background:var(--colorMain);border-radius:50%;content:"";display:block;height:22px;left:50%;margin:-11px 0 0 -10px;position:absolute;top:50%;transform:scale(0);width:22px}.learner .btn-favorite:hover:before{opacity:0;transform:scale(1.6);transition:transform .5s,opacity .5s}.learner .btn-favorite.is-active{color:var(--colorMain)}.learner .toggle-btn{margin:5px 20px 0 auto}.learner .toggle-btn.point .check-list{border:1px solid var(--colorPoint)}.learner .toggle-btn.point .check-list-item input+label .check-item-txt{color:var(--colorPoint)}.learner .toggle-btn.point .check-list-item input:checked+label{background:var(--colorPoint)}.learner .toggle-btn .check-list{border:1px solid var(--colorMain);border-radius:14px;display:inline-block;height:28px;min-width:156px}.learner .toggle-btn .check-list-item{margin:0}.learner .toggle-btn .check-list-item input:checked+label{background:var(--colorMain)}.learner .toggle-btn .check-list-item input:checked+label .check-item-txt{color:#fff}.learner .toggle-btn .check-list-item input+label{border-radius:12px;height:27px;justify-content:center;min-width:77px;transition:all .2s ease}.learner .toggle-btn .check-list-item input+label .check-item-txt{color:var(--colorMain);font-size:var(--font-sm);font-weight:600;margin:0 0 2px}.learner .btn-toggle{align-items:center;display:inline-flex}.learner .btn-toggle-txt{color:#666;cursor:pointer;margin-right:10px}.learner .btn-toggle-box{background:#c2c2c2;border-radius:10px;cursor:pointer;display:block;height:12px;position:relative;transition:all .2s ease;width:30px}.learner .btn-toggle-circle{background:#f1f1f1;border-radius:50%;box-shadow:0 1px 1px 0 transparent;display:block;height:20px;left:-4px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.learner .btn-toggle input[type=checkbox]:disabled+label{background:#cdcdcd!important}.learner .btn-toggle input[type=checkbox]:disabled+label .btn-toggle-circle{background:var(--colorText5)!important}.learner .btn-toggle:has(:checked) .btn-toggle-txt{color:var(--colorMain)}.learner .btn-toggle:has(:checked) .btn-toggle-box{background:var(--colorMainLight)}.learner .btn-toggle:has(:checked) .btn-toggle-box:before{background:#fff6;border-radius:10px;content:"";display:block;height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:30px}.learner .btn-toggle:has(:checked) .btn-toggle-circle{background:var(--colorMain);left:calc(100% - 16px)}.learner .toggle-switch{align-items:center;display:inline-flex}.learner .toggle-switch-txt{color:#666;cursor:pointer;margin-right:10px}.learner .toggle-switch-box{background:#c2c2c2;border-radius:10px;cursor:pointer;display:block;height:12px;position:relative;transition:all .2s ease;width:30px}.learner .toggle-switch-circle{background:#f1f1f1;border-radius:50%;box-shadow:0 1px 1px 0 transparent;display:block;height:20px;left:-4px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.learner .toggle-switch input[type=checkbox]:disabled+label{background:#cdcdcd!important}.learner .toggle-switch input[type=checkbox]:disabled+label .toggle-switch-circle{background:var(--colorText5)!important}.learner .toggle-switch:has(:checked) .toggle-switch-box{background:var(--colorMainLight)}.learner .toggle-switch:has(:checked) .toggle-switch-box:before{background:#fff6;border-radius:10px;content:"";display:block;height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:30px}.learner .toggle-switch:has(:checked) .toggle-switch-circle{background:var(--colorMain);left:calc(100% - 16px)}.learner .btn-more{align-items:center;border:1px solid var(--colorBorder2);border-radius:20px;color:var(--colorText3);display:flex;font-size:var(--font-sm);height:43px;justify-content:center;padding:0 30px;transition:all .2s ease}.learner .btn-more:hover{border:1px solid var(--colorText1);color:var(--colorText1)}.learner .btn-more .txt{align-items:center;color:var(--colorText1);display:flex;font-size:14px;font-weight:500;height:20px;margin-right:8px}.learner .btn-more .txt>p{margin-left:3px}.learner .btn-more .txt .current-count{font-size:14px;font-weight:700;line-height:20px;margin-top:4px}.learner .btn-more .nuxt-icon{color:#333;height:8px;width:10px}.learner .btn-wrap{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:40px}.learner .btn-wrap:has(.btn-back){margin-top:0}.learner .btn-wrap.no-mt{margin-top:-10px}.learner .btn-wrap.center{justify-content:center}.learner .btn-wrap:has(.btn-group.center){justify-content:center}.learner .btn-wrap>.btn-group{margin-top:10px}.learner .btn-wrap>.btn-group.left{margin-right:auto}.learner .btn-wrap>.btn-group.right{margin-left:auto}.learner .btn-wrap>.btn-group.hidden{visibility:hidden}.learner .btn-wrap.fixed{background:var(--colorMainClear);bottom:0;padding:1px 70px 9px 80px;position:fixed;right:0;transition:width .2s ease;width:calc(100% - 260px);z-index:30}.learner .btn-wrap.fixed:before{background:var(--colorMain);content:"";display:block;height:1px;left:0;opacity:.3;position:absolute;top:0;width:100%}.learner [class*=txt-label]{border-radius:13px;display:inline-block;font-size:var(--font-xs);height:20px;line-height:18px;margin-right:10px;padding:0 8px;vertical-align:middle}.learner [class*=txt-label]:last-child{margin-right:0}.learner [class*=txt-label].roboto{color:#666;font-family:Roboto;height:auto;line-height:1;padding:3px 8px}.learner [class*=label-square]{border-radius:3px;display:inline-block;font-size:var(--font-xs);height:20px;line-height:18px;margin-right:10px;padding:0 8px;vertical-align:middle}.learner [class*=label-square]:last-child{margin-right:0}.learner .txt-label-fill-purple{background:#f6f2ff;color:#7a56df}.learner .txt-label-fill-blue{background:#f0f6ff;color:#376ae4}.learner .txt-label-fill-blue,.learner .txt-label-fill-red{border-radius:100px;font-weight:500;height:30px;line-height:30px;padding:0 10px}.learner .txt-label-fill-red{background:#fff0f0;color:#f65b5c}.learner .txt-label-fill-green{background:#f0fcde;color:#70b808}.learner .txt-label-fill-yellow{background:#fff5e3;color:#ffa200}.learner .txt-label-fill-sky{background:#e6fbfc;color:#009ba5}.learner .txt-label-line{border:1px solid var(--colorText1);color:var(--colorText1)}.learner .txt-label-line-main{border:1px solid var(--colorMain);color:var(--colorMain)}.learner .txt-label-line-gray{border:1px solid #d7d7d7}.learner .txt-label-dash-black{border:1px dashed #333}.learner .label-square-fill-main{background:var(--colorMain);color:#fff}.learner .label-square-line{border:1px solid var(--colorBorder2)}.learner .tab-box{align-items:center;display:flex;margin-bottom:30px;position:relative}.learner .tab-box:has(+.btn-wrap){margin-bottom:20px}.learner .tab-box:after{background:#eaeaea;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.learner .tab-menu{display:flex;overflow:hidden;overflow-x:auto}.learner .tab-menu .item-button{align-items:center;color:var(--colorText5);display:flex;font-size:var(--font-xxl);font-weight:700;justify-content:center;padding:0 28px 12px;position:relative;transition:all .2s ease;white-space:nowrap}.learner .tab-menu .item-button:after{background:var(--colorText1);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scale(0);transition:all .2s ease;width:100%;z-index:1}.learner .tab-menu .item-button i{color:var(--colorPoint1);font-size:var(--font-lg);margin:2px 4px 0 0}.learner .tab-menu .item-button.is-active,.learner .tab-menu .item-button:hover{color:var(--colorText1)}.learner .tab-menu .item-button.is-active:after,.learner .tab-menu .item-button:hover:after{transform:scale(1)}.learner .tab-menu .item:last-child .item-button span:after{display:none}.learner .tab-depth1{background:var(--colorMainClear);border-radius:18px;display:inline-flex;height:36px;line-height:34px;margin-right:30px}.learner .tab-depth1 .item{border-radius:18px;color:var(--colorMain);overflow:hidden;position:relative;white-space:nowrap}.learner .tab-depth1 .item:before{background:var(--colorMain);border-radius:18px;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translate(101%);transition:all .3s ease;width:100%}.learner .tab-depth1 .item:last-child{margin:0}.learner .tab-depth1 .item:last-child:before{transform:translate(-101%)}.learner .tab-depth1 .item-button{padding:0 20px;position:relative}.learner .tab-depth1 .item.is-active{color:#fff}.learner .tab-depth1 .item.is-active:before{transform:translate(0)}.learner .tooltip-area{display:inline-block;position:relative}.learner .tooltip-btn{cursor:pointer}.learner .tooltip-box{align-items:flex-start;background:var(--colorMainClear);border:1px solid var(--colorMain);border-radius:5px;color:var(--colorMain);display:flex;left:0;max-width:100%;padding:10px 10px 10px 20px;position:absolute;top:calc(100% + 6px);z-index:10}.learner .tooltip-box .txt{flex:1;font-size:var(--font-sm);line-height:1.4;margin-right:20px;padding:4px 0;word-break:keep-all}.learner .tooltip-box .btn{font-size:10px}.learner .grid-top{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:20px}.learner .grid-top .count{margin-bottom:-8px}.learner .grid-top .count>span{color:var(--colorMain)}.learner .grid-top .btn-wrap{margin-left:auto;margin-top:0}.learner .grid-top .btn-wrap button{margin-top:0}.learner .grid-top .btn-wrap button i{margin-right:6px}.learner .grid-top .btn-wrap.is-full{justify-content:space-between;margin-left:0;width:100%}.learner .grid-top .btn-wrap.no-mt .btn-group{margin-top:0}.learner .form-toast{align-items:center;background:var(--colorSecondary);border-radius:8px;box-shadow:0 3px 10px #100b0214;color:#fff;display:inline-flex;font-weight:500;justify-content:center;left:50%;line-height:1.2;min-height:46px;padding:10px 30px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:101}.learner .form-toast .fi-circle-i{font-size:var(--font-xl)}.learner .form-toast .txt{font-size:var(--font-base);margin-left:10px}.learner .kebab-area{display:inline-block;position:relative}.learner .kebab-btn{color:#c2c2c2;padding-left:10px;transition:all .2s ease}.learner .kebab-btn:hover{color:#333}.learner .kebab-menu{background:#fff;border:1px solid #d7d7d7;border-radius:8px;box-shadow:2px 0 10px #0000001a;padding:22px 20px;position:absolute;right:-10px;top:calc(100% + 8px);white-space:nowrap;z-index:10}.learner .kebab-menu-btn{color:#666;display:block;font-weight:500;margin-top:20px}.learner .kebab-menu-btn:hover{color:var(--colorMain)}.learner .kebab-menu-btn:first-child{margin-top:0}.learner .list-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.learner .list-top:has(.has-check){gap:10px}.learner .list-top:has(.has-check) .has-check{flex:1;text-align:right}.learner .list-top:has(.has-check) .has-check .check-list{margin-bottom:6px}.learner .list-top .count>span{color:var(--colorMain)}.learner .list-top .check-list{display:inline-block;margin:0}.learner .list-top .check-list-item{margin:0 20px 0 0}.learner .list-top .check-list-item:last-child{margin:0 10px 0 0}.learner .list-top .check-list-item input+label .check-item-txt{color:var(--colorText1);font-size:var(--font-base)}.learner .my-home-list-item{border-bottom:1px solid #f1f1f1;padding:30px 0;width:100%}.learner .my-home-list-item:last-child{border:0}.learner .my-home-list-item:first-child{padding-top:0}.learner .my-home-item{align-items:center;display:flex;gap:30px}.learner .my-home-item:hover{cursor:pointer}.learner .my-home-item:hover .info-title{text-decoration:underline}.learner .my-home-item-thumb{border-radius:15px;height:180px;overflow:hidden;position:relative;width:280px}.learner .my-home-item-thumb .thumb-loading{background-color:#d3d3d3;background-position:50%;background-repeat:no-repeat;background-size:100% auto;height:100%;left:0;position:absolute;top:0;width:100%}.learner .my-home-item-thumb .thumb-loading:before{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.learner .my-home-item-thumb .img{height:100%;position:relative;width:100%}.learner .my-home-item-thumb .img>img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.learner .my-home-item-thumb.default{align-items:center;background:linear-gradient(60deg,var(--colorMainLight) 0,var(--colorPointLight) 100%);color:#fff9;display:flex;font-size:50px;justify-content:center;opacity:.6}.learner .my-home-item-thumb.default:after{background:#fff9;content:"";display:block}.learner .my-home-item-info{align-items:center;display:flex;flex:1;justify-content:space-between}.learner .my-home-item-info-left{flex:1}.learner .my-home-item-info-left .top{align-items:center;display:flex;gap:10px}.learner .my-home-item-info-left .top .category{color:var(--colorText2);font-size:13px}.learner .my-home-item-info-left .top .kebab-area{display:none}.learner .my-home-item-info-left .info-memo{color:var(--colorMain);font-size:var(--font-base);font-weight:700;letter-spacing:-.025em}.learner .my-home-item-info-left .info-memo:hover{text-decoration:underline;text-underline-offset:2px}.learner .my-home-item-info-left .info-title{display:block;display:-webkit-box;display:-ms-box;font-size:var(--font-lg);font-weight:700;line-height:1.3;margin-top:10px;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:100%;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;word-break:keep-all}.learner .my-home-item-info-left .info-date{display:none}.learner .my-home-item-info-left .info-date:has(.date){align-items:center;display:flex;flex-wrap:wrap;gap:10px 28px;margin:18px 0 14px}.learner .my-home-item-info-left .info-date .date{align-items:center;color:var(--colorText3);display:flex;font-size:13px;gap:8px}.learner .my-home-item-info-left .info-date .date:first-child{margin-top:0}.learner .my-home-item-info-left .info-date .date .payment{color:var(--colorMain)}.learner .my-home-item-info-left .info-not-completed,.learner .my-home-item-info-left .info-reject{align-items:center;display:flex;font-size:12px;gap:10px}.learner .my-home-item-info-left .info-not-completed-label,.learner .my-home-item-info-left .info-reject-label{border:1px solid #d7d7d7;border-radius:3px;display:inline-block;font-size:var(--font-xs);height:20px;line-height:18px;padding:0 8px;vertical-align:middle}.learner .my-home-item-info-left .info-not-completed-txt,.learner .my-home-item-info-left .info-reject-txt{color:#666}.learner .my-home-item-info-left .info-learning-period,.learner .my-home-item-info-left .info-waiting-period{color:#888;font-size:14px}.learner .my-home-item-info-left .info-learning-period.is-active,.learner .my-home-item-info-left .info-waiting-period.is-active{color:var(--colorMain)}.learner .my-home-item-info-left .info-curriculum-count{margin-bottom:10px}.learner .my-home-item-info-left .info-curriculum-count .count{align-items:center;color:var(--colorText3);display:flex;font-size:13px;gap:8px;line-height:20px}.learner .my-home-item-info-left .info-progress{margin-bottom:10px}.learner .my-home-item-info-left .info-progress .progress{align-items:center;display:flex}.learner .my-home-item-info-left .info-progress .progress-inner{background:#f5f5f5;border-radius:3px;display:inline-block;height:8px;min-width:400px;position:relative}.learner .my-home-item-info-left .info-progress .progress-bar{background:var(--colorMain);border-radius:3px;display:inline-block;height:100%;position:absolute;transition:width .2s;width:0}.learner .my-home-item-info-left .info-progress .progress-num{margin-left:8px}.learner .my-home-item-info-left .info-tag .tag-label{background:#f1f1f1;border-radius:3px;color:#666;display:inline-block;font-size:12px;margin:0 0 4px 4px;padding:5px 10px 7px}.learner .my-home-item-info-left .info-tag .tag-label:first-child{margin-left:0}.learner .my-home-item-info-right .btn-s-line-gray{border-radius:8px;font-size:16px;font-weight:700;height:88px;letter-spacing:-.02em;line-height:24px;width:134px}.learner .my-home-item-info-right .btn-s-line-gray .fi-heart-fill{color:#f65b5c;font-size:var(--font-lg)}.learner .my-home-item-info-right .btn-s-line-gray .fi-badge-circle-ribbon,.learner .my-home-item-info-right .btn-s-line-gray .fi-nav-bell{font-size:var(--font-xxl)}.learner .my-home-item-info-right:has(.kebab-area){align-self:flex-start}.learner .my-home-item-info-right .btn-download{align-items:center;background:var(--colorMainClear);border:1px solid transparent;border-radius:8px;color:var(--colorMain);display:flex;flex-direction:column;gap:10px;padding:20px 40px;transition:all .2s ease}.learner .my-home-item-info-right .btn-download>i{font-weight:700}.learner .my-home-item-info-right .btn-download .txt{font-size:var(--font-base);font-weight:700;letter-spacing:-.02em}.learner .my-home-item-info-right .btn-download:hover{border-color:var(--colorMain)}.learner .loading{position:relative}.learner .course-list{display:flex;flex-wrap:wrap;gap:45px}.learner .course-list.col-3 .course-list-item{width:370px}.learner .course-list.col-4 .course-list-item{width:calc(25% - 18px)}.learner .rate-box{align-items:center;display:inline-flex;padding-top:3px}.learner .rate-box-icon{color:#ffce00;font-size:var(--font-lg);font-weight:400;margin-top:-2px}.learner .rate-box-num{color:#333;font-family:roboto;font-size:var(--font-xl);font-weight:700;margin:0 0 0 .25em}.learner .rate-box-count{color:var(--colorMain);font-family:roboto;font-size:var(--font-sm);font-weight:400;margin:0 0 -.15em .25em}.learner .course-item{background:#fff;border-radius:40px;box-shadow:0 0 30px #0003;cursor:pointer;height:450px;min-width:370px;overflow:hidden;position:relative}.learner .course-item-thumb{height:220px;left:0;overflow:hidden;position:relative;top:0}.learner .course-item-thumb .thumb-skeleton{height:100%;left:0;position:absolute;top:0;width:100%}.learner .course-item-thumb .thumb-skeleton-loading{align-items:center;background-color:#d3d3d3;background-position:50%;background-repeat:no-repeat;background-size:100% auto;display:flex;height:100%;justify-content:center;width:100%}.learner .course-item-thumb .thumb-skeleton-loading .loading-text{color:#fff;font-size:15px;font-weight:700;text-align:center;word-break:keep-all;z-index:1}.learner .course-item-thumb .thumb-skeleton-loading:before{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);content:"";display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.learner .course-item-thumb .img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.learner .course-item-thumb .img img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.learner .course-item-thumb.default .img{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.learner .course-item-thumb.default .img>i{display:none}.learner .course-item-info{background-color:#fff;bottom:0;cursor:pointer;height:calc(100% - 220px);left:0;overflow:hidden;padding:30px 35px;position:absolute;transition:all .4s ease;width:100%}.learner .course-item-info .top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.learner .course-item-info .top .category{background:#f1f1f1;border-radius:100px;height:30px;max-width:200px;overflow:hidden;padding:0 15px 0 35px;position:relative}.learner .course-item-info .top .category-index{align-items:center;background:var(--colorNavy);border-radius:50%;display:flex;height:30px;justify-content:center;left:0;position:absolute;top:0;width:30px}.learner .course-item-info .top .category-index .nuxt-icon{font-size:14px;margin-bottom:0}.learner .course-item-info .top .category-name{color:var(--colorText1);display:block;font-size:12px;font-weight:500;line-height:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learner .course-item-info .info-title{display:block;display:-webkit-box;display:-ms-box;font-size:var(--font-lg);font-weight:700;height:2.6em;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:100%;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;word-break:keep-all}.learner .course-item-info .info-label{max-height:0;overflow:hidden}.learner .course-item-info .info-date .date{color:var(--colorText3);font-size:13px;margin-top:8px;padding-left:20px;position:relative}.learner .course-item-info .info-date .date:first-child{margin-top:0}.learner .course-item-info .info-date .date>i{left:0;position:absolute;top:0}.learner .course-item-info .info-date .date>i.fi-pencil-underline{font-size:15px;top:-1px}.learner .course-item-info .info-tag{bottom:0;height:56px;left:0;margin:0 0 20px;max-width:240px;overflow:hidden;position:relative}.learner .course-item-info .info-tag .tag-label{background:#f1f1f1;border-radius:5px;color:#666;display:inline-block;font-size:12px;font-weight:500;margin:0 4px 4px 0;padding:5px 10px 7px}.learner .course-item-info .info-tag .tag-label:first-child{margin-left:0}.learner .course-item-info .info .btn-wrap{display:flex;flex-wrap:nowrap;height:0;justify-content:space-between;margin-top:0;opacity:0;transition:all .2s ease;width:100%}.learner .course-item-info .info .btn-wrap .btn-f-fill-main,.learner .course-item-info .info .btn-wrap .btn-f-line-main{font-size:16px;font-weight:500;height:43px;line-height:43px;margin-right:0;min-width:calc(50% - 6px)}.learner .course-item.contents{max-width:33.3333333333%}.learner .course-item.contents .course-item-info .info .date-label{align-items:center;display:flex;gap:10px;height:0;margin-top:20px;opacity:0}.learner .course-item.contents .course-item-info .info .date-label .label{background:var(--colorSecondary3);height:30px}.learner .course-item.contents .course-item-info .info .date-label .label>span{background-color:var(--colorSecondaryClear);border-radius:100px;color:var(--colorSecondary);display:inline-block;font-size:12px;font-weight:500;line-height:30px;padding:0 12px;text-align:center;vertical-align:middle}.learner .course-item.contents .course-item-info .info .date-label .date{color:var(--colorSecondary);font-size:13px;font-weight:500;position:relative}.learner .course-item.contents.is-show .course-item-info .info .date-label{height:30px;opacity:1}.learner .course-item.popular{box-shadow:none;height:518px}.learner .course-item.popular .course-item-thumb{border:none;height:332px}.learner .course-item.popular .course-item-info{background:linear-gradient(101.1deg,#f46fe6 15.46%,#8294f5,#64a5fd 101.65%);height:calc(100% - 332px)}.learner .course-item.popular .course-item-info .top .btn-like .nuxt-icon{margin-bottom:0}.learner .course-item.popular .course-item-info .top .btn-like .nuxt-icon>path{fill:#fff}.learner .course-item.popular .course-item-info .info-title{display:block;display:-webkit-box;display:-ms-box;font-size:var(--font-lg);font-weight:700;height:2.6em;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:100%;overflow:hidden;word-wrap:break-word;color:#fff;text-overflow:ellipsis;word-break:keep-all}.learner .course-item.popular .course-item-info .info-label{max-height:0;opacity:0;overflow:hidden}.learner .course-item.popular .course-item-info .info-date{display:none}.learner .course-item.popular .course-item-info .info-date .date{color:var(--colorText3);font-size:13px;margin-top:8px;padding-left:20px;position:relative}.learner .course-item.popular .course-item-info .info-date .date:first-child{margin-top:0}.learner .course-item.popular .course-item-info .info-date .date>i{left:0;position:absolute;top:0}.learner .course-item.popular .course-item-info .info-date .date>i.fi-pencil-underline{font-size:15px;top:-1px}.learner .course-item.popular .course-item-info .info-tag{bottom:0;height:56px;left:0;margin:0 0 20px;overflow:hidden;padding:0 20px;position:absolute;width:100%}.learner .course-item.popular .course-item-info .info-tag .tag-label{border-radius:3px;color:#666;display:inline-block;font-size:12px;margin:0 0 4px 4px;padding:5px 10px 7px}.learner .course-item.popular .course-item-info .info-btn-wrap{display:none}.learner .course-item.popular .course-item.is-show .course-item-info{height:calc(100% - 220px)}.learner .course-item.new{box-shadow:none;display:flex;height:400px;min-width:100%}.learner .course-item.new .course-item-thumb{align-items:center;background-color:#9dcbff;border-radius:40px 0 0 40px;display:flex;flex:1;height:100%;justify-content:center;left:0;overflow:hidden;position:relative;top:0}.learner .course-item.new .course-item-thumb .img{background-position:50%;background-repeat:no-repeat;background-size:cover;border:10px outset hsla(0,0%,100%,.3);border-radius:30px;height:290px;overflow:hidden;position:relative;width:420px}.learner .course-item.new .course-item-thumb .img img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.learner .course-item.new .course-item-info{background:#fff;border:1px solid #e7e7e7;border-radius:0 40px 40px 0;border-bottom-left-radius:0!important;cursor:pointer;flex:1;height:100%;overflow:hidden;padding:50px 70px;position:relative;transition:all .4s ease;width:100%}.learner .course-item.new .course-item-info .info-title{font-size:26px;font-weight:700}.learner .course-item.new .course-item-info .info-date .date{align-items:center;color:#000;display:flex;font-size:15px;font-weight:500;gap:60px;height:40px;padding-left:0;position:relative}.learner .course-item.new .course-item-info .info-date .date:first-child{margin-top:0}.learner .course-item.new .course-item-info .info-date .date .index{align-items:center;display:flex;min-height:40px;padding-bottom:0}.learner .course-item.new .course-item-info .info-date .date .index .icon{color:var(--colorText3);font-size:19px;height:19px;margin-right:10px;width:19px}.learner .course-item.new .course-item-info .info-desc{margin-top:20px}.learner .course-item.new .course-item-info .info-desc .info-desc-title{display:block;font-weight:700;line-height:36px}.learner .course-item.new .course-item-info .info-desc .info-desc-cont{display:block;display:-webkit-box;display:-ms-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-width:100%;overflow:hidden;word-wrap:break-word;color:var(--colorText5);font-weight:500;text-overflow:ellipsis;word-break:keep-all}.learner .course-item.new .course-item-info .info-tag{background:#fff;bottom:0;height:56px;left:0;margin:0 0 20px;overflow:hidden;position:absolute;width:100%}.learner .course-item.new .course-item-info .info-tag .tag-label{background:#f1f1f1;border-radius:3px;color:#666;display:inline-block;font-size:12px;margin:0 0 4px 4px;padding:5px 10px 7px}.learner .course-item.is-show .course-item-info{height:calc(100% - 160px)}.learner .course-item.is-show .btn-wrap{height:43px;opacity:1}.learner .swiper-wrapper .swiper-slide .course-list-item:nth-child(odd) .course-item-thumb{border-radius:15px 15px 0 0}.learner .swiper-wrapper .swiper-slide:nth-child(odd) .course-list-item .course-item-thumb{border-radius:15px 15px 60px 0}.learner .attachment{margin-top:20px}.learner .attachment-down{margin-bottom:20px}.learner .attachment-down:after{clear:both;content:"";display:block;visibility:hidden}.learner .attachment-down .btn-all{float:right;position:relative}.learner .attachment-down .btn-all>i{margin-right:10px}.learner .attachment-down .btn-all:hover{color:var(--colorMain)}.learner .attachment-title{font-weight:700;margin-bottom:10px}.learner .attachment-list{margin:-10px 0 0 -10px}.learner .attachment-list+.attachment-title{margin-top:20px}.learner .attachment-list:after{clear:both;content:"";display:block;visibility:hidden}.learner .attachment-list-item{display:block;float:left;padding:10px 0 0 10px;width:25%}.learner .attachment-list .item{align-items:center;background:var(--colorMainClear);border:1px solid transparent;border-radius:5px;display:flex;height:78px;padding:0 20px;position:relative;transition:all .2s ease;width:100%}.learner .attachment-list .item .fi-document{color:var(--colorMain);font-size:23px;margin-right:14px}.learner .attachment-list .item .txt{flex:1;font-size:var(--font-sm);text-align:left}.learner .attachment-list .item .txt-title{display:block;display:-webkit-box;display:-ms-box;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:100%;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;word-break:keep-all;word-break:break-all}.learner .attachment-list .item .txt-size{color:#888;margin-top:5px}.learner .attachment-list .item>.fi-download{font-size:20px;opacity:0;transition:all .2s ease}.learner .attachment-list .item .btn-down{margin-left:20px}.learner .attachment-list .item .btn-down>i{font-size:20px}.learner .attachment-list .item:focus-visible,.learner .attachment-list .item:hover{background:var(--colorMainClear);border-color:var(--colorMain)}.learner .attachment-list .item:focus-visible>i.fi-download,.learner .attachment-list .item:hover>i.fi-download{color:var(--colorMain);opacity:1}.learner .breadcrumb{align-items:flex-end;background:var(--colorMain);color:#fff;display:flex;font-size:var(--font-sm);height:72px;margin-bottom:50px;padding-bottom:20px}.learner .nodata{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.learner .nodata-icon{color:#999;font-size:42px;margin-bottom:20px}.learner .nodata-txt{color:#999;font-size:16px}.learner .nodata.has-height{min-height:325px}.learner .lock{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.learner .lock i{color:#999;font-size:42px;margin-bottom:20px}.learner .lock-txt{color:var(--colorText5);font-size:var(--font-base);line-height:1.3;text-align:center}.learner .badge-icon{background-size:auto 100%;height:80px;width:80px}.learner .badge-icon.lucky{background-position-x:-80px}.learner .badge-icon.flower{background-position-x:-160px}.learner .slider-wrap{position:relative}.learner .slider-wrap .slider-btn{align-items:center;border:1px solid var(--colorBorder2);border-radius:50%;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transition:all .2s ease;width:40px;z-index:1}.learner .slider-wrap .slider-btn .nuxt-icon{height:13px;margin-bottom:0;width:7px}.learner .slider-wrap .slider-btn.btn-prev{left:-20px;transform:translate(-100%,-50%)}.learner .slider-wrap .slider-btn.btn-prev .nuxt-icon{margin-right:1px}.learner .slider-wrap .slider-btn.btn-next{right:-20px;transform:translate(100%,-50%)}.learner .slider-wrap .slider-btn.btn-next .nuxt-icon{margin-left:1px}.learner .slider-wrap .slider-btn:hover{background:var(--colorSubMedium);border-color:var(--colorSub)}.learner .slider-wrap .slider-btn:hover .nuxt-icon{color:var(--colorMainDark)}.learner .slider-wrap .slider-btn:disabled{display:none}.learner table.table-default thead tr th{background:var(--colorMain);color:#fff;padding:14px 0;position:relative}.learner table.table-default thead tr th:before{background:#fff;content:"";display:block;height:calc(100% - 28px);left:0;position:absolute;top:14px;width:1px}.learner table.table-default thead tr th:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px}.learner table.table-default thead tr th:first-child:before{display:none}.learner table.table-default thead tr th:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px}.learner table.table-default tbody tr td{border-bottom:1px solid #eaeaea;padding:16px 5px;text-align:center}.learner .no-data{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;min-height:325px}.learner .no-data .icon{color:var(--colorText5);font-size:42px}.learner .no-data .txt{color:var(--colorText5)}.learner .toastui-editor-contents{font-family:EliceDigitalBaeum;font-size:var(--font-base)}.learner .toastui-editor-contents h1,.learner .toastui-editor-contents h2,.learner .toastui-editor-contents h3,.learner .toastui-editor-contents h4,.learner .toastui-editor-contents h5,.learner .toastui-editor-contents h6{line-height:1.4;margin:0}.learner .toastui-editor-contents h1{font-size:2em}.learner .toastui-editor-contents h2{font-size:1.84em}.learner .toastui-editor-contents h3{font-size:1.68em}.learner .toastui-editor-contents h4{font-size:1.52em}.learner .toastui-editor-contents h5{font-size:1.36em}.learner .toastui-editor-contents h6{font-size:1.2em}.learner .toastui-editor-contents code,.learner .toastui-editor-contents pre{font-family:inherit}.learner .toastui-editor-contents ul>li:before{margin-top:.65em}.learner .toastui-editor-contents .task-list-item:before{margin-top:.2em}.learner .toastui-editor-ww-code-block:after{line-height:1.4}.learner .board-table table{table-layout:fixed}.learner .board-table thead tr{background-color:var(--colorMain);color:#fff;height:42px}.learner .board-table thead tr th{font-weight:500}.learner .board-table thead tr th:first-child{border-radius:5px 0 0 5px}.learner .board-table thead tr th:last-child{border-radius:0 5px 5px 0}.learner .board-table thead tr th:not(:first-child){position:relative}.learner .board-table thead tr th:not(:first-child):before{background-color:#ffffff4d;content:"";height:15px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}.learner .board-table thead tr .col-num{width:80px}.learner .board-table thead tr .col-register{width:100px}.learner .board-table thead tr .col-views{width:90px}.learner .board-table thead tr .col-date{width:120px}.learner .board-table tbody tr{border-bottom:1px solid #e7e7e7;height:50px}.learner .board-table tbody tr td{overflow:hidden;padding:18px 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.learner .total-count{align-items:center;color:#333;display:flex;font-weight:500}.learner .total-count>.count{color:#00866b;margin-left:4px}.learner .btn-accordion{border:1px solid var(--colorBorder2);border-radius:50%;height:28px;line-height:26px;min-width:28px;position:relative;transition:transform .3s ease-in-out,background-color .3s,border-color .3s}.learner .btn-accordion.type-b{border:none}.learner .btn-accordion.type-b .nuxt-icon{height:8px;width:13px}.learner .btn-accordion.type-b.is-active,.learner .btn-accordion.type-b:hover{background-color:transparent;color:var(--colorMain)}.learner .btn-accordion .nuxt-icon{height:6px;left:50%;margin-bottom:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.learner .btn-accordion.is-active{transform:rotate(180deg)}.learner .btn-accordion.is-active,.learner .btn-accordion:hover{background-color:var(--colorSubMedium);border-color:var(--colorSub);color:var(--colorMain)}.learner .form.write{background:var(--colorBorder3);border:0;display:flex;flex-wrap:wrap;font-size:var(--font-adm-base);gap:1px;margin-top:10px;padding:1px}.learner .form.write.process{background:none;gap:20px}.learner .form.write.process .form-item{min-height:60px}.learner .form.write.process .form-item .form-box>dt{background-color:var(--colorSubClear);border:1px solid #b1d3a2;border-radius:10px 0 0 10px;font-size:var(--font-lg);font-weight:700;line-height:22px;padding:0 0 0 40px;width:210px}.learner .form.write.process .form-item .form-box>dt label>p:last-child{font-size:var(--font-base)}.learner .form.write.process .form-item .form-box>dd{border:1px solid var(--colorBorder3);border-left:none;border-radius:0 10px 10px 0;color:var(--colorText3);display:block;padding:20px 30px}.learner .form.write.process .form-item .form-box>dd>p:not(:first-child){margin-top:7px}.learner .form.write.process .form-item .form-box>dd .hg{color:#333;font-weight:600}.learner .form.write .form-item{align-items:flex-start;border:0;display:inline-flex;flex-wrap:wrap;min-height:56px;position:relative;vertical-align:middle}.learner .form.write .form-item.is-full{width:100%}.learner .form.write .form-item.w-60{width:calc(66.66667% - 6.66667px)}.learner .form.write .form-item.w-50{width:calc(50% - .5px)}.learner .form.write .form-item .form-box{display:inline-flex;height:100%;width:100%}.learner .form.write .form-item .form-box.empty{background-color:#fff}.learner .form.write .form-item .form-box:is(.apply *)>dt{background-color:var(--colorSubClear)}.learner .form.write .form-item .form-box>dt{align-items:center;align-items:flex-start;background-color:var(--colorBg6);display:inline-flex;flex-direction:column;justify-content:center;min-width:160px;padding:0 16px 0 20px}.learner .form.write .form-item .form-box>dt>label{overflow-wrap:break-word;word-break:keep-all}.learner .form.write .form-item .form-box>dt.file{height:50px;min-width:170px}.learner .form.write .form-item .form-box>dt.none-bg{background-color:initial}.learner .form.write .form-item .form-box>dt.required label:after{color:#ff3b30;content:" *"}.learner .form.write .form-item .form-box>dt.required label:has(.btn-question):after{display:none}.learner .form.write .form-item .form-box>dt.required label:has(.btn-question)>span:after{content:" *"}.learner .form.write .form-item .form-box>dt.required.is-check label{color:var(--colorPoint1)}.learner .form.write .form-item .form-box>dd{align-items:center;background-color:#fff;border-left:1px solid var(--colorBorder3);display:flex;flex:1;gap:10px;padding:8px 10px}.learner .form.write .form-item .form-box>dd .inner .domain{display:none}.learner .form.write .form-item .form-box>dd.multiple{flex-direction:column;gap:8px}.learner .form.write .form-item .form-box>dd.multiple .multiple-item{display:flex;gap:8px;margin-right:auto}.learner .form.write .form-item .form-box>dd.file{align-items:flex-start;flex-direction:column;gap:6px}.learner .form.write .form-item .form-box>dd.file .file-wrap{align-items:center;display:flex;gap:10px}.learner .form.write .form-item .form-box>dd.file .file-wrap>button{margin-right:0;padding:0 10px;width:78px}.learner .form.write .form-item .form-box>dd.file .file-list{display:flex;gap:6px}.learner .form.write .form-item .form-box>dd.file .file-list .file-item{align-items:center;border:1px solid var(--colorMain);border-radius:100px;display:flex;gap:10px;height:32px;padding:0 20px}.learner .form.write .form-item .form-box>dd.file .file-list .file-item p{padding-bottom:5px}.learner .form.write .form-item .form-box>dd.file .file-list .file-item .xmark{background-color:var(--colorBorder1);border-radius:50%;height:16px;width:16px}.learner .form.write .form-item .form-box>dd.file .file-list .file-item .xmark .nuxt-icon{height:6.75px;margin:1px auto 0 5px;width:6.75px}.learner .form.write .form-item .form-box>dd.file .file-tip{align-items:center;color:var(--grayLightTxt);display:flex;gap:10px}.learner .form.write .form-item .form-box>dd.file .file-tip .nuxt-icon{height:18px;margin-bottom:0;width:16px}.learner .form.write .form-item .form-box>dd span{font-weight:500;line-height:18px}.learner .form.write .form-item .form-box>dd input,.learner .form.write .form-item .form-box>dd select{height:40px;width:100%}.learner .form.write .form-item .form-box>dd select:invalid{color:var(--grayLightTxt)}.learner .form.write .form-item .form-box>dd .check-wrap{width:100%}.learner .form.write .form-item .form-box>dd .check-wrap:has(.check-list){line-height:1.3;padding-right:18px}.learner .form.write .form-item .form-box>dd .disable-background{background-color:var(--colorBg1);cursor:default}.learner .form.write .form-item .form-box>dd .check-list{gap:20px}.learner .form.write .form-item .form-box>dd .clickable{cursor:pointer}.learner .form.write .form-item .form-box>dd .clickable:hover{text-decoration:underline;text-underline-offset:2px}.learner .form.write .form-item .form-box>dd .check-item-txt{font-size:var(--font-adm-default)}.learner .form.write .form-item .form-box>dd .check-item-txt:has(i){text-align:center}.learner .form.write .form-item .form-box>dd .check-item-txt i{font-size:25px}.learner .form.write .form-item .form-box>dd .check-item-txt i.fi-nav-circle-i{font-size:22px}.learner .form.write .form-item .form-box>dd .half-input{width:50%}.learner .form.write .form-item .form-box>dd .items-wrap{width:100%}.learner .form.write .form-item .form-box>dd .items-wrap .check-wrap{margin-bottom:10px}.learner .form.write .form-item .form-box>dd .items{display:flex;flex:1;gap:8px;width:100%}.learner .form.write .form-item .form-box>dd .items>input{flex:1}.learner .form.write .form-item .form-box>dd .items-inner{position:relative;width:100%}.learner .form.write .form-item .form-box>dd .items-inner .limit-time{color:var(--colorPoint2);font-weight:500;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.learner .form.write .form-item .form-box>dd .items>button{color:var(--colorText3);font-weight:500}.learner .form.write .form-item .form-box>dd .items>button.auth-btn{width:88px}.learner .form.write .form-item .form-box>dd .items>button.auth-btn:disabled{color:var(--colorText4)}.learner .form.write .form-item .form-box>dd .items+.tip{color:var(--colorMain);font-size:var(--font-sm);font-weight:500;margin-top:6px}.learner .form.write .form-item .form-box>dd .items+.expired{color:var(--colorPoint2);font-size:var(--font-sm);font-weight:500;margin-top:6px}.learner .form.write .form-item .form-box>dd .items.auth{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr 1fr auto}.learner .form.write .form-item .form-box>dd .items.auth.only-mobile{display:none}.learner .form.write .form-item .form-box>dd .items.auth.phone{grid-template-columns:1fr auto}.learner .form.write .form-item .form-box>dd .items.auth>button{width:145px}.learner .form.write .form-item .form-box>dd .items.auth>button:disabled{color:var(--colorText4)}.learner .form-partition{align-items:stretch;display:flex}.learner .form-partition .form.id-photo{flex-direction:column;width:160px}.learner .form-partition .form:first-child{flex:1}.learner .form-partition .form:not(:first-child){padding-left:0}.learner .form-partition .form:not(:first-child) dt{border-right:1px solid var(--colorBorder3)}.learner .form-partition .form:not(:first-child) dd{border-left:none!important}.learner .form-partition .form-item{width:100%}.learner .form-partition .form-item .id-photo-item .preview{height:157px;width:118px}.learner .form-partition .form-item .id-photo-item .preview>img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.learner .form-partition .form-item .id-photo-item:has(.preview){justify-content:center}.learner .form-partition .form-item:has(.preview){flex:1}.learner .form-partition .form .empty{height:56px}.learner .form button.search-btn{width:88px}.learner .form button.upload-btn{color:var(--colorText3);height:32px;padding:0 16px;width:118px}.learner .search .input-box{align-items:center;border:1px solid var(--colorBorder2);border-radius:6px;display:inline-flex;min-width:300px;padding:0 12px}.learner .search .input-box input{border:0;flex:1;padding:0;width:100%}.learner .search .input-box .nuxt-icon{height:15.2px;margin-bottom:0;width:15.2px}.toast-modal{align-items:center;background:#f2fdfb;border:1px solid #147c6c;border-radius:10px;box-shadow:0 3px 10px #100b0214;color:#147c6c;display:inline-flex;justify-content:flex-start;left:50%;line-height:1.2;min-height:46px;min-width:300px;padding:10px 20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.toast-modal .fi-circle-i{font-size:var(--font-adm-base);margin:0}.toast-modal .txt{font-size:var(--font-adm-base);font-weight:700;margin-left:8px}@media screen and (max-width:1700px){.learner .my-home-item{align-items:flex-start;gap:20px}.learner .my-home-item-thumb{min-width:280px}.learner .my-home-item-info{flex:unset;flex-direction:column;position:relative;width:calc(100% - 300px)}.learner .my-home-item-info-left{width:100%}.learner .my-home-item-info-left .top{display:block}.learner .my-home-item-info-left .top .category{margin-top:8px}.learner .my-home-item-info-left .top .info-title{margin:10px 0}.learner .my-home-item-info-left .info-progress,.learner .my-home-item-info-left .info-progress .progress{width:100%}.learner .my-home-item-info-left .info-progress .progress-inner{min-width:80%}.learner .my-home-item-info-right{width:100%}.learner .my-home-item-info-right .btn-s-line-gray{align-items:center;border-radius:5px;display:flex;gap:10px;height:40px;justify-content:center;margin-top:16px;width:100%}.learner .my-home-item-info-right .kebab-area{position:absolute;right:0;top:0}.learner .my-home-item-info-right .btn-download{flex-direction:row;height:40px;justify-content:center;margin-top:16px;width:100%}}@media screen and (min-width:1025px)and (max-width:1700px){.learner .my-home-item-info-right.specific-resolution{width:-moz-max-content;width:max-content}.learner .my-home-item-info-right.specific-resolution .btn-s-line-gray{display:block;height:88px;margin-top:0;width:134px}}@media screen and (max-width:1600px){.learner .attachment-list-item{width:50%}}@media screen and (max-width:1200px){.learner .course-list.col-3 .course-list-item,.learner .course-list.col-4 .course-list-item{width:calc(50% - 12px)}.learner .attachment-list-item{width:100%}}@media screen and (max-width:900px){.pdf-app #toolbarViewerMiddle{margin:0 0 0 auto!important}}@media only screen and (max-width:1024px){.learner .course-list{gap:16px}.learner .course-list.col-3 .course-list-item,.learner .course-list.col-4 .course-list-item{width:calc(50% - 8px)}.learner .course-list-item .course-item-thumb{border-radius:10px 10px 0 0}.learner .course-list-item:nth-child(odd) .course-item-thumb{border-radius:10px 10px 40px 0}.learner .course-item.is-show .course-item-info{border-radius:40px 10px 10px;padding-top:40px}.learner .swiper-wrapper .swiper-slide .course-list-item:nth-child(odd) .course-item-thumb{border-radius:10px 10px 0 0}.learner .relation-course-slider .swiper-slide:nth-child(odd) .course-item-thumb,.learner .swiper-wrapper .swiper-slide:nth-child(odd) .course-list-item .course-item-thumb{border-radius:10px 10px 40px 0}.learner .attachment-list-item .item{border-radius:5px;gap:10px;height:62px}.learner .attachment-list-item .item .fi-document{font-size:18px;margin:0}.learner .attachment-list-item .item .txt-title{margin-bottom:2px}.learner .attachment-list-item .item .fi-download{font-size:16px}.learner .attachment-down{margin-bottom:15px}.learner select{background-position:center right 15px;background-size:auto 5px;height:30px;line-height:28px;min-width:auto;padding:0 32px 0 16px}.learner input[type=email],.learner input[type=number],.learner input[type=password],.learner input[type=tel],.learner input[type=text]{padding:0 10px}.learner [class*=btn-l-]{height:30px;line-height:22px;padding:0 16px}.learner [class*=btn-s-]{height:32px;line-height:30px;padding:0 10px}.learner textarea{padding:10px}.learner .check-item input+label .check-item-icon{height:16px;min-width:16px;width:16px}.learner .check-item input+label .check-item-txt{margin:0 0 0 6px}.learner .check-item input[type=checkbox]+label .check-item-icon .icon{height:8px;width:10px}.learner .check-item input[type=checkbox]+label .check-item-icon .icon:before{bottom:1px;height:5px;left:1px}.learner .check-item input[type=checkbox]+label .check-item-icon .icon:after{bottom:0;height:8px;right:3px}.learner .check-item input[type=radio]+label .check-item-icon .icon:after{height:6px;left:4px;top:4px;width:6px}.learner .slider-wrap .slider-btn{height:26px;width:26px}.learner .slider-wrap .slider-btn>i{font-size:10px}.learner .slider-wrap .slider-btn.btn-prev{left:5px}.learner .slider-wrap .slider-btn.btn-next{right:5px}.learner .toggle-switch-box{height:10px;width:24px}.learner .toggle-switch-circle{height:16px;width:16px}.learner .toggle-switch:has(:checked) .toggle-switch-circle{left:calc(100% - 12px)}.learner .btn-toggle:has(:checked) .btn-toggle-circle{left:calc(100% - 14px)}.learner .btn-toggle-box{height:10px;width:26px}.learner .btn-toggle-circle{height:16px;left:-2px;width:16px}.learner .tab-box{margin-bottom:20px}.learner .tab-box .edu-course{overflow:hidden}.learner .tab-box [class^=btn-swipe]{align-items:center;background:#fffc;border:1px solid var(--colorBg5);border-radius:50%;box-shadow:0 2px 10px #00000005;display:inline-flex;height:22px;justify-content:center;margin-top:-15px;position:absolute;top:50%;transition:all .2s ease;width:22px;z-index:5}.learner .tab-box [class^=btn-swipe]>i{border-bottom:1px solid #333;border-left:1px solid #333;display:block;height:6px;margin-right:-2px;transform:rotate(45deg);width:6px}.learner .tab-box [class^=btn-swipe].btn-swipe-left{left:-10px}.learner .tab-box [class^=btn-swipe].btn-swipe-right{right:-10px}.learner .tab-box [class^=btn-swipe].btn-swipe-right>.icon{margin-left:-2px;margin-right:0;transform:rotate(-135deg)}.learner .tab-box [class^=btn-swipe]:hover{background:var(--colorMain);box-shadow:0 2px 10px #00000014}.learner .tab-box [class^=btn-swipe]:hover i{border-color:#fff}.learner .tab-box [class^=btn-swipe]:disabled{opacity:0}.learner .tab-menu .item-button{font-size:14px;padding:0 15px 10px}.learner .my-home-list-item{padding:16px 0}.learner .my-home-list-item:last-child{padding:16px 0 0}.learner .my-home-list-item.only-one-child{padding:0}.learner .kebab-menu{padding:12px 15px}.learner .btn-wrap{margin-top:20px}.learner .btn-wrap>.btn-group{flex:1;margin:0}.learner .btn-wrap>.btn-group.right{margin-left:0}.learner .btn-wrap>.btn-group>button{height:42px;width:100%}.learner .btn-more{height:36px}.learner .btn-more .fi-chevron-down{font-size:5px}.learner .no-data{gap:16px;min-height:260px}.learner .no-data .icon{font-size:32px}.learner .no-data .txt{font-size:14px}.learner .nodata-icon{font-size:30px;margin-bottom:10px}.learner .nodata-txt{font-size:14px}.learner .lock i{font-size:30px;margin-bottom:10px}.learner .lock-txt{font-size:13px}.learner .form-toast{max-width:330px;width:100%}.learner table.table-default thead tr th{padding:10px 0}.learner table.table-default thead tr th:before{height:calc(100% - 20px);top:10px}.learner table.table-default tbody tr td{padding:12px 0}.learner .banner{border-radius:0;height:80px;margin-top:0;max-width:100%;width:100%}.learner .banner:before{background-size:100% 80px}.learner .banner .title{left:25px}.learner .banner .title-txt{font-size:24px}.learner .banner .title-desc{display:none}}@media only screen and (max-width:768px){.learner .course-list.col-3 .course-list-item,.learner .course-list.col-4 .course-list-item{width:100%}.learner .my-home-item{display:block}.learner .my-home-item-thumb{height:158px;width:100%}.learner .my-home-item-thumb .img{background-repeat:no-repeat}.learner .my-home-item-thumb .img.default{font-size:30px}.learner .my-home-item-info{display:block;width:100%}.learner .my-home-item-info-left .top{align-items:flex-start;flex-direction:column;gap:8px;margin-top:12px;position:relative}.learner .my-home-item-info-left .top .kebab-area{display:block;position:absolute;right:0;top:0}.learner .my-home-item-info-left .info-date .date{margin:0 0 10px}.learner .my-home-item-info-left .info-date .date:last-child{margin:0}.learner .my-home-item-info-left .info-title{margin:10px 0 14px}.learner .my-home-item-info-left .info-tag{margin:10px 0 0}.learner .my-home-item-info-left .info-progress{margin-top:14px}.learner .my-home-item-info-left .info-progress .progress-inner{border-radius:4px;flex:1;min-width:auto}.learner .my-home-item-info-left .info-progress .progress-bar{border-radius:4px}.learner .my-home-item-info-left .info-reject,.learner .my-home-item-info-left .info-waiting-period{margin-top:10px}.learner .my-home-item-info-left .info-memo{margin-top:14px}.learner .my-home-item-info-left:has(.date) .info-date{display:block;margin:0}.learner .tree-container .tree-list-item.view-mode .check-item input[type=radio]+label .check-item-txt>span:first-child{margin-right:10px}.learner .tree-container .tree-list-item .check-item{margin-right:0}.learner .form-partition{flex-direction:column-reverse}.learner .form.write{margin-top:8px}.learner .form.write .form-item{min-height:46px}.learner .form.write .form-item.w-50,.learner .form.write .form-item.w-60{width:100%}.learner .form.write .form-item .form-box{font-size:13px;line-height:1.2}.learner .form.write .form-item .form-box>dt{min-width:74px;padding:8px 4px 8px 8px;width:74px}.learner .form.write .form-item .form-box>dt label{word-break:keep-all}.learner .form.write .form-item .form-box>dd{flex-direction:column;gap:6px;justify-content:center}.learner .form.write .form-item .form-box>dd .datepicker{width:100%}.learner .form.write .form-item .form-box>dd .datepicker input{font-size:13px}.learner .form.write .form-item .form-box>dd .datepicker .dp__input_icon{left:auto;right:0}.learner .form.write .form-item .form-box>dd .inner{align-items:center;display:flex;gap:6px}.learner .form.write .form-item .form-box>dd .inner .domain,.learner .form.write .form-item .form-box>dd .inner>span{display:inline-block}.learner .form.write .form-item .form-box>dd .items>.domain{display:none}.learner .form.write .form-item .form-box>dd .items select{width:100%!important}.learner .form.write .form-item .form-box>dd input,.learner .form.write .form-item .form-box>dd select{height:30px;padding:0 12px;width:100%}.learner .form.write .form-item .form-box>dd select{padding:0 32px 0 12px}.learner .form.write .form-item .form-box>dd.multiple,.learner .form.write .form-item .form-box>dd.multiple .multiple-item{gap:6px}.learner .form.write .form-item .form-box>dd.file .file-wrap{align-items:flex-start;flex-direction:column;gap:6px}.learner .form.write .form-item .form-box>dd.file .file-wrap>button{font-size:11px;height:26px;line-height:1;min-width:61px;padding:0 5px;width:61px}.learner .form.write .form-item .form-box>dd.file .file-wrap>button>span{line-height:1}.learner .form.write .form-item .form-box>dd.file .file-wrap .file-list .file-item{gap:8px;height:26px;padding:0 16px}.learner .form.write .form-item .form-box>dd.file .file-wrap .file-list .file-item>p{padding-bottom:2px}.learner .form.write .form-item .form-box>dd.file .file-wrap .file-list .file-item>button{height:13px;width:13px}.learner .form.write .form-item .form-box>dd.file .file-tip{align-items:flex-start;gap:6px}.learner .form.write .form-item .form-box>dd.file .file-tip .nuxt-icon{height:14px;margin-top:3px;width:14px}.learner .form.write .form-item .form-box>dd.file .file-tip>span{flex:1}.learner .form.write .form-item .form-box>dd .items-wrap .items{gap:6px}.learner .form.write .form-item .form-box>dd .items-wrap .items>button{min-width:74px;padding:0;width:74px}.learner .form.write .form-item .form-box>dd .items-wrap .items.auth{display:none}.learner .form.write .form-item .form-box>dd .items-wrap .items.auth.phone{display:flex}.learner .form.write .form-item .form-box>dd .items-wrap .items.auth.phone>button{padding:0;width:101px}.learner .form.write .form-item .form-box>dd .items-wrap .items.auth.only-mobile{display:block}.learner .form.write .form-item .form-box>dd .items-wrap .items.auth.only-mobile .inner-email{align-items:center;display:flex;gap:6px}.learner .form.write .form-item .form-box>dd .items-wrap .items.auth.only-mobile .inner-domain{align-items:center;display:flex;gap:8px;margin-top:6px}.learner .form.write .form-item .form-box>dd .items-wrap .items.auth.only-mobile .inner-domain>select{flex:1}.learner .form.write .form-item .form-box>dd .items-wrap .items.auth.only-mobile .inner-domain>button{padding:0;width:101px}.learner .form.write .form-item .form-box>dd .items-wrap .items .auth-btn{min-width:49px;width:49px}.learner .form.write .form-item .id-photo-item .preview{background-color:var(--colorBg6);border-radius:6px;flex:1;height:100%;padding:10px 0;text-align:center;width:100%}.learner .form.write .form-item .id-photo-item .preview>img{aspect-ratio:94/125;background-color:#fff;display:inline-block;height:auto;width:clamp(94px,26.11vw,652px)}.learner .form.write .form-item .id-photo-item .upload-btn{font-size:13px;height:34px;width:100%}.learner .form.write.id-photo{flex-direction:row;flex-wrap:unset;margin-bottom:-9px;width:100%}.learner .form.write.id-photo .form-item:first-child{width:74px}.learner .form.write.id-photo .form-item .form-box>dt{border-left:1px solid var(--colorBorder3);border-right:none}.learner .form.write .form-item:has(.empty){display:none}.learner .form.write.process .form-item .form-box{display:block}.learner .form.write.process .form-item .form-box>dt{align-items:center;border-radius:10px 10px 0 0;display:flex;height:34px;justify-content:center;padding:0;width:100%}.learner .form.write.process .form-item .form-box>dt>label{display:flex;font-size:14px}.learner .form.write.process .form-item .form-box>dd{border-left:1px solid #d7d7d7;border-radius:0 0 10px 10px;border-top:none;padding:12px 16px;width:100%}.learner .form.write.process .form-item .form-box>dd.text-center{text-align:center}.learner .form.write.process .form-item .form-box>dd .process-wrap:not(:first-child){margin-top:20px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-title{font-size:14px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list,.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list>li:not(:first-child){margin-top:10px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list>li>span{display:inline-block;line-height:1;margin-left:10px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list>li>span:before{left:-10px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list>li>span.indent{line-height:18px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list .process-box{padding:16px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list .process-box-list>p{line-height:18px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list .process-box-list>li{margin-top:3px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list .process-box-list:not(:first-child){margin-top:16px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list .process-box-list:last-child>li{padding-left:9px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list .process-box-list:last-child>li>p{margin-top:4px}.learner .form.write.process .form-item .form-box>dd .process-wrap .process-list .process-box-list>div{line-height:18px}.learner .check-wrap:has(.check-list){padding-right:0!important}.learner .check-wrap.multi .check-list{display:grid;gap:6px 10px!important;grid-template-columns:repeat(2,minmax(0,1fr))}.learner .check-wrap.multi .check-list-item:last-child:nth-child(odd){grid-column:1/-1}.learner .check-list-item{margin:6px 10px 0 0}}.error[data-v-24082858]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.error-page[data-v-24082858]{align-items:center;display:inline-flex;gap:56px;justify-content:center;margin:0 auto}.error-page .txt-area .title[data-v-24082858]{color:#f16966;font-family:Roboto;font-size:85px;margin-bottom:10px}.error-page .txt-area .cont[data-v-24082858]{font-size:17px;font-weight:600;line-height:1.4}.error-page .img-area img[data-v-24082858]{width:335px}.error-btn .btn-wrap[data-v-24082858]{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:30px}.error-btn .btn-wrap button[data-v-24082858]{border:none;border-radius:5px;cursor:pointer;flex:1;height:40px}.error-btn .btn-wrap button.btn-back[data-v-24082858]{border:1px solid #ccc}.error-btn .btn-wrap button.btn-out[data-v-24082858]{background:#999;color:#fff}@media screen and (max-width:767px){.error[data-v-24082858]{padding:20px;width:100%}.error-page[data-v-24082858]{flex-direction:column;gap:30px;width:100%}.error-page .txt-area[data-v-24082858]{text-align:center}.error-page .txt-area .title[data-v-24082858]{font-size:60px}.error-page .img-area[data-v-24082858]{max-width:250px}}