@keyframes spin-data-v-3c76c20c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-3c76c20c{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.default-layout[data-v-3c76c20c]{flex:1;width:100%;height:100%;display:flex;flex-direction:column}.default-layout main[data-v-3c76c20c]{display:flex;flex:1;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;transition:.3s}.default-layout .layout-container[data-v-3c76c20c]{flex:1;height:100%;width:100%;padding:0 40px;display:flex;flex-direction:column}@media screen and (max-width:1024px){.default-layout .layout-container[data-v-3c76c20c]{padding:0 8px}}.tooltip-content{position:absolute;max-width:270px;padding:8px 16px;border-radius:5px;font-size:12px;background:#333;color:#fff;box-shadow:0 5px 10px -5px rgba(0,0,0,.35);z-index:1000;user-select:none;pointer-events:none;text-transform:none;text-align:center}.tooltip-content h6{font-size:14px;margin-bottom:4px}.tooltip-content p{font-size:12px;margin:0}@keyframes tooltips-horz{0%{opacity:0;transform:translateY(10px)}to{opacity:.9;transform:translate(0)}}@keyframes tooltips-horz-reverse{0%{opacity:.9;transform:translate(0)}to{opacity:0;transform:translateY(10px)}}.tooltip-content.active{display:block}.tooltip-content.tooltip-articulation.fade-out,.tooltip-content.tooltip-bottom.fade-out,.tooltip-content.tooltip-top.fade-out{animation:tooltips-horz-reverse .2s ease-in forwards;display:none}.tooltip-content.tooltip-articulation.active,.tooltip-content.tooltip-bottom.active,.tooltip-content.tooltip-top.active{animation:tooltips-horz .2s ease-out forwards}.tooltip-content.tooltip-articulation{color:#333;background-color:#fff;border-radius:5px;text-align:left;padding:20px;width:316px}.tooltip-content.tooltip-articulation div{display:flex;margin-top:6px}.tooltip-content.tooltip-articulation div span{margin-right:4px}.tooltip-content.tooltip-articulation div span:not(:first-child){margin-left:10px}.tooltip-content.tooltip-articulation:after{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);content:"";width:16px;height:16px;background-color:#fff}@keyframes spin-data-v-6ec66737{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-6ec66737{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.loading-block[data-v-6ec66737]{height:100%;width:100%;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-block .spin[data-v-6ec66737]{width:20px;height:20px;border-radius:100%;z-index:2;border:3px solid var(--primary);border-left-color:transparent;animation:spin-data-v-6ec66737 .8s linear infinite}.loading-block .loading-text[data-v-6ec66737]{margin-top:8px;font-size:12px;color:#333}@keyframes spin-data-v-9d6b6a1e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-9d6b6a1e{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.purchase-record[data-v-9d6b6a1e]{display:flex;align-items:center;justify-content:center;padding:40px 16px}@media screen and (max-width:960px){.purchase-record[data-v-9d6b6a1e]{padding:16px}}.purchase-record .purchase-record-container[data-v-9d6b6a1e]{max-width:780px;width:100%;margin:0 auto}.purchase-record .purchase-record-title[data-v-9d6b6a1e]{font-size:22px;color:#333;margin-bottom:16px}@media screen and (max-width:960px){.purchase-record .purchase-record-title[data-v-9d6b6a1e]{font-size:18px}}.purchase-record .record-container[data-v-9d6b6a1e]{padding:40px 80px;border:1px solid #d7d7d7}@media screen and (max-width:960px){.purchase-record .record-container[data-v-9d6b6a1e]{padding:24px}}@media screen and (max-width:768px){.purchase-record .record-container[data-v-9d6b6a1e]{padding:8px}}.purchase-record .record-container .record[data-v-9d6b6a1e]{padding:20px 32px;display:flex;background-color:#f5f5f5}@media screen and (max-width:960px){.purchase-record .record-container .record[data-v-9d6b6a1e]{padding:16px}}.purchase-record .record-container .record[data-v-9d6b6a1e]:not(:last-child){margin-bottom:12px}.purchase-record .record-container .record-title[data-v-9d6b6a1e]{font-size:18px;color:#000;margin-right:48px;padding-right:48px;border-right:1px solid #d7d7d7;min-height:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width:960px){.purchase-record .record-container .record-title[data-v-9d6b6a1e]{font-size:14px;margin-right:24px;padding-right:24px}}@media screen and (max-width:768px){.purchase-record .record-container .record-title[data-v-9d6b6a1e]{margin-right:16px;padding-right:16px}}.purchase-record .record-container .record-column[data-v-9d6b6a1e]:not(:last-child){margin-right:68px}@media screen and (max-width:960px){.purchase-record .record-container .record-column[data-v-9d6b6a1e]:not(:last-child){margin-right:24px}}@media screen and (max-width:768px){.purchase-record .record-container .record-column[data-v-9d6b6a1e]:not(:last-child){margin-right:8px}}.purchase-record .record-container .record-text[data-v-9d6b6a1e]{font-size:12px;color:#757575;margin-bottom:4px;display:flex;align-items:center}.purchase-record .record-container .record-text .icon-hint[data-v-9d6b6a1e]{margin-left:4px;cursor:pointer;height:10px;width:10px}.purchase-record .record-container .record-info[data-v-9d6b6a1e]{font-size:20px;color:#00bbc3;margin-bottom:4px}@media screen and (max-width:960px){.purchase-record .record-container .record-info[data-v-9d6b6a1e]{font-size:16px}}.purchase-record .record-container .record-left[data-v-9d6b6a1e]{font-size:14px;color:#333}@media screen and (max-width:960px){.purchase-record .record-container .record-left[data-v-9d6b6a1e]{font-size:12px}}@keyframes spin-data-v-4e5a767f{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-4e5a767f{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.role-wrapper[data-v-4e5a767f]{width:360px;height:100%;border-radius:5px;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);border:1px solid #e1e1e1;background-color:#fff;margin-right:10px;padding:24px 32px}@media screen and (max-width:1280px){.role-wrapper[data-v-4e5a767f]{width:100%;margin:0 auto;padding:16px}}.role-wrapper .row[data-v-4e5a767f]{position:relative;border-bottom:2px solid #d7d7d7;padding-bottom:16px;margin-bottom:16px}.role-wrapper .row span[data-v-4e5a767f]{font-size:16px;letter-spacing:.2px;color:rgba(0,0,0,.8)}@media screen and (max-width:1280px){.role-wrapper .row span[data-v-4e5a767f]{font-size:14px}}@media screen and (max-width:1280px){.role-wrapper .row[data-v-4e5a767f]{padding-bottom:8px;margin-bottom:8px;border-bottom-width:1px}}.role-wrapper .row .hero-name[data-v-4e5a767f]{font-size:16px;letter-spacing:.2px;color:#00bbc3}@media screen and (max-width:1280px){.role-wrapper .row .hero-name[data-v-4e5a767f]{font-size:14px}}.role-wrapper .row .progress-bar[data-v-4e5a767f]{position:absolute;bottom:-4px;width:50%;background-color:#00bbc3;height:6px;border-radius:5px}.role-wrapper .hero-image-wrapper[data-v-4e5a767f]{width:100%;height:240px;margin:0 auto}.role-wrapper .hero-image-wrapper .hero-image[data-v-4e5a767f]{width:100%;height:auto}@media screen and (max-width:1280px){.role-wrapper .hero-image-wrapper .hero-image[data-v-4e5a767f]{width:100%;height:100%;object-fit:contain}}.role-wrapper .hero-default-image[data-v-4e5a767f]{margin:0 auto;padding:24px 0}.role-wrapper .unselected-group[data-v-4e5a767f]{background-color:#f5f5f5;padding:0 16px 20px 16px}.role-wrapper .unselected-group .unselected-hero-image[data-v-4e5a767f]{width:165px;height:123px;margin:24px auto}.role-wrapper .unselected-group .unselected-description[data-v-4e5a767f]{margin:0 auto;text-align:center;font-size:16px;font-weight:300;letter-spacing:.2px;color:rgba(0,0,0,.8);margin-bottom:8px}.role-wrapper .experience-description[data-v-4e5a767f]{font-size:16px;font-weight:300;letter-spacing:.2px;color:rgba(0,0,0,.8);padding:16px 0}.role-wrapper .hero-button[data-v-4e5a767f]{width:200px;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.mx-icon-double-left:after,.mx-icon-double-left:before,.mx-icon-double-right:after,.mx-icon-double-right:before,.mx-icon-left:before,.mx-icon-right:before{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;box-sizing:border-box;transform-origin:center;transform:rotate(-45deg) scale(.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-double-right:after,.mx-icon-double-right:before,.mx-icon-right:before{transform:rotate(135deg) scale(.7)}.mx-btn{box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#00bbc3;color:#00bbc3}.mx-btn.disabled,.mx-btn:disabled{color:#ccc;cursor:not-allowed}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input{display:inline-block;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mx-input:focus,.mx-input:hover{border-color:#409aff}.mx-input.disabled,.mx-input:disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-datepicker-main{font:14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:flex}@media (max-width:750px){.mx-range-wrapper{flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-double-left,.mx-btn-icon-left{float:left}.mx-btn-icon-double-right,.mx-btn-icon-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f2fcfc}.mx-calendar-content .cell.active{color:#fff;background-color:#00bbc3}.mx-calendar-content .cell.hover-in-range,.mx-calendar-content .cell.in-range{color:#73879c;background-color:#d9f5f6}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f2fcfc}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#d9f5f6}.mx-calendar-week-mode .mx-date-row .cell.active,.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;box-sizing:border-box;text-align:center}.mx-table th{font-weight:500}.mx-table td,.mx-table th{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#1ac2c9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list:after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f2fcfc}.mx-time-column .mx-time-item.active{color:#00bbc3;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f2fcfc}.mx-time-option.active{color:#00bbc3;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}@keyframes spin-data-v-f97e1d90{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-f97e1d90{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.date-picker-container[data-v-f97e1d90]{display:flex;align-items:center;gap:16px;align-self:stretch;width:100%}@media screen and (max-width:960px){.date-picker-container[data-v-f97e1d90]{align-items:start;flex-direction:column;max-width:100%}}.line[data-v-f97e1d90]{width:2px;height:31px;background-color:#e3e3e3}@media screen and (max-width:960px){.line[data-v-f97e1d90]{display:none}}.short-button-container[data-v-f97e1d90]{display:flex;align-items:center;gap:16px}@media screen and (max-width:960px){.short-button-container[data-v-f97e1d90]{align-self:flex-start;margin-left:2px}}.short-button-container .short-button[data-v-f97e1d90]{display:flex;padding:9px 12px;justify-content:center;align-items:center;gap:10px;border-radius:10px;border:1px solid #e1e1e1;background:#fff;color:#333;font-size:14px;font-weight:500}.short-button-container .short-button.active[data-v-f97e1d90]{border:1px solid #4acfd1;background:#dff7f6;color:#4acfd1}@keyframes spin-data-v-168b56ba{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-168b56ba{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.learning-data[data-v-168b56ba]{flex:1;width:650px;border-radius:5px;padding:24px 32px;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);border:1px solid #e1e1e1;background-color:#fff;display:flex;flex-direction:column}@media screen and (max-width:1280px){.learning-data[data-v-168b56ba]{width:100%;height:auto;margin:0 auto 10px;flex:initial;padding:16px}}.learning-data .data-header[data-v-168b56ba]{border-bottom:2px solid #d7d7d7;padding-bottom:16px;margin-bottom:16px}@media screen and (max-width:1280px){.learning-data .data-header[data-v-168b56ba]{padding-bottom:8px;margin-bottom:8px;border-bottom-width:1px}}.learning-data .data-header span[data-v-168b56ba]{font-size:16px;letter-spacing:.2px;color:#333}@media screen and (max-width:1280px){.learning-data .data-header span[data-v-168b56ba]{font-size:14px}}.learning-data .data-row[data-v-168b56ba]{display:flex;justify-content:space-between;align-items:center;height:100%;padding:40px 0}@media screen and (max-width:1280px){.learning-data .data-row[data-v-168b56ba]{padding:8px 0}}.learning-data .data-content[data-v-168b56ba]{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.learning-data .data-content[data-v-168b56ba]:not(:last-child){border-right:1px solid #e1e1e1}.learning-data .data-content .center-group[data-v-168b56ba]{display:flex;flex-direction:column}.learning-data .data-content span[data-v-168b56ba]{font-size:16px;font-weight:500;letter-spacing:.2px;text-align:center;color:rgba(0,0,0,.54)}.learning-data .data-content span.number[data-v-168b56ba]{font-size:24px;letter-spacing:.3px;color:#00bbc3;margin-top:30px}.learning-data .data-content span.unit[data-v-168b56ba]{font-weight:400}.learning-data .data-content span.desc-text-mobile[data-v-168b56ba]{font-size:12px;display:none}@media screen and (max-width:1280px){.learning-data .data-content[data-v-168b56ba]{display:flex;flex-direction:column;align-items:center;flex:1;padding:0 8px;margin-top:0}.learning-data .data-content .center-group[data-v-168b56ba]{margin-bottom:6px}.learning-data .data-content span[data-v-168b56ba]{font-size:12px;font-weight:400;letter-spacing:.14px;color:rgba(0,0,0,.54)}.learning-data .data-content span.desc-text[data-v-168b56ba]{display:none}.learning-data .data-content span.desc-text-mobile[data-v-168b56ba]{display:block}.learning-data .data-content span.number[data-v-168b56ba]{font-size:22px;margin:12px auto}.learning-data .data-content span.unit[data-v-168b56ba]{font-size:12px;letter-spacing:.15px;color:rgba(0,0,0,.38)}}@keyframes spin-data-v-0a1fa72c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-0a1fa72c{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.course-progress[data-v-0a1fa72c]{flex:1;width:650px;border-radius:5px;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);border:1px solid #e1e1e1;background-color:#fff;margin-top:10px;padding:24px 32px;display:flex;flex-direction:column}@media screen and (max-width:1280px){.course-progress[data-v-0a1fa72c]{flex:initial;width:100%;height:auto;margin:0 auto 10px;padding:16px}}.course-progress .data-header[data-v-0a1fa72c]{border-bottom:2px solid #d7d7d7;padding-bottom:16px;margin-bottom:16px}@media screen and (max-width:1280px){.course-progress .data-header[data-v-0a1fa72c]{padding-bottom:8px;margin-bottom:8px;border-bottom-width:1px}}.course-progress .data-header span[data-v-0a1fa72c]{font-size:16px;letter-spacing:.2px;color:#333}@media screen and (max-width:1280px){.course-progress .data-header span[data-v-0a1fa72c]{font-size:14px}}.course-progress .data-row[data-v-0a1fa72c]{display:grid;grid-template-columns:repeat(3,1fr);height:100%;padding:24px 0}@media screen and (max-width:1280px){.course-progress .data-row[data-v-0a1fa72c]{padding:8px 0}}.course-progress .data-content[data-v-0a1fa72c]{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.course-progress .data-content .description[data-v-0a1fa72c]{font-size:16px;letter-spacing:.2px;text-align:center;color:rgba(0,0,0,.54);margin-top:26px}@media screen and (max-width:768px){.course-progress .data-content .description[data-v-0a1fa72c]{font-size:12px;margin-top:8px}}.course-progress .pie-progress-wrapper[data-v-0a1fa72c]{position:relative}.course-progress .pie-progress-wrapper svg[data-v-0a1fa72c]{transform:rotate(-90deg)}.course-progress .pie-progress-wrapper svg circle[data-v-0a1fa72c]{transition:stroke-dashoffset 1s linear}.course-progress .pie-progress-wrapper .inner-text[data-v-0a1fa72c]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.course-progress .pie-progress-wrapper .inner-text .number[data-v-0a1fa72c]{display:block;font-size:24px;font-weight:500;letter-spacing:.3px;color:rgba(0,0,0,.8)}@media screen and (max-width:640px){.course-progress .pie-progress-wrapper .inner-text .number[data-v-0a1fa72c]{font-size:16px}}.course-progress .pie-progress-wrapper .inner-text .unit[data-v-0a1fa72c]{display:block;font-size:14px;font-weight:500;letter-spacing:.18px;text-align:center;color:rgba(0,0,0,.54)}@media screen and (max-width:640px){.course-progress .pie-progress-wrapper .inner-text .unit[data-v-0a1fa72c]{font-size:12px}}@media screen and (max-width:640px){.course-progress[data-v-0a1fa72c]{width:100%;margin:0 auto}}@keyframes spin-data-v-110d60d1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-110d60d1{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.hero-info-wrapper[data-v-110d60d1]{display:flex;justify-content:center;padding:5vh 0;height:100%;width:100%;overflow:auto}@media screen and (max-width:1280px){.hero-info-wrapper[data-v-110d60d1]{flex-direction:column;justify-content:flex-start;width:95%;margin:10px auto}}.hero-info-wrapper .section[data-v-110d60d1]{height:720px;display:flex;flex-direction:column}.hero-info-wrapper .section .date-picker[data-v-110d60d1]{margin-bottom:10px}@media screen and (max-width:1280px){.hero-info-wrapper .section[data-v-110d60d1]{height:auto;width:100%;margin-bottom:8px}}.hero-info-wrapper .loading-block-container[data-v-110d60d1]{display:flex;justify-content:center;align-items:center;z-index:1000;position:absolute;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5)}@keyframes spin-data-v-9abb6016{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-9abb6016{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.first-visit[data-v-9abb6016]{width:100%;min-height:calc(100vh - 72px);display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}@media screen and (max-width:768px){.first-visit[data-v-9abb6016]{width:100%;height:100%}}.first-visit .first-visit-container[data-v-9abb6016]{position:relative;max-width:1024px;width:90%;height:618px;background-color:#fff;box-shadow:0 3px 20px 0 rgba(0,0,0,.1);padding:16px 24px 0 24px}@media screen and (max-width:768px){.first-visit .first-visit-container[data-v-9abb6016]{width:100%;height:100%;padding:0 35px}}.first-visit .first-visit-container .first-visit-info[data-v-9abb6016]{position:absolute;top:26%;left:18%;width:340px;color:rgba(0,0,0,.8);z-index:2}@media screen and (max-width:768px){.first-visit .first-visit-container .first-visit-info[data-v-9abb6016]{position:static;width:100%;padding-top:364px}}.first-visit .first-visit-container .first-visit-info .info-title[data-v-9abb6016]{font-size:28px;font-weight:500;text-align:center}.first-visit .first-visit-container .first-visit-info .info-description[data-v-9abb6016]{margin:30px 0 52px;font-size:20px;font-weight:400;text-align:center}@media screen and (max-width:768px){.first-visit .first-visit-container .first-visit-info .info-description[data-v-9abb6016]{font-size:16px;margin:16px 0 24px}}.first-visit .first-visit-container .first-visit-info .info-action[data-v-9abb6016]{display:flex;justify-content:center;align-items:center}.first-visit .first-visit-container .first-visit-info .info-action .hero-button[data-v-9abb6016]{width:300px}@media screen and (max-width:768px){.first-visit .first-visit-container .first-visit-info .info-action .hero-button[data-v-9abb6016]{width:260px}}.first-visit .first-visit-container .first-visit-hero[data-v-9abb6016]{position:absolute;bottom:0;right:24px;width:450px;height:438px;background-image:url(../img/first-visit-heros.be3652b0.png);background-size:contain;background-repeat:no-repeat;background-position:50%;z-index:1}@media screen and (max-width:768px){.first-visit .first-visit-container .first-visit-hero[data-v-9abb6016]{width:100%;height:340px;top:0;left:0}}.first-visit .first-visit-container .first-visit-background[data-v-9abb6016]{position:absolute;width:100%;height:170px;left:0;bottom:0;background-image:url(../img/first-visit-bg.f6fd8d57.png);background-size:contain;background-position:bottom;background-repeat:no-repeat;z-index:0}@media screen and (max-width:768px){.first-visit .first-visit-container .first-visit-background[data-v-9abb6016]{width:100%;height:160px;top:180px;left:0}}@keyframes spin-data-v-9e214982{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-9e214982{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.hero-wrapper[data-v-9e214982]{width:100%;min-height:calc(100vh - 72px);display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}@media screen and (max-width:768px){.hero-wrapper[data-v-9e214982]{width:100%;height:100%}}.hero-wrapper .hero-container[data-v-9e214982]{position:relative;display:flex;flex-direction:column;align-items:center;max-width:1024px;width:90%;height:618px;background-color:#fff;box-shadow:0 3px 20px 0 rgba(0,0,0,.1);padding:16px 24px}@media screen and (max-width:768px){.hero-wrapper .hero-container[data-v-9e214982]{width:100%;height:100%;padding:0 35px}}.hero-wrapper .hero-container h1[data-v-9e214982]{margin:44px auto 60px;font-size:20px;font-weight:400;color:rgba(0,0,0,.8)}@media screen and (max-width:768px){.hero-wrapper .hero-container h1[data-v-9e214982]{margin:16px auto 30px;font-size:16px}}.hero-wrapper .hero-container .hero-content-list[data-v-9e214982]{position:relative;width:90%;background-color:hsla(0,0%,96.1%,.79);height:312px}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list[data-v-9e214982]{height:auto;width:85%}}.hero-wrapper .hero-container .hero-content-list .hero-title[data-v-9e214982]{position:absolute;width:357px;height:55px;background-image:url(../img/title-bg.4ff58090.png);background-repeat:no-repeat;top:-35px;left:50%;transform:translateX(-50%);background-size:contain;text-align:center;font-size:20px;color:#fff;padding-top:10px}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list .hero-title[data-v-9e214982]{top:-20px;width:253px;padding-top:5px;font-size:18px}}.hero-wrapper .hero-container .hero-content-list .hero-content[data-v-9e214982]{display:flex;justify-content:space-around;margin:70px auto;width:90%}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list .hero-content[data-v-9e214982]{flex-direction:column;margin:38px auto;width:95%}}.hero-wrapper .hero-container .hero-content-list .hero-content .hero-image-wrapper[data-v-9e214982]{flex:1;text-align:center}.hero-wrapper .hero-container .hero-content-list .hero-content .hero-image-wrapper .hero-image[data-v-9e214982]{width:297px;height:186px;min-height:186px;margin-right:22px}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list .hero-content .hero-image-wrapper .hero-image[data-v-9e214982]{width:256px;margin:0 auto}}.hero-wrapper .hero-container .hero-content-list .hero-content .hero-descriptions[data-v-9e214982]{padding:22px;flex:1}.hero-wrapper .hero-container .hero-content-list .hero-content .hero-descriptions p[data-v-9e214982]{font-size:16px;color:rgba(0,0,0,.8)}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list .hero-content .hero-descriptions[data-v-9e214982]{padding:16px 20px}}.hero-wrapper .hero-container .hero-content-list .hero-content .skills[data-v-9e214982]{margin-top:28px;display:flex;justify-content:flex-start}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list .hero-content .skills[data-v-9e214982]{justify-content:space-around}}.hero-wrapper .hero-container .hero-content-list .hero-content .skills .skill-wrapper[data-v-9e214982]{display:flex;margin-right:10px}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list .hero-content .skills .skill-wrapper[data-v-9e214982]{margin-right:0}}.hero-wrapper .hero-container .hero-content-list .hero-content .skills .skill-wrapper .skill-image-wrapper[data-v-9e214982]{display:flex;justify-content:center;align-items:center;min-width:40px;min-height:40px;width:40px;height:40px;border:1px solid #00bbc3;border-radius:50%;margin-right:12px}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list .hero-content .skills .skill-wrapper .skill-image-wrapper[data-v-9e214982]{width:30px;height:30px}}.hero-wrapper .hero-container .hero-content-list .hero-content .skills .skill-wrapper .skill-title[data-v-9e214982]{margin-bottom:4px;font-size:14px;font-weight:500;font-style:normal;color:#00bbc3}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list .hero-content .skills .skill-wrapper .skill-title[data-v-9e214982]{font-size:12px}}.hero-wrapper .hero-container .hero-content-list .hero-content .skills .skill-wrapper .skill-description[data-v-9e214982]{font-size:16px;color:rgba(0,0,0,.8)}@media screen and (max-width:768px){.hero-wrapper .hero-container .hero-content-list .hero-content .skills .skill-wrapper .skill-description[data-v-9e214982]{font-size:16px}}.hero-wrapper .hero-container .thumbnail-list[data-v-9e214982]{margin-top:20px;margin-bottom:27px;display:flex;justify-content:center}.hero-wrapper .hero-container .thumbnail-list .thumbnail[data-v-9e214982]{margin:0 6px;width:50px;height:50px;background-size:cover;background-repeat:no-repeat;cursor:pointer}.hero-wrapper .hero-container .thumbnail-list .thumbnail.active[data-v-9e214982]{border:2px solid #00bbc3}.hero-wrapper .hero-container .hero-footer[data-v-9e214982]{width:100%;text-align:center}.hero-wrapper .hero-container .hero-footer .hero-button[data-v-9e214982]{margin:0 auto 16px auto;width:260px;height:40px}.hero-wrapper .hero-container .side-section[data-v-9e214982]{position:absolute;display:flex;align-items:center;height:100%}.hero-wrapper .hero-container .side-section.left[data-v-9e214982]{left:-20px}.hero-wrapper .hero-container .side-section.right[data-v-9e214982]{right:-20px}