@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&family=Nanum+Pen+Script&display=swap";._m-iLearning[data-v-5d1d0dec] .hide{display:none}._m-iLearning[data-v-5d1d0dec] .help{text-align:right;margin-right:-6px;margin-top:5px}._m-iLearning[data-v-5d1d0dec] .help button{display:inline-block;width:36px;height:36px;border:0px;background:url(/assets/images/april/icon_infoText.png) center no-repeat;background-size:24px 24px;text-indent:100%;white-space:nowrap;overflow:hidden}._m-iLearning[data-v-5d1d0dec] .weekList{background:#f3f3f3;border-radius:50px;margin-top:10px;text-align:center}._m-iLearning[data-v-5d1d0dec] .weekList span{display:block;border-radius:46px;color:#ccc;font-size:1.3em;padding-top:4px;position:relative}._m-iLearning[data-v-5d1d0dec] .weekList span em{display:block;height:11px;font-size:.4555em;font-weight:500}._m-iLearning[data-v-5d1d0dec] .weekList .row{margin-left:0;margin-right:0}._m-iLearning[data-v-5d1d0dec] .weekList .col{padding:4px;position:relative}._m-iLearning[data-v-5d1d0dec] .weekList .col span.notice{display:none}._m-iLearning[data-v-5d1d0dec] .weekList .col:first-child{padding-left:15px;border-radius:50px 0 0 50px}._m-iLearning[data-v-5d1d0dec] .weekList .col:last-child{padding-right:15px;border-radius:0 50px 50px 0}._m-iLearning[data-v-5d1d0dec] .weekList .open{background:#fff;box-shadow:5px 2px 5px #00000029}._m-iLearning[data-v-5d1d0dec] .weekList .open span{color:#333}._m-iLearning[data-v-5d1d0dec] .weekList .open span em{color:#999}._m-iLearning[data-v-5d1d0dec] .weekList .open span.notice{content:"";display:inline-block;position:absolute;top:3px;left:50%;transform:translate(-50%);margin-left:1px;width:47px;height:50px;background:url(/assets/images/april/metaLearning_dashboard_notice.png) center no-repeat transparent!important;background-size:100%!important;border-radius:0!important;padding:0!important}._m-iLearning[data-v-5d1d0dec] .weekList .open span.notice em{display:inline-block;position:absolute;bottom:7px;right:-3px;width:20px;height:20px;background-color:#fd856d;color:#fff;font-size:.7em;font-weight:600;line-height:20px;border-radius:50%}._m-iLearning[data-v-5d1d0dec] .weekList .open span.notice:hover,._m-iLearning[data-v-5d1d0dec] .weekList .open span.notice:active{background:url(/assets/images/april/metaLearning_dashboard_notice.png) center top no-repeat transparent!important;background-size:100%!important}._m-iLearning[data-v-5d1d0dec] .weekList .open:first-child span.notice{margin-left:5px}._m-iLearning[data-v-5d1d0dec] .weekList .open:last-child{border-radius:0 50px 50px 0}._m-iLearning[data-v-5d1d0dec] .weekList .open:last-child span.notice{margin-left:-5px}._m-iLearning[data-v-5d1d0dec] .weekList .open.last{border-radius:0 50px 50px 0}._m-iLearning[data-v-5d1d0dec] .weekList .active span{background:#29cde6;color:#fff}._m-iLearning[data-v-5d1d0dec] .weekList .active span em{color:#fff}._m-iLearning[data-v-5d1d0dec] .weekList .todo{display:inline-block;width:19px;height:19px;padding:0;border-radius:50%;position:absolute;top:-15px;left:calc(50% - 10px);background:#fff!important;border:2px solid #fd866e;text-align:center!important;font-size:.477em;line-height:16px;font-weight:600;color:#fd866e!important}._m-iLearning[data-v-5d1d0dec] .weekTerm{color:#29cde6;margin:10px 0;font-size:1em;font-weight:500}._m-iLearning[data-v-5d1d0dec] .weekClass .componentTitle{text-align:left;font-size:1em;line-height:1em;color:#999;margin-top:20px}._m-iLearning[data-v-5d1d0dec] .weekClass .lessonTitle{text-align:left;font-size:1.2em;color:#999}._m-iLearning[data-v-5d1d0dec] .weekClass .lessonTitle em{color:#666;font-weight:600}._m-iLearning[data-v-5d1d0dec] .weekClass button{width:100%;height:45px;border:1px solid #fd856d;background:#fff;border-radius:6px;font-weight:600;font-size:1.13em;color:#fd856d;line-height:1.1em;padding:0 15px;position:relative}._m-iLearning[data-v-5d1d0dec] .weekClass button .before,._m-iLearning[data-v-5d1d0dec] .weekClass button .after{display:inline-block;text-align:center;width:32px;height:32px;position:absolute;right:9px;top:6px;line-height:32px;font-size:1.2em;border-radius:50%}._m-iLearning[data-v-5d1d0dec] .weekClass button .before{background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618}._m-iLearning[data-v-5d1d0dec] .weekClass button .after{background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56}._m-iLearning[data-v-5d1d0dec] .weekClass button em{display:inline-block;position:absolute;right:-6px;top:-5px;color:#fff;font-size:.8333em;height:20px;line-height:20px}._m-iLearning[data-v-5d1d0dec] .weekClass button .d-day{background:#e16b54;padding:0 6px;border-radius:15px}._m-iLearning[data-v-5d1d0dec] .weekClass button .underAssess{background:url(/assets/images/april/icon_underAssess.png) no-repeat center #29cde6;width:20px;border-radius:50px}._m-iLearning[data-v-5d1d0dec] .weekClass button .notifyAssess{background:url(/assets/images/april/icon_notifyAssess.gif) no-repeat center #29cde6;width:20px;border-radius:50px}._m-iLearning[data-v-5d1d0dec] .weekClass button .over{background:url(/assets/images/april/icon_over.png);background-size:20px 20px;background-position:center;background-repeat:no-repeat;width:20px;border-radius:50px}._m-iLearning[data-v-5d1d0dec] .weekClass button:disabled{border:1px solid #ebebeb;color:#bbb}._m-iLearning[data-v-5d1d0dec] .weekClass button.during{border:1px solid #ffe3de;background:#ffe3de;color:#e16b54}._m-iLearning[data-v-5d1d0dec] .weekClass button.submitted{border:1px solid #fd856d;background:#fd856d;color:#fff}._m-iLearning[data-v-5d1d0dec] .weekClass button.letter .before,._m-iLearning[data-v-5d1d0dec] .weekClass button.letter .after{background-image:none}._m-iLearning[data-v-5d1d0dec] .weekClass ul{border-bottom:1px solid #ebebeb}._m-iLearning[data-v-5d1d0dec] .weekClass ul li.trackType{position:relative;padding:0 0 15px}._m-iLearning[data-v-5d1d0dec] .weekClass ul li.trackType ul{border-bottom:0px}._m-iLearning[data-v-5d1d0dec] .weekClass ul li.trackType ul li{display:block;padding:5px 10px;position:relative}._m-iLearning[data-v-5d1d0dec] .weekClass ul:last-child{border-bottom:0px}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType .lessonTitle{margin-left:-11px;margin-right:-11px}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType{padding:0 11px}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType button{margin-top:10px}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul{margin-top:15px;margin-bottom:15px;border-bottom:0px}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li{display:inline-block;text-align:center;padding:0 10px;position:relative}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li a{display:inline-block;width:30px;height:30px;border:1px solid #fd856d;background:#fff;border-radius:50%;outline:0px;position:relative}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li .arrow{display:inline-block;width:15px;height:13px;position:absolute;top:-17px;left:calc(50% - 8px);background:url(/assets/images/april/arrow_tooltip.png);background-size:15px 13px}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li .arrow.submitted{background:url(/assets/images/april/arrow_tooltip_submitted.png);background-size:15px 13px}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li a.disabled{background-size:20px 14px;border:0px}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li a.disabled .arrow{display:none}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li .disabled.open{border:1px solid #fd856d;background:#fff}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li .disabled.open .arrow{display:inline-block}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li .disabled.notOpen{background-color:#fff;background-image:none;border:1px solid #ddd}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li a.before{background:url(/assets/images/april/icon_check.png) center no-repeat #ffd618;background-size:20px 14px;border:1px solid #fd856d}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li a.after{background:url(/assets/images/april/icon_check.png) center no-repeat #e46e56;background-size:20px 14px;border:1px solid #fd856d}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li a.disabled.before,._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li a.disabled.after{border:0px solid transparent}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li:before{content:"";display:inline-block;width:20px;height:1px;background-color:#ddd;position:absolute;left:-10px;top:15px}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType ul li:first-child:before{display:none}._m-iLearning[data-v-5d1d0dec] .weekClass .tooltipType .finish li:before{background-color:#fd856d}._m-iLearning[data-v-5d1d0dec] .weekClass.meta .componentTitle{font-family:Montserrat Alternates,sans-serif;font-size:1.1222em;color:#29cde6;font-weight:900}._m-iLearning[data-v-5d1d0dec] .weekClass.meta .componentTitle.v-class{border-top:1px solid #ebebeb;padding-top:20px}._m-iLearning[data-v-5d1d0dec] .weekClass.meta .componentTitle.v-class span{display:block;color:#999;font-size:.8em;font-family:Roboto,"sans-serif",Noto Sans Korean;font-weight:400;margin-top:5px}._m-iLearning[data-v-5d1d0dec] .weekClass.meta button em{display:inline-block;text-align:center;width:32px;height:32px;position:absolute;right:9px;top:6px;line-height:32px;font-size:.8em;border-radius:50%}._m-iLearning[data-v-5d1d0dec] .weekClass.meta button .d-day{width:auto;height:28px;line-height:28px;border-radius:14px;top:7px}._m-iLearning[data-v-5d1d0dec] .weekClass.meta button .over{background:url(/assets/images/april/icon_over.png) center no-repeat #a0a0a0;background-size:24px 24px;background-position:center;background-repeat:no-repeat;width:32px;height:32px;border-radius:50%}.il-helpPopover-m .modal-dialog{margin:15px}.il-helpPopover-m .modal-body{padding:10px!important}.il-helpPopover-m .modal-content{border-radius:0}.il-helpPopover-m .header{position:relative}.il-helpPopover-m .header h5{color:#aebc1f;font-size:1.5em;font-weight:400;padding:5px}.il-helpPopover-m .header button{width:40px;height:40px;background:url(/assets/images/april/btn_modal-close.png) center no-repeat transparent;background-size:50%;font-size:0;border:0;position:absolute;right:-3px;top:-3px}.il-helpPopover-m .header .btn-secondary:not(:disabled):not(.disabled):active{background-color:#fff}.il-helpPopover-m .mark{background-color:#fff;padding:10px}.il-helpPopover-m .mark li{display:inline-block;width:50%;color:#999;margin:5px 0;font-size:.9em}.il-helpPopover-m .mark li em{display:inline-block;width:24px;height:24px;border-radius:50%;vertical-align:middle;margin-right:3px}.il-helpPopover-m .mark li em+em{margin-right:5px}.il-helpPopover-m .mark li em.m01{background:url(/assets/images/april/i-Learning_guide_m01.png)}.il-helpPopover-m .mark li em.m01c{background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618;background-size:58%}.il-helpPopover-m .mark li em.m02{background:url(/assets/images/april/i-Learning_guide_m02.png)}.il-helpPopover-m .mark li em.m02c{background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56;background-size:58%}.il-helpPopover-m .mark li em.m03{background:url(/assets/images/april/i-Learning_guide_m03.png)}.il-helpPopover-m .mark li em.m04{background:url(/assets/images/april/i-Learning_guide_m04.png)}.il-helpPopover-m .mark li em.m05{background:url(/assets/images/april/i-Learning_guide_m06.png)}.il-helpPopover-m .guide{border-top:2px solid #f5f5f5;padding:10px 10px 10px 5px}.il-helpPopover-m .guide p{padding-bottom:10px;font-size:1.1222em}.il-helpPopover-m .guide .name{font-size:1.1333em;font-weight:500;margin-top:10px}.il-helpPopover-m .guide ul li{padding-left:10px;position:relative;color:#333;font-weight:400;margin:5px 0;letter-spacing:-.03em}.il-helpPopover-m .guide ul li:before{content:"";position:absolute;left:0;top:10px;display:inline-block;width:3px;height:3px;background:#333;border-radius:50%}.il-helpPopover-m .guide ul li .red{display:block;color:#fd856d}.il-Notice-m .modal-dialog{margin:15px}.il-Notice-m .modal-body{padding:10px!important}.il-Notice-m .modal-content{border-radius:0}.il-Notice-m .header{position:relative}.il-Notice-m .header button.btn-secondary{width:40px;height:40px;background:url(/assets/images/april/btn_modal-close.png) center no-repeat #fff;background-size:40%;border-radius:50%;font-size:0;border:0;position:absolute;right:-3px;top:-60px}.il-Notice-m .header .btn-secondary:not(:disabled):not(.disabled):active{background-color:#fff}.il-Notice-m .guide{text-align:center;padding:15px}.il-Notice-m .guide span{font-weight:500;color:#e16b54}.il-Notice-m .list{max-height:250px;overflow-y:auto}.il-Notice-m .list button{width:100%;height:45px;border:1px solid #fd856d;background:#fff;border-radius:6px;font-weight:600;font-size:1.13em;color:#fd856d;line-height:1.1em;padding:0 15px;position:relative;margin:5px 0}.il-Notice-m .list button.common{background-color:#29cde6;border:0px;color:#fff;font-size:.97em;font-weight:400}.il-Notice-m .list button.common.tal{text-align:left}.il-Notice-m .list button.white{background-color:#fff;border:1px solid #ddd;color:#333;font-size:.97em;font-weight:400}.il-Notice-m .footer{background-color:#aebc1f;margin:10px -10px -10px}.il-Notice-m .footer button{width:50%;color:#fff;border:0px;background:transparent;height:40px;position:relative}.il-Notice-m .footer button:before{content:"";width:1px;height:20px;background-color:#99a51b;position:absolute;left:0;top:calc(50% - 10px)}.il-Notice-m .footer button:first-child:before{display:none}.modal-install-vlc .modal-content .downloadBox .download[data-v-3c8a0d21]{background-color:#ff9f3e}.modal-install-vlc .modal-content .hlepCenter .title span[data-v-3c8a0d21]{color:#ff9f3e}.modal-install-vlc .modal-content .downloadBox .download[data-v-39bc87f3]{background-color:#ff0062}.modal-install-vlc .modal-content .hlepCenter .title span[data-v-39bc87f3]{color:#ff0062}.weekList[data-v-8524fb4a]{background:#f8f8f8;border-radius:50px;margin-top:30px;margin-bottom:20px;text-align:center}.weekList span[data-v-8524fb4a]{display:block;border-radius:46px;color:#ccc;font-size:1.9em;padding-top:6px;position:relative}.weekList span em[data-v-8524fb4a]{display:block;height:11px;font-size:.4555em;font-weight:500}.weekList .row[data-v-8524fb4a]{margin-left:0;margin-right:0}.weekList .col[data-v-8524fb4a]{padding:6px}.weekList .col[data-v-8524fb4a]:first-child{padding-left:42px;border-radius:50px 0 0 50px}.weekList .col[data-v-8524fb4a]:last-child{padding-right:42px;border-radius:0 50px 50px 0}.weekList .open[data-v-8524fb4a]{background:#fff;box-shadow:5px 2px 7px #00000029}.weekList .open span[data-v-8524fb4a]{color:#333}.weekList .open span em[data-v-8524fb4a]{color:#999}.weekList .open span[data-v-8524fb4a]:hover{background:#f8f8f8}.weekList .open span.notice[data-v-8524fb4a]{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);margin-left:1px;width:56px;height:60px;background:url(/assets/images/april/metaLearning_dashboard_notice.png) center top no-repeat transparent!important;border-radius:0!important;padding:0!important}.weekList .open span.notice em[data-v-8524fb4a]{display:inline-block;position:absolute;bottom:7px;right:-5px;width:24px;height:24px;background-color:#fd856d;color:#fff;font-size:.5em;font-weight:500;line-height:24px;border-radius:50%}.weekList .open span.notice[data-v-8524fb4a]:hover{background:url(/assets/images/april/metaLearning_dashboard_notice.png) center top no-repeat transparent!important}.weekList .col:first-child span.notice[data-v-8524fb4a]{margin-left:18px}.weekList .open[data-v-8524fb4a]:last-child{border-radius:0 50px 50px 0}.weekList .open:last-child span.notice[data-v-8524fb4a]{margin-left:-18px}.weekList .open.last[data-v-8524fb4a]{border-radius:0 50px 50px 0}.weekList .active span[data-v-8524fb4a]{background:#29cde6;color:#fff}.weekList .active span em[data-v-8524fb4a]{color:#fff}.weekList .active span[data-v-8524fb4a]:hover{background:#29cde6}.weekList .todo[data-v-8524fb4a]{display:inline-block;width:22px;height:22px;padding:0;border-radius:50%;position:absolute;z-index:10;top:-17px;left:calc(50% - 10px);background:#fff!important;border:2px solid #fd866e;text-align:center!important;font-size:.477em;line-height:19px;font-weight:600;color:#fd866e!important}.classTable[data-v-8524fb4a] .date{position:relative}.classTable[data-v-8524fb4a] .date .weekTerm{position:absolute;bottom:-40px;right:600px;font-size:1.12em;color:#666}.classTable[data-v-8524fb4a] .date .thisWeek{color:#29cde6;font-weight:600}.classTable[data-v-8524fb4a] table{width:100%}.classTable[data-v-8524fb4a] table td{width:50%;padding:15px 25px;border-top:2px solid #f5f5f5;vertical-align:top}.classTable[data-v-8524fb4a] table td .trackType{font-size:1.4em;color:#a0a0a0}.classTable[data-v-8524fb4a] table td .track{position:relative;padding-left:79px;margin-top:21px}.classTable[data-v-8524fb4a] table td .track .lessonName{position:absolute;left:0;top:4px;width:79px;height:44px;color:#999;line-height:1em;display:table}.classTable[data-v-8524fb4a] table td .track .lessonName span{display:table-cell;height:44px;vertical-align:middle}.classTable[data-v-8524fb4a] table td .track .lessonName span em{color:#666;display:block;font-weight:600;font-size:1.12em}.classTable[data-v-8524fb4a] table td .track ul li{margin:4px 8px 4px 0;display:inline-block;vertical-align:top}.classTable[data-v-8524fb4a] table td .track ul li button{width:132px;height:44px;border-radius:.37em;border:2px solid #fd856d;background-color:#fff;color:#fd856d;font-weight:600;font-size:.97em;padding:0 15px;line-height:1.1em;position:relative}.classTable[data-v-8524fb4a] table td .track ul li button em{display:inline-block;position:absolute;right:-10px;top:-10px;color:#fff;font-size:.8em;height:21px;line-height:21px}.classTable[data-v-8524fb4a] table td .track ul li button em.d-day{background:#e16b54;padding:0 5px;border-radius:15px}.classTable[data-v-8524fb4a] table td .track ul li button em.underAssess{background:url(/assets/images/april/icon_underAssess.png) no-repeat center #29cde6;background-size:50%;width:22px;border-radius:50px}.classTable[data-v-8524fb4a] table td .track ul li button em.notifyAssess{background:url(/assets/images/april/icon_notifyAssess.gif) no-repeat center #29cde6;background-size:50%;width:22px;border-radius:50%}.classTable[data-v-8524fb4a] table td .track ul li button em.over{background:url(/assets/images/april/icon_over.png) no-repeat;width:22px;border-radius:50%}.classTable[data-v-8524fb4a] table td .track ul li button:disabled{border:1px solid #ebebeb;color:#bbb}.classTable[data-v-8524fb4a] table td .track ul li button.during{border:2px solid #ffe3de;background:#ffe3de;color:#e16b54}.classTable[data-v-8524fb4a] table td .track ul li button.submitted{border:2px solid #fd856d;background:#fd856d;color:#fff}.classTable[data-v-8524fb4a] table td .track ul li button.grade{padding:0 40px 0 10px;position:relative;letter-spacing:-.02em;text-align:left}.classTable[data-v-8524fb4a] table td .track ul li button .before,.classTable[data-v-8524fb4a] table td .track ul li button .after{display:inline-block;text-align:center;width:26px;height:26px;position:absolute;right:6px;top:7px;line-height:26px;font-size:1.1em;border-radius:50%}.classTable[data-v-8524fb4a] table td .track ul li button .before{background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618;background-size:58%}.classTable[data-v-8524fb4a] table td .track ul li button .after{background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56;background-size:58%}.classTable[data-v-8524fb4a] table td .track ul li button.letter .before,.classTable[data-v-8524fb4a] table td .track ul li button.letter .after{background-image:none}.classTable[data-v-8524fb4a] table td .track ul li:last-child{margin-right:0}.classTable[data-v-8524fb4a] table td .track .foundation li{position:relative;margin:4px 12px 4px 0;vertical-align:middle}.classTable[data-v-8524fb4a] table td .track .foundation li .circle{width:30px!important;height:30px!important;border-radius:50%!important;font-size:0px;padding:0!important}.classTable[data-v-8524fb4a] table td .track .foundation li .circle .before,.classTable[data-v-8524fb4a] table td .track .foundation li .circle .after{left:0;top:0}.classTable[data-v-8524fb4a] table td .track .foundation li:before{content:"";position:absolute;left:-12px;top:calc(50% - 1px);display:inline-block;width:12px;height:2px;background-color:#f0f0f0}.classTable[data-v-8524fb4a] table td .track .foundation li:first-child:before{display:none}.classTable[data-v-8524fb4a] table td .track .foundation.finish li:before{background-color:#fd856d}.classTable[data-v-8524fb4a] table td .track .foundation.inProgress span{display:inline-block;width:26px;height:26px;border-radius:50%;border:2px solid #ddd;margin-top:6px}.classTable[data-v-8524fb4a] table td .track .foundation.inProgress .before{background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618;background-size:60%;border:0px}.classTable[data-v-8524fb4a] table td .track .foundation.inProgress .after{background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56;background-size:60%;border:0px}.classTable[data-v-8524fb4a] table .thisWeek{background-color:#f4fdfe}.classTable[data-v-8524fb4a] table .noData{vertical-align:middle}.classTable[data-v-8524fb4a] table tr:first-child td{border-top:0px}.classTable.ai[data-v-8524fb4a]{padding-top:20px;border-top:2px solid #f5f5f5}.classTable.ai table td[data-v-8524fb4a]{padding:30px 25px}.classTable.ai table td .trackType[data-v-8524fb4a]{color:#777}.classTable.ai table td .track ul li[data-v-8524fb4a]{position:relative}.classTable.ai table td .track ul li[data-v-8524fb4a]:before{content:"";position:absolute;left:-8px;top:calc(50% - 1px);display:inline-block;width:8px;height:2px;background-color:#f0f0f0}.classTable.ai table td .track ul li[data-v-8524fb4a]:first-child:before{display:none}.classTable.ai table td .track .finish li[data-v-8524fb4a]:before{background-color:#fd856d}.classTable.ai table td .wide[data-v-8524fb4a]{padding-left:99px}.classTable.ai table td .wide .lessonName[data-v-8524fb4a]{width:99px}.component-list[data-v-8524fb4a]{padding:0 10px}.component-list[data-v-8524fb4a] .week{font-size:16px;color:#29cde6;font-weight:600}.component-list[data-v-8524fb4a] .component-block{margin-top:30px}.component-list[data-v-8524fb4a] .component-block .component-name{font-family:Noto Sans Korean;font-size:1.1666em;font-weight:500;color:#000}.component-list[data-v-8524fb4a] .component-block .component-name span{font-family:Montserrat Alternates,sans-serif;font-size:1.5em;line-height:1.1;color:#29cde6;font-weight:900;margin-right:10px;display:block}.component-list[data-v-8524fb4a] .component-block .component-name span span{display:inline-block;margin-left:10px;font-size:.52em;color:#666}.component-list[data-v-8524fb4a] .component-block .component-name span em{font-size:.72em;margin-left:3px}.component-list[data-v-8524fb4a] .component-block .component-name p{font-size:.85em;font-weight:400;color:#666}.component-list[data-v-8524fb4a] .component-block .component-name p span{font-size:inherit;font-weight:700!important;color:#444;margin-right:3px}.component-list[data-v-8524fb4a] .component-block .component-name .bottomSpace{margin-bottom:30px}.component-list[data-v-8524fb4a] .component-block .row{margin-right:-10px;margin-left:-10px;margin-top:20px}.component-list[data-v-8524fb4a] .component-block .row .col-6{padding-right:10px;padding-left:10px;margin-bottom:10px}.component-list[data-v-8524fb4a] .component-block .row .lesson-list{padding:15px;border-radius:1em;background:#f2f2f2;height:100%}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-name{color:#666;font-weight:500}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set{margin-left:-4px;margin-right:-4px}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button{width:164px;height:44px;vertical-align:middle;border-radius:.5em;border:2px solid #fd856d;background-color:#fff;color:#fd856d;font-weight:600;font-size:.97em;line-height:1.1em;text-align:left;padding:0 60px 0 12px;margin:4px;position:relative}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button span{display:inline-block;text-align:center;height:30px;position:absolute;right:8px;top:5px;line-height:32px}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button .before,.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button .after{width:30px;font-size:1.2em;border-radius:50%}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button .before{background:#ffd618}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button .after{background:#e46e56}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button .d-day{width:auto;padding:0 5px;font-size:.9em;border-radius:16px;background:#fd856d;color:#fff}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button .over{width:30px;padding:0 5px;border-radius:50%;background:url(/assets/images/april/icon_over.png) no-repeat center #a0a0a0}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button .underAssess{width:30px;background:url(/assets/images/april/icon_underAssess2.png) no-repeat center #29cde6;border-radius:50%}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button .notifyAssess{width:30px;background:url(/assets/images/april/icon_notifyAssess.gif) no-repeat center #29cde6;border-radius:50%}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button.submitted{border:2px solid #fd856d;background:#fd856d;color:#fff}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button.check .before{background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618;background-size:58%;font-size:0}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button.check .after{background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56;background-size:58%;font-size:0}.component-list[data-v-8524fb4a] .component-block .row .lesson-list .lesson-set button:disabled{border:2px solid #ccc;color:#ccc}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set div{display:inline-block;width:34px;height:34px;padding:0;border-radius:50%;font-size:0;background-color:#f2f2f2;border:2px solid #ccc;vertical-align:middle;margin:4px;position:relative;z-index:2;box-sizing:border-box}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set div span{width:34px;height:34px;border-radius:50%;position:absolute;right:-2px;top:-2px}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set div .before{background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618;background-size:58%;font-size:0}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set div .after{background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56;background-size:58%;font-size:0}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set div:before{content:"";position:absolute;left:-10px;top:calc(50% - 1px);display:inline-block;width:8px;height:2px;z-index:1}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set div:first-child:before{display:none}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set button{z-index:2}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set button:before{content:"";position:absolute;left:-10px;top:calc(50% - 1px);display:inline-block;width:8px;height:2px;z-index:1}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set button:first-child:before{display:none}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle{width:34px;height:34px;padding:0;border-radius:50%;font-size:0}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle span{right:0;top:0}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle .d-day{display:none}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:hover,.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:active{width:164px;height:44px;border-radius:.5em;font-size:.97em;padding:0 60px 0 12px}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:hover span,.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:active span{right:8px;top:5px}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:disabled:hover,.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:disabled:active{width:34px;height:34px;padding:0;border-radius:50%;font-size:0}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:disabled:hover span,.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:disabled:active span{right:0;top:0}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:disabled:hover .d-day,.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set .circle:disabled:active .d-day{display:none}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set div.notOpen2{width:164px;height:44px;display:inline-block;vertical-align:middle;border-radius:.5em;font-weight:600;font-size:.97em;line-height:44px;text-align:left;padding:0 60px 0 12px;margin:4px;position:relative;z-index:2;background-color:#fff;border:2px solid #ccc;color:#ccc}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set div.noActive{width:164px;height:44px;display:inline-block;vertical-align:middle;border-radius:.5em;font-weight:600;font-size:.97em;line-height:44px;text-align:left;padding:0 60px 0 12px;margin:4px;position:relative;z-index:2;background-color:#c7c7c7!important;border:2px solid #c7c7c7!important;color:#fff!important}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set div.noActive span{display:inline-block;text-align:center;height:30px;position:absolute;right:8px;top:5px;line-height:32px}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set.inProgress button:before{background-color:#ccc}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set.inProgress div:before{background-color:#ccc}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set.finish button:before{background-color:#fd856d}.component-list[data-v-8524fb4a] .component-block.Preview .row .lesson-list .lesson-set.finish div:before{background-color:#fd856d}.component-list[data-v-8524fb4a] .component-block.v-Class{margin-top:70px;position:relative}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name{position:relative;background-color:#fff;border-radius:5rem;box-shadow:0 2px 5px 2px #00000017;padding:12px 12px 12px 100px}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name span{font-family:Noto Sans Korean;font-size:1em;font-weight:500;color:#000;position:absolute;left:0;top:-40px}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name .buttonBox{position:absolute;right:10px;top:7px}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name .buttonBox button{border:0;margin-left:8px;font-size:0;width:128px;height:48px;border-radius:24px;background-color:transparent;box-shadow:0 2px 2px 1px #0000001a}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name .buttonBox .v-Class-download{background-image:url(/assets/images/april/vClass_download.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name .buttonBox .Media-Library{background-image:url(/assets/images/april/vClass_Media-Library.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name .buttonBox .Bouncy-Planet{background-image:url(/assets/images/april/vClass_Bouncy-Planet.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name .buttonBox .My-Planet{background-image:url(/assets/images/april/vClass_My-Planet.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name .buttonBox .My-Planet:disabled{background-image:url(/assets/images/april/vClass_My-Planet_off.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .component-name:before{content:"";position:absolute;bottom:0;left:32px;width:57px;height:73px;background:url(/assets/images/april/vClass_avatar.png) no-repeat;background-size:100%}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers{position:absolute;top:0;left:0;right:0}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul{text-align:center}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li{display:inline-block;vertical-align:middle;width:60px;text-align:center}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li button{border:0;width:48px;height:53px;background-color:transparent;background-repeat:no-repeat;position:relative;vertical-align:middle}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li button span{background:#ff0062;color:#fff;padding:2px 10px;border-radius:12px;position:absolute;bottom:-40px;left:50%;z-index:10;transform:translate(-50%);display:none}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li button span:before{content:"";width:9px;height:7px;position:absolute;top:-7px;left:50%;transform:translate(-50%);background:url(/assets/images/april/vClass_teacher_arrow.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li .teacher1{background-image:url(/assets/images/april/vClass_teacher_Dion.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li .teacher1.active{width:56px;height:63px;background-image:url(/assets/images/april/vClass_teacher_Dion_on.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li .teacher2{background-image:url(/assets/images/april/vClass_teacher_Emma.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li .teacher2.active{width:56px;height:63px;background-image:url(/assets/images/april/vClass_teacher_Emma_on.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li .teacher3{background-image:url(/assets/images/april/vClass_teacher_Archer.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li .teacher3.active{width:56px;height:63px;background-image:url(/assets/images/april/vClass_teacher_Archer_on.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li .teacher4{background-image:url(/assets/images/april/vClass_teacher_Rhea.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li .teacher4.active{width:56px;height:63px;background-image:url(/assets/images/april/vClass_teacher_Rhea_on.png)}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li button.active span{display:inline-block;bottom:-35px}.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li button:hover span,.component-list[data-v-8524fb4a] .component-block.v-Class .teachers ul li button:active span{display:inline-block}.component-list[data-v-8524fb4a] .component-block.v-Class .row{margin-top:30px}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6{padding-top:83px;position:relative}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list{margin-top:-10px;padding:15px 15px 25px}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set button{width:calc(100% - 8px);border:2px solid #17ceac;color:#17ceac}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set button span{height:28px;top:6px;line-height:30px}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set button .d-day{background:#17ceac}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set div{display:inline-block;width:calc(100% - 8px);border:2px solid #ccc;color:#ccc;background:#fff;height:44px;border-radius:.5em;font-size:.97em;padding:0 60px 0 12px;font-weight:600;line-height:40px;text-align:left;margin:4px;position:relative;z-index:2;box-sizing:border-box}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set div span{display:inline-block;text-align:center;height:28px;line-height:30px;color:#fff;border-radius:50%;position:absolute;right:8px;top:6px}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set div .before{width:28px;background:#ffd618}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set div .after{width:28px;background:#e46e56}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set div .d-day{background:#17ceac}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set .check .before{width:28px;background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618;background-size:60%;font-size:0}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set .check .after{width:28px;background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56;background-size:60%;font-size:0}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set .submitted{color:#fff;background:#17ceac;border:2px solid #17ceac}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set div.submitted{color:#fff;background:#ccc;border:2px solid #ccc}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set button:disabled{border:2px solid #ccc;color:#ccc}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .finish button:before{content:"";position:absolute;top:-10px;left:calc(50% - 1px);display:inline-block;background:#17ceac;width:2px;height:8px;z-index:1}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .finish div:before{content:"";position:absolute;top:-10px;left:calc(50% - 1px);display:inline-block;background:#17ceac;width:2px;height:8px;z-index:1}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .finish button:first-child:before,.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .finish div:first-child:before{display:none}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .inProgress button:before{content:"";position:absolute;top:-10px;left:calc(50% - 1px);display:inline-block;background:#ccc;width:2px;height:8px;z-index:1}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .inProgress div:before{content:"";position:absolute;top:-10px;left:calc(50% - 1px);display:inline-block;background:#ccc;width:2px;height:8px;z-index:1}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .inProgress button:first-child:before,.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .inProgress div:first-child:before{display:none}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .v-package{width:100%;height:44px;border:2px solid #17ceac;color:#17ceac;border-radius:.5em;background-color:#fff;font-weight:600;font-size:.97em;line-height:1.1em;text-align:left;padding:14px 60px 14px 12px;position:relative}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .d-day{display:inline-block;height:30px;line-height:30px;padding:0 5px;font-size:.9em;border-radius:16px;background:#fd856d;color:#fff;background:#17ceac;position:absolute;left:68px;top:50%;transform:translateY(-50%)}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .over{display:inline-block;width:30px;height:30px;border-radius:50%;background:url(/assets/images/april/icon_over.png) no-repeat center #a0a0a0;position:absolute;left:68px;top:50%;transform:translateY(-50%)}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .result-set{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;column-gap:16px}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .result-set button{width:30px;height:30px;font-weight:600;text-align:center;border-radius:50%;line-height:26px;border:2px solid #17ceac;background-color:#fff;color:#fff;font-size:1.2em;position:relative;top:0;right:0}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .result-set button span{position:absolute;bottom:-43px;left:50%;transform:translate(-50%);z-index:100;display:none;width:auto;background-color:#fff;border-radius:1.5em;border:1px solid #c4c4c4;font-size:.85em!important;font-weight:400;line-height:1.2;color:#666;padding:5px 10px;white-space:nowrap;box-shadow:0 2px 3px 1px #00000017}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .result-set button span:before{content:"";width:12px;height:10px;position:absolute;top:-10px;left:50%;z-index:101;-webkit-transform:translateX(-50%);transform:translate(-50%);background:url(/assets/images/april/vClass_button_arrow.png) no-repeat;background-size:100%}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .result-set button.before.submitted{background-color:#ffd618;border:2px solid #ffd618}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .result-set button.check.before{background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618;background-size:60%;border:2px solid #ffd618}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .result-set button.after.submitted{background-color:#e46e56;border:2px solid #e46e56}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal .result-set button.check.after{background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56;background-size:60%;border:2px solid #e46e56}.component-list[data-v-8524fb4a] .component-block.v-Class .row .col-6 .lesson-list .lesson-set-horizontal.complete .v-package{color:#fff;background:#17ceac;border:2px solid #17ceac}.component-list[data-v-8524fb4a] .component-block.v-Class:before{content:"";position:absolute;top:-72px;left:0;right:0;width:100%;height:64px;background:url(/assets/images/april/preview_arrow.png) center top no-repeat}.component-list[data-v-8524fb4a] .component-block.ai-ar{border-radius:15px;margin-left:-10px;margin-right:-10px;margin-top:10px;padding:20px 10px 10px}.component-list[data-v-8524fb4a] .component-block.ai-ar .component-name{letter-spacing:-.03em}.component-list[data-v-8524fb4a] .component-block.ai-ar .component-name.ar span{color:#999}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list{height:auto;margin-top:10px}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set div{width:164px;height:44px;display:inline-block;vertical-align:middle;border-radius:.5em;font-weight:600;font-size:.97em;line-height:44px;text-align:left;padding:0 60px 0 12px;margin:4px;position:relative;z-index:2;background-color:#fff;border:2px solid #ccc;color:#ccc}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set div span{display:inline-block;text-align:center;height:28px;line-height:30px;color:#fff;border-radius:50%;position:absolute;right:8px;top:6px}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set div .before{width:28px;background:#ffd618}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set div .after{width:28px;background:#e46e56}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set div .d-day{background:#fd856d}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set button{z-index:2}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set button:before,.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set div:before{content:"";position:absolute;left:-10px;top:calc(50% - 1px);display:inline-block;width:8px;height:2px;z-index:1}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set button:first-child:before,.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set div:first-child:before{display:none}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set .submitted{border:2px solid #fd856d;background:#fd856d;color:#fff}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set.inProgress button:before,.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set.inProgress div:before{background-color:#ccc}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set.finish button:before,.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ai .lesson-set.finish div:before{background-color:#fd856d}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ar{display:inline-block;width:calc(50% - 5px)}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ar .lesson-set{padding-left:50px}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ar .lesson-set button{width:calc(100% - 8px)}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ar .lesson-set.buff{background:url(/assets/images/april/icon_aprilBuff.png) left center no-repeat}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ar .lesson-set.meme{background:url(/assets/images/april/icon_aprilMeme.png) left center no-repeat}.component-list[data-v-8524fb4a] .component-block.ai-ar .row .lesson-list.ar:nth-child(2n){margin-right:10px}.component-list.JM[data-v-8524fb4a]{background:url(/assets/images/april/metaLearning-jm.png) right bottom no-repeat;min-height:250px}.component-list.JM .component-block .row .col-6[data-v-8524fb4a]{-ms-flex:0 0 710px;-webkit-box-flex:0;flex:0 0 710px;max-width:710px}.component-list.JM .component-block.Review .row .lesson-list .lesson-set button[data-v-8524fb4a]{width:214px}.component-list.JM .component-block.Skill-Builder .row .lesson-list .lesson-set button[data-v-8524fb4a]{width:326px}.component-list.JM .component-block.Preview .row .lesson-list .lesson-set button[data-v-8524fb4a]{width:159px;height:44px;border-radius:.5em;font-size:.97em;padding:0 60px 0 12px}.component-list.JM .component-block.Preview .row .lesson-list .lesson-set button span[data-v-8524fb4a]{right:8px;top:5px}.component-list.JM .component-block.Preview .row .lesson-list .lesson-set button.submitted[data-v-8524fb4a]:hover,.component-list.JM .component-block.Preview .row .lesson-list .lesson-set button.submitted[data-v-8524fb4a]:active{width:159px}.component-list.JM .component-block.ai-ar[data-v-8524fb4a]{margin-top:20px;width:710px}.sub-content-page[data-v-8524fb4a]{position:relative}.moveTop[data-v-8524fb4a]{width:66px;height:66px;position:fixed;left:calc(50% + 556px);bottom:450px;text-align:right}.moveTop a[data-v-8524fb4a]{display:block;height:66px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 10px 2px #0000000a}.moveTop span[data-v-8524fb4a]{display:inline-block;width:66px;height:66px;text-align:center;color:#fd856d;background:url(/assets/images/april/icon_arrowRed.png) center 13px no-repeat;padding-top:38px;font-size:.977em;font-weight:500}.wide-wrap[data-v-8524fb4a]{padding-bottom:78px}.container[data-v-8524fb4a]{position:relative;z-index:2}.content-header[data-v-8524fb4a]{padding-bottom:2px}.help[data-v-8524fb4a]{position:absolute;top:5px;right:10px;color:#999;font-size:1.1em;line-height:1.2em;width:30px;height:46px;text-align:center;outline:0px}.help em[data-v-8524fb4a]{display:inline-block;width:24px;height:24px;background:url(/assets/images/april/icon_infoText.png);background-size:24px 24px}.sub-title[data-v-8524fb4a]{margin-right:18px}.select-box-common[data-v-8524fb4a]{position:relative;top:-7px}.select-box-common select[data-v-8524fb4a]{margin-right:12px}.popover.helpFrame[data-v-8524fb4a]{z-index:1}.helpPopover[data-v-8524fb4a]{width:732px;padding:25px 20px;border:1px solid #f2f2f2}.helpPopover .mark[data-v-8524fb4a]{display:flex;justify-content:space-between;background-color:#fff;padding:0 10px 20px;border-bottom:2px solid #f5f5f5}.helpPopover .mark div[data-v-8524fb4a]{display:inline-block;color:#999;margin:5px 0}.helpPopover .mark div em[data-v-8524fb4a]{display:inline-block;width:24px;height:24px;border-radius:50%;vertical-align:middle;margin-right:3px}.helpPopover .mark div em+em[data-v-8524fb4a]{margin-right:5px}.helpPopover .mark div em.m01[data-v-8524fb4a]{background:url(/assets/images/april/i-Learning_guide_m01.png)}.helpPopover .mark div em.m01c[data-v-8524fb4a]{background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618;background-size:58%}.helpPopover .mark div em.m02[data-v-8524fb4a]{background:url(/assets/images/april/i-Learning_guide_m02.png)}.helpPopover .mark div em.m02c[data-v-8524fb4a]{background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56;background-size:58%}.helpPopover .mark div em.m03[data-v-8524fb4a]{background:url(/assets/images/april/i-Learning_guide_m03.png)}.helpPopover .mark div em.m04[data-v-8524fb4a]{background:url(/assets/images/april/i-Learning_guide_m04.png)}.helpPopover .mark div em.m05[data-v-8524fb4a]{background:url(/assets/images/april/i-Learning_guide_m06.png)}.helpPopover .guide[data-v-8524fb4a]{margin-top:30px;padding:0 10px;font-family:Noto Sans Korean;font-size:1.1em;font-weight:400}.helpPopover .guide p[data-v-8524fb4a]{padding-bottom:10px;font-size:1.1222em}.helpPopover .guide .row[data-v-8524fb4a]{margin-top:10px}.helpPopover .guide .row .name[data-v-8524fb4a]{font-size:1.1333em;font-weight:500}.helpPopover .guide .row ul li[data-v-8524fb4a]{padding-left:10px;position:relative;color:#333;font-weight:400;margin:5px 0;letter-spacing:-.03em}.helpPopover .guide .row ul li[data-v-8524fb4a]:before{content:"";position:absolute;left:0;top:10px;display:inline-block;width:3px;height:3px;background:#333;border-radius:50%}.helpPopover .guide .row ul li .red[data-v-8524fb4a]{display:block;color:#fd856d}.weekClass[data-v-8524fb4a]{padding:30px 0 30px 145px;position:relative;background:url(/assets/images/april/weekClass_line.png) no-repeat 74px 44px;background-size:2px 100%}.weekClass[data-v-8524fb4a]:before{content:"";width:2px;height:44px;position:absolute;left:74px;top:0;background:url(/assets/images/april/weekClass_line.png) repeat-y}.weekClass[data-v-8524fb4a]:last-child{background:none}.weekClass.active[data-v-8524fb4a]:before{width:76px;height:59px;left:37px;top:15px;z-index:10;background:url(/assets/images/april/dayClass_vina.png) no-repeat}.weekClass[data-v-8524fb4a] .date{display:inline-block;width:88px;height:88px;position:absolute;left:32px;top:44px;border:2px solid rgba(0,0,0,.06);-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;border-radius:20px 5px;text-align:center;font-size:2.7em;font-weight:700;background:#fff}.weekClass[data-v-8524fb4a] .date span{display:block;padding:3px 0;background:#f0f0f0;border-radius:18px 3px 0 0;font-size:.4em}.weekClass.active[data-v-8524fb4a]{background-color:#f4fdfe}.weekClass.active[data-v-8524fb4a] .date{top:64px}.weekClass.active[data-v-8524fb4a] .date span{background:#29cde6;color:#fff}.weekClass[data-v-8524fb4a] .comList{letter-spacing:-.02em}.weekClass[data-v-8524fb4a] .comList button{width:148px;height:48px;border:2px solid #fd856d;background:#fff;border-radius:8px;font-weight:600;font-size:1.13em;color:#fd856d;line-height:1.1em;padding:0 15px}.weekClass[data-v-8524fb4a] .comList button:disabled{border:1px solid #ebebeb;color:#bbb}.weekClass[data-v-8524fb4a] .comList button.during{border:2px solid #ffe3de;background:#ffe3de;color:#e16b54}.weekClass[data-v-8524fb4a] .comList button.submitted{border:2px solid #fd856d;background:#fd856d;color:#fff}.weekClass[data-v-8524fb4a] .comList button.grade{padding:0 45px 0 8px;position:relative;letter-spacing:-.02em}.weekClass[data-v-8524fb4a] .comList button .before,.weekClass[data-v-8524fb4a] .comList button .after{display:inline-block;text-align:center;width:30px;height:30px;position:absolute;right:9px;top:7px;line-height:32px;font-size:1.2em;border-radius:50%}.weekClass[data-v-8524fb4a] .comList button .before{background:url(/assets/images/april/icon_check.png) no-repeat center #ffd618}.weekClass[data-v-8524fb4a] .comList button .after{background:url(/assets/images/april/icon_check.png) no-repeat center #e46e56}.weekClass[data-v-8524fb4a] .comList button.letter .before,.weekClass[data-v-8524fb4a] .comList button.letter .after{background-image:none}.weekClass[data-v-8524fb4a] .comList li.trackType{position:relative;padding:14px 0 14px 139px}.weekClass[data-v-8524fb4a] .comList li.trackType .title{position:absolute;left:0;top:18px;width:139px;text-align:left;font-size:1.5em;line-height:1em}.weekClass[data-v-8524fb4a] .comList li.trackType .title span{display:block;margin-top:2px;font-size:.7em;font-weight:500;color:#999}.weekClass[data-v-8524fb4a] .comList li.trackType .title em.book{color:#fd856d;margin-right:3px}.weekClass[data-v-8524fb4a] .comList li.trackType .title em.lesson{color:#c95b45}.weekClass[data-v-8524fb4a] .comList li.trackType li{display:inline-block;margin-left:16px;vertical-align:top;position:relative}.weekClass[data-v-8524fb4a] .comList li.trackType li:first-child{margin-left:0}.weekClass[data-v-8524fb4a] .comList li.trackType li em{display:inline-block;position:absolute;right:-6px;top:-10px;color:#fff;font-size:.8333em;height:24px;line-height:24px}.weekClass[data-v-8524fb4a] .comList li.trackType li em.d-day{background:#e16b54;padding:0 8px;border-radius:15px}.weekClass[data-v-8524fb4a] .comList li.trackType li em.underAssess{background:url(/assets/images/april/icon_underAssess.png) no-repeat center #29cde6;width:24px;border-radius:50px}.weekClass[data-v-8524fb4a] .comList li.trackType li em.notifyAssess{background:url(/assets/images/april/icon_notifyAssess.gif) no-repeat center #29cde6;width:24px;border-radius:50px}.weekClass[data-v-8524fb4a] .comList li.trackType li em.over{background:url(/assets/images/april/icon_over.png) no-repeat;width:24px;border-radius:50px}.weekClass[data-v-8524fb4a] .comList li.trackType.line li{position:relative}.weekClass[data-v-8524fb4a] .comList li.trackType.line li:before{content:"";width:16px;height:2px;position:absolute;left:-16px;top:23px;background:url(/assets/images/april/weekClass_line.png) repeat}.weekClass[data-v-8524fb4a] .comList li.trackType.line.red li:before{background-image:none;background-color:#fd856d}.weekClass[data-v-8524fb4a] .comList li.trackType.line li:first-child:before{display:none}