[data-v-07f4f5c9],[data-v-07f4f5c9]:after,[data-v-07f4f5c9]:before{background-size:auto 100%}.detail-writing .m-contentHeader[data-v-07f4f5c9]{padding-bottom:0;border-bottom:0}.detail-writing .m-contentBody[data-v-07f4f5c9]{margin-top:0}.detail-writing .top-btn-wrap[data-v-07f4f5c9]{margin:6px 0;text-align:right}.detail-writing .top-btn-wrap .btn-copy[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;margin-left:auto;padding:1px 8px 1px 4px;font-size:12px;line-height:18px}.detail-writing .top-btn-wrap .btn-copy[data-v-07f4f5c9]:before{content:"";display:block;width:16px;height:16px;margin-right:4px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/copy_m.png)}.detail-writing .top-btn-wrap .btn-copy[data-v-07f4f5c9]:disabled{color:#ddd}.detail-writing .top-btn-wrap .btn-copy[data-v-07f4f5c9]:disabled:before{-webkit-filter:grayscale(1);filter:grayscale(1)}.detail-writing .draft-text-wrap[data-v-07f4f5c9]{position:relative;margin:12px 16px;padding:24px 30px}.detail-writing .draft-text-wrap .box-bg[data-v-07f4f5c9]{position:absolute;top:0;left:0;width:100%;height:100%}.detail-writing .draft-text-wrap .box-bg div[data-v-07f4f5c9]:before{content:"";position:absolute;top:0;left:-44px;width:44px;height:50px}.detail-writing .draft-text-wrap .box-bg div[data-v-07f4f5c9]:after{content:"";position:absolute;top:0;right:-44px;width:44px;height:50px}.detail-writing .draft-text-wrap .box-bg .bg-top[data-v-07f4f5c9]{position:absolute;top:0;left:43px;width:calc(100% - 86px);height:50px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_top_mid.png);background-repeat:repeat-x}.detail-writing .draft-text-wrap .box-bg .bg-top[data-v-07f4f5c9]:before{background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_top_left.png)}.detail-writing .draft-text-wrap .box-bg .bg-top[data-v-07f4f5c9]:after{background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_top_right.png)}.detail-writing .draft-text-wrap .box-bg .bg-mid[data-v-07f4f5c9]{position:absolute;top:48px;left:43px;width:calc(100% - 86px);height:calc(100% - 98px);background-color:#e3f1f4}.detail-writing .draft-text-wrap .box-bg .bg-mid[data-v-07f4f5c9]:before{height:100%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_mid_left.png);background-size:100% auto;background-repeat:repeat-y}.detail-writing .draft-text-wrap .box-bg .bg-mid[data-v-07f4f5c9]:after{height:100%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_mid_right.png);background-size:100% auto;background-repeat:repeat-y}.detail-writing .draft-text-wrap .box-bg .bg-btm[data-v-07f4f5c9]{position:absolute;bottom:0;left:43px;width:calc(100% - 86px);height:50px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_btm_mid.png);background-repeat:repeat-x}.detail-writing .draft-text-wrap .box-bg .bg-btm[data-v-07f4f5c9]:before{background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_btm_left.png)}.detail-writing .draft-text-wrap .box-bg .bg-btm[data-v-07f4f5c9]:after{background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_btm_right.png)}.detail-writing .draft-text-wrap .text-wrap[data-v-07f4f5c9]{position:relative}.detail-writing .draft-text-wrap .text-wrap strong[data-v-07f4f5c9]{display:block;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700;text-align:center}.detail-writing .draft-text-wrap .text-wrap p[data-v-07f4f5c9]{font-size:12px;line-height:18px;color:#564721}.detail-writing .draft-text-wrap .text-wrap p.indent[data-v-07f4f5c9]{text-indent:24px}.detail-writing .no-data[data-v-07f4f5c9]{padding:106px 0;text-align:center}.detail-writing .no-data p[data-v-07f4f5c9]{font-size:12px;line-height:18px;color:#999}.detail-writing .no-data a[data-v-07f4f5c9]{height:40px;margin-top:16px;padding:8px 10px;font-size:14px;line-height:20px}.detail-writing .video-title[data-v-07f4f5c9]{padding:24px 0 16px;text-align:center;font-size:14px;line-height:20px;font-weight:700}.detail-writing .evaluation-score-wrap[data-v-07f4f5c9]{margin-top:24px;padding:0 16px}.detail-writing .evaluation-score-wrap .top-title[data-v-07f4f5c9]{position:relative;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700}.detail-writing .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-07f4f5c9]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 24px 14px 70px;border-radius:8px;background-color:#28ab8c;color:#fff;font-size:14px;line-height:20px;font-weight:700}.detail-writing .evaluation-score-wrap .score-graph-wrap .grade-box span[data-v-07f4f5c9]{display:block}.detail-writing .evaluation-score-wrap .score-graph-wrap .grade-box em[data-v-07f4f5c9]{display:block;font-size:20px;line-height:24px}.detail-writing .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-07f4f5c9]:after{content:"";position:absolute;top:0;left:4px;width:60px;height:60px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap[data-v-07f4f5c9]{position:relative;margin-top:20px;padding:12px;border-radius:8px;background-color:#f8f9f5}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-bottom:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title[data-v-07f4f5c9]{font-size:14px;font-weight:700}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated[data-v-07f4f5c9]{margin-left:4px;color:#ccc;font-size:12px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:22px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:18px;color:#777}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-07f4f5c9]:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-07f4f5c9]:first-child:before{background-color:#6fcfb8}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-07f4f5c9]:nth-child(2):before{background-color:#b8de67}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-07f4f5c9]:nth-child(3):before{background-color:#ffcf2b}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap[data-v-07f4f5c9]{position:relative;z-index:1}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item[data-v-07f4f5c9]{margin-top:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:48px;padding:4px 0;font-size:12px;line-height:18px;color:#666;font-weight:700}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area[data-v-07f4f5c9]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-07f4f5c9]{height:20px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-07f4f5c9]:first-child{background-color:#6fcfb8}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-07f4f5c9]:nth-child(2){background-color:#b8de67}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-07f4f5c9]:nth-child(3){background-color:#ffcf2b}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-07f4f5c9]:last-child{border-radius:0 4px 4px 0}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip[data-v-07f4f5c9]{display:block}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-07f4f5c9]{display:none;position:absolute;bottom:18px;left:10px;padding:4px 10px;background-color:#fff;border-radius:4px;font-size:12px;line-height:18px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-07f4f5c9]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-07f4f5c9]:first-child:before{background-color:#6fcfb8}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-07f4f5c9]:nth-child(2):before{background-color:#b8de67}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-07f4f5c9]:nth-child(3):before{background-color:#ffcf2b}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item[data-v-07f4f5c9]{margin-top:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-07f4f5c9]:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail[data-v-07f4f5c9]{width:59px;margin-left:4px;padding:0 6px;text-align:center;font-size:14px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-07f4f5c9]:first-child{background-color:#b7e7dc}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-07f4f5c9]:nth-child(2){background-color:#dcefb3}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-07f4f5c9]:nth-child(3){background-color:#ffe795}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-07f4f5c9]:first-child:before{background-color:#b7e7dc}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-07f4f5c9]:nth-child(2):before{background-color:#dcefb3}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-07f4f5c9]:nth-child(3):before{background-color:#ffe795}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap[data-v-07f4f5c9]{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 63px 0 80px;z-index:-1}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line[data-v-07f4f5c9]{width:1px;height:100%;background-color:#eee}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-07f4f5c9]{font-size:14px;line-height:18px;color:#777}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-07f4f5c9]:first-child{margin-left:-3px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-07f4f5c9]:last-child{margin-right:-9px}.detail-writing .evaluation-score-wrap .score-table-wrap[data-v-07f4f5c9]{margin:38px -16px 0}.detail-writing .evaluation-score-wrap .score-table-wrap .top-title[data-v-07f4f5c9]{padding:0 16px}.detail-writing .evaluation-score-wrap .score-table-wrap .top-title .btn-change-lang[data-v-07f4f5c9]{position:absolute;top:50%;right:16px;width:44px;height:24px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;line-height:18px}.detail-writing .evaluation-score-wrap .score-table-wrap table[data-v-07f4f5c9]{table-layout:fixed;width:100%;font-size:12px;line-height:18px;color:#666}.detail-writing .evaluation-score-wrap .score-table-wrap table+table[data-v-07f4f5c9]{margin-top:-1px}.detail-writing .evaluation-score-wrap .score-table-wrap table td[data-v-07f4f5c9],.detail-writing .evaluation-score-wrap .score-table-wrap table th[data-v-07f4f5c9]{position:relative;border:1px solid #ddd}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th[data-v-07f4f5c9]{height:36px;padding:0 10px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category[data-v-07f4f5c9]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category.category-1[data-v-07f4f5c9]:before{background-color:#6fcfb8}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category.category-2[data-v-07f4f5c9]:before{background-color:#b8de67}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category.category-3[data-v-07f4f5c9]:before{background-color:#ffcf2b}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody th[data-v-07f4f5c9]{padding:10px}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td[data-v-07f4f5c9]{height:49px;padding:6px 10px}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td[data-v-07f4f5c9]:first-of-type{text-align:center;font-weight:700;word-break:break-all}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-score[data-v-07f4f5c9]{text-align:center}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.subtitle[data-v-07f4f5c9]{text-align:left!important}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score[data-v-07f4f5c9]{text-align:left;background-color:#f5f5f5;font-size:12px}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:38px}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span[data-v-07f4f5c9]{margin-right:15px;font-weight:700}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail[data-v-07f4f5c9]{width:46px;text-align:center}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck[data-v-07f4f5c9]{padding:0;text-align:center}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button[data-v-07f4f5c9]{width:32px;height:32px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png);vertical-align:top}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-07f4f5c9]{background-color:#fc5252}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-07f4f5c9]:hover{background-color:#ca4242}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-07f4f5c9]{background-color:#0f91ef}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-07f4f5c9]:hover{background-color:#0c74bf}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-3[data-v-07f4f5c9],.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-3[data-v-07f4f5c9]:hover{background-color:#70911b}.modal-sCheck .header .title[data-v-07f4f5c9]{margin-bottom:16px;font-weight:700;font-size:20px;line-height:24px}.modal-sCheck .header button[data-v-07f4f5c9]{position:absolute;top:16px;right:16px;width:24px;height:24px;padding:0;font-size:0;border:0;background:#fff url(/assets/images/april/btn_modal-close.png) 50%/14px no-repeat}.modal-sCheck .table-wrap[data-v-07f4f5c9]{font-size:12px;line-height:18px}.modal-sCheck .table-wrap table[data-v-07f4f5c9]{width:100%;table-layout:fixed}.modal-sCheck .table-wrap table+table[data-v-07f4f5c9]{margin-top:16px}.modal-sCheck .table-wrap table td[data-v-07f4f5c9],.modal-sCheck .table-wrap table th[data-v-07f4f5c9]{padding:9px;border:1px solid #ddd}.modal-sCheck .table-wrap table th[data-v-07f4f5c9]{background-color:#f5f5f5;font-weight:700;vertical-align:top}.modal-sCheck .table-wrap table .sCheck-wrap[data-v-07f4f5c9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-sCheck .table-wrap table .sCheck-wrap .sCheck[data-v-07f4f5c9]{width:32px;height:32px;margin-right:8px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}.modal-sCheck .table-wrap table .sCheck-wrap p[data-v-07f4f5c9]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-1 .sCheck[data-v-07f4f5c9]{background-color:#fc5252}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-1 p[data-v-07f4f5c9]{color:#fc5252}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-2 .sCheck[data-v-07f4f5c9]{background-color:#0f91ef}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-2 p[data-v-07f4f5c9]{color:#0f91ef}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-3 .sCheck[data-v-07f4f5c9]{background-color:#70911b}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-3 p[data-v-07f4f5c9]{color:#70911b}[data-v-ce45a4cc],[data-v-ce45a4cc]:after,[data-v-ce45a4cc]:before{background-size:auto 100%}.evaluation-score-wrap[data-v-ce45a4cc]{margin-top:24px;padding:0 16px}.evaluation-score-wrap .top-title[data-v-ce45a4cc]{position:relative;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700}.evaluation-score-wrap .score-graph-wrap .grade-box[data-v-ce45a4cc]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 24px 14px 70px;border-radius:8px;background-color:#28ab8c;color:#fff;font-size:14px;line-height:20px;font-weight:700}.evaluation-score-wrap .score-graph-wrap .grade-box span[data-v-ce45a4cc]{display:block}.evaluation-score-wrap .score-graph-wrap .grade-box em[data-v-ce45a4cc]{display:block;font-size:20px;line-height:24px}.evaluation-score-wrap .score-graph-wrap .grade-box[data-v-ce45a4cc]:after{content:"";position:absolute;top:0;left:4px;width:60px;height:60px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap[data-v-ce45a4cc]{position:relative;margin-top:20px;padding:12px;border-radius:8px;background-color:#f8f9f5}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-bottom:4px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title[data-v-ce45a4cc]{font-size:14px;font-weight:700}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated[data-v-ce45a4cc]{margin-left:4px;color:#ccc;font-size:12px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:22px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:18px;color:#777}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-ce45a4cc]:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-ce45a4cc]:first-child:before{background-color:#6fcfb8}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-ce45a4cc]:nth-child(2):before{background-color:#b8de67}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-ce45a4cc]:nth-child(3):before{background-color:#ffcf2b}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap[data-v-ce45a4cc]{position:relative;z-index:1}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item[data-v-ce45a4cc]{margin-top:4px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:48px;padding:4px 0;font-size:12px;line-height:18px;color:#666;font-weight:700}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area[data-v-ce45a4cc]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-ce45a4cc]{height:20px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-ce45a4cc]:first-child{background-color:#6fcfb8}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-ce45a4cc]:nth-child(2){background-color:#b8de67}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-ce45a4cc]:nth-child(3){background-color:#ffcf2b}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-ce45a4cc]:last-child{border-radius:0 4px 4px 0}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip[data-v-ce45a4cc]{display:block}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-ce45a4cc]{display:none;position:absolute;bottom:18px;left:10px;padding:4px 10px;background-color:#fff;border-radius:4px;font-size:12px;line-height:18px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-ce45a4cc]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-ce45a4cc]:first-child:before{background-color:#6fcfb8}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-ce45a4cc]:nth-child(2):before{background-color:#b8de67}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-ce45a4cc]:nth-child(3):before{background-color:#ffcf2b}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item[data-v-ce45a4cc]{margin-top:4px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-ce45a4cc]:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail[data-v-ce45a4cc]{width:59px;margin-left:4px;padding:0 6px;text-align:center;font-size:14px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-ce45a4cc]:first-child{background-color:#b7e7dc}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-ce45a4cc]:nth-child(2){background-color:#dcefb3}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-ce45a4cc]:nth-child(3){background-color:#ffe795}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-ce45a4cc]:first-child:before{background-color:#b7e7dc}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-ce45a4cc]:nth-child(2):before{background-color:#dcefb3}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-ce45a4cc]:nth-child(3):before{background-color:#ffe795}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap[data-v-ce45a4cc]{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 63px 0 80px;z-index:-1}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line[data-v-ce45a4cc]{width:1px;height:100%;background-color:#eee}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-ce45a4cc]{font-size:14px;line-height:18px;color:#777}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-ce45a4cc]:first-child{margin-left:-3px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-ce45a4cc]:last-child{margin-right:-9px}.evaluation-score-wrap .score-table-wrap[data-v-ce45a4cc]{margin:38px -16px 0}.evaluation-score-wrap .score-table-wrap .top-title[data-v-ce45a4cc]{padding:0 16px}.evaluation-score-wrap .score-table-wrap .top-title .btn-change-lang[data-v-ce45a4cc]{position:absolute;top:50%;right:16px;width:44px;height:24px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;line-height:18px}.evaluation-score-wrap .score-table-wrap table[data-v-ce45a4cc]{table-layout:fixed;width:100%;font-size:12px;line-height:18px;color:#666}.evaluation-score-wrap .score-table-wrap table+table[data-v-ce45a4cc]{margin-top:-1px}.evaluation-score-wrap .score-table-wrap table td[data-v-ce45a4cc],.evaluation-score-wrap .score-table-wrap table th[data-v-ce45a4cc]{position:relative;border:1px solid #ddd}.evaluation-score-wrap .score-table-wrap table thead th[data-v-ce45a4cc]{height:36px;padding:0 10px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.evaluation-score-wrap .score-table-wrap table thead th .category[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.evaluation-score-wrap .score-table-wrap table thead th .category[data-v-ce45a4cc]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.evaluation-score-wrap .score-table-wrap table thead th .category.category-1[data-v-ce45a4cc]:before{background-color:#6fcfb8}.evaluation-score-wrap .score-table-wrap table thead th .category.category-2[data-v-ce45a4cc]:before{background-color:#b8de67}.evaluation-score-wrap .score-table-wrap table thead th .category.category-3[data-v-ce45a4cc]:before{background-color:#ffcf2b}.evaluation-score-wrap .score-table-wrap table tbody th[data-v-ce45a4cc]{padding:10px}.evaluation-score-wrap .score-table-wrap table tbody td[data-v-ce45a4cc]{height:49px;padding:6px 10px}.evaluation-score-wrap .score-table-wrap table tbody td[data-v-ce45a4cc]:first-of-type{text-align:center;font-weight:700;word-break:break-all}.evaluation-score-wrap .score-table-wrap table tbody td.td-score[data-v-ce45a4cc]{text-align:center}.evaluation-score-wrap .score-table-wrap table tbody td.subtitle[data-v-ce45a4cc]{text-align:left!important}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score[data-v-ce45a4cc]{text-align:left;background-color:#f5f5f5;font-size:12px}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score[data-v-ce45a4cc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:40px}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score.ty-2[data-v-ce45a4cc]{padding-right:0}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span[data-v-ce45a4cc]{margin-right:15px;font-weight:700}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail[data-v-ce45a4cc]{width:46px;text-align:center}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck[data-v-ce45a4cc]{padding:0;text-align:center}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button[data-v-ce45a4cc]{width:32px;height:32px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png);vertical-align:top}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-ce45a4cc]{background-color:#fc5252}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-ce45a4cc]:hover{background-color:#ca4242}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-ce45a4cc]{background-color:#0f91ef}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-ce45a4cc]:hover{background-color:#0c74bf}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-3[data-v-ce45a4cc],.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-3[data-v-ce45a4cc]:hover{background-color:#70911b}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint[data-v-ce45a4cc]{padding:0!important;font-weight:400!important}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint table[data-v-ce45a4cc]{width:100%}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td[data-v-ce45a4cc]{border:0!important;border-top:1px solid #ddd!important;text-align:left}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td[data-v-ce45a4cc]:first-child{border-right:1px solid #ddd!important;font-weight:400!important}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td[data-v-ce45a4cc]:last-child{text-align:right;color:#999}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td.total-point[data-v-ce45a4cc]{text-align:right;border-right:0!important;color:#666}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td.total-point strong[data-v-ce45a4cc]{font-weight:400!important}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint tr:first-child td[data-v-ce45a4cc]{border-top:0 solid #ddd!important}[data-v-b42645be],[data-v-b42645be]:after,[data-v-b42645be]:before{background-size:auto 100%}.no-Evaluation[data-v-b42645be] .m-contentHeader{padding-bottom:0;border-bottom:0}.no-Evaluation[data-v-b42645be] .m-contentBody{margin-top:0}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame{margin-top:1rem;padding:0}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .nav-tabs{width:644px;margin:0 auto 24px;padding:0}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .nav-tabs .nav-item{width:320px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .video-cont-wrap{padding-top:36px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .video-cont-wrap .video-title{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .video-cont-wrap .video-wrap{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .no-data{padding-top:36px;text-align:center}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .no-data p{font-size:16px;line-height:24px;color:#666}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .no-data a{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;width:100%}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;margin-top:1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play{margin-top:0;padding:0}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line{background-color:unset}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text{background:#ffd66b;border-radius:.8rem .8rem .8rem 0}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text:after{bottom:0;left:-1rem;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1rem;left:-1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text{background:#8ed9c7;border-radius:.8rem .8rem 0 .8rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text:after{bottom:-.06rem;right:-1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1rem;right:-1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type1 .dialogue-line-text:after{bottom:-.3rem;left:-1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type2 .dialogue-line-text:after{bottom:-.3rem;right:-1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active .dialogue-line-text{border:.3rem solid transparent;border-image-source:linear-gradient(95.01deg,#24e0be -2.32%,#22beef 102.72%);border-image-slice:.3;-webkit-box-shadow:0 0 .5rem rgba(34,190,239,.7);box-shadow:0 0 .5rem rgba(34,190,239,.7);-webkit-animation:glowing-border 2s infinite;animation:glowing-border 2s infinite}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text{position:relative;padding:.5rem .8rem;border-radius:.8rem;font-size:1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text:after{content:"";position:absolute;width:1rem;height:1rem;border:.8rem solid transparent;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button{width:5rem;height:5rem;border-radius:50%;color:#fff;font-size:1rem;font-weight:600}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button em{display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button span{display:block;line-height:1}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play{background:#ffa51e}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play em{background:url(/assets/images/april_alpha/play.svg) no-repeat 50%/100%}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:hover{background-color:#ff9b05}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:active{background-color:#ea8c00}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop{background:#fc5252}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop em{background:url(/assets/images/april_alpha/stop.svg) no-repeat 50%/100%}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:hover{background-color:#fc3939}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:active{background-color:#fb2020}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem;width:100%;height:5rem;padding:0 .5rem;border-radius:1.2rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type1{background:#ffd66b}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2{background:#8ed9c7}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:5rem;-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img{width:100%}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:100%;font-size:1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:2rem;width:100%}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;row-gap:1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content+.ai-art-studio-content:before{content:"";position:absolute;top:-1rem;width:100%;height:.1rem;background-color:#d9d9d9}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .label-box{display:inline-block;padding:.5rem 1rem;font-size:1.1rem;text-align:center;color:#222;background-color:#c3e2ee;border-radius:.5rem;vertical-align:top;font-weight:700;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank{display:block;position:relative;padding:1rem;border-radius:.5rem;border:.2rem solid #c9c1c1;color:#564721;font-size:1rem;background:#fff}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[placeholder]:before{content:attr(placeholder);color:#bbb}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.complete{border-color:#efe5d9;background:#fdf9ef}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space{margin:0 1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left{margin-left:1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right{margin-right:1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.disabled{background-color:#83c7b7;border-color:#78b7a9;opacity:.9;cursor:default}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.correct{border-color:#999;color:#0f91ef;font-weight:700}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.incorrect{border-color:#fff;color:#fc5252;font-weight:700}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-flex:1;-ms-flex:1;flex:1}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box{position:relative;width:100%;border-radius:1rem;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.empty{background-color:#fff}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.height-auto{height:auto}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;height:5rem;background-image:url(/assets/images/april_alpha/image.svg);background-size:cover}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:after{content:"";position:absolute;top:calc(50% - 5rem);left:calc(50% - 5rem);width:10rem;height:10rem;border:.8rem solid #cde5ec;border-bottom-color:#28ab8c;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1.25s linear infinite;animation:rotation 1.25s linear infinite}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box .ai-art-studio-zoom{position:absolute;bottom:.5rem;right:1rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture{position:relative}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image{text-align:center}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image img{width:100%;max-width:100%}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2rem;padding:0 3rem}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control button{width:4rem;min-width:4rem;max-width:4rem;height:4rem;border-radius:50%;color:#fff;font-size:1rem;font-weight:700;text-align:center;position:relative;z-index:1}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control button em{display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem;background:url(/assets/images/april_alpha/headphone.svg) no-repeat 50%/100%}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone{background:#28ab8c}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:hover{background-color:#23967b}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:active{background-color:#1e826a}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar{margin:0 0 0 -5px;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:.8rem;background-color:#ddd;border-radius:6px;display:flex}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner{position:relative;width:100%;height:100%;background-color:#ddd;border-radius:1rem;overflow:hidden}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ddd}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:1rem;background-color:#28ab8c}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.full{width:100%}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.progressing{--start-width:0%;--end-width:100%;-webkit-animation:progressing 30s linear infinite;animation:progressing 30s linear infinite}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.animation-stop{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap{margin-top:65px;padding:0 8px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .top-title{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:34px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;width:158px;height:174px;margin-right:24px;padding-top:40px;border-radius:8px;background-color:#28ab8c;text-align:center;color:#fff;font-size:20px;line-height:24px;font-weight:700}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;margin-top:10px;font-size:56px;line-height:60px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;bottom:0;left:-34px;width:88px;height:88px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;line-height:24px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:18px;font-weight:700}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:8px;color:#ccc;font-size:16px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:absolute;top:10px;right:10px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#777}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:30px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 8px 8px 0}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:78px;margin-left:12px;padding:0 10px;text-align:right;font-size:18px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 90px 0 136px;z-index:-1}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap{margin-top:40px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:16px;line-height:24px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table td,.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th{height:50px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th:first-child{padding:0 16px;text-align:left}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th .btn-change-lang{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-1:before{background-color:#6fcfb8}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2:before{background-color:#b8de67}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3:before{background-color:#ffcf2b}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td{height:48px;padding:12px 10px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score,.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{text-align:left;background-color:#f5f5f5}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700;font-size:18px}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:64px;text-align:center}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:40px;height:40px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}.no-Evaluation[data-v-b42645be] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap{margin-top:24px;padding:0 16px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .top-title{position:relative;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 24px 14px 70px;border-radius:8px;background-color:#28ab8c;color:#fff;font-size:14px;line-height:20px;font-weight:700}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;font-size:20px;line-height:24px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;top:0;left:4px;width:60px;height:60px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{position:relative;margin-top:20px;padding:12px;border-radius:8px;background-color:#f8f9f5}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-bottom:4px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:14px;font-weight:700}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:4px;color:#ccc;font-size:12px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:22px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:18px;color:#777}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:48px;padding:4px 0;font-size:12px;line-height:18px;color:#666;font-weight:700}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:20px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 4px 4px 0}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:18px;left:10px;padding:4px 10px;background-color:#fff;border-radius:4px;font-size:12px;line-height:18px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:59px;margin-left:4px;padding:0 6px;text-align:center;font-size:14px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 63px 0 80px;z-index:-1}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap{margin:38px -16px 0}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap .top-title{padding:0 16px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap .top-title .btn-change-lang{position:absolute;top:50%;right:16px;width:44px;height:24px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;line-height:18px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:12px;line-height:18px;color:#666}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table+table{margin-top:-1px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table td,.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table thead th{height:36px;padding:0 10px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table thead th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table thead th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table thead th .category.category-1:before{background-color:#6fcfb8}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table thead th .category.category-2:before{background-color:#b8de67}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table thead th .category.category-3:before{background-color:#ffcf2b}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td{height:49px;padding:6px 10px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center;font-weight:700;word-break:break-all}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-score{text-align:center}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{padding-right:0;text-align:left;background-color:#f5f5f5;font-size:12px}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:46px;text-align:center}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:32px;height:32px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png);vertical-align:top}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}.no-Evaluation[data-v-b42645be] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}[data-v-6004dafc],[data-v-6004dafc]:after,[data-v-6004dafc]:before{background-size:auto 100%}.sCheck_modal_common[data-v-6004dafc]{overflow:auto}.sCheck_modal_common .modal-dialog[data-v-6004dafc]{max-width:1008px}.sCheck_modal_common .modal-content[data-v-6004dafc]{border-radius:4px}.sCheck_modal_common .modal-content .modal-body[data-v-6004dafc]{padding:30px}.sCheck_modal_common .modal-close[data-v-6004dafc]{position:absolute;top:-50px;right:0;width:40px;height:40px;background-image:url(/assets/images/april/modal_close.png)}.sCheck_modal_common .sCheck-popup .title[data-v-6004dafc]{margin-bottom:16px;padding:0 10px;font-size:24px;line-height:30px;font-weight:700}.sCheck_modal_common .sCheck-popup .table-wrap .table-item[data-v-6004dafc]{border:2px solid #bbb;border-radius:8px}.sCheck_modal_common .sCheck-popup .table-wrap .table-item+.table-item[data-v-6004dafc]{margin-top:24px}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table[data-v-6004dafc]{table-layout:fixed;width:100%;min-height:466px;font-size:16px;line-height:24px}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table tr[data-v-6004dafc]{border-bottom:2px solid #bbb}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table tr:first-child th[data-v-6004dafc]{height:48px;border-top-left-radius:5px}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table tr:nth-child(2) th[data-v-6004dafc]{height:64px}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table tr[data-v-6004dafc]:last-child{border-bottom:0}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table tr:last-child th[data-v-6004dafc]{border-bottom-left-radius:5px}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table th[data-v-6004dafc]{width:130px;padding:12px 0 0 14px;background-color:#d7e4ec;font-size:18px;font-weight:700;vertical-align:top}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table td[data-v-6004dafc]{padding:12px 16px;vertical-align:top}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table .sCheck-wrap[data-v-6004dafc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table .sCheck-wrap .sCheck[data-v-6004dafc]{width:40px;height:40px;margin-right:8px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table .sCheck-wrap.sCheck-1 .sCheck[data-v-6004dafc]{background-color:#fc5252}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table .sCheck-wrap.sCheck-1 p[data-v-6004dafc]{color:#fc5252;-webkit-box-flex:1;-ms-flex:1;flex:1}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table .sCheck-wrap.sCheck-2 .sCheck[data-v-6004dafc]{background-color:#0f91ef}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table .sCheck-wrap.sCheck-2 p[data-v-6004dafc]{color:#0f91ef;-webkit-box-flex:1;-ms-flex:1;flex:1}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table .sCheck-wrap.sCheck-3 .sCheck[data-v-6004dafc]{background-color:#70911b}.sCheck_modal_common .sCheck-popup .table-wrap .table-item table .sCheck-wrap.sCheck-3 p[data-v-6004dafc]{color:#70911b}.sCheck_modal_common .sCheck-popup .table-wrap .table-item:only-child table[data-v-6004dafc]{min-height:614px}[data-v-8c6ffba2],[data-v-8c6ffba2]:after,[data-v-8c6ffba2]:before{background-size:auto 100%}.evaluation-score-wrap[data-v-8c6ffba2]{margin-top:65px;padding:0 8px}.evaluation-score-wrap .top-title[data-v-8c6ffba2]{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.evaluation-score-wrap .score-graph-wrap[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:34px}.evaluation-score-wrap .score-graph-wrap .grade-box[data-v-8c6ffba2]{position:relative;width:158px;height:174px;margin-right:24px;padding-top:40px;border-radius:8px;background-color:#28ab8c;text-align:center;color:#fff;font-size:20px;line-height:24px;font-weight:700}.evaluation-score-wrap .score-graph-wrap .grade-box span[data-v-8c6ffba2]{display:block}.evaluation-score-wrap .score-graph-wrap .grade-box em[data-v-8c6ffba2]{display:block;margin-top:10px;font-size:56px;line-height:60px}.evaluation-score-wrap .score-graph-wrap .grade-box em.Incomplete[data-v-8c6ffba2]{font-size:20px}.evaluation-score-wrap .score-graph-wrap .grade-box[data-v-8c6ffba2]:after{content:"";position:absolute;bottom:0;left:-34px;width:88px;height:88px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap[data-v-8c6ffba2]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;line-height:24px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title[data-v-8c6ffba2]{font-size:18px;font-weight:700}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated[data-v-8c6ffba2]{margin-left:8px;color:#ccc;font-size:16px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:absolute;top:10px;right:10px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#777}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-8c6ffba2]:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-8c6ffba2]:first-child:before{background-color:#6fcfb8}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-8c6ffba2]:nth-child(2):before{background-color:#b8de67}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-8c6ffba2]:nth-child(3):before{background-color:#ffcf2b}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap[data-v-8c6ffba2]{position:relative;z-index:1}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item[data-v-8c6ffba2]{margin-top:4px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area[data-v-8c6ffba2]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-8c6ffba2]{height:30px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-8c6ffba2]:first-child{background-color:#6fcfb8}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-8c6ffba2]:nth-child(2){background-color:#b8de67}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-8c6ffba2]:nth-child(3){background-color:#ffcf2b}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-8c6ffba2]:last-child{border-radius:0 8px 8px 0}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip[data-v-8c6ffba2]{display:block}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-8c6ffba2]{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-8c6ffba2]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-8c6ffba2]:first-child:before{background-color:#6fcfb8}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-8c6ffba2]:nth-child(2):before{background-color:#b8de67}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-8c6ffba2]:nth-child(3):before{background-color:#ffcf2b}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item[data-v-8c6ffba2]{margin-top:4px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-8c6ffba2]:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail[data-v-8c6ffba2]{width:78px;margin-left:12px;padding:0 10px;text-align:right;font-size:18px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-8c6ffba2]:first-child{background-color:#b7e7dc}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-8c6ffba2]:nth-child(2){background-color:#dcefb3}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-8c6ffba2]:nth-child(3){background-color:#ffe795}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-8c6ffba2]:first-child:before{background-color:#b7e7dc}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-8c6ffba2]:nth-child(2):before{background-color:#dcefb3}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-8c6ffba2]:nth-child(3):before{background-color:#ffe795}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap[data-v-8c6ffba2]{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 90px 0 136px;z-index:-1}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line[data-v-8c6ffba2]{width:1px;height:100%;background-color:#eee}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-8c6ffba2]{font-size:14px;line-height:18px;color:#777}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-8c6ffba2]:first-child{margin-left:-3px}.evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-8c6ffba2]:last-child{margin-right:-9px}.evaluation-score-wrap .score-table-wrap[data-v-8c6ffba2]{margin-top:40px}.evaluation-score-wrap .score-table-wrap table[data-v-8c6ffba2]{table-layout:fixed;width:100%;font-size:16px;line-height:24px}.evaluation-score-wrap .score-table-wrap table td[data-v-8c6ffba2],.evaluation-score-wrap .score-table-wrap table th[data-v-8c6ffba2]{position:relative;border:1px solid #ddd}.evaluation-score-wrap .score-table-wrap table thead th[data-v-8c6ffba2]{height:50px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.evaluation-score-wrap .score-table-wrap table thead th[data-v-8c6ffba2]:first-child{padding:0 16px;text-align:left}.evaluation-score-wrap .score-table-wrap table thead th .btn-change-lang[data-v-8c6ffba2]{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.evaluation-score-wrap .score-table-wrap table tbody th[data-v-8c6ffba2]{padding:10px}.evaluation-score-wrap .score-table-wrap table tbody th .category[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.evaluation-score-wrap .score-table-wrap table tbody th .category[data-v-8c6ffba2]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.evaluation-score-wrap .score-table-wrap table tbody th .category.category-1[data-v-8c6ffba2]:before{background-color:#6fcfb8}.evaluation-score-wrap .score-table-wrap table tbody th .category.category-2[data-v-8c6ffba2]:before{background-color:#b8de67}.evaluation-score-wrap .score-table-wrap table tbody th .category.category-3[data-v-8c6ffba2]:before{background-color:#ffcf2b}.evaluation-score-wrap .score-table-wrap table tbody td[data-v-8c6ffba2]{height:48px;padding:12px 10px}.evaluation-score-wrap .score-table-wrap table tbody td.td-score[data-v-8c6ffba2],.evaluation-score-wrap .score-table-wrap table tbody td[data-v-8c6ffba2]:first-of-type{text-align:center}.evaluation-score-wrap .score-table-wrap table tbody td.subtitle[data-v-8c6ffba2]{text-align:left!important}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score[data-v-8c6ffba2]{text-align:left;background-color:#f5f5f5}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score[data-v-8c6ffba2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:75px}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score.ty-2[data-v-8c6ffba2]{padding-right:0}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span[data-v-8c6ffba2]{margin-right:15px;font-weight:700;font-size:18px}.evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail[data-v-8c6ffba2]{width:86px;text-align:center}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck[data-v-8c6ffba2]{padding:0;text-align:center}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button[data-v-8c6ffba2]{width:40px;height:40px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-8c6ffba2]{background-color:#fc5252}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-8c6ffba2]:hover{background-color:#ca4242}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-8c6ffba2]{background-color:#0f91ef}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-8c6ffba2]:hover{background-color:#0c74bf}.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-3[data-v-8c6ffba2],.evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-3[data-v-8c6ffba2]:hover{background-color:#70911b}.evaluation-score-wrap .score-table-wrap table tbody td.noBorder[data-v-8c6ffba2]{border-right:1px solid #fff!important}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint[data-v-8c6ffba2]{padding:0!important}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td[data-v-8c6ffba2]{border:0!important;text-align:left;border-top:1px solid #ddd!important}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td[data-v-8c6ffba2]:first-child{border-right:1px solid #ddd!important}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td[data-v-8c6ffba2]:last-child{text-align:right;color:#7f7f7f;padding-right:16px}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td.total-point[data-v-8c6ffba2]{text-align:right!important;color:#333!important;border-right:0!important}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td.total-point strong[data-v-8c6ffba2]{font-weight:400!important}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint td b[data-v-8c6ffba2]{font-weight:700}.evaluation-score-wrap .score-table-wrap table tbody td.importantPoint tr:first-child td[data-v-8c6ffba2]{border-top:0!important}[data-v-60bdb737],[data-v-60bdb737]:after,[data-v-60bdb737]:before{background-size:auto 100%}._folioPrint[data-v-60bdb737] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-60bdb737] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-60bdb737] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-60bdb737] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-60bdb737] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-60bdb737] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-60bdb737] .content-body .btnSet button:disabled{pointer-events:none}._folioPrint[data-v-60bdb737] .componentFrame{margin-top:50px;padding:0 20px}._folioPrint[data-v-60bdb737] .componentFrame .nav-tabs{width:644px;margin:0 auto 24px;padding:0}._folioPrint[data-v-60bdb737] .componentFrame .nav-tabs .nav-item{width:320px}._folioPrint[data-v-60bdb737] .componentFrame .video-cont-wrap{padding-top:36px}._folioPrint[data-v-60bdb737] .componentFrame .video-cont-wrap .video-title{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-60bdb737] .componentFrame .video-cont-wrap .video-wrap{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}._folioPrint[data-v-60bdb737] .componentFrame .no-data{padding-top:36px;text-align:center}._folioPrint[data-v-60bdb737] .componentFrame .no-data p{font-size:16px;line-height:24px;color:#666}._folioPrint[data-v-60bdb737] .componentFrame .no-data a{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:300px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;width:100%;min-height:0;height:100%}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16rem;padding:50px 80px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:35px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play{margin-top:0;padding:0}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line{background-color:unset}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text{background:#ffd66b;border-radius:.8rem .8rem .8rem 0}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text:after{bottom:0;left:-14px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1.8rem;left:-1.8rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text{background:#8ed9c7;border-radius:.8rem .8rem 0 .8rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text:after{bottom:0;right:-14px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1.8rem;right:-1.8rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type1 .dialogue-line-text:after{bottom:-.8rem;left:-14px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type2 .dialogue-line-text:after{bottom:-.8rem;right:-14px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active .dialogue-line-text{border:.8rem solid transparent;border-image-source:linear-gradient(95.01deg,#24e0be -2.32%,#22beef 102.72%);border-image-slice:.3;-webkit-box-shadow:0 0 1rem rgba(34,190,239,.7);box-shadow:0 0 1rem rgba(34,190,239,.7);-webkit-animation:glowing-border 2s infinite;animation:glowing-border 2s infinite}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text{position:relative;padding:1rem 2rem;border-radius:.8rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text:after{content:"";position:absolute;width:14px;height:14px;border:.6rem solid transparent;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button{width:100px;height:100px;border-radius:50%;color:#fff;font-size:16px;font-weight:700}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button em{display:inline-block;vertical-align:middle;width:52px;height:52px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button span{display:block}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play{background:#ffa51e}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play em{background:url(/assets/images/april_alpha/play.svg) no-repeat 50%/100%}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:hover{background-color:#ff9b05}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:active{background-color:#ea8c00}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop{background:#fc5252}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop em{background:url(/assets/images/april_alpha/stop.svg) no-repeat 50%/100%}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:hover{background-color:#fc3939}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:active{background-color:#fb2020}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1.6rem;width:100%;min-height:6rem;padding:0 1rem;border-radius:1.2rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line:nth-child(2n){width:calc(100% - 5rem);margin-left:5rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type1{background:#ffd66b}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2{background:#8ed9c7}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100px;-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img{width:100%}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:600px;height:100%;font-size:30px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;width:100%;min-height:600px;padding:46px 50px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content+.ai-art-studio-content:before{content:"";position:absolute;left:-21.5px;width:.3rem;height:100%;background-color:#d7e4ec}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .label-box{display:inline-block;min-width:110px;padding:0 20px;font-size:18px;line-height:2.4;text-align:center;color:#222;background-color:#c3e2ee;border-radius:.6rem;vertical-align:top;font-weight:700;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;margin-bottom:1.2rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank{display:block;position:relative;padding:10px;border-radius:.8rem;border:.2rem solid #c9c1c1;color:#564721;font-size:24px;background:#fff}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[placeholder]:before{content:attr(placeholder);color:#bbb}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.complete{border-color:#efe5d9;background:#fdf9ef}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space{margin:0 1rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left{margin-left:1rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right{margin-right:1rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.disabled{background-color:#83c7b7;border-color:#78b7a9;opacity:.9;cursor:default}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.correct{border-color:#999;color:#0f91ef;font-weight:700}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.incorrect{border-color:#fff;color:#fc5252;font-weight:700}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-flex:1;-ms-flex:1;flex:1}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box{position:relative;width:100%;height:290px;border-radius:24px;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.empty{background-color:#fff}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.height-auto{height:auto}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;height:5rem;background-image:url(/assets/images/april_alpha/image.svg);background-size:cover}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:after{content:"";position:absolute;top:calc(50% - 5rem);left:calc(50% - 5rem);width:10rem;height:10rem;border:.8rem solid #cde5ec;border-bottom-color:#28ab8c;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1.25s linear infinite;animation:rotation 1.25s linear infinite}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box .ai-art-studio-zoom{position:absolute;bottom:.5rem;right:1rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture{position:relative;padding:40px 278px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .narration-image{border-radius:2rem;background-color:#fff;text-align:center;padding:26px 100px}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .narration-image img{width:100%;max-width:100%}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2.5rem;padding:0 5rem}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control button{width:60px;min-width:60px;max-width:60px;height:60px;border-radius:50%;color:#fff;font-size:16px;font-weight:700;text-align:center;position:relative;z-index:1}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control button em{display:inline-block;vertical-align:middle;width:34px;height:34px;background:url(/assets/images/april_alpha/headphone.svg) no-repeat 50%/100%}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone{background:#28ab8c}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:hover{background-color:#23967b}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:active{background-color:#1e826a}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar{margin:0 0 0 -5px;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:12px;background-color:#ddd;border-radius:6px;display:flex}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner{position:relative;width:100%;height:100%;background-color:#ddd;border-radius:1rem;overflow:hidden}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ddd}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:1rem;background-color:#28ab8c}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.full{width:100%}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.progressing{--start-width:0%;--end-width:100%;-webkit-animation:progressing 30s linear infinite;animation:progressing 30s linear infinite}._folioPrint[data-v-60bdb737] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.animation-stop{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap{margin-top:65px;padding:0 8px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .top-title{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:34px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;width:158px;height:174px;margin-right:24px;padding-top:40px;border-radius:8px;background-color:#28ab8c;text-align:center;color:#fff;font-size:20px;line-height:24px;font-weight:700}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;margin-top:10px;font-size:56px;line-height:60px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em.Incomplete{font-size:20px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;bottom:0;left:-34px;width:88px;height:88px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;line-height:24px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:18px;font-weight:700}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:8px;color:#ccc;font-size:16px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:absolute;top:10px;right:10px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#777}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:30px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 8px 8px 0}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:78px;margin-left:12px;padding:0 10px;text-align:right;font-size:18px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 90px 0 136px;z-index:-1}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap{margin-top:40px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:16px;line-height:24px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table td,._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th{height:50px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th:first-child{padding:0 16px;text-align:left}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th .btn-change-lang{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-1:before{background-color:#6fcfb8}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2:before{background-color:#b8de67}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3:before{background-color:#ffcf2b}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td{height:48px;padding:12px 10px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score,._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.subtitle{text-align:left!important}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{text-align:left;background-color:#f5f5f5}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700;font-size:18px}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:64px;text-align:center}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:40px;height:40px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}._folioPrint[data-v-60bdb737] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}.player[data-v-60fba934]{position:relative}.player .progress[data-v-60fba934]{height:19px;border-radius:0 15px 15px 0;background:#efefef;text-align:left}.player .progress span[data-v-60fba934]{display:inline-block;height:19px;border-radius:0 15px 15px 0;background:#f29e0b}.player a.ctrl-btn.disabled[data-v-60fba934]{border:6px solid #ccc!important;background:url(/assets/images/april/icon_sound_off.png) 50% no-repeat #fff!important;background-size:34px 30px!important;cursor:default}.player .sound .ctrl-btn[data-v-60fba934]{display:inline-block;width:70px;height:70px;border:6px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_sound.png) 50% no-repeat #fff;background-size:34px 30px}.player .sound .ctrl-btn[data-v-60fba934]:hover{background-color:#dcf1fd}.player .sound .ctrl-btn[data-v-60fba934]:active{background-color:#b8e3fb}.player .sound .pause[data-v-60fba934]{display:inline-block;width:70px;height:70px;border:6px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_pause.png) 50% no-repeat #fff;background-size:20px 31px}.player .sound .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.player .sound .pause[data-v-60fba934]:active{background-color:#b8e3fb}.player .sound-playing .ctrl-btn[data-v-60fba934]{display:inline-block;width:70px;height:70px;border-radius:50%;background:#23a8fa url(/assets/images/april/icon_sound_playing_69.png) 0 0 no-repeat;-webkit-animation:sound_playing-60fba934 1.2s steps(3) infinite;animation:sound_playing-60fba934 1.2s steps(3) infinite}@-webkit-keyframes sound_playing-60fba934{to{background-position:-207px 0}}@keyframes sound_playing-60fba934{to{background-position:-207px 0}}.player .sound-playing .pause[data-v-60fba934]{display:inline-block;width:70px;height:70px;border:6px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_pause.png) 50% no-repeat #fff;background-size:20px 31px;-webkit-animation:unset;animation:unset}.player .sound-playing .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.player .sound-playing .pause[data-v-60fba934]:active{background-color:#b8e3fb}.player .myvoice .ctrl-btn[data-v-60fba934]{display:inline-block;width:70px;height:70px;border:6px solid #f29e0b;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_myVoice.png) 50% no-repeat #fff;background-size:31px 31px}.player .myvoice .ctrl-btn[data-v-60fba934]:hover{background-color:#fdefd8}.player .myvoice .ctrl-btn[data-v-60fba934]:active{background-color:#fbe0b1}.player .myvoice .ctrl-btn.disabled[data-v-60fba934],.player .myvoice .ctrl-btn[data-v-60fba934]:disabled{border:6px solid #ccc!important;background:url(/assets/images/april/icon_myVoice_off.png) 50% no-repeat #fff;background-size:31px 31px;cursor:default}.player .myvoice .pause[data-v-60fba934]{display:inline-block;width:70px;height:70px;border:6px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_pause.png) 50% no-repeat #fff;background-size:20px 31px}.player .myvoice .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.player .myvoice .pause[data-v-60fba934]:active{background-color:#b8e3fb}.player .myvoice-pie .ctrl-btn[data-v-60fba934]{display:inline-block;position:relative;width:70px;height:70px;border-radius:50%;text-align:center;background-size:31px 31px}.player .myvoice-pie .ctrl-btn[data-v-60fba934]:before{content:"";display:inline-block;position:absolute;left:0;top:0;z-index:20;width:100%;height:100%;border-radius:50%;background:url(/assets/images/april/icon_myVoice_on.png) 50% no-repeat;background-size:31px 31px}.player .myvoice-pie .ctrl-btn[data-v-60fba934]:after{content:"";display:inline-block;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;border-radius:50%}.player .myvoice-pie .p-0[data-v-60fba934]:after{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#f29e0b),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,left top,right top,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(90deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-1[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(93.6deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-2[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(97.2deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-3[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(100.8deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-4[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(104.4deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-5[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(108deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-6[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.31turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-7[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.32turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-8[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.33turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-9[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.34turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-10[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(126deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-11[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.36turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-12[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.37turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-13[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.38turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-14[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.39turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-15[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(144deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-16[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.41turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-17[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.42turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-18[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(154.8deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-19[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.44turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-20[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(162deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-21[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(165.6deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-22[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.47turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-23[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(172.8deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-24[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.49turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-25[data-v-60fba934]:after{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#f29e0b),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(180deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-26[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.51turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-27[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.52turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-28[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.53turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-29[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.54turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-30[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(198deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-31[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(201.6deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-32[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.57turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-33[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(208.8deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-34[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.59turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-35[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(216deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-36[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.61turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-37[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.62turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-38[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.63turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-39[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.64turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-40[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(234deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-41[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.66turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-42[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(241.2deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-43[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.68turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-44[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(248.4deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-45[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(252deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-46[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.71turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-47[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.72turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-48[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.73turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-49[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.74turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-50[data-v-60fba934]:after{background-image:-webkit-gradient(linear,right top,left top,color-stop(50%,#d08c06),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,right top,left top,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(-90deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-51[data-v-60fba934]:after{background-image:linear-gradient(-86.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-52[data-v-60fba934]:after{background-image:linear-gradient(-82.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-53[data-v-60fba934]:after{background-image:linear-gradient(-79.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-54[data-v-60fba934]:after{background-image:linear-gradient(-75.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-55[data-v-60fba934]:after{background-image:linear-gradient(-72deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-56[data-v-60fba934]:after{background-image:linear-gradient(-68.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-57[data-v-60fba934]:after{background-image:linear-gradient(-64.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-58[data-v-60fba934]:after{background-image:linear-gradient(-61.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-59[data-v-60fba934]:after{background-image:linear-gradient(-57.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-60[data-v-60fba934]:after{background-image:linear-gradient(-54deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-61[data-v-60fba934]:after{background-image:linear-gradient(-50.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-62[data-v-60fba934]:after{background-image:linear-gradient(-46.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-63[data-v-60fba934]:after{background-image:linear-gradient(-43.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-64[data-v-60fba934]:after{background-image:linear-gradient(-39.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-65[data-v-60fba934]:after{background-image:linear-gradient(-36deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-66[data-v-60fba934]:after{background-image:linear-gradient(-32.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-67[data-v-60fba934]:after{background-image:linear-gradient(-28.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-68[data-v-60fba934]:after{background-image:linear-gradient(-25.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-69[data-v-60fba934]:after{background-image:linear-gradient(-21.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-70[data-v-60fba934]:after{background-image:linear-gradient(-18deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-71[data-v-60fba934]:after{background-image:linear-gradient(-14.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-72[data-v-60fba934]:after{background-image:linear-gradient(-10.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-73[data-v-60fba934]:after{background-image:linear-gradient(-7.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-74[data-v-60fba934]:after{background-image:linear-gradient(-3.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-75[data-v-60fba934]:after{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,#d08c06),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,right top,left top,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(0deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-76[data-v-60fba934]:after{background-image:linear-gradient(3.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-77[data-v-60fba934]:after{background-image:linear-gradient(7.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-78[data-v-60fba934]:after{background-image:linear-gradient(10.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-79[data-v-60fba934]:after{background-image:linear-gradient(14.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-80[data-v-60fba934]:after{background-image:linear-gradient(18deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-81[data-v-60fba934]:after{background-image:linear-gradient(21.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-82[data-v-60fba934]:after{background-image:linear-gradient(25.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-83[data-v-60fba934]:after{background-image:linear-gradient(28.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-84[data-v-60fba934]:after{background-image:linear-gradient(32.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-85[data-v-60fba934]:after{background-image:linear-gradient(36deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-86[data-v-60fba934]:after{background-image:linear-gradient(39.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-87[data-v-60fba934]:after{background-image:linear-gradient(43.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-88[data-v-60fba934]:after{background-image:linear-gradient(46.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-89[data-v-60fba934]:after{background-image:linear-gradient(50.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-90[data-v-60fba934]:after{background-image:linear-gradient(54deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-91[data-v-60fba934]:after{background-image:linear-gradient(57.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-92[data-v-60fba934]:after{background-image:linear-gradient(61.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-93[data-v-60fba934]:after{background-image:linear-gradient(64.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-94[data-v-60fba934]:after{background-image:linear-gradient(68.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-95[data-v-60fba934]:after{background-image:linear-gradient(72deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-96[data-v-60fba934]:after{background-image:linear-gradient(75.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-97[data-v-60fba934]:after{background-image:linear-gradient(79.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-98[data-v-60fba934]:after{background-image:linear-gradient(82.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-99[data-v-60fba934]:after{background-image:linear-gradient(86.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .p-100[data-v-60fba934]:after{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#d08c06),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,right top,left top,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(90deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.player .myvoice-pie .pause[data-v-60fba934]{display:inline-block;width:70px;height:70px;border:6px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_pause.png) 50% no-repeat #fff;background-size:20px 31px;-webkit-animation:unset;animation:unset}.player .myvoice-pie .pause[data-v-60fba934]:after{display:none}.player .myvoice-pie .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.player .myvoice-pie .pause[data-v-60fba934]:active{background-color:#b8e3fb}.player .myvoice-bar[data-v-60fba934]{padding-left:67px;position:relative}.player .myvoice-bar .ctrl-btn[data-v-60fba934]{display:inline-block;position:absolute;left:0;top:-25px;width:70px;height:70px;border-radius:50%;background:url(/assets/images/april/icon_myVoice_on.png) 50% no-repeat #f29e0b;background-size:31px 31px}.player .myvoice-bar .pause[data-v-60fba934]{display:inline-block;width:70px;height:70px;border:6px solid #f29e0b;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_myVoice.png) 50% no-repeat #fff;background-size:31px 31px}.player .myvoice-bar .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.player .myvoice-bar .pause[data-v-60fba934]:active{background-color:#b8e3fb}.playerm .progress[data-v-60fba934]{height:12px;border-radius:0 15px 15px 0;background:#efefef;text-align:left}.playerm .progress span[data-v-60fba934]{display:inline-block;height:12px;border-radius:0 15px 15px 0;background:#f29e0b}.playerm a.ctrl-btn.disabled[data-v-60fba934]{border:4px solid #ccc!important;background:url(/assets/images/april/icon_sound_off.png) 50% no-repeat #fff!important;background-size:60%!important;cursor:default}.playerm .sound .ctrl-btn[data-v-60fba934]{display:inline-block;width:50px;height:50px;border:4px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_sound.png) 50% no-repeat #fff;background-size:60%}.playerm .sound .ctrl-btn[data-v-60fba934]:hover{background-color:#dcf1fd}.playerm .sound .ctrl-btn[data-v-60fba934]:active{background-color:#b8e3fb}.playerm .sound .pause[data-v-60fba934]{display:inline-block;width:50px;height:50px;border:4px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_pause.png) 50% no-repeat #fff;background-size:35%!important}.playerm .sound .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.playerm .sound .pause[data-v-60fba934]:active{background-color:#b8e3fb}.playerm .sound-playing .ctrl-btn[data-v-60fba934]{display:inline-block;width:50px;height:50px;border-radius:50%;background:#23a8fa url(/assets/images/april/icon_sound_playing_49.png) 0 0 no-repeat;-webkit-animation:sound_playing_m-60fba934 1.2s steps(3) infinite;animation:sound_playing_m-60fba934 1.2s steps(3) infinite}@-webkit-keyframes sound_playing_m-60fba934{to{background-position:-147px 0}}@keyframes sound_playing_m-60fba934{to{background-position:-147px 0}}.playerm .sound-playing .pause[data-v-60fba934]{display:inline-block;width:50px;height:50px;border:4px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_pause.png) 50% no-repeat #fff;background-size:35%;-webkit-animation:unset;animation:unset}.playerm .sound-playing .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.playerm .sound-playing .pause[data-v-60fba934]:active{background-color:#b8e3fb}.playerm .myvoice .ctrl-btn[data-v-60fba934]{display:inline-block;width:50px;height:50px;border:4px solid #f29e0b;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_myVoice.png) 50% no-repeat #fff;background-size:60%}.playerm .myvoice .ctrl-btn[data-v-60fba934]:hover{background-color:#fdefd8}.playerm .myvoice .ctrl-btn[data-v-60fba934]:active{background-color:#fbe0b1}.playerm .myvoice .ctrl-btn.disabled[data-v-60fba934],.playerm .myvoice .ctrl-btn[data-v-60fba934]:disabled{border:4px solid #ccc!important;background:url(/assets/images/april/icon_myVoice_off.png) 50% no-repeat #fff;background-size:60%;cursor:default}.playerm .myvoice .pause[data-v-60fba934]{display:inline-block;width:50px;height:50px;border:4px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_pause.png) 50% no-repeat #fff;background-size:35%}.playerm .myvoice .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.playerm .myvoice .pause[data-v-60fba934]:active{background-color:#b8e3fb}.playerm .myvoice-pie .ctrl-btn[data-v-60fba934]{display:inline-block;position:relative;width:50px;height:50px;border-radius:40%;text-align:center;background-size:50%}.playerm .myvoice-pie .ctrl-btn[data-v-60fba934]:before{content:"";display:inline-block;position:absolute;left:0;top:0;z-index:20;width:100%;height:100%;border-radius:50%;background:url(/assets/images/april/icon_myVoice_on.png) 50% no-repeat;background-size:56%}.playerm .myvoice-pie .ctrl-btn[data-v-60fba934]:after{content:"";display:inline-block;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;border-radius:50%}.playerm .myvoice-pie .p-0[data-v-60fba934]:after{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#f29e0b),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,left top,right top,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(90deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-1[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(93.6deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-2[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(97.2deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-3[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(100.8deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-4[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(104.4deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-5[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(108deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-6[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.31turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-7[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.32turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-8[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.33turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-9[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.34turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-10[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(126deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-11[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.36turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-12[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.37turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-13[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.38turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-14[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.39turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-15[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(144deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-16[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.41turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-17[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.42turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-18[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(154.8deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-19[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.44turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-20[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(162deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-21[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(165.6deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-22[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.47turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-23[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(172.8deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-24[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.49turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-25[data-v-60fba934]:after{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#f29e0b),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(180deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-26[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.51turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-27[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.52turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-28[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.53turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-29[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.54turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-30[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(198deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-31[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(201.6deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-32[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.57turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-33[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(208.8deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-34[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.59turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-35[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(216deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-36[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.61turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-37[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.62turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-38[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.63turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-39[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.64turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-40[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(234deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-41[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.66turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-42[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(241.2deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-43[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.68turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-44[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(248.4deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-45[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(252deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-46[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.71turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-47[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.72turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-48[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.73turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-49[data-v-60fba934]:after{background-image:linear-gradient(90deg,#f29e0b 50%,transparent 0,transparent),linear-gradient(.74turn,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-50[data-v-60fba934]:after{background-image:-webkit-gradient(linear,right top,left top,color-stop(50%,#d08c06),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,right top,left top,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(-90deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-51[data-v-60fba934]:after{background-image:linear-gradient(-86.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-52[data-v-60fba934]:after{background-image:linear-gradient(-82.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-53[data-v-60fba934]:after{background-image:linear-gradient(-79.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-54[data-v-60fba934]:after{background-image:linear-gradient(-75.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-55[data-v-60fba934]:after{background-image:linear-gradient(-72deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-56[data-v-60fba934]:after{background-image:linear-gradient(-68.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-57[data-v-60fba934]:after{background-image:linear-gradient(-64.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-58[data-v-60fba934]:after{background-image:linear-gradient(-61.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-59[data-v-60fba934]:after{background-image:linear-gradient(-57.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-60[data-v-60fba934]:after{background-image:linear-gradient(-54deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-61[data-v-60fba934]:after{background-image:linear-gradient(-50.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-62[data-v-60fba934]:after{background-image:linear-gradient(-46.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-63[data-v-60fba934]:after{background-image:linear-gradient(-43.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-64[data-v-60fba934]:after{background-image:linear-gradient(-39.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-65[data-v-60fba934]:after{background-image:linear-gradient(-36deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-66[data-v-60fba934]:after{background-image:linear-gradient(-32.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-67[data-v-60fba934]:after{background-image:linear-gradient(-28.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-68[data-v-60fba934]:after{background-image:linear-gradient(-25.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-69[data-v-60fba934]:after{background-image:linear-gradient(-21.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-70[data-v-60fba934]:after{background-image:linear-gradient(-18deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-71[data-v-60fba934]:after{background-image:linear-gradient(-14.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-72[data-v-60fba934]:after{background-image:linear-gradient(-10.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-73[data-v-60fba934]:after{background-image:linear-gradient(-7.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-74[data-v-60fba934]:after{background-image:linear-gradient(-3.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-75[data-v-60fba934]:after{background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,#d08c06),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,right top,left top,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(0deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-76[data-v-60fba934]:after{background-image:linear-gradient(3.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-77[data-v-60fba934]:after{background-image:linear-gradient(7.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-78[data-v-60fba934]:after{background-image:linear-gradient(10.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-79[data-v-60fba934]:after{background-image:linear-gradient(14.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-80[data-v-60fba934]:after{background-image:linear-gradient(18deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-81[data-v-60fba934]:after{background-image:linear-gradient(21.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-82[data-v-60fba934]:after{background-image:linear-gradient(25.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-83[data-v-60fba934]:after{background-image:linear-gradient(28.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-84[data-v-60fba934]:after{background-image:linear-gradient(32.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-85[data-v-60fba934]:after{background-image:linear-gradient(36deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-86[data-v-60fba934]:after{background-image:linear-gradient(39.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-87[data-v-60fba934]:after{background-image:linear-gradient(43.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-88[data-v-60fba934]:after{background-image:linear-gradient(46.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-89[data-v-60fba934]:after{background-image:linear-gradient(50.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-90[data-v-60fba934]:after{background-image:linear-gradient(54deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-91[data-v-60fba934]:after{background-image:linear-gradient(57.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-92[data-v-60fba934]:after{background-image:linear-gradient(61.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-93[data-v-60fba934]:after{background-image:linear-gradient(64.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-94[data-v-60fba934]:after{background-image:linear-gradient(68.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-95[data-v-60fba934]:after{background-image:linear-gradient(72deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-96[data-v-60fba934]:after{background-image:linear-gradient(75.6deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-97[data-v-60fba934]:after{background-image:linear-gradient(79.2deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-98[data-v-60fba934]:after{background-image:linear-gradient(82.8deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-99[data-v-60fba934]:after{background-image:linear-gradient(86.4deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .p-100[data-v-60fba934]:after{background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#d08c06),color-stop(50%,transparent),to(transparent)),-webkit-gradient(linear,right top,left top,color-stop(50%,#d08c06),color-stop(50%,#f29e0b),to(#f29e0b));background-image:linear-gradient(90deg,#d08c06 50%,transparent 0,transparent),linear-gradient(270deg,#d08c06 50%,#f29e0b 0,#f29e0b)}.playerm .myvoice-pie .pause[data-v-60fba934]{display:inline-block;width:50px;height:50px;border:4px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_pause.png) 50% no-repeat #fff;background-size:35%;-webkit-animation:unset;animation:unset}.playerm .myvoice-pie .pause[data-v-60fba934]:after{display:none}.playerm .myvoice-pie .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.playerm .myvoice-pie .pause[data-v-60fba934]:active{background-color:#b8e3fb}.playerm .myvoice-bar[data-v-60fba934]{padding-left:49px;position:relative}.playerm .myvoice-bar .ctrl-btn[data-v-60fba934]{display:inline-block;position:absolute;left:0;top:-18px!important;width:50px;height:50px;border-radius:50%;background:url(/assets/images/april/icon_myVoice_on.png) 50% no-repeat #f29e0b;background-size:60%}.playerm .myvoice-bar .pause[data-v-60fba934]{display:inline-block;width:50px;height:50px;border:4px solid #f29e0b;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_myVoice.png) 50% no-repeat #fff;background-size:60%}.playerm .myvoice-bar .pause[data-v-60fba934]:hover{background-color:#dcf1fd}.playerm .myvoice-bar .pause[data-v-60fba934]:active{background-color:#b8e3fb}._m-portfolio_detail .picturecuedspeaking[data-v-d682887c]{margin-bottom:50px}._m-portfolio_detail .picturecuedspeaking .captureImage[data-v-d682887c]{text-align:center;margin-bottom:20px}._m-portfolio_detail .picturecuedspeaking .captureImage img[data-v-d682887c]{width:90%}._m-portfolio_detail .detailsBox[data-v-d682887c]{margin-top:40px}._m-portfolio_detail .soundPlay[data-v-d682887c]{padding:0 10%}._folioPrint[data-v-8517c242] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-8517c242] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-8517c242] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-8517c242] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-8517c242] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-8517c242] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-8517c242] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-8517c242] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-8517c242] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-8517c242] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-8517c242] .content-body .container .contentBox .captureImage{text-align:center}._folioPrint[data-v-8517c242] .content-body .container .contentBox .captureImage img{width:414px}._folioPrint[data-v-8517c242] .content-body .container .contentBox .listenType3{text-align:center}._folioPrint[data-v-8517c242] .content-body .container .contentBox .listenType3 li{width:186px;display:inline-block;vertical-align:top;margin:0 18px;position:relative}._folioPrint[data-v-8517c242] .content-body .container .contentBox .listenType3 li .thumb{display:block}._folioPrint[data-v-8517c242] .content-body .container .contentBox .listenType3 li .thumb img{width:100%;height:249px;border:2px solid rgba(0,0,0,.1)}._folioPrint[data-v-8517c242] .content-body .container .contentBox .listenType3 li .btn{display:block;margin-top:19px}._folioPrint[data-v-8517c242] .content-body .container .contentBox .listenType3 li:before{content:"";width:14px;height:20px;background:url(/assets/images/april/icon_grayArrow.png);background-size:14px 20px;position:absolute;left:-23px;top:115px}._folioPrint[data-v-8517c242] .content-body .container .contentBox .listenType3 li:first-child:before{display:none}._folioPrint[data-v-8517c242] .content-body .container .soundPlay{width:552px;margin:50px auto 0;position:relative}._folioPrint[data-v-8517c242] .content-body .container .soundPlay p{height:19px;border-radius:0 15px 15px 0;background:#efefef;text-align:left}._folioPrint[data-v-8517c242] .content-body .container .soundPlay p span{display:inline-block;height:19px;border-radius:0 15px 15px 0;background:#f29e0b}._folioPrint[data-v-8517c242] .content-body .container .soundPlay a{position:absolute;left:0;top:-27px}._folioPrint[data-v-8517c242] .content-body .container .myVoice{display:inline-block;width:69px;height:69px;border:6px solid #f29e0b;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_myVoice.png) 50% no-repeat #fff;background-size:31px 31px;text-indent:100%;white-space:nowrap;overflow:hidden}._folioPrint[data-v-8517c242] .content-body .container .myVoice:hover{background-color:#fdefd8}._folioPrint[data-v-8517c242] .content-body .container .myVoice:active{background-color:#fbe0b1}._folioPrint[data-v-8517c242] .content-body .container .myVoice.disabled{border:6px solid #ccc!important;background:url(/assets/images/april/icon_myVoice_off.png) 50% no-repeat #fff;background-size:31px 31px;cursor:default}._folioPrint[data-v-8517c242] .content-body .container .myVoice.on{background:url(/assets/images/april/icon_myVoice_on.png) 50% no-repeat #f29e0b;background-size:31px 31px}._folioPrint[data-v-8517c242] .content-body .container .myVoice.on:active,._folioPrint[data-v-8517c242] .content-body .container .myVoice.on:hover{background-color:#f29e0b}._folioPrint[data-v-8517c242] .content-body .container .sound{display:inline-block;width:69px;height:69px;border:6px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_sound.png) 50% no-repeat #fff;background-size:34px 30px;text-indent:100%;white-space:nowrap;overflow:hidden}._folioPrint[data-v-8517c242] .content-body .container .sound:hover{background-color:#dcf1fd}._folioPrint[data-v-8517c242] .content-body .container .sound:active{background-color:#b8e3fb}._folioPrint[data-v-8517c242] .content-body .container .sound.disabled{border:6px solid #ccc!important;background:url(/assets/images/april/icon_sound_off.png) 50% no-repeat #fff;background-size:34px 30px;cursor:default}._folioPrint[data-v-8517c242] .content-body .container .pause:hover{background-color:#dcf1fd}._folioPrint[data-v-8517c242] .content-body .container .pause:active{background-color:#b8e3fb}[data-v-46bfe40e],[data-v-46bfe40e]:after,[data-v-46bfe40e]:before{background-size:auto 100%}.no-Evaluation[data-v-46bfe40e] .m-contentHeader{padding-bottom:0;border-bottom:0}.no-Evaluation[data-v-46bfe40e] .m-contentBody{margin-top:0}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame{margin-top:1rem;padding:0}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .nav-tabs{width:644px;margin:0 auto 24px;padding:0}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .nav-tabs .nav-item{width:320px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .video-cont-wrap{padding-top:36px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .video-cont-wrap .video-title{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .video-cont-wrap .video-wrap{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .no-data{padding-top:36px;text-align:center}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .no-data p{font-size:16px;line-height:24px;color:#666}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .no-data a{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;width:100%}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;margin-top:1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play{margin-top:0;padding:0}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line{background-color:unset}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text{background:#ffd66b;border-radius:.8rem .8rem .8rem 0}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text:after{bottom:0;left:-1rem;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1rem;left:-1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text{background:#8ed9c7;border-radius:.8rem .8rem 0 .8rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text:after{bottom:-.06rem;right:-1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1rem;right:-1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type1 .dialogue-line-text:after{bottom:-.3rem;left:-1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type2 .dialogue-line-text:after{bottom:-.3rem;right:-1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active .dialogue-line-text{border:.3rem solid transparent;border-image-source:linear-gradient(95.01deg,#24e0be -2.32%,#22beef 102.72%);border-image-slice:.3;-webkit-box-shadow:0 0 .5rem rgba(34,190,239,.7);box-shadow:0 0 .5rem rgba(34,190,239,.7);-webkit-animation:glowing-border 2s infinite;animation:glowing-border 2s infinite}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text{position:relative;padding:.5rem .8rem;border-radius:.8rem;font-size:1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text:after{content:"";position:absolute;width:1rem;height:1rem;border:.8rem solid transparent;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button{width:5rem;height:5rem;border-radius:50%;color:#fff;font-size:1rem;font-weight:600}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button em{display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button span{display:block;line-height:1}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play{background:#ffa51e}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play em{background:url(/assets/images/april_alpha/play.svg) no-repeat 50%/100%}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:hover{background-color:#ff9b05}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:active{background-color:#ea8c00}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop{background:#fc5252}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop em{background:url(/assets/images/april_alpha/stop.svg) no-repeat 50%/100%}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:hover{background-color:#fc3939}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:active{background-color:#fb2020}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem;width:100%;height:5rem;padding:0 .5rem;border-radius:1.2rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type1{background:#ffd66b}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2{background:#8ed9c7}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:5rem;-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img{width:100%}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:100%;font-size:1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:2rem;width:100%}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;row-gap:1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content+.ai-art-studio-content:before{content:"";position:absolute;top:-1rem;width:100%;height:.1rem;background-color:#d9d9d9}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .label-box{display:inline-block;padding:.5rem 1rem;font-size:1.1rem;text-align:center;color:#222;background-color:#c3e2ee;border-radius:.5rem;vertical-align:top;font-weight:700;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank{display:block;position:relative;padding:1rem;border-radius:.5rem;border:.2rem solid #c9c1c1;color:#564721;font-size:1rem;background:#fff}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[placeholder]:before{content:attr(placeholder);color:#bbb}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.complete{border-color:#efe5d9;background:#fdf9ef}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space{margin:0 1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left{margin-left:1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right{margin-right:1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.disabled{background-color:#83c7b7;border-color:#78b7a9;opacity:.9;cursor:default}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.correct{border-color:#999;color:#0f91ef;font-weight:700}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.incorrect{border-color:#fff;color:#fc5252;font-weight:700}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-flex:1;-ms-flex:1;flex:1}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box{position:relative;width:100%;border-radius:1rem;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.empty{background-color:#fff}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.height-auto{height:auto}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;height:5rem;background-image:url(/assets/images/april_alpha/image.svg);background-size:cover}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:after{content:"";position:absolute;top:calc(50% - 5rem);left:calc(50% - 5rem);width:10rem;height:10rem;border:.8rem solid #cde5ec;border-bottom-color:#28ab8c;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1.25s linear infinite;animation:rotation 1.25s linear infinite}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box .ai-art-studio-zoom{position:absolute;bottom:.5rem;right:1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture{position:relative;padding:2.2rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image{text-align:center}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image img{width:100%;max-width:100%}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .prompt-box{border-radius:.8rem;background-color:#fff;padding:1rem 1.2rem;color:#333}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .prompt-box p{font-weight:700;font-size:1.1rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2rem;padding:0 3rem}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control button{width:4rem;min-width:4rem;max-width:4rem;height:4rem;border-radius:50%;color:#fff;font-size:1rem;font-weight:700;text-align:center;position:relative;z-index:1}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control button em{display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem;background:url(/assets/images/april_alpha/headphone.svg) no-repeat 50%/100%}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone{background:#28ab8c}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:hover{background-color:#23967b}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:active{background-color:#1e826a}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar{margin:0 0 0 -5px;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:.8rem;background-color:#ddd;border-radius:6px;display:flex}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner{position:relative;width:100%;height:100%;background-color:#ddd;border-radius:1rem;overflow:hidden}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ddd}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:1rem;background-color:#28ab8c}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.full{width:100%}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.progressing{--start-width:0%;--end-width:100%;-webkit-animation:progressing 30s linear infinite;animation:progressing 30s linear infinite}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.animation-stop{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap{margin-top:65px;padding:0 8px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .top-title{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:34px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;width:158px;height:174px;margin-right:24px;padding-top:40px;border-radius:8px;background-color:#28ab8c;text-align:center;color:#fff;font-size:20px;line-height:24px;font-weight:700}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;margin-top:10px;font-size:56px;line-height:60px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;bottom:0;left:-34px;width:88px;height:88px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;line-height:24px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:18px;font-weight:700}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:8px;color:#ccc;font-size:16px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:absolute;top:10px;right:10px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#777}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:30px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 8px 8px 0}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:78px;margin-left:12px;padding:0 10px;text-align:right;font-size:18px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 90px 0 136px;z-index:-1}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap{margin-top:40px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:16px;line-height:24px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table td,.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th{height:50px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th:first-child{padding:0 16px;text-align:left}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th .btn-change-lang{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-1:before{background-color:#6fcfb8}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2:before{background-color:#b8de67}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3:before{background-color:#ffcf2b}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td{height:48px;padding:12px 10px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score,.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{text-align:left;background-color:#f5f5f5}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700;font-size:18px}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:64px;text-align:center}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:40px;height:40px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}.no-Evaluation[data-v-46bfe40e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap{margin-top:24px;padding:0 16px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .top-title{position:relative;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 24px 14px 70px;border-radius:8px;background-color:#28ab8c;color:#fff;font-size:14px;line-height:20px;font-weight:700}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;font-size:20px;line-height:24px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;top:0;left:4px;width:60px;height:60px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{position:relative;margin-top:20px;padding:12px;border-radius:8px;background-color:#f8f9f5}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-bottom:4px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:14px;font-weight:700}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:4px;color:#ccc;font-size:12px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:22px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:18px;color:#777}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:48px;padding:4px 0;font-size:12px;line-height:18px;color:#666;font-weight:700}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:20px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 4px 4px 0}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:18px;left:10px;padding:4px 10px;background-color:#fff;border-radius:4px;font-size:12px;line-height:18px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:59px;margin-left:4px;padding:0 6px;text-align:center;font-size:14px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 63px 0 80px;z-index:-1}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap{margin:38px -16px 0}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap .top-title{padding:0 16px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap .top-title .btn-change-lang{position:absolute;top:50%;right:16px;width:44px;height:24px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;line-height:18px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:12px;line-height:18px;color:#666}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table+table{margin-top:-1px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table td,.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table thead th{height:36px;padding:0 10px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table thead th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table thead th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table thead th .category.category-1:before{background-color:#6fcfb8}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table thead th .category.category-2:before{background-color:#b8de67}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table thead th .category.category-3:before{background-color:#ffcf2b}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td{height:49px;padding:6px 10px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center;font-weight:700;word-break:break-all}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-score{text-align:center}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{padding-right:0;text-align:left;background-color:#f5f5f5;font-size:12px}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:46px;text-align:center}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:32px;height:32px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png);vertical-align:top}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}.no-Evaluation[data-v-46bfe40e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}@media print{.no-print[data-v-700d4cea],.no-print [data-v-700d4cea]{display:none!important}}[data-v-700d4cea],[data-v-700d4cea]:after,[data-v-700d4cea]:before{background-size:auto 100%}._folioPrint[data-v-700d4cea] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-700d4cea] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-700d4cea] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-700d4cea] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-700d4cea] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-700d4cea] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-700d4cea] .content-body .btnSet button:disabled{pointer-events:none}._folioPrint[data-v-700d4cea] .componentFrame{margin-top:50px;padding:0 20px}._folioPrint[data-v-700d4cea] .componentFrame .nav-tabs{width:644px;margin:0 auto 24px;padding:0}._folioPrint[data-v-700d4cea] .componentFrame .nav-tabs .nav-item{width:320px}._folioPrint[data-v-700d4cea] .componentFrame .video-cont-wrap{padding-top:36px}._folioPrint[data-v-700d4cea] .componentFrame .video-cont-wrap .video-title{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-700d4cea] .componentFrame .video-cont-wrap .video-wrap{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}._folioPrint[data-v-700d4cea] .componentFrame .no-data{padding-top:36px;text-align:center}._folioPrint[data-v-700d4cea] .componentFrame .no-data p{font-size:16px;line-height:24px;color:#666}._folioPrint[data-v-700d4cea] .componentFrame .no-data a{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:300px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;width:100%;min-height:0;height:100%}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16rem;padding:50px 80px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:35px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play{margin-top:0;padding:0}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line{background-color:unset}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text{background:#ffd66b;border-radius:.8rem .8rem .8rem 0}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text:after{bottom:0;left:-14px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1.8rem;left:-1.8rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text{background:#8ed9c7;border-radius:.8rem .8rem 0 .8rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text:after{bottom:0;right:-14px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1.8rem;right:-1.8rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type1 .dialogue-line-text:after{bottom:-.8rem;left:-14px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type2 .dialogue-line-text:after{bottom:-.8rem;right:-14px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active .dialogue-line-text{border:.8rem solid transparent;border-image-source:linear-gradient(95.01deg,#24e0be -2.32%,#22beef 102.72%);border-image-slice:.3;-webkit-box-shadow:0 0 1rem rgba(34,190,239,.7);box-shadow:0 0 1rem rgba(34,190,239,.7);-webkit-animation:glowing-border 2s infinite;animation:glowing-border 2s infinite}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text{position:relative;padding:1rem 2rem;border-radius:.8rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text:after{content:"";position:absolute;width:14px;height:14px;border:.6rem solid transparent;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button{width:100px;height:100px;border-radius:50%;color:#fff;font-size:16px;font-weight:700}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button em{display:inline-block;vertical-align:middle;width:52px;height:52px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button span{display:block}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play{background:#ffa51e}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play em{background:url(/assets/images/april_alpha/play.svg) no-repeat 50%/100%}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:hover{background-color:#ff9b05}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:active{background-color:#ea8c00}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop{background:#fc5252}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop em{background:url(/assets/images/april_alpha/stop.svg) no-repeat 50%/100%}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:hover{background-color:#fc3939}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:active{background-color:#fb2020}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1.6rem;width:100%;min-height:6rem;padding:0 1rem;border-radius:1.2rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line:nth-child(2n){width:calc(100% - 5rem);margin-left:5rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type1{background:#ffd66b}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2{background:#8ed9c7}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100px;-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img{width:100%}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:600px;height:100%;font-size:30px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;width:100%;min-height:600px;padding:46px 50px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content+.ai-art-studio-content:before{content:"";position:absolute;left:-21.5px;width:.3rem;height:100%;background-color:#d7e4ec}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .label-box{display:inline-block;min-width:110px;padding:0 20px;font-size:18px;line-height:2.4;text-align:center;color:#222;background-color:#c3e2ee;border-radius:.6rem;vertical-align:top;font-weight:700;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;margin-bottom:1.2rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank{display:block;position:relative;padding:10px;border-radius:.8rem;border:.2rem solid #c9c1c1;color:#564721;font-size:24px;background:#fff}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[placeholder]:before{content:attr(placeholder);color:#bbb}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.complete{border-color:#efe5d9;background:#fdf9ef}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space{margin:0 1rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left{margin-left:1rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right{margin-right:1rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.disabled{background-color:#83c7b7;border-color:#78b7a9;opacity:.9;cursor:default}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.correct{border-color:#999;color:#0f91ef;font-weight:700}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.incorrect{border-color:#fff;color:#fc5252;font-weight:700}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-flex:1;-ms-flex:1;flex:1}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box{position:relative;width:100%;height:290px;border-radius:24px;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.empty{background-color:#fff}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.height-auto{height:auto}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;height:5rem;background-image:url(/assets/images/april_alpha/image.svg);background-size:cover}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:after{content:"";position:absolute;top:calc(50% - 5rem);left:calc(50% - 5rem);width:10rem;height:10rem;border:.8rem solid #cde5ec;border-bottom-color:#28ab8c;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1.25s linear infinite;animation:rotation 1.25s linear infinite}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box .ai-art-studio-zoom{position:absolute;bottom:.5rem;right:1rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture{position:relative;padding:40px 278px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .narration-image{border-radius:2rem;background-color:#fff;text-align:center;padding:26px 100px}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .narration-image img{width:100%;max-width:100%}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .prompt-box{border-radius:.8rem;background-color:#fff;padding:1rem 1.2rem;margin:0 -6.2rem;color:#666;font-size:1.3rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .prompt-box p{font-weight:700}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2.5rem;padding:0 5rem}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control button{width:60px;min-width:60px;max-width:60px;height:60px;border-radius:50%;color:#fff;font-size:16px;font-weight:700;text-align:center;position:relative;z-index:1}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control button em{display:inline-block;vertical-align:middle;width:34px;height:34px;background:url(/assets/images/april_alpha/headphone.svg) no-repeat 50%/100%}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone{background:#28ab8c}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:hover{background-color:#23967b}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:active{background-color:#1e826a}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar{margin:0 0 0 -5px;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:12px;background-color:#ddd;border-radius:6px;display:flex}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner{position:relative;width:100%;height:100%;background-color:#ddd;border-radius:1rem;overflow:hidden}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ddd}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:1rem;background-color:#28ab8c}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.full{width:100%}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.progressing{--start-width:0%;--end-width:100%;-webkit-animation:progressing 30s linear infinite;animation:progressing 30s linear infinite}._folioPrint[data-v-700d4cea] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.animation-stop{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap{margin-top:65px;padding:0 8px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .top-title{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:34px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;width:158px;height:174px;margin-right:24px;padding-top:40px;border-radius:8px;background-color:#28ab8c;text-align:center;color:#fff;font-size:20px;line-height:24px;font-weight:700}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;margin-top:10px;font-size:56px;line-height:60px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em.Incomplete{font-size:20px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;bottom:0;left:-34px;width:88px;height:88px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;line-height:24px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:18px;font-weight:700}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:8px;color:#ccc;font-size:16px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:absolute;top:10px;right:10px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#777}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:30px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 8px 8px 0}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:78px;margin-left:12px;padding:0 10px;text-align:right;font-size:18px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 90px 0 136px;z-index:-1}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap{margin-top:40px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:16px;line-height:24px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table td,._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th{height:50px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th:first-child{padding:0 16px;text-align:left}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th .btn-change-lang{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-1:before{background-color:#6fcfb8}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2:before{background-color:#b8de67}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3:before{background-color:#ffcf2b}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td{height:48px;padding:12px 10px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score,._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.subtitle{text-align:left!important}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{text-align:left;background-color:#f5f5f5}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700;font-size:18px}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:64px;text-align:center}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:40px;height:40px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}._folioPrint[data-v-700d4cea] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}.scheck-feedback-wrap[data-v-6b82e080]{margin-top:1rem;border-radius:1rem;background:rgba(40,171,140,.48);padding:.5rem}.scheck-feedback-wrap .scheck-feedback[data-v-6b82e080]{border-radius:.8rem;border:.2rem solid rgba(0,0,0,.1);background:#e4eeea;padding:.8rem}.scheck-feedback-wrap .scheck-feedback .feedback-header[data-v-6b82e080]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.scheck-feedback-wrap .scheck-feedback .feedback-header .area-title[data-v-6b82e080]{font-size:1rem;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;line-height:1}.scheck-feedback-wrap .scheck-feedback .feedback-header .area-title .view-feedback[data-v-6b82e080]{width:2rem;height:2rem;background:url(/assets/images/april_alpha/arrow_down.svg) no-repeat 50%/100%}.scheck-feedback-wrap .scheck-feedback .feedback-header .area-title .view-feedback.on[data-v-6b82e080]{background:url(/assets/images/april_alpha/arrow_up.svg) no-repeat 50%/100%}.scheck-feedback-wrap .scheck-feedback .feedback-header .transrate[data-v-6b82e080]{width:4rem;height:2rem;border-radius:16px;background:#fa5959;color:#fff;font-family:Nunito;font-size:1rem;font-style:normal;font-weight:900;line-height:2rem}.scheck-feedback-wrap .scheck-feedback .checkList[data-v-6b82e080]{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;row-gap:.2rem}.scheck-feedback-wrap .scheck-feedback .checkList div[data-v-6b82e080]{padding:.5rem;background:rgba(40,171,140,.3);line-height:1.2}.scheck-feedback-wrap .scheck-feedback .checkList div.sort[data-v-6b82e080]{background:rgba(40,171,140,.48);font-weight:900;font-size:1.2rem}.scheck-feedback-wrap .scheck-feedback .checkList table[data-v-6b82e080]{width:100%;vertical-align:middle;border-collapse:separate}.scheck-feedback-wrap .scheck-feedback .checkList table th[data-v-6b82e080]{width:200px;padding:15px 12px;background:rgba(40,171,140,.48);text-align:center}.scheck-feedback-wrap .scheck-feedback .checkList table td[data-v-6b82e080]{padding:15px 12px;background:rgba(40,171,140,.3);text-align:center}.scheck-feedback-wrap .scheck-feedback .checkList table td[data-v-6b82e080]:last-child{padding:15px 12px;text-align:left}.scheck-feedback-wrap .scheck-feedback .feedback-comments[data-v-6b82e080]{background:#fff;padding:1rem;font-size:1rem}.scheck-feedback-wrap .scheck-feedback .self-revision-comments[data-v-6b82e080]{margin-top:1rem;font-size:1rem}.scheck-feedback-wrap .scheck-feedback .self-revision-comments .title[data-v-6b82e080]{color:#28ab8c;font-size:1.2rem;font-weight:700}[data-v-23e865de],[data-v-23e865de]:after,[data-v-23e865de]:before{background-size:auto 100%}.detail-writing .m-contentHeader[data-v-23e865de]{padding-bottom:0;border-bottom:0}.detail-writing .m-contentBody[data-v-23e865de]{margin-top:0}.detail-writing .top-btn-wrap[data-v-23e865de]{margin:6px 0;text-align:right}.detail-writing .top-btn-wrap .btn-copy[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;margin-left:auto;padding:1px 8px 1px 4px;font-size:12px;line-height:18px}.detail-writing .top-btn-wrap .btn-copy[data-v-23e865de]:before{content:"";display:block;width:16px;height:16px;margin-right:4px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/copy_m.png)}.detail-writing .top-btn-wrap .btn-copy[data-v-23e865de]:disabled{color:#ddd}.detail-writing .top-btn-wrap .btn-copy[data-v-23e865de]:disabled:before{-webkit-filter:grayscale(1);filter:grayscale(1)}.detail-writing .draft-text-wrap[data-v-23e865de]{position:relative;margin:12px 16px;padding:24px 30px}.detail-writing .draft-text-wrap .box-bg[data-v-23e865de]{position:absolute;top:0;left:0;width:100%;height:100%}.detail-writing .draft-text-wrap .box-bg div[data-v-23e865de]:before{content:"";position:absolute;top:0;left:-44px;width:44px;height:50px}.detail-writing .draft-text-wrap .box-bg div[data-v-23e865de]:after{content:"";position:absolute;top:0;right:-44px;width:44px;height:50px}.detail-writing .draft-text-wrap .box-bg .bg-top[data-v-23e865de]{position:absolute;top:0;left:43px;width:calc(100% - 86px);height:50px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_top_mid.png);background-repeat:repeat-x}.detail-writing .draft-text-wrap .box-bg .bg-top[data-v-23e865de]:before{background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_top_left.png)}.detail-writing .draft-text-wrap .box-bg .bg-top[data-v-23e865de]:after{background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_top_right.png)}.detail-writing .draft-text-wrap .box-bg .bg-mid[data-v-23e865de]{position:absolute;top:48px;left:43px;width:calc(100% - 86px);height:calc(100% - 98px);background-color:#e3f1f4}.detail-writing .draft-text-wrap .box-bg .bg-mid[data-v-23e865de]:before{height:100%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_mid_left.png);background-size:100% auto;background-repeat:repeat-y}.detail-writing .draft-text-wrap .box-bg .bg-mid[data-v-23e865de]:after{height:100%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_mid_right.png);background-size:100% auto;background-repeat:repeat-y}.detail-writing .draft-text-wrap .box-bg .bg-btm[data-v-23e865de]{position:absolute;bottom:0;left:43px;width:calc(100% - 86px);height:50px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_btm_mid.png);background-repeat:repeat-x}.detail-writing .draft-text-wrap .box-bg .bg-btm[data-v-23e865de]:before{background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_btm_left.png)}.detail-writing .draft-text-wrap .box-bg .bg-btm[data-v-23e865de]:after{background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/box_bg_btm_right.png)}.detail-writing .draft-text-wrap .text-wrap[data-v-23e865de]{position:relative}.detail-writing .draft-text-wrap .text-wrap strong[data-v-23e865de]{display:block;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700;text-align:center}.detail-writing .draft-text-wrap .text-wrap p[data-v-23e865de]{font-size:12px;line-height:18px;color:#564721}.detail-writing .draft-text-wrap .text-wrap p.indent[data-v-23e865de]{text-indent:24px}.detail-writing .no-data[data-v-23e865de]{padding:106px 0;text-align:center}.detail-writing .no-data p[data-v-23e865de]{font-size:12px;line-height:18px;color:#999}.detail-writing .no-data a[data-v-23e865de]{height:40px;margin-top:16px;padding:8px 10px;font-size:14px;line-height:20px}.detail-writing .video-title[data-v-23e865de]{padding:24px 0 16px;text-align:center;font-size:14px;line-height:20px;font-weight:700}.detail-writing .evaluation-score-wrap[data-v-23e865de]{margin-top:24px;padding:0 16px}.detail-writing .evaluation-score-wrap .top-title[data-v-23e865de]{position:relative;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700}.detail-writing .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-23e865de]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 24px 14px 70px;border-radius:8px;background-color:#28ab8c;color:#fff;font-size:14px;line-height:20px;font-weight:700}.detail-writing .evaluation-score-wrap .score-graph-wrap .grade-box span[data-v-23e865de]{display:block}.detail-writing .evaluation-score-wrap .score-graph-wrap .grade-box em[data-v-23e865de]{display:block;font-size:20px;line-height:24px}.detail-writing .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-23e865de]:after{content:"";position:absolute;top:0;left:4px;width:60px;height:60px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap[data-v-23e865de]{position:relative;margin-top:20px;padding:12px;border-radius:8px;background-color:#f8f9f5}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-bottom:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title[data-v-23e865de]{font-size:14px;font-weight:700}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated[data-v-23e865de]{margin-left:4px;color:#ccc;font-size:12px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:22px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:18px;color:#777}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-23e865de]:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-23e865de]:first-child:before{background-color:#6fcfb8}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-23e865de]:nth-child(2):before{background-color:#b8de67}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-23e865de]:nth-child(3):before{background-color:#ffcf2b}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap[data-v-23e865de]{position:relative;z-index:1}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item[data-v-23e865de]{margin-top:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:48px;padding:4px 0;font-size:12px;line-height:18px;color:#666;font-weight:700}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area[data-v-23e865de]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-23e865de]{height:20px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-23e865de]:first-child{background-color:#6fcfb8}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-23e865de]:nth-child(2){background-color:#b8de67}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-23e865de]:nth-child(3){background-color:#ffcf2b}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-23e865de]:last-child{border-radius:0 4px 4px 0}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip[data-v-23e865de]{display:block}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-23e865de]{display:none;position:absolute;bottom:18px;left:10px;padding:4px 10px;background-color:#fff;border-radius:4px;font-size:12px;line-height:18px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-23e865de]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-23e865de]:first-child:before{background-color:#6fcfb8}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-23e865de]:nth-child(2):before{background-color:#b8de67}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-23e865de]:nth-child(3):before{background-color:#ffcf2b}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item[data-v-23e865de]{margin-top:4px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-23e865de]:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail[data-v-23e865de]{width:59px;margin-left:4px;padding:0 6px;text-align:center;font-size:14px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-23e865de]:first-child{background-color:#b7e7dc}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-23e865de]:nth-child(2){background-color:#dcefb3}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-23e865de]:nth-child(3){background-color:#ffe795}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-23e865de]:first-child:before{background-color:#b7e7dc}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-23e865de]:nth-child(2):before{background-color:#dcefb3}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-23e865de]:nth-child(3):before{background-color:#ffe795}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap[data-v-23e865de]{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 63px 0 80px;z-index:-1}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line[data-v-23e865de]{width:1px;height:100%;background-color:#eee}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-23e865de]{font-size:14px;line-height:18px;color:#777}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-23e865de]:first-child{margin-left:-3px}.detail-writing .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-23e865de]:last-child{margin-right:-9px}.detail-writing .evaluation-score-wrap .score-table-wrap[data-v-23e865de]{margin:38px -16px 0}.detail-writing .evaluation-score-wrap .score-table-wrap .top-title[data-v-23e865de]{padding:0 16px}.detail-writing .evaluation-score-wrap .score-table-wrap .top-title .btn-change-lang[data-v-23e865de]{position:absolute;top:50%;right:16px;width:44px;height:24px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;line-height:18px}.detail-writing .evaluation-score-wrap .score-table-wrap table[data-v-23e865de]{table-layout:fixed;width:100%;font-size:12px;line-height:18px;color:#666}.detail-writing .evaluation-score-wrap .score-table-wrap table+table[data-v-23e865de]{margin-top:-1px}.detail-writing .evaluation-score-wrap .score-table-wrap table td[data-v-23e865de],.detail-writing .evaluation-score-wrap .score-table-wrap table th[data-v-23e865de]{position:relative;border:1px solid #ddd}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th[data-v-23e865de]{height:36px;padding:0 10px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category[data-v-23e865de]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category.category-1[data-v-23e865de]:before{background-color:#6fcfb8}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category.category-2[data-v-23e865de]:before{background-color:#b8de67}.detail-writing .evaluation-score-wrap .score-table-wrap table thead th .category.category-3[data-v-23e865de]:before{background-color:#ffcf2b}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody th[data-v-23e865de]{padding:10px}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td[data-v-23e865de]{height:49px;padding:6px 10px}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td[data-v-23e865de]:first-of-type{text-align:center;font-weight:700;word-break:break-all}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-score[data-v-23e865de]{text-align:center}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.subtitle[data-v-23e865de]{text-align:left!important}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score[data-v-23e865de]{text-align:left;background-color:#f5f5f5;font-size:12px}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:38px}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span[data-v-23e865de]{margin-right:15px;font-weight:700}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail[data-v-23e865de]{width:46px;text-align:center}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck[data-v-23e865de]{padding:0;text-align:center}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button[data-v-23e865de]{width:32px;height:32px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png);vertical-align:top}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-23e865de]{background-color:#fc5252}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-23e865de]:hover{background-color:#ca4242}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-23e865de]{background-color:#0f91ef}.detail-writing .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-23e865de]:hover{background-color:#0c74bf}.modal-sCheck .header .title[data-v-23e865de]{margin-bottom:16px;font-weight:700;font-size:20px;line-height:24px}.modal-sCheck .header button[data-v-23e865de]{position:absolute;top:16px;right:16px;width:24px;height:24px;padding:0;font-size:0;border:0;background:#fff url(/assets/images/april/btn_modal-close.png) 50%/14px no-repeat}.modal-sCheck .table-wrap[data-v-23e865de]{font-size:12px;line-height:18px}.modal-sCheck .table-wrap table[data-v-23e865de]{width:100%;table-layout:fixed}.modal-sCheck .table-wrap table+table[data-v-23e865de]{margin-top:16px}.modal-sCheck .table-wrap table td[data-v-23e865de],.modal-sCheck .table-wrap table th[data-v-23e865de]{padding:9px;border:1px solid #ddd}.modal-sCheck .table-wrap table th[data-v-23e865de]{background-color:#f5f5f5;font-weight:700;vertical-align:top}.modal-sCheck .table-wrap table .sCheck-wrap[data-v-23e865de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal-sCheck .table-wrap table .sCheck-wrap .sCheck[data-v-23e865de]{width:32px;height:32px;margin-right:8px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}.modal-sCheck .table-wrap table .sCheck-wrap p[data-v-23e865de]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-1 .sCheck[data-v-23e865de]{background-color:#fc5252}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-1 p[data-v-23e865de]{color:#fc5252}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-2 .sCheck[data-v-23e865de]{background-color:#0f91ef}.modal-sCheck .table-wrap table .sCheck-wrap.sCheck-2 p[data-v-23e865de]{color:#0f91ef}@page{size:A4;margin:10mm}@media print{body{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transform-origin:top left;transform-origin:top left}}.scheck-feedback-wrap[data-v-52b1c6c2]{margin-top:35px;border-radius:16px;background:rgba(40,171,140,.48);padding:16px}.scheck-feedback-wrap .scheck-feedback[data-v-52b1c6c2]{border-radius:8px;border:2px solid rgba(0,0,0,.1);background:#e4eeea;padding:16px}.scheck-feedback-wrap .scheck-feedback .feedback-header[data-v-52b1c6c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:7px;-moz-column-gap:7px;column-gap:7px}.scheck-feedback-wrap .scheck-feedback .feedback-header .area-title[data-v-52b1c6c2]{font-size:24px;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:7px;-moz-column-gap:7px;column-gap:7px}.scheck-feedback-wrap .scheck-feedback .feedback-header .area-title span[data-v-52b1c6c2]{text-decoration:underline}.scheck-feedback-wrap .scheck-feedback .feedback-header .area-title .view-feedback[data-v-52b1c6c2]{width:18px;height:18px;background:url(/assets/images/april_alpha/arrow_down.svg) no-repeat 50%/100%}.scheck-feedback-wrap .scheck-feedback .feedback-header .area-title .view-feedback.on[data-v-52b1c6c2]{background:url(/assets/images/april_alpha/arrow_up.svg) no-repeat 50%/100%}.scheck-feedback-wrap .scheck-feedback .feedback-header .transrate[data-v-52b1c6c2]{width:64px;height:32px;border-radius:16px;background:#fa5959;color:#fff;font-family:Nunito;font-size:18px;font-style:normal;font-weight:900;line-height:32px}.scheck-feedback-wrap .scheck-feedback .checkList[data-v-52b1c6c2]{margin-top:10px}.scheck-feedback-wrap .scheck-feedback .checkList table[data-v-52b1c6c2]{width:100%;vertical-align:middle;border-collapse:separate}.scheck-feedback-wrap .scheck-feedback .checkList table th[data-v-52b1c6c2]{width:200px;padding:15px 12px;background:rgba(40,171,140,.48);text-align:center}.scheck-feedback-wrap .scheck-feedback .checkList table td[data-v-52b1c6c2]{padding:15px 12px;background:rgba(40,171,140,.3);text-align:center}.scheck-feedback-wrap .scheck-feedback .checkList table td.cell-1[data-v-52b1c6c2]{width:200px;background:rgba(40,171,140,.48);font-weight:700;font-size:16px}.scheck-feedback-wrap .scheck-feedback .checkList table td.cell-2[data-v-52b1c6c2]{width:300px;text-align:left;padding:15px 30px 15px 50px}.scheck-feedback-wrap .scheck-feedback .checkList table td[data-v-52b1c6c2]:last-child{padding:15px 12px;text-align:left}.scheck-feedback-wrap .scheck-feedback .feedback-comments[data-v-52b1c6c2]{background:#fff;padding:15px 12px;font-size:18px}.scheck-feedback-wrap .scheck-feedback .self-revision-comments[data-v-52b1c6c2]{margin-top:16px;font-size:18px}.scheck-feedback-wrap .scheck-feedback .self-revision-comments .title[data-v-52b1c6c2]{color:#28ab8c;font-size:24px;font-weight:700}@media print{.no-print[data-v-111eb296],.no-print [data-v-111eb296]{display:none!important}}[data-v-111eb296],[data-v-111eb296]:after,[data-v-111eb296]:before{background-size:auto 100%}._folioPrint[data-v-111eb296] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-111eb296] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-111eb296] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-111eb296] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-111eb296] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-111eb296] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-111eb296] .content-body .btnSet button:disabled{pointer-events:none}._folioPrint[data-v-111eb296] .componentFrame{margin-top:50px;padding:0 20px}._folioPrint[data-v-111eb296] .componentFrame .secondTab._2 .nav-tabs{width:644px;margin:0 auto 24px;padding:0}._folioPrint[data-v-111eb296] .componentFrame .secondTab._2 .nav-tabs .nav-item{width:320px}._folioPrint[data-v-111eb296] .componentFrame .secondTab._3 .nav-tabs{width:646px;margin:0 auto 24px;padding:0}._folioPrint[data-v-111eb296] .componentFrame .secondTab._3 .nav-tabs .nav-item{width:214px}._folioPrint[data-v-111eb296] .componentFrame .video-cont-wrap{padding-top:36px}._folioPrint[data-v-111eb296] .componentFrame .video-cont-wrap .video-title{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-111eb296] .componentFrame .video-cont-wrap .video-wrap .plyr{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}._folioPrint[data-v-111eb296] .componentFrame .draft-text-wrap{position:relative;width:1128px;margin:0 auto;padding:52px;z-index:1}._folioPrint[data-v-111eb296] .componentFrame .draft-text-wrap .draft-text-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}._folioPrint[data-v-111eb296] .componentFrame .draft-text-wrap .draft-text-bg .bg-center{position:absolute;top:40px;left:0;width:100%;height:calc(100% - 80px);background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/draft_text_bg_center.png);background-size:100% 1px;background-repeat:repeat}._folioPrint[data-v-111eb296] .componentFrame .draft-text-wrap .draft-text-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:50px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/draft_text_bg_top.png)}._folioPrint[data-v-111eb296] .componentFrame .draft-text-wrap .draft-text-bg:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/draft_text_bg_btm.png)}._folioPrint[data-v-111eb296] .componentFrame .draft-text-wrap strong{display:block;text-align:center;margin-bottom:24px;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-111eb296] .componentFrame .draft-text-wrap p{font-size:20px;line-height:30px;color:#564721}._folioPrint[data-v-111eb296] .componentFrame .draft-text-wrap p.indent{text-indent:46px}._folioPrint[data-v-111eb296] .componentFrame .no-data{padding-top:36px;text-align:center}._folioPrint[data-v-111eb296] .componentFrame .no-data p{font-size:16px;line-height:24px;color:#666}._folioPrint[data-v-111eb296] .componentFrame .no-data a{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}.april_social-detail .contentBox[data-v-111eb296]{width:calc(100% - 540px);display:inline-block;vertical-align:top}.april_social-detail .contentBox .movie[data-v-111eb296]{position:relative}.april_social-detail .contentBox .info[data-v-111eb296]{padding:17px 0 0;position:relative;height:187px}.april_social-detail .contentBox .info span[data-v-111eb296]{display:inline-block;color:#fd856d;margin-right:5px;font-size:1.2em;font-weight:600}.april_social-detail .contentBox .info em[data-v-111eb296]{color:#888;font-size:1.2em;font-weight:400;letter-spacing:-.02em}.april_social-detail .contentBox .info h3[data-v-111eb296]{width:100%;height:28px;color:#333;font-weight:400;letter-spacing:-.02em;font-size:1.7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:vertical}.april_social-detail .contentBox .info .std[data-v-111eb296]{margin:15px 0 10px;height:36px}.april_social-detail .contentBox .info .std button[data-v-111eb296]{display:inline-block;text-align:center;vertical-align:top;width:44px;border:0;outline:0;opacity:1!important;background-color:transparent!important;padding:0;position:relative;margin-left:1px}.april_social-detail .contentBox .info .std button img[data-v-111eb296]{width:36px;height:36px;border-radius:50%}.april_social-detail .contentBox .info .std button em[data-v-111eb296]{position:absolute;display:inline-block}.april_social-detail .contentBox .info .std button .user-level1[data-v-111eb296]{width:38px;height:38px;left:3px;top:-1px}.april_social-detail .contentBox .info .std button .user-level2[data-v-111eb296]{width:38px;height:41px;left:3px;top:-4px}.april_social-detail .contentBox .info .std button .user-level3[data-v-111eb296]{width:40px;height:42px;left:2px;top:-4px}.april_social-detail .contentBox .info .std button .user-level4[data-v-111eb296]{width:42px;height:48px;left:1px;top:-7px}.april_social-detail .contentBox .info .std button .user-level5[data-v-111eb296]{width:42px;height:47px;left:1px;top:-7px}.april_social-detail .contentBox .info .std button div[data-v-111eb296]{height:12px;text-align:center}.april_social-detail .contentBox .info .std button div em[data-v-111eb296]{position:relative;display:inline-block;width:11px;height:11px;margin:0 0 0;border-radius:0}.april_social-detail .contentBox .info .std button[data-v-111eb296]:first-child{margin-left:-5px}.april_social-detail .contentBox .info .std span[data-v-111eb296]{display:inline-block;margin-left:6px;color:#333}.april_social-detail .contentBox .info .teacher[data-v-111eb296]{position:absolute;right:0;top:82px;padding-right:38px;text-align:right}.april_social-detail .contentBox .info .teacher img[data-v-111eb296]{position:absolute;right:0;top:0;display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden}.april_social-detail .contentBox .info .teacher .name[data-v-111eb296]{display:block;color:#333;line-height:1.4em;font-weight:400;letter-spacing:-.02em}.april_social-detail .contentBox .info .teacher .branch[data-v-111eb296]{display:block;color:#999;font-size:.9em;line-height:1em;font-weight:400}.april_social-detail .contentBox .info .cummunity[data-v-111eb296]{margin-top:30px;position:relative}.april_social-detail .contentBox .info .cummunity div[data-v-111eb296]{display:inline-block;vertical-align:middle}.april_social-detail .contentBox .info .cummunity .buff-content button[data-v-111eb296]{background-color:transparent;border:0;padding:0}.april_social-detail .contentBox .info .cummunity .buff-content button[data-v-111eb296]:active,.april_social-detail .contentBox .info .cummunity .buff-content button[data-v-111eb296]:hover{background-color:transparent!important;opacity:1!important}.april_social-detail .contentBox .info .cummunity .buff-content button span[data-v-111eb296]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.april_social-detail .contentBox .info .cummunity .buff-content .buff-on[data-v-111eb296]{vertical-align:middle;font-weight:500;color:#ff583d}.april_social-detail .contentBox .info .cummunity .buff-content .buff-on .ic-buff[data-v-111eb296]{background:url(/assets/images/april/icon_like_on.png) no-repeat 50%;background-size:24px 40px}.april_social-detail .contentBox .info .cummunity .buff-content .buff-off[data-v-111eb296]{font-weight:500;vertical-align:middle;color:#333}.april_social-detail .contentBox .info .cummunity .buff-content .buff-off .ic-buff[data-v-111eb296]{background:url(/assets/images/april/icon_like_off.png) no-repeat 50%;background-size:24px 40px}.april_social-detail .contentBox .info .cummunity .buff-content .ic-buff[data-v-111eb296]{display:inline-block;vertical-align:middle;margin-right:8px}.april_social-detail .contentBox .info .cummunity .big[data-v-111eb296]{display:inline-block;vertical-align:middle;margin-right:15px}.april_social-detail .contentBox .info .cummunity .big .buff-content span[data-v-111eb296]{font-size:1.3rem}.april_social-detail .contentBox .info .cummunity .big .buff-content .ic-buff[data-v-111eb296]{width:24px;height:40px;position:relative;top:-3px}.april_social-detail .contentBox .info .cummunity .small[data-v-111eb296]{margin-right:15px}.april_social-detail .contentBox .info .cummunity .small .buff-content span[data-v-111eb296]{font-size:1.1em}.april_social-detail .contentBox .info .cummunity .small .buff-content .ic-buff[data-v-111eb296]{width:18px;height:30px;background-size:18px 30px;position:relative;top:-2px}.april_social-detail .contentBox .info .cummunity .ml-auto[data-v-111eb296]{margin-right:15px}.april_social-detail .contentBox .info .cummunity button.btn-delete[data-v-111eb296]{border:0;font-size:0;width:40px;height:40px;background:url(/assets/images/april/icon-delete.png) 50% no-repeat transparent;background-size:20px 21px;vertical-align:middle}.april_social-detail .contentBox .info .cummunity button.btn-delete[data-v-111eb296]:active,.april_social-detail .contentBox .info .cummunity button.btn-delete[data-v-111eb296]:hover{background:url(/assets/images/april/icon-delete.png) 50% no-repeat transparent!important;background-size:20px 21px!important;opacity:.9}.april_social-detail .contentBox .info .cummunity .views[data-v-111eb296]{position:absolute;right:0;bottom:5px;font-size:1.2em;color:#333}.april_social-detail .contentBox .info .cummunity .views em[data-v-111eb296]{color:#333;font-size:.9em;display:inline-block;padding-right:10px}.april_social-detail .replyBox[data-v-111eb296]{width:510px;display:inline-block;margin-left:30px;vertical-align:top}.april_social-detail .replyBox .insertArea .pic[data-v-111eb296]{vertical-align:middle;display:inline-block;margin-right:5px}.april_social-detail .replyBox .insertArea .pic button[data-v-111eb296]{width:55px;height:55px}.april_social-detail .replyBox .insertArea .pic img[data-v-111eb296]{width:55px;height:55px;border-radius:50%}.april_social-detail .replyBox .insertArea .select-box-common[data-v-111eb296]{position:relative}.april_social-detail .replyBox .insertArea .select-box-common .custom-select[data-v-111eb296]{width:363px;background:url(/assets/images/april/select_arrow.png) no-repeat left 12px center;padding:.375rem 1rem .375rem 40px}.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn[data-v-111eb296]{position:absolute;top:14.5px;right:100px;background-color:transparent;border:0;padding:0 0 10px 0}.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn[data-v-111eb296]:active,.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn[data-v-111eb296]:hover{background-color:transparent!important}.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn.selected em[data-v-111eb296]{background:url(/assets/images/ic_emoticon_btn_on.png) no-repeat 50%}.april_social-detail .replyBox .insertArea .select-box-common .emotions-btn em[data-v-111eb296]{display:inline-block;width:24px;height:24px;background:url(/assets/images/ic_emoticon_btn_off.png) no-repeat 50%}.april_social-detail .replyBox .insertArea .btnBlue[data-v-111eb296]{width:80px;height:52px;margin-left:5px}.april_social-detail .replyBox .insertArea .btnBlue.disabled[data-v-111eb296]{cursor:default;opacity:.5}.april_social-detail .replyBox .select-emotions[data-v-111eb296]{padding-left:60px;padding-bottom:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.april_social-detail .replyBox .select-emotions .emotions-gray-box[data-v-111eb296]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:120px;padding:1px 10px;border-radius:5px;background-color:#bfbfbf;text-align:left}.april_social-detail .replyBox .select-emotions .emotions-gray-box img[data-v-111eb296]{width:62px;height:62px}.april_social-detail .replyBox .select-emotions .emotions-gray-box .close-emotions-btn[data-v-111eb296]{background-color:transparent;padding:5px;border:0;width:34px;height:34px}.april_social-detail .replyBox .select-emotions .emotions-gray-box .close-emotions-btn em[data-v-111eb296]{display:inline-block;width:24px;height:24px;background:url(/assets/images/ic_close.png) no-repeat 50%}.april_social-detail .replyBox .comment-count[data-v-111eb296]{margin-top:30px;margin-bottom:5px;position:relative}.april_social-detail .replyBox .comment-count p[data-v-111eb296]{display:inline-block;margin-left:10px;font-size:1.3em;font-weight:500;color:#333;background:url(/assets/images/april/icon_comment.png) 0 no-repeat;background-size:20px 20px;padding-left:30px}.april_social-detail .replyBox .comment-count .btn.disabled[data-v-111eb296],.april_social-detail .replyBox .comment-count .btn[data-v-111eb296]:disabled{opacity:1}.april_social-detail .replyBox .comment-count .refresh-btn[data-v-111eb296]{position:absolute;right:5px;top:3px;width:20px;height:20px;padding:0;border:0;background-color:transparent}.april_social-detail .replyBox .comment-count .refresh-btn em[data-v-111eb296]{display:inline-block;width:20px;height:20px;background:url(/assets/images/april/ic_comment_refresh_off.png) no-repeat 50%;background-size:100%}.april_social-detail .replyBox .comment-count .refresh-btn:active em[data-v-111eb296],.april_social-detail .replyBox .comment-count .refresh-btn:hover em[data-v-111eb296]{background:url(/assets/images/april/ic_comment_refresh_on.png) no-repeat 50%;background-size:100%}.april_social-detail .replyBox .comment-count .refresh-btn .disabled em[data-v-111eb296],.april_social-detail .replyBox .comment-count .refresh-btn:disabled em[data-v-111eb296]{background:url(/assets/images/april/ic_comment_refresh_off.png) no-repeat 50%;background-size:100%}.april_social-detail .replyBox .commentList[data-v-111eb296]{height:550px;overflow-y:scroll;background-color:#f7f7f7}.april_social-detail .replyBox .list-group .list-group-item[data-v-111eb296]{padding:20px 15px;border:0;border-bottom:1px solid #e4e4e4;background-color:transparent;position:relative}.april_social-detail .replyBox .list-group .list-group-item img[data-v-111eb296]{margin-left:70px}.april_social-detail .replyBox .list-group .list-group-item span[data-v-111eb296]{display:inline-block;vertical-align:middle;font-size:1.12em}.april_social-detail .replyBox .list-group .list-group-item .pic[data-v-111eb296]{width:75px}.april_social-detail .replyBox .list-group .list-group-item .pic .btn[data-v-111eb296]{padding:0}.april_social-detail .replyBox .list-group .list-group-item .pic button[data-v-111eb296]{display:inline-block;text-align:center;width:55px;border:0;outline:0;opacity:1!important;background-color:transparent!important;padding:0;position:relative}.april_social-detail .replyBox .list-group .list-group-item .pic button img[data-v-111eb296]{width:55px;height:55px;border-radius:50%;margin-left:0}.april_social-detail .replyBox .list-group .list-group-item .pic button em[data-v-111eb296]{position:absolute;display:inline-block}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level1[data-v-111eb296]{width:57px;height:57px;left:-1px;top:-1px}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level2[data-v-111eb296]{width:57px;height:62px;left:-1px;top:-5px}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level3[data-v-111eb296]{width:59px;height:62px;left:-3px;top:-5px}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level4[data-v-111eb296]{width:64px;height:73px;left:-5px;top:-10px}.april_social-detail .replyBox .list-group .list-group-item .pic button .user-level5[data-v-111eb296]{width:67px;height:75px;left:-6px;top:-10px}.april_social-detail .replyBox .list-group .list-group-item .pic button div[data-v-111eb296]{height:12px;text-align:center}.april_social-detail .replyBox .list-group .list-group-item .pic button div em[data-v-111eb296]{position:relative;display:inline-block;width:11px;height:11px;margin:0 1px 0;border-radius:0}.april_social-detail .replyBox .list-group .list-group-item .comment[data-v-111eb296]{width:250px}.april_social-detail .replyBox .list-group .list-group-item .time[data-v-111eb296]{width:110px;color:#919191;text-align:right}.april_social-detail .replyBox .list-group .list-group-item button.delete[data-v-111eb296]{border:0;width:20px;height:22px;position:absolute;right:10px;top:36px;background:url(/assets/images/april/icon_commentDelete.png) 50% no-repeat transparent;background-size:100%}.april_social-detail .replyBox .list-group .viewMore[data-v-111eb296]{padding-bottom:20px}.april_social-detail .replyBox .list-group .viewMore .btn-primary[data-v-111eb296]{font-size:1em;height:45px}.april_social-detail .replyBox .commentList.has-emoticon[data-v-111eb296]{height:466px}.april_social-detail.modal-content[data-v-111eb296]{border:0;padding:15px 15px;display:block}.plyr audio[data-v-111eb296],.plyr video[data-v-111eb296]{width:100%;height:480px}.plyr:-webkit-full-screen video[data-v-111eb296]{height:100%!important}.plyr:-ms-fullscreen video[data-v-111eb296]{height:100%!important}.plyr:fullscreen video[data-v-111eb296]{height:100%!important}._m-portfolio_detail .m-contentBody .detailsBox[data-v-cf1e587a]{margin-top:40px}._m-portfolio_detail .m-contentBody .detailsBox .infoText[data-v-cf1e587a]{margin-top:0;margin-bottom:5px}._m-portfolio_detail .m-contentBody .detailsBox table .ox[data-v-cf1e587a]{padding:10px 0}._m-portfolio_detail .m-contentBody .detailsBox table .ox img[data-v-cf1e587a]{width:34px;height:34px}._m-portfolio_detail .m-contentBody .detailsBox table tr:last-child td[data-v-cf1e587a]{border-bottom:1px solid #ccc}._folioPrint[data-v-4a19c12a] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-4a19c12a] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-4a19c12a] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-4a19c12a] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-4a19c12a] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-4a19c12a] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox{margin-top:80px}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .scoreBox{display:inline-block;vertical-align:middle;width:330px;margin-top:0}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .scoreBox .totalGrade{width:100%}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .scoreBox .totalGrade .vcenter{height:290px}@media print{._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .scoreBox{display:block;margin:0 auto}}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .sentenceBox1{display:inline-block;vertical-align:middle}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .sentenceBox1 .listenType1 .grayBox{padding:10px 145px 10px 18px}@media print{._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .sentenceBox1{margin:0 auto}}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .listenType1{width:806px;margin:0 auto}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .listenType1 .grayBox,._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .listenType1 .num{vertical-align:middle;display:inline-block;margin:3px 0}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .listenType1 .num{width:47px;font-size:1.8em;font-weight:600}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .listenType1 .grayBox{width:759px;min-height:73px;background:#efefef;border-radius:.5em;padding:10px 145px 10px 128px;position:relative;font-size:1.8em;line-height:1.4em}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .listenType1 .grayBox p{display:table}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .listenType1 .grayBox p span{display:table-cell;height:73px;vertical-align:middle}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .listenType1 .grayBox .thumb{width:98px;height:73px;position:absolute;left:13px;top:calc(50% - 37px)}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .contentBox .listenType1 .grayBox .button{position:absolute;right:18px;top:calc(50% - 35px)}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox{margin-top:30px;display:inline-block;width:810px;padding-left:30px;vertical-align:top;position:relative}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox .guideRetry{text-align:right;font-size:1.3em;margin-top:-37px;margin-bottom:10px}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox .guideRetry em{display:inline-block;vertical-align:middle;width:18px;height:18px;background:url(/assets/images/april/icon_correct_retry.png) no-repeat;background-size:18px 18px}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-bottom:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-bottom:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-4a19c12a] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._m-portfolio_detail .shadowing[data-v-7212254f]{margin-bottom:40px}._m-portfolio_detail .shadowing .article[data-v-7212254f]{border:1px solid #ddd;border-radius:.3em;padding:10px 15px;font-size:1.2em;line-height:1.3em;letter-spacing:-.02em;text-align:center;word-wrap:break-word;word-break:keep-all}._m-portfolio_detail .shadowing .article p[data-v-7212254f]{margin:5px 0}._m-portfolio_detail .shadowing .article em[data-v-7212254f]{font-weight:600}._m-portfolio_detail .shadowing .btns[data-v-7212254f]{text-align:center;margin-top:10px}._m-portfolio_detail .shadowing .btns p[data-v-7212254f]{display:inline-block;width:50%;font-size:.9em;font-weight:600;color:#333;position:relative;text-align:center}._m-portfolio_detail .shadowing .btns p .button[data-v-7212254f]{vertical-align:middle;display:inline-block;margin-left:5px}._m-portfolio_detail .shadowing .btns p .button img[data-v-7212254f]{width:49px;height:49px}._m-portfolio_detail .shadowing .btns p[data-v-7212254f]:before{content:"";width:2px;height:40px;background:#ccc;border-radius:1.2em;position:absolute;left:0;top:calc(50% - 20px)}._m-portfolio_detail .shadowing .btns p[data-v-7212254f]:first-child:before{display:none}._m-portfolio_detail .detailsBox[data-v-7212254f]{margin-top:40px}._folioPrint[data-v-2e881a81] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-2e881a81] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-2e881a81] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-2e881a81] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-2e881a81] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-2e881a81] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-2e881a81] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-2e881a81] .content-body .container .contentBox{margin-top:80px}._folioPrint[data-v-2e881a81] .content-body .container .contentBox .shadowing{width:822px;margin:0 auto;border:2px solid #ddd;border-radius:.5em;padding:15px 30px;font-size:1.8em;line-height:1.4em;letter-spacing:-.02em;text-align:center;word-wrap:break-word;word-break:keep-all}._folioPrint[data-v-2e881a81] .content-body .container .contentBox .shadowing p{margin:10px 0}._folioPrint[data-v-2e881a81] .content-body .container .contentBox .shadowing em{font-weight:600}._folioPrint[data-v-2e881a81] .content-body .container .contentBox .btns{text-align:center;padding:0 190px;margin-top:18px}._folioPrint[data-v-2e881a81] .content-body .container .contentBox .btns p{display:inline-block;width:50%;font-size:1.3em;font-weight:600;color:#333;position:relative}._folioPrint[data-v-2e881a81] .content-body .container .contentBox .btns p .button{vertical-align:middle;display:inline-block;margin-left:15px}._folioPrint[data-v-2e881a81] .content-body .container .contentBox .btns p:before{content:"";width:4px;height:52px;background:#ccc;border-radius:1.2em;position:absolute;left:0;top:9px}._folioPrint[data-v-2e881a81] .content-body .container .contentBox .btns p:first-child:before{display:none}._m-portfolio_detail .buff img[data-v-4cfe6629]{max-width:100%}._folioPrint[data-v-3cdbc40c] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-3cdbc40c] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-3cdbc40c] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-3cdbc40c] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-3cdbc40c] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-3cdbc40c] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-3cdbc40c] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-3cdbc40c] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-3cdbc40c] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-3cdbc40c] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-3cdbc40c] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-3cdbc40c] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-3cdbc40c] .content-body .container .contentBox img{max-width:460px}._m-portfolio_detail .dailyexpression .listenType1[data-v-8dfa5adc]{margin:0 auto}._m-portfolio_detail .dailyexpression .listenType1 .grayBox[data-v-8dfa5adc],._m-portfolio_detail .dailyexpression .listenType1 .num[data-v-8dfa5adc]{vertical-align:middle;display:inline-block;margin:3px 0}._m-portfolio_detail .dailyexpression .listenType1 .num[data-v-8dfa5adc]{width:35px;font-size:1.2em;font-weight:600}._m-portfolio_detail .dailyexpression .listenType1 .grayBox[data-v-8dfa5adc]{width:calc(100% - 35px);background:#efefef;border-radius:.5em;padding:7px 75px 7px 18px;position:relative;font-size:1.2em;line-height:1.2em}._m-portfolio_detail .dailyexpression .listenType1 .grayBox p[data-v-8dfa5adc]{display:table}._m-portfolio_detail .dailyexpression .listenType1 .grayBox p span[data-v-8dfa5adc]{display:table-cell;height:50px;vertical-align:middle}._m-portfolio_detail .dailyexpression .listenType1 .grayBox .button[data-v-8dfa5adc]{position:absolute;right:10px;top:calc(50% - 25px)}._m-portfolio_detail .dailyexpression .listenType1 .grayBox .button img[data-v-8dfa5adc]{width:49px;height:49px}._m-portfolio_detail .dailyexpression .listenType2[data-v-8dfa5adc]{text-align:center}._m-portfolio_detail .dailyexpression .listenType2 li[data-v-8dfa5adc]{width:31%;display:inline-block;vertical-align:top;margin:0 1%}._m-portfolio_detail .dailyexpression .listenType2 .grayBox[data-v-8dfa5adc],._m-portfolio_detail .dailyexpression .listenType2 .num[data-v-8dfa5adc]{display:block;text-align:center}._m-portfolio_detail .dailyexpression .listenType2 .num[data-v-8dfa5adc]{width:100%;font-size:1.2em;font-weight:600;margin-bottom:5px}._m-portfolio_detail .dailyexpression .listenType2 .grayBox[data-v-8dfa5adc]{width:100%;background:#efefef;border-radius:.5em;padding:7px 7px 15px}._m-portfolio_detail .dailyexpression .listenType2 .grayBox .thumb[data-v-8dfa5adc]{display:block;width:100%}._m-portfolio_detail .dailyexpression .listenType2 .grayBox .button[data-v-8dfa5adc]{display:block;margin-top:13px}._m-portfolio_detail .dailyexpression .listenType2 .grayBox .button img[data-v-8dfa5adc]{width:49px;height:49px}._folioPrint[data-v-f67c92e0] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-f67c92e0] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-f67c92e0] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-f67c92e0] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-f67c92e0] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-f67c92e0] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-f67c92e0] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-f67c92e0] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-f67c92e0] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-f67c92e0] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-f67c92e0] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox{margin-top:80px}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .shadowing{width:822px;margin:0 auto;border:2px solid #ddd;border-radius:.5em;padding:15px 30px;font-size:1.8em;line-height:1.4em;letter-spacing:-.02em;text-align:center;word-wrap:break-word;word-break:keep-all}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .shadowing p{margin:10px 0}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .shadowing em{font-weight:600}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType1{width:806px;margin:0 auto}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType1 .grayBox,._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType1 .num{vertical-align:middle;display:inline-block;margin:3px 0}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType1 .num{width:47px;font-size:1.8em;font-weight:600}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType1 .grayBox{width:759px;min-height:73px;background:#efefef;border-radius:.5em;padding:10px 145px 10px 18px;position:relative;font-size:1.8em;line-height:1.4em}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType1 .grayBox p{display:table}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType1 .grayBox p span{display:table-cell;height:73px;vertical-align:middle}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType1 .grayBox .thumb{width:98px;height:73px;position:absolute;left:13px;top:calc(50% - 37px)}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType1 .grayBox .button{position:absolute;right:18px;top:calc(50% - 35px)}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType2{text-align:center}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType2 li{width:240px;display:inline-block;margin:0 6px}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType2 .grayBox,._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType2 .num{display:block;text-align:center}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType2 .num{width:100%;font-size:1.8em;font-weight:600;margin-bottom:10px}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType2 .grayBox{width:100%;min-height:73px;background:#efefef;border-radius:.5em;padding:12px 12px 15px}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType2 .grayBox .thumb{width:216px;height:162px}._folioPrint[data-v-f67c92e0] .content-body .container .contentBox .listenType2 .grayBox .button{display:inline-block;margin-top:13px}._m-portfolio_detail[data-v-0f80eb47] .storyreading .btns{text-align:center}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step1{width:260px;height:253px;margin:0 auto;background:url(/assets/images/april/storybook_cover.png) no-repeat;background-size:100%;text-align:center;color:#fff}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step1 .stdName{padding-top:20px;font-size:1.6em;font-weight:300;height:130px}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step1 .lesson{height:28px}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step1 .lesson span{display:inline-block;position:relative;font-size:1em;font-weight:500;padding-left:20px}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step1 .lesson span:before{content:"";display:inline-block;position:absolute;left:0;top:5px;width:12px;height:14px;background:url(/assets/images/april/icon_flag.png) no-repeat;background-size:100%}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step1 .title{display:table;width:100%;height:90px}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step1 .title span{display:table-cell;font-size:1.6em;font-weight:600;vertical-align:middle;text-align:center}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2{position:relative;margin:0 auto}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2 .bg img{width:100%}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2 .thumb{position:absolute;left:6%;top:15%}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2 .thumb img{width:42%}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2 .btnBox{display:inline-block;width:50%;position:absolute;right:0;top:12%;text-align:center}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2 .btnBox span{display:inline-block}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2 .btnBox img{width:49px;height:49px}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2 .sentence{display:inline-block;width:42%;position:absolute;right:5%;top:calc(12% + 55px);text-align:center;font-size:1.2em;line-height:1.1em}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2 .paging{position:absolute;right:8%;bottom:5%;font-size:.9em;font-weight:600;color:#cbcbcb}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step2 .paging em{color:#717171}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step3{position:relative}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step3 .bg img{width:100%}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step3 .character{position:absolute;left:6%;top:20%;width:38%}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step3 .character img{width:100%}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step3 .btn{display:inline-block;width:300px;position:absolute;left:59px;bottom:55px;text-align:center}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step3 .endCopy{display:inline-block;width:30%;position:absolute;right:12%;top:42%}._m-portfolio_detail[data-v-0f80eb47] .storyreading .step3 .endCopy img{width:100%}._m-portfolio_detail[data-v-0f80eb47] .storyreading .start{border-radius:2.5em;background:#23a8f4}._m-portfolio_detail[data-v-0f80eb47] .storyreading .again,._m-portfolio_detail[data-v-0f80eb47] .storyreading .start{display:inline-block;margin-top:20px;width:190px;height:50px;text-align:center;color:#fff;font-size:1.7em;font-weight:300;line-height:52px}._m-portfolio_detail[data-v-0f80eb47] .storyreading .again{border-radius:2.5em;background:#aebc1f;border:1px solid #a6b508}._folioPrint[data-v-39255f52] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-39255f52] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-39255f52] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-39255f52] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-39255f52] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-39255f52] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-39255f52] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-39255f52] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-39255f52] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-39255f52] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-39255f52] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-39255f52] .content-body .container .contentBox{margin-top:80px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .btns,._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .btns{text-align:center}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step1{width:405px;height:394px;margin:0 auto;background:url(/assets/images/april/storybook_cover.png) no-repeat;background-size:405px 394px;text-align:center;color:#fff}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step1 .stdName{padding-top:35px;font-size:2.2em;font-weight:300;height:215px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step1 .lesson{height:32px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step1 .lesson span{display:inline-block;position:relative;font-size:1.2em;font-weight:500;padding-left:20px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step1 .lesson span:before{content:"";display:inline-block;position:absolute;left:0;top:5px;width:14px;height:17px;background:url(/assets/images/april/icon_flag.png) no-repeat;background-size:14px 17px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step1 .title{display:table;width:100%;height:140px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step1 .title span{display:table-cell;font-size:2em;font-weight:600;vertical-align:middle;text-align:center}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step2{width:777px;height:395px;margin:0 auto;background:url(/assets/images/april/storybook_page.png) no-repeat;background-size:777px 395px;position:relative}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step2 .thumb{position:absolute;left:53px;top:85px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step2 .thumb img{width:298px;height:222px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step2 .btnBox{display:inline-block;width:300px;position:absolute;right:59px;top:78px;text-align:center}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step2 .btnBox span{display:inline-block}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step2 .sentence{display:inline-block;width:300px;position:absolute;right:59px;top:180px;text-align:center;font-size:2em;line-height:1.2em}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step2 .paging{position:absolute;right:56px;bottom:39px;font-size:1.3em;font-weight:600;color:#cbcbcb}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step2 .paging em{color:#717171}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step3{width:777px;height:395px;margin:0 auto;background:url(/assets/images/april/storybook_page.png) no-repeat;background-size:777px 395px;position:relative}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step3 .character{position:absolute;left:82px;top:78px;width:234px;height:180px;background:url(/assets/images/april/storybook_end.png) no-repeat;background-size:234px 180px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step3 .btn{display:inline-block;width:300px;position:absolute;left:59px;bottom:55px;text-align:center}._folioPrint[data-v-39255f52] .content-body .container .contentBox .storyreading .step3 .endCopy{display:inline-block;width:300px;height:50px;position:absolute;right:59px;top:180px;background:url(/assets/images/april/storybook_endCopy.png) top no-repeat;background-size:197px 28px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .start{display:inline-block;margin-top:30px;border-radius:2.5em;width:220px;height:64px;text-align:center;background:#23a8f4;color:#fff;font-size:2.2em;font-weight:300;line-height:64px}._folioPrint[data-v-39255f52] .content-body .container .contentBox .again{display:inline-block;margin-top:30px;border-radius:2.5em;width:166px;height:49px;text-align:center;background:#aebc1f;border:1px solid #a6b508;color:#fff;font-size:1.6em;font-weight:300;line-height:46px}._m-portfolio_detail .sentencespeaking[data-v-0772c529]{margin-bottom:40px}._m-portfolio_detail .sentencespeaking .listenType1[data-v-0772c529]{margin:0 auto}._m-portfolio_detail .sentencespeaking .listenType1 .grayBox[data-v-0772c529],._m-portfolio_detail .sentencespeaking .listenType1 .num[data-v-0772c529]{vertical-align:middle;display:inline-block;margin:3px 0}._m-portfolio_detail .sentencespeaking .listenType1 .num[data-v-0772c529]{width:35px;font-size:1.2em;font-weight:600}._m-portfolio_detail .sentencespeaking .listenType1 .grayBox[data-v-0772c529]{width:calc(100% - 35px);background:#efefef;border-radius:.5em;padding:7px 75px 7px 18px;position:relative;font-size:1.2em;line-height:1.2em}._m-portfolio_detail .sentencespeaking .listenType1 .grayBox p[data-v-0772c529]{display:table}._m-portfolio_detail .sentencespeaking .listenType1 .grayBox p span[data-v-0772c529]{display:table-cell;height:50px;vertical-align:middle}._m-portfolio_detail .sentencespeaking .listenType1 .grayBox .button[data-v-0772c529]{position:absolute;right:10px;top:calc(50% - 25px)}._m-portfolio_detail .sentencespeaking .listenType1 .grayBox .button img[data-v-0772c529]{width:49px;height:49px}._folioPrint[data-v-28a88746] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-28a88746] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-28a88746] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-28a88746] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-28a88746] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-28a88746] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-28a88746] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-28a88746] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-28a88746] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-28a88746] .content-body .container .contentBox{margin-top:80px}._folioPrint[data-v-28a88746] .content-body .container .contentBox .scoreBox{display:inline-block;vertical-align:middle;width:330px;margin-top:0}._folioPrint[data-v-28a88746] .content-body .container .contentBox .scoreBox .totalGrade{width:100%}._folioPrint[data-v-28a88746] .content-body .container .contentBox .scoreBox .totalGrade .vcenter{height:290px}@media print{._folioPrint[data-v-28a88746] .content-body .container .contentBox .scoreBox{display:block;margin:0 auto}}._folioPrint[data-v-28a88746] .content-body .container .contentBox .sentenceBox1{display:inline-block;vertical-align:middle}._folioPrint[data-v-28a88746] .content-body .container .contentBox .sentenceBox1 .listenType1 .grayBox{padding:10px 145px 10px 18px}@media print{._folioPrint[data-v-28a88746] .content-body .container .contentBox .sentenceBox1{margin:0 auto}}._folioPrint[data-v-28a88746] .content-body .container .contentBox .listenType1{width:806px;margin:0 auto}._folioPrint[data-v-28a88746] .content-body .container .contentBox .listenType1 .grayBox,._folioPrint[data-v-28a88746] .content-body .container .contentBox .listenType1 .num{vertical-align:middle;display:inline-block;margin:3px 0}._folioPrint[data-v-28a88746] .content-body .container .contentBox .listenType1 .num{width:47px;font-size:1.8em;font-weight:600}._folioPrint[data-v-28a88746] .content-body .container .contentBox .listenType1 .grayBox{width:759px;min-height:73px;background:#efefef;border-radius:.5em;padding:10px 145px 10px 128px;position:relative;font-size:1.8em;line-height:1.4em}._folioPrint[data-v-28a88746] .content-body .container .contentBox .listenType1 .grayBox p{display:table}._folioPrint[data-v-28a88746] .content-body .container .contentBox .listenType1 .grayBox p span{display:table-cell;height:73px;vertical-align:middle}._folioPrint[data-v-28a88746] .content-body .container .contentBox .listenType1 .grayBox .thumb{width:98px;height:73px;position:absolute;left:13px;top:calc(50% - 37px)}._folioPrint[data-v-28a88746] .content-body .container .contentBox .listenType1 .grayBox .button{position:absolute;right:18px;top:calc(50% - 35px)}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion{margin-bottom:50px}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4{margin:0 auto}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .grayBox,._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .num,._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .ox{vertical-align:middle;display:inline-block;margin:3px 0}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .num{width:35px;font-size:1.2em;font-weight:600}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .grayBox{width:calc(100% - 75px);background:#efefef;border-radius:.5em;padding:7px 18px 7px 90px;position:relative;font-size:1.2em;line-height:1.2em}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .grayBox p{display:table}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .grayBox p span{display:table-cell;height:50px;vertical-align:middle}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .grayBox p span .correct{color:#23a8f4!important}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .grayBox p span .wrong{color:#f85762!important}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .grayBox .thumb{width:68px;height:44px;position:absolute;left:13px;top:calc(50% - 22px)}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .ox{width:40px;text-align:right}._m-portfolio_detail[data-v-3e2b3dce] .sentencecompletion .listenType4 .ox img{width:34px;height:34px}._folioPrint[data-v-dbcdf74a] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-dbcdf74a] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-dbcdf74a] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-dbcdf74a] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-dbcdf74a] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-dbcdf74a] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-dbcdf74a] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox{margin-top:80px}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .scoreBox{display:inline-block;vertical-align:middle;width:330px;margin-top:0}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .scoreBox .totalGrade{width:100%}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .scoreBox .totalGrade .vcenter{height:290px}@media print{._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .scoreBox{display:block;margin:0 auto}}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .sentenceBox1{display:inline-block;vertical-align:middle}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .sentenceBox1 .listenType1 .grayBox{width:682px;padding:10px 18px 10px 128px}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .sentenceBox1 .listenType1 .ox{display:inline-block;width:77px;text-align:right}@media print{._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .sentenceBox1{margin:0 auto}}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1{width:806px;margin:0 auto}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .grayBox,._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .num{vertical-align:middle;display:inline-block;margin:3px 0}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .num{width:47px;font-size:1.8em;font-weight:600}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .grayBox{width:759px;min-height:73px;background:#efefef;border-radius:.5em;padding:10px 145px 10px 128px;position:relative;font-size:1.8em;line-height:1.4em}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .grayBox p{display:table}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .grayBox p span{display:table-cell;height:73px;vertical-align:middle}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .grayBox p span .correct{color:#23a8f4}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .grayBox p span .wrong{color:#f85762}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .grayBox .thumb{width:98px;height:73px;position:absolute;left:13px;top:calc(50% - 37px)}._folioPrint[data-v-dbcdf74a] .content-body .container .contentBox .listenType1 .grayBox a{position:absolute;right:18px;top:calc(50% - 35px)}._m-portfolio_detail .dialoguecreation[data-v-40c02b6e]{margin-bottom:40px}._m-portfolio_detail .dialoguecreation .listenType3[data-v-40c02b6e]{text-align:center}._m-portfolio_detail .dialoguecreation .listenType3 li[data-v-40c02b6e]{width:22%;display:inline-block;vertical-align:top;margin:0 1%;position:relative}._m-portfolio_detail .dialoguecreation .listenType3 li .thumb[data-v-40c02b6e]{display:block}._m-portfolio_detail .dialoguecreation .listenType3 li .thumb img[data-v-40c02b6e]{width:100%;border:1px solid rgba(0,0,0,.1)}._m-portfolio_detail .dialoguecreation .listenType3 li .button[data-v-40c02b6e]{display:block;margin-top:10px}._m-portfolio_detail .dialoguecreation .listenType3 li .button img[data-v-40c02b6e]{width:49px;height:49px}._m-portfolio_detail .dialoguecreation .listenType3 li[data-v-40c02b6e]:before{content:"";width:5px;height:7px;background:url(/assets/images/april/icon_grayArrow.png);background-size:100%;position:absolute;left:-7%;top:calc(50% - 30px)}._m-portfolio_detail .dialoguecreation .listenType3 li[data-v-40c02b6e]:first-child:before{display:none}._m-portfolio_detail .detailsBox[data-v-40c02b6e]{margin-top:40px}._folioPrint[data-v-72c6eff1] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-72c6eff1] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-72c6eff1] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-72c6eff1] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-72c6eff1] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-72c6eff1] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-72c6eff1] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-72c6eff1] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-72c6eff1] .content-body .container .contentBox .listenType3{text-align:center}._folioPrint[data-v-72c6eff1] .content-body .container .contentBox .listenType3 li{width:17%;display:inline-block;vertical-align:top;margin:0 18px;position:relative}._folioPrint[data-v-72c6eff1] .content-body .container .contentBox .listenType3 li .thumb{display:block}._folioPrint[data-v-72c6eff1] .content-body .container .contentBox .listenType3 li .thumb img{width:100%;height:249px;border:2px solid rgba(0,0,0,.1)}._folioPrint[data-v-72c6eff1] .content-body .container .contentBox .listenType3 li .button{display:block;margin-top:19px}._folioPrint[data-v-72c6eff1] .content-body .container .contentBox .listenType3 li:before{content:"";width:14px;height:20px;background:url(/assets/images/april/icon_grayArrow.png);background-size:14px 20px;position:absolute;left:-23px;top:115px}._folioPrint[data-v-72c6eff1] .content-body .container .contentBox .listenType3 li:first-child:before{display:none}._m-portfolio_detail .picturecuedspeaking[data-v-16d13cfc]{margin-bottom:50px}._m-portfolio_detail .picturecuedspeaking .captureImage[data-v-16d13cfc]{text-align:center;margin-bottom:20px}._m-portfolio_detail .picturecuedspeaking .captureImage img[data-v-16d13cfc]{width:90%}._m-portfolio_detail .detailsBox[data-v-16d13cfc]{margin-top:40px}._m-portfolio_detail .soundPlay[data-v-16d13cfc]{padding:0 10%}._folioPrint[data-v-50ce7b47] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-50ce7b47] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-50ce7b47] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-50ce7b47] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-50ce7b47] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-50ce7b47] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-50ce7b47] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox .captureImage{text-align:center}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox .captureImage img{width:414px}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox .listenType3{text-align:center}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox .listenType3 li{width:186px;display:inline-block;vertical-align:top;margin:0 18px;position:relative}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox .listenType3 li .thumb{display:block}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox .listenType3 li .thumb img{width:100%;height:249px;border:2px solid rgba(0,0,0,.1)}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox .listenType3 li .btn{display:block;margin-top:19px}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox .listenType3 li:before{content:"";width:14px;height:20px;background:url(/assets/images/april/icon_grayArrow.png);background-size:14px 20px;position:absolute;left:-23px;top:115px}._folioPrint[data-v-50ce7b47] .content-body .container .contentBox .listenType3 li:first-child:before{display:none}._folioPrint[data-v-50ce7b47] .content-body .container .soundPlay{width:552px;margin:50px auto 0;position:relative}._folioPrint[data-v-50ce7b47] .content-body .container .soundPlay p{height:19px;border-radius:0 15px 15px 0;background:#efefef;text-align:left}._folioPrint[data-v-50ce7b47] .content-body .container .soundPlay p span{display:inline-block;height:19px;border-radius:0 15px 15px 0;background:#f29e0b}._folioPrint[data-v-50ce7b47] .content-body .container .soundPlay a{position:absolute;left:0;top:-27px}._folioPrint[data-v-50ce7b47] .content-body .container .myVoice{display:inline-block;width:69px;height:69px;border:6px solid #f29e0b;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_myVoice.png) 50% no-repeat #fff;background-size:31px 31px;text-indent:100%;white-space:nowrap;overflow:hidden}._folioPrint[data-v-50ce7b47] .content-body .container .myVoice:hover{background-color:#fdefd8}._folioPrint[data-v-50ce7b47] .content-body .container .myVoice:active{background-color:#fbe0b1}._folioPrint[data-v-50ce7b47] .content-body .container .myVoice.disabled{border:6px solid #ccc!important;background:url(/assets/images/april/icon_myVoice_off.png) 50% no-repeat #fff;background-size:31px 31px;cursor:default}._folioPrint[data-v-50ce7b47] .content-body .container .myVoice.on{background:url(/assets/images/april/icon_myVoice_on.png) 50% no-repeat #f29e0b;background-size:31px 31px}._folioPrint[data-v-50ce7b47] .content-body .container .myVoice.on:active,._folioPrint[data-v-50ce7b47] .content-body .container .myVoice.on:hover{background-color:#f29e0b}._folioPrint[data-v-50ce7b47] .content-body .container .sound{display:inline-block;width:69px;height:69px;border:6px solid #23a8f4;border-radius:50%;text-align:center;background:url(/assets/images/april/icon_sound.png) 50% no-repeat #fff;background-size:34px 30px;text-indent:100%;white-space:nowrap;overflow:hidden}._folioPrint[data-v-50ce7b47] .content-body .container .sound:hover{background-color:#dcf1fd}._folioPrint[data-v-50ce7b47] .content-body .container .sound:active{background-color:#b8e3fb}._folioPrint[data-v-50ce7b47] .content-body .container .sound.disabled{border:6px solid #ccc!important;background:url(/assets/images/april/icon_sound_off.png) 50% no-repeat #fff;background-size:34px 30px;cursor:default}._folioPrint[data-v-50ce7b47] .content-body .container .pause:hover{background-color:#dcf1fd}._folioPrint[data-v-50ce7b47] .content-body .container .pause:active{background-color:#b8e3fb}._m-portfolio_detail .listenspeak[data-v-596f37e5]{margin-bottom:50px}._m-portfolio_detail .listenspeak .topic[data-v-596f37e5]{font-size:1em;position:relative;padding-top:2em;margin-bottom:30px}._m-portfolio_detail .listenspeak .topic[data-v-596f37e5]:before{content:"Topic";color:#999;font-size:1.2em;font-weight:600;position:absolute;top:0;left:0}._m-portfolio_detail .detailsBox[data-v-596f37e5]{margin-top:40px}._m-portfolio_detail .soundPlay[data-v-596f37e5]{padding:0 10%}._folioPrint[data-v-1e7b2962] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-1e7b2962] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-1e7b2962] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-1e7b2962] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-1e7b2962] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-1e7b2962] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-1e7b2962] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-1e7b2962] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-1e7b2962] .content-body .container .contentBox .topic{text-align:left;font-size:1.7em;white-space:pre-wrap}._folioPrint[data-v-1e7b2962] .content-body .container .contentBox .topic p.title{font-size:1em;font-weight:600;color:#999;margin-bottom:10px;line-height:1.2em}._folioPrint[data-v-1e7b2962] .content-body .container .soundPlay{width:552px;margin:50px auto 0;position:relative}._folioPrint[data-v-1e7b2962] .content-body .container .soundPlay p{height:19px;border-radius:0 15px 15px 0;background:#efefef;text-align:left}._folioPrint[data-v-1e7b2962] .content-body .container .soundPlay p span{display:inline-block;height:19px;border-radius:0 15px 15px 0;background:#f29e0b}._folioPrint[data-v-1e7b2962] .content-body .container .soundPlay a{position:absolute;left:0;top:-27px}._m-portfolio_detail .listenspeak[data-v-c71d950a]{margin-bottom:50px}._m-portfolio_detail .listenspeak .topic[data-v-c71d950a]{font-size:1em;position:relative;padding-top:2em;margin-bottom:30px}._m-portfolio_detail .listenspeak .topic[data-v-c71d950a]:before{content:"Topic";color:#999;font-size:1.2em;font-weight:600;position:absolute;top:0;left:0}._m-portfolio_detail .detailsBox[data-v-c71d950a]{margin-top:40px}._m-portfolio_detail .soundPlay[data-v-c71d950a]{padding:0 10%}._folioPrint[data-v-e38e76aa] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-e38e76aa] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-e38e76aa] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-e38e76aa] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-e38e76aa] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-e38e76aa] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .error{height:49px;background:#edf8ff;text-align:right;font-size:.9em}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .error span{font-weight:600;color:#f85762}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-e38e76aa] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-e38e76aa] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-e38e76aa] .content-body .container .contentBox .topic{text-align:left;font-size:1.7em;white-space:pre-wrap}._folioPrint[data-v-e38e76aa] .content-body .container .contentBox .topic p.title{font-size:1em;font-weight:600;color:#999;margin-bottom:10px;line-height:1.2em}._folioPrint[data-v-e38e76aa] .content-body .container .soundPlay{width:552px;margin:50px auto 0;position:relative}._folioPrint[data-v-e38e76aa] .content-body .container .soundPlay p{height:19px;border-radius:0 15px 15px 0;background:#efefef;text-align:left}._folioPrint[data-v-e38e76aa] .content-body .container .soundPlay p span{display:inline-block;height:19px;border-radius:0 15px 15px 0;background:#f29e0b}._folioPrint[data-v-e38e76aa] .content-body .container .soundPlay a{position:absolute;left:0;top:-27px}._m-portfolio_detail .m-contentBody[data-v-b987705a]{position:relative;padding-top:10px}._m-portfolio_detail .m-contentBody .btnBox[data-v-b987705a]{display:inline-block;position:absolute;right:15px;top:-5px}._m-portfolio_detail .sentencecreation[data-v-b987705a]{margin-bottom:40px;font-size:1.2em}._m-portfolio_detail .sentencecreation .title[data-v-b987705a]{font-weight:600;color:#999}._m-portfolio_detail .sentencecreation .my[data-v-b987705a]{border:1px solid #ddd;border-radius:.3em;padding:10px;margin:5px 0}._m-portfolio_detail .sentencecreation .my[data-v-b987705a] em{color:#f85762}._m-portfolio_detail .sentencecreation .teacher[data-v-b987705a]{border:3px solid #23a8f4;border-radius:.4em;padding:8px;margin:5px 0 10px;color:#23a8f4}._m-portfolio_detail .sentencecreation .teacher span[data-v-b987705a]{display:block;position:relative;color:#999;font-weight:600;font-size:.9em;padding-left:22px}._m-portfolio_detail .sentencecreation .teacher span[data-v-b987705a]:before{content:"";display:inline-block;position:absolute;left:0;top:calc(50% - 9px);width:18px;height:18px;background:url(/assets/images/april/icon_check_yellow.png) 50% no-repeat #23a8f4;background-size:60%;border-radius:50%}._m-portfolio_detail .sentencecreation .noError[data-v-b987705a]{margin:5px 0 20px;padding:0 10px;font-size:.9em;color:#666}._m-portfolio_detail .detailsBox[data-v-b987705a]{margin-top:40px}._folioPrint[data-v-ee54ad62] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-ee54ad62] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-ee54ad62] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-ee54ad62] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-ee54ad62] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-ee54ad62] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table th span{display:inline-block;width:36px;height:36px;margin-left:10px;color:#fff;font-size:1em;font-weight:500;line-height:36px;position:relative;z-index:1;text-align:center}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table th span:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:36px;height:36px;border-radius:10px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table th .s01{cursor:pointer}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table th .s01:before{background-color:#28c4a8}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table th .s02{cursor:pointer}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table th .s02:before{background-color:#e45}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-ee54ad62] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .topic{text-align:left;font-size:1.7em;white-space:pre-wrap}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .topic p.title{font-size:1em;font-weight:600;color:#999;margin-bottom:10px;line-height:1.2em}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList{width:862px;margin:-20px auto 0 auto}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table{width:100%;text-align:left}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table th{width:50%;height:100%;font-size:1.5em;color:#999;padding:20px 12px 10px}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table td{width:50%;height:100%;padding:0 12px 12px;vertical-align:top}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table td div{display:block;height:100%;border:2px solid #ddd;border-radius:10px;padding:7px 15px;font-size:1.8em}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table td div em{display:inline-block;color:#f85762}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table td div.feedback{margin-top:8px;border:4px solid #23a8f4;color:#23a8f4}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table td div.feedback em{display:block;color:#999;font-weight:600;font-size:.8em;line-height:2em}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table td div.feedback em em{display:inline-block;vertical-align:text-top;margin-right:8px;width:24px;height:24px;background:url(/assets/images/april/icon_check_yellow.png) 50% no-repeat #23a8f4;background-size:60%;border-radius:50%}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table td div.comment{border:0;color:#666;font-size:1.5em;position:relative;padding-left:30px}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList table td div.comment:before{content:"*";position:absolute;left:15px;top:10px}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item>*{display:-webkit-box;display:-ms-flexbox;display:flex}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item>*>*{width:418px}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item+.cont-item{margin-top:50px}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item{text-align:left;font-size:1.8em}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .cont-left-wrap{margin:0 25px 0 0}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .cont-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .cont-inner .text-box{-webkit-box-flex:1;-ms-flex:1;flex:1;border:2px solid #ddd;border-radius:8px}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .cont-inner .text-box .text{padding:15px 15px 20px;font-size:1em;line-height:1.2em;overflow-wrap:break-word}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .cont-inner .text-box .text span{color:#f85762}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .cont-inner .text-box.correct{border:0;position:relative}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .cont-inner .text-box.correct .text{padding:15px 0 0 25px;color:#707070;font-size:.9em}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .cont-inner .text-box.correct .text:before{content:"*";position:absolute;left:10px;top:15px}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .my-text-wrap .title{font-weight:500;color:#999;margin:0 0 10px 0}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .teacher-text-wrap{margin:8px 0 0 0}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .teacher-text-wrap .title{margin:0;padding:12px 0 0 15px;font-size:.9em;font-weight:600;color:#999}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .teacher-text-wrap .title em{display:inline-block;vertical-align:text-top;margin-right:8px;width:24px;height:24px;background:url(/assets/images/april/icon_check_yellow.png) 50% no-repeat #23a8f4;background-size:60%;border-radius:50%}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .teacher-text-wrap .text-box{border:4px solid #23a8f4}._folioPrint[data-v-ee54ad62] .content-body .container .contentBox .sentenceList .cont-item .teacher-text-wrap .text-box .text{color:#23a8f4;padding:5px 15px 20px}[data-v-70a7dd1c],[data-v-70a7dd1c]:after,[data-v-70a7dd1c]:before{background-size:auto 100%}.no-Evaluation .m-contentHeader[data-v-70a7dd1c]{padding-bottom:0;border-bottom:0}.no-Evaluation .m-contentBody[data-v-70a7dd1c]{margin-top:0}.no-Evaluation .m-contentBody .componentFrame[data-v-70a7dd1c]{margin-top:1rem;padding:0}.no-Evaluation .m-contentBody .componentFrame .nav-tabs[data-v-70a7dd1c]{width:644px;margin:0 auto 24px;padding:0}.no-Evaluation .m-contentBody .componentFrame .nav-tabs .nav-item[data-v-70a7dd1c]{width:320px}.no-Evaluation .m-contentBody .componentFrame .video-cont-wrap[data-v-70a7dd1c]{padding-top:36px}.no-Evaluation .m-contentBody .componentFrame .video-cont-wrap .video-title[data-v-70a7dd1c]{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}.no-Evaluation .m-contentBody .componentFrame .video-cont-wrap .video-wrap[data-v-70a7dd1c]{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}.no-Evaluation .m-contentBody .componentFrame .no-data[data-v-70a7dd1c]{padding-top:36px;text-align:center}.no-Evaluation .m-contentBody .componentFrame .no-data p[data-v-70a7dd1c]{font-size:16px;line-height:24px;color:#666}.no-Evaluation .m-contentBody .componentFrame .no-data a[data-v-70a7dd1c]{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}.no-Evaluation .m-contentBody .componentFrame .learning-box[data-v-70a7dd1c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout[data-v-70a7dd1c]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;width:100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;margin-top:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container[data-v-70a7dd1c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play[data-v-70a7dd1c]{margin-top:0;padding:0}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line[data-v-70a7dd1c]{background-color:unset}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text[data-v-70a7dd1c]{background:#ffd66b;border-radius:.8rem .8rem .8rem 0}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text[data-v-70a7dd1c]:after{bottom:0;left:-1rem;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text .dialogue-line-badge[data-v-70a7dd1c]{position:absolute;top:-1rem;left:-1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2[data-v-70a7dd1c]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text[data-v-70a7dd1c]{background:#8ed9c7;border-radius:.8rem .8rem 0 .8rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text[data-v-70a7dd1c]:after{bottom:-.06rem;right:-1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text .dialogue-line-badge[data-v-70a7dd1c]{position:absolute;top:-1rem;right:-1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type1 .dialogue-line-text[data-v-70a7dd1c]:after{bottom:-.3rem;left:-1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type2 .dialogue-line-text[data-v-70a7dd1c]:after{bottom:-.3rem;right:-1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active .dialogue-line-text[data-v-70a7dd1c]{border:.3rem solid transparent;border-image-source:linear-gradient(95.01deg,#24e0be -2.32%,#22beef 102.72%);border-image-slice:.3;-webkit-box-shadow:0 0 .5rem rgba(34,190,239,.7);box-shadow:0 0 .5rem rgba(34,190,239,.7);-webkit-animation:glowing-border 2s infinite;animation:glowing-border 2s infinite}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text[data-v-70a7dd1c]{position:relative;padding:.5rem .8rem;border-radius:.8rem;font-size:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text[data-v-70a7dd1c]:after{content:"";position:absolute;width:1rem;height:1rem;border:.8rem solid transparent;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button[data-v-70a7dd1c]{width:5rem;height:5rem;border-radius:50%;color:#fff;font-size:1rem;font-weight:600}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button em[data-v-70a7dd1c]{display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button span[data-v-70a7dd1c]{display:block;line-height:1}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play[data-v-70a7dd1c]{background:#ffa51e}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play em[data-v-70a7dd1c]{background:url(/assets/images/april_alpha/play.svg) no-repeat 50%/100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play[data-v-70a7dd1c]:hover{background-color:#ff9b05}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play[data-v-70a7dd1c]:active{background-color:#ea8c00}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop[data-v-70a7dd1c]{background:#fc5252}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop em[data-v-70a7dd1c]{background:url(/assets/images/april_alpha/stop.svg) no-repeat 50%/100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop[data-v-70a7dd1c]:hover{background-color:#fc3939}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop[data-v-70a7dd1c]:active{background-color:#fb2020}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem;width:100%;min-height:5rem;padding:0 .5rem;border-radius:1.2rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type1[data-v-70a7dd1c]{background:#ffd66b}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2[data-v-70a7dd1c]{background:#8ed9c7}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:5rem;-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img[data-v-70a7dd1c]{width:100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:100%;font-size:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:2rem;width:100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;row-gap:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content+.ai-art-studio-content[data-v-70a7dd1c]:before{content:"";position:absolute;top:-1rem;width:100%;height:.1rem;background-color:#d9d9d9}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .label-box[data-v-70a7dd1c]{display:inline-block;padding:.5rem 1rem;font-size:1.1rem;text-align:center;color:#222;background-color:#c3e2ee;border-radius:.5rem;vertical-align:top;font-weight:700;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[data-v-70a7dd1c]{display:block;position:relative;padding:1rem;border-radius:.5rem;border:.2rem solid #c9c1c1;color:#564721;font-size:1rem;background:#fff}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[placeholder][data-v-70a7dd1c]:before{content:attr(placeholder);color:#bbb}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.complete[data-v-70a7dd1c]{border-color:#efe5d9;background:#fdf9ef}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space[data-v-70a7dd1c]{margin:0 1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left[data-v-70a7dd1c]{margin-left:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right[data-v-70a7dd1c]{margin-right:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.disabled[data-v-70a7dd1c]{background-color:#83c7b7;border-color:#78b7a9;opacity:.9;cursor:default}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.correct[data-v-70a7dd1c]{border-color:#999;color:#0f91ef;font-weight:700}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.incorrect[data-v-70a7dd1c]{border-color:#fff;color:#fc5252;font-weight:700}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-flex:1;-ms-flex:1;flex:1}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box[data-v-70a7dd1c]{position:relative;width:100%;border-radius:1rem;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.empty[data-v-70a7dd1c]{background-color:#fff}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.blank[data-v-70a7dd1c]{height:216px;background:url(/assets/images/april_alpha/sentence_creation_blank.png) no-repeat 50%/50%;-webkit-box-shadow:none;box-shadow:none}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.blank img[data-v-70a7dd1c]{display:none}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.height-auto[data-v-70a7dd1c]{height:auto}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading[data-v-70a7dd1c]:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;height:5rem;background-image:url(/assets/images/april_alpha/image.svg);background-size:cover}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading[data-v-70a7dd1c]:after{content:"";position:absolute;top:calc(50% - 5rem);left:calc(50% - 5rem);width:10rem;height:10rem;border:.8rem solid #cde5ec;border-bottom-color:#28ab8c;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1.25s linear infinite;animation:rotation 1.25s linear infinite}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box img[data-v-70a7dd1c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box .ai-art-studio-zoom[data-v-70a7dd1c]{position:absolute;bottom:.5rem;right:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture[data-v-70a7dd1c]{position:relative}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image[data-v-70a7dd1c]{text-align:center}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image img[data-v-70a7dd1c]{width:100%;max-width:100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2rem;padding:0 3rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control button[data-v-70a7dd1c]{width:4rem;min-width:4rem;max-width:4rem;height:4rem;border-radius:50%;color:#fff;font-size:1rem;font-weight:700;text-align:center;position:relative;z-index:1}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control button em[data-v-70a7dd1c]{display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem;background:url(/assets/images/april_alpha/headphone.svg) no-repeat 50%/100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone[data-v-70a7dd1c]{background:#28ab8c}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone[data-v-70a7dd1c]:hover{background-color:#23967b}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone[data-v-70a7dd1c]:active{background-color:#1e826a}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar[data-v-70a7dd1c]{margin:0 0 0 -5px;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:.8rem;background-color:#ddd;border-radius:6px;display:flex}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner[data-v-70a7dd1c]{position:relative;width:100%;height:100%;background-color:#ddd;border-radius:1rem;overflow:hidden}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-bg[data-v-70a7dd1c]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ddd}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill[data-v-70a7dd1c]{position:absolute;top:0;left:0;height:100%;border-radius:1rem;background-color:#28ab8c}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.full[data-v-70a7dd1c]{width:100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.progressing[data-v-70a7dd1c]{--start-width:0%;--end-width:100%;-webkit-animation:progressing 30s linear infinite;animation:progressing 30s linear infinite}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.animation-stop[data-v-70a7dd1c]{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap[data-v-70a7dd1c]{margin-top:65px;padding:0 8px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .top-title[data-v-70a7dd1c]{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:34px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-70a7dd1c]{position:relative;width:158px;height:174px;margin-right:24px;padding-top:40px;border-radius:8px;background-color:#28ab8c;text-align:center;color:#fff;font-size:20px;line-height:24px;font-weight:700}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box span[data-v-70a7dd1c]{display:block}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em[data-v-70a7dd1c]{display:block;margin-top:10px;font-size:56px;line-height:60px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-70a7dd1c]:after{content:"";position:absolute;bottom:0;left:-34px;width:88px;height:88px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap[data-v-70a7dd1c]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;line-height:24px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title[data-v-70a7dd1c]{font-size:18px;font-weight:700}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated[data-v-70a7dd1c]{margin-left:8px;color:#ccc;font-size:16px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:absolute;top:10px;right:10px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#777}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]:first-child:before{background-color:#6fcfb8}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]:nth-child(2):before{background-color:#b8de67}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap[data-v-70a7dd1c]{position:relative;z-index:1}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item[data-v-70a7dd1c]{margin-top:4px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area[data-v-70a7dd1c]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]{height:30px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]:first-child{background-color:#6fcfb8}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]:nth-child(2){background-color:#b8de67}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]:nth-child(3){background-color:#ffcf2b}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]:last-child{border-radius:0 8px 8px 0}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip[data-v-70a7dd1c]{display:block}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-70a7dd1c]{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:first-child:before{background-color:#6fcfb8}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:nth-child(2):before{background-color:#b8de67}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item[data-v-70a7dd1c]{margin-top:4px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-70a7dd1c]:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail[data-v-70a7dd1c]{width:78px;margin-left:12px;padding:0 10px;text-align:right;font-size:18px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-70a7dd1c]:first-child{background-color:#b7e7dc}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-70a7dd1c]:nth-child(2){background-color:#dcefb3}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-70a7dd1c]:nth-child(3){background-color:#ffe795}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:first-child:before{background-color:#b7e7dc}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:nth-child(2):before{background-color:#dcefb3}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:nth-child(3):before{background-color:#ffe795}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap[data-v-70a7dd1c]{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 90px 0 136px;z-index:-1}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line[data-v-70a7dd1c]{width:1px;height:100%;background-color:#eee}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-70a7dd1c]{font-size:14px;line-height:18px;color:#777}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-70a7dd1c]:first-child{margin-left:-3px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-70a7dd1c]:last-child{margin-right:-9px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap[data-v-70a7dd1c]{margin-top:40px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table[data-v-70a7dd1c]{table-layout:fixed;width:100%;font-size:16px;line-height:24px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table td[data-v-70a7dd1c],.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table th[data-v-70a7dd1c]{position:relative;border:1px solid #ddd}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th[data-v-70a7dd1c]{height:50px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th[data-v-70a7dd1c]:first-child{padding:0 16px;text-align:left}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th .btn-change-lang[data-v-70a7dd1c]{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th[data-v-70a7dd1c]{padding:10px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category[data-v-70a7dd1c]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-1[data-v-70a7dd1c]:before{background-color:#6fcfb8}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2[data-v-70a7dd1c]:before{background-color:#b8de67}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3[data-v-70a7dd1c]:before{background-color:#ffcf2b}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td[data-v-70a7dd1c]{height:48px;padding:12px 10px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score[data-v-70a7dd1c],.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td[data-v-70a7dd1c]:first-of-type{text-align:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score[data-v-70a7dd1c]{text-align:left;background-color:#f5f5f5}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span[data-v-70a7dd1c]{margin-right:15px;font-weight:700;font-size:18px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail[data-v-70a7dd1c]{width:64px;text-align:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck[data-v-70a7dd1c]{padding:0;text-align:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button[data-v-70a7dd1c]{width:40px;height:40px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-70a7dd1c]{background-color:#fc5252}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-70a7dd1c]:hover{background-color:#ca4242}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-70a7dd1c]{background-color:#0f91ef}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-70a7dd1c]:hover{background-color:#0c74bf}.no-Evaluation .evaluation-score-wrap[data-v-70a7dd1c]{margin-top:24px;padding:0 16px}.no-Evaluation .evaluation-score-wrap .top-title[data-v-70a7dd1c]{position:relative;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-70a7dd1c]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 24px 14px 70px;border-radius:8px;background-color:#28ab8c;color:#fff;font-size:14px;line-height:20px;font-weight:700}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .grade-box span[data-v-70a7dd1c]{display:block}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .grade-box em[data-v-70a7dd1c]{display:block;font-size:20px;line-height:24px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-70a7dd1c]:after{content:"";position:absolute;top:0;left:4px;width:60px;height:60px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap[data-v-70a7dd1c]{position:relative;margin-top:20px;padding:12px;border-radius:8px;background-color:#f8f9f5}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-bottom:4px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title[data-v-70a7dd1c]{font-size:14px;font-weight:700}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated[data-v-70a7dd1c]{margin-left:4px;color:#ccc;font-size:12px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:22px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:18px;color:#777}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]:first-child:before{background-color:#6fcfb8}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]:nth-child(2):before{background-color:#b8de67}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-70a7dd1c]:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap[data-v-70a7dd1c]{position:relative;z-index:1}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item[data-v-70a7dd1c]{margin-top:4px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:48px;padding:4px 0;font-size:12px;line-height:18px;color:#666;font-weight:700}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area[data-v-70a7dd1c]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]{height:20px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]:first-child{background-color:#6fcfb8}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]:nth-child(2){background-color:#b8de67}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]:nth-child(3){background-color:#ffcf2b}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-70a7dd1c]:last-child{border-radius:0 4px 4px 0}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip[data-v-70a7dd1c]{display:block}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-70a7dd1c]{display:none;position:absolute;bottom:18px;left:10px;padding:4px 10px;background-color:#fff;border-radius:4px;font-size:12px;line-height:18px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:first-child:before{background-color:#6fcfb8}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:nth-child(2):before{background-color:#b8de67}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item[data-v-70a7dd1c]{margin-top:4px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-70a7dd1c]:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail[data-v-70a7dd1c]{width:59px;margin-left:4px;padding:0 6px;text-align:center;font-size:14px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-70a7dd1c]:first-child{background-color:#b7e7dc}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-70a7dd1c]:nth-child(2){background-color:#dcefb3}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar[data-v-70a7dd1c]:nth-child(3){background-color:#ffe795}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:first-child:before{background-color:#b7e7dc}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:nth-child(2):before{background-color:#dcefb3}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item[data-v-70a7dd1c]:nth-child(3):before{background-color:#ffe795}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap[data-v-70a7dd1c]{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 63px 0 80px;z-index:-1}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line[data-v-70a7dd1c]{width:1px;height:100%;background-color:#eee}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-70a7dd1c]{font-size:14px;line-height:18px;color:#777}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-70a7dd1c]:first-child{margin-left:-3px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span[data-v-70a7dd1c]:last-child{margin-right:-9px}.no-Evaluation .evaluation-score-wrap .score-table-wrap[data-v-70a7dd1c]{margin:38px -16px 0}.no-Evaluation .evaluation-score-wrap .score-table-wrap .top-title[data-v-70a7dd1c]{padding:0 16px}.no-Evaluation .evaluation-score-wrap .score-table-wrap .top-title .btn-change-lang[data-v-70a7dd1c]{position:absolute;top:50%;right:16px;width:44px;height:24px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;line-height:18px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table[data-v-70a7dd1c]{table-layout:fixed;width:100%;font-size:12px;line-height:18px;color:#666}.no-Evaluation .evaluation-score-wrap .score-table-wrap table+table[data-v-70a7dd1c]{margin-top:-1px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table td[data-v-70a7dd1c],.no-Evaluation .evaluation-score-wrap .score-table-wrap table th[data-v-70a7dd1c]{position:relative;border:1px solid #ddd}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th[data-v-70a7dd1c]{height:36px;padding:0 10px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th .category[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th .category[data-v-70a7dd1c]:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th .category.category-1[data-v-70a7dd1c]:before{background-color:#6fcfb8}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th .category.category-2[data-v-70a7dd1c]:before{background-color:#b8de67}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th .category.category-3[data-v-70a7dd1c]:before{background-color:#ffcf2b}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody th[data-v-70a7dd1c]{padding:10px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td[data-v-70a7dd1c]{height:49px;padding:6px 10px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td[data-v-70a7dd1c]:first-of-type{text-align:center;font-weight:700;word-break:break-all}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-score[data-v-70a7dd1c]{text-align:center}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.subtitle[data-v-70a7dd1c]{text-align:left!important}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score[data-v-70a7dd1c]{padding-right:0;text-align:left;background-color:#f5f5f5;font-size:12px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score[data-v-70a7dd1c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span[data-v-70a7dd1c]{margin-right:15px;font-weight:700}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail[data-v-70a7dd1c]{width:46px;text-align:center}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck[data-v-70a7dd1c]{padding:0;text-align:center}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button[data-v-70a7dd1c]{width:32px;height:32px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png);vertical-align:top}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-70a7dd1c]{background-color:#fc5252}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-70a7dd1c]:hover{background-color:#ca4242}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-70a7dd1c]{background-color:#0f91ef}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-70a7dd1c]:hover{background-color:#0c74bf}[data-v-33c3de2f],[data-v-33c3de2f]:after,[data-v-33c3de2f]:before{background-size:auto 100%}._folioPrint[data-v-33c3de2f] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-33c3de2f] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-33c3de2f] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-33c3de2f] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-33c3de2f] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-33c3de2f] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-33c3de2f] .content-body .btnSet button:disabled{pointer-events:none}._folioPrint[data-v-33c3de2f] .componentFrame{margin-top:50px;padding:0 20px}._folioPrint[data-v-33c3de2f] .componentFrame .nav-tabs{width:644px;margin:0 auto 24px;padding:0}._folioPrint[data-v-33c3de2f] .componentFrame .nav-tabs .nav-item{width:320px}._folioPrint[data-v-33c3de2f] .componentFrame .video-cont-wrap{padding-top:36px}._folioPrint[data-v-33c3de2f] .componentFrame .video-cont-wrap .video-title{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-33c3de2f] .componentFrame .video-cont-wrap .video-wrap{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}._folioPrint[data-v-33c3de2f] .componentFrame .no-data{padding-top:36px;text-align:center}._folioPrint[data-v-33c3de2f] .componentFrame .no-data p{font-size:16px;line-height:24px;color:#666}._folioPrint[data-v-33c3de2f] .componentFrame .no-data a{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:300px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;width:100%;min-height:0;height:100%}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16rem;padding:50px 80px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:35px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play{margin-top:0;padding:0}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line{background-color:unset}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text{background:#ffd66b;border-radius:.8rem .8rem .8rem 0}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text:after{bottom:0;left:-14px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1.8rem;left:-1.8rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text{background:#8ed9c7;border-radius:.8rem .8rem 0 .8rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text:after{bottom:0;right:-14px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1.8rem;right:-1.8rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type1 .dialogue-line-text:after{bottom:-.8rem;left:-14px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type2 .dialogue-line-text:after{bottom:-.8rem;right:-14px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active .dialogue-line-text{border:.8rem solid transparent;border-image-source:linear-gradient(95.01deg,#24e0be -2.32%,#22beef 102.72%);border-image-slice:.3;-webkit-box-shadow:0 0 1rem rgba(34,190,239,.7);box-shadow:0 0 1rem rgba(34,190,239,.7);-webkit-animation:glowing-border 2s infinite;animation:glowing-border 2s infinite}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text{position:relative;padding:1rem 2rem;border-radius:.8rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text:after{content:"";position:absolute;width:14px;height:14px;border:.6rem solid transparent;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button{width:100px;height:100px;border-radius:50%;color:#fff;font-size:16px;font-weight:700}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button em{display:inline-block;vertical-align:middle;width:52px;height:52px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button span{display:block}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play{background:#ffa51e}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play em{background:url(/assets/images/april_alpha/play.svg) no-repeat 50%/100%}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:hover{background-color:#ff9b05}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:active{background-color:#ea8c00}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop{background:#fc5252}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop em{background:url(/assets/images/april_alpha/stop.svg) no-repeat 50%/100%}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:hover{background-color:#fc3939}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:active{background-color:#fb2020}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1.6rem;width:100%;min-height:6rem;padding:0 1rem;border-radius:1.2rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line:nth-child(2n){width:calc(100% - 5rem);margin-left:5rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type1{background:#ffd66b}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2{background:#8ed9c7}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100px;-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img{width:100%}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:600px;height:100%;font-size:30px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;width:100%;min-height:600px;padding:46px 50px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content+.ai-art-studio-content:before{content:"";position:absolute;left:-21.5px;width:.3rem;height:100%;background-color:#d7e4ec}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .label-box{display:inline-block;min-width:110px;padding:0 20px;font-size:18px;line-height:2.4;text-align:center;color:#222;background-color:#c3e2ee;border-radius:.6rem;vertical-align:top;font-weight:700;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;margin-bottom:1.2rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank{display:block;position:relative;padding:10px;border-radius:.8rem;border:.2rem solid #c9c1c1;color:#564721;font-size:24px;background:#fff}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[placeholder]:before{content:attr(placeholder);color:#bbb}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.complete{border-color:#efe5d9;background:#fdf9ef}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space{margin:0 1rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left{margin-left:1rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right{margin-right:1rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.disabled{background-color:#83c7b7;border-color:#78b7a9;opacity:.9;cursor:default}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.correct{border-color:#999;color:#0f91ef;font-weight:700}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.incorrect{border-color:#fff;color:#fc5252;font-weight:700}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-flex:1;-ms-flex:1;flex:1}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box{position:relative;width:100%;height:290px;border-radius:24px;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.empty{background-color:#fff}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.blank{background:url(/assets/images/april_alpha/sentence_creation_blank.png) no-repeat 50%;-webkit-box-shadow:none;box-shadow:none}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.blank img{display:none}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.height-auto{height:auto}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;height:5rem;background-image:url(/assets/images/april_alpha/image.svg);background-size:cover}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:after{content:"";position:absolute;top:calc(50% - 5rem);left:calc(50% - 5rem);width:10rem;height:10rem;border:.8rem solid #cde5ec;border-bottom-color:#28ab8c;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1.25s linear infinite;animation:rotation 1.25s linear infinite}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box .ai-art-studio-zoom{position:absolute;bottom:.5rem;right:1rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture{position:relative;padding:40px 278px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .narration-image{border-radius:2rem;background-color:#fff;text-align:center;padding:26px 100px}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .narration-image img{width:100%;max-width:100%}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2.5rem;padding:0 5rem}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control button{width:60px;min-width:60px;max-width:60px;height:60px;border-radius:50%;color:#fff;font-size:16px;font-weight:700;text-align:center;position:relative;z-index:1}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control button em{display:inline-block;vertical-align:middle;width:34px;height:34px;background:url(/assets/images/april_alpha/headphone.svg) no-repeat 50%/100%}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone{background:#28ab8c}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:hover{background-color:#23967b}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:active{background-color:#1e826a}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar{margin:0 0 0 -5px;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:12px;background-color:#ddd;border-radius:6px;display:flex}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner{position:relative;width:100%;height:100%;background-color:#ddd;border-radius:1rem;overflow:hidden}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ddd}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:1rem;background-color:#28ab8c}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.full{width:100%}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.progressing{--start-width:0%;--end-width:100%;-webkit-animation:progressing 30s linear infinite;animation:progressing 30s linear infinite}._folioPrint[data-v-33c3de2f] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.animation-stop{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap{margin-top:65px;padding:0 8px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .top-title{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:34px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;width:158px;height:174px;margin-right:24px;padding-top:40px;border-radius:8px;background-color:#28ab8c;text-align:center;color:#fff;font-size:20px;line-height:24px;font-weight:700}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;margin-top:10px;font-size:56px;line-height:60px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em.Incomplete{font-size:20px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;bottom:0;left:-34px;width:88px;height:88px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;line-height:24px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:18px;font-weight:700}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:8px;color:#ccc;font-size:16px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:absolute;top:10px;right:10px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#777}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:30px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 8px 8px 0}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:78px;margin-left:12px;padding:0 10px;text-align:right;font-size:18px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 90px 0 136px;z-index:-1}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap{margin-top:40px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:16px;line-height:24px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table td,._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th{height:50px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th:first-child{padding:0 16px;text-align:left}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th .btn-change-lang{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-1:before{background-color:#6fcfb8}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2:before{background-color:#b8de67}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3:before{background-color:#ffcf2b}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td{height:48px;padding:12px 10px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score,._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.subtitle{text-align:left!important}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{text-align:left;background-color:#f5f5f5}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700;font-size:18px}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:64px;text-align:center}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:40px;height:40px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}._folioPrint[data-v-33c3de2f] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}._m-portfolio_detail .m-contentBody[data-v-25e18f06]{position:relative;padding-top:10px}._m-portfolio_detail .m-contentBody .btnBox[data-v-25e18f06]{display:inline-block;position:absolute;right:15px;top:-5px}._m-portfolio_detail .storywriting[data-v-25e18f06]{margin-bottom:40px}._m-portfolio_detail .storywriting .topic[data-v-25e18f06]{font-size:1em;position:relative;padding-top:2em}._m-portfolio_detail .storywriting .topic[data-v-25e18f06]:before{content:"Topic";color:#999;font-size:1.2em;font-weight:600;position:absolute;top:0;left:0}._m-portfolio_detail .storywriting .thumb[data-v-25e18f06]{margin-top:10px}._m-portfolio_detail .storywriting .thumb img[data-v-25e18f06]{width:100%}._m-portfolio_detail .detailsBox[data-v-25e18f06]{margin-top:40px}._folioPrint[data-v-682718b6] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-682718b6] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-682718b6] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-682718b6] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-682718b6] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-682718b6] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-682718b6] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-682718b6] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table th span{display:inline-block;width:36px;height:36px;margin-left:10px;color:#fff;font-size:1em;font-weight:500;line-height:36px;position:relative;z-index:1;text-align:center}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table th span:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:36px;height:36px;border-radius:10px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table th .s01{cursor:pointer}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table th .s01:before{background-color:#28c4a8}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table th .s02{cursor:pointer}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table th .s02:before{background-color:#e45}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-682718b6] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-682718b6] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-682718b6] .content-body .container .contentBox .topic{text-align:left;font-size:1.7em;white-space:pre-wrap}._folioPrint[data-v-682718b6] .content-body .container .contentBox .topic p.title{font-size:1em;font-weight:600;color:#999;margin-bottom:10px;line-height:1.2em}._folioPrint[data-v-682718b6] .content-body .container .contentBox .captureImage{text-align:center;margin-top:20px;padding:0 140px}._folioPrint[data-v-682718b6] .content-body .container .contentBox .captureImage img{width:100%}._m-portfolio_detail .m-contentBody[data-v-628945d8]{position:relative;padding-top:10px}._m-portfolio_detail .m-contentBody .btnBox[data-v-628945d8]{display:inline-block;position:absolute;right:15px;top:-5px}._m-portfolio_detail .paragraphwriting[data-v-628945d8]{margin-bottom:40px}._m-portfolio_detail .paragraphwriting .topic[data-v-628945d8]{font-size:1em;position:relative;padding-top:2em}._m-portfolio_detail .paragraphwriting .topic[data-v-628945d8]:before{content:"Topic";color:#999;font-size:1.2em;font-weight:600;position:absolute;top:0;left:0}._m-portfolio_detail .paragraphwriting .thumb[data-v-628945d8]{margin-top:10px}._m-portfolio_detail .paragraphwriting .thumb img[data-v-628945d8]{width:100%}._m-portfolio_detail .detailsBox[data-v-628945d8]{margin-top:40px}._folioPrint[data-v-67c68596] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-67c68596] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-67c68596] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-67c68596] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-67c68596] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-67c68596] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-67c68596] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-67c68596] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table th span{display:inline-block;width:36px;height:36px;margin-left:10px;color:#fff;font-size:1em;font-weight:500;line-height:36px;position:relative;z-index:1;text-align:center}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table th span:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:36px;height:36px;border-radius:10px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table th .s01{cursor:pointer}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table th .s01:before{background-color:#28c4a8}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table th .s02{cursor:pointer}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table th .s02:before{background-color:#e45}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-67c68596] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-67c68596] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-67c68596] .content-body .container .contentBox .topic{text-align:left;font-size:1.7em;white-space:pre-wrap}._folioPrint[data-v-67c68596] .content-body .container .contentBox .topic p.title{font-size:1em;font-weight:600;color:#999;margin-bottom:10px;line-height:1.2em}._folioPrint[data-v-67c68596] .content-body .container .contentBox .captureImage{text-align:center;margin-top:20px;padding:0 140px}._folioPrint[data-v-67c68596] .content-body .container .contentBox .captureImage img{width:100%}._m-portfolio_detail .m-contentBody[data-v-bc661242]{position:relative;padding-top:10px}._m-portfolio_detail .m-contentBody .btnBox[data-v-bc661242]{display:inline-block;position:absolute;right:15px;top:-5px}._m-portfolio_detail .essaywriting[data-v-bc661242]{margin-bottom:40px}._m-portfolio_detail .essaywriting .topic[data-v-bc661242]{font-size:1em;position:relative;padding-top:2em}._m-portfolio_detail .essaywriting .topic[data-v-bc661242]:before{content:"Topic";color:#999;font-size:1.2em;font-weight:600;position:absolute;top:0;left:0}._m-portfolio_detail .essaywriting .thumb[data-v-bc661242]{margin-top:10px}._m-portfolio_detail .essaywriting .thumb img[data-v-bc661242]{width:100%}._m-portfolio_detail .detailsBox[data-v-bc661242]{margin-top:40px}._folioPrint[data-v-5e5c00dd] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-5e5c00dd] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-5e5c00dd] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-5e5c00dd] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-5e5c00dd] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-5e5c00dd] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table th span{display:inline-block;width:36px;height:36px;margin-left:10px;color:#fff;font-size:1em;font-weight:500;line-height:36px;position:relative;z-index:1;text-align:center}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table th span:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:36px;height:36px;border-radius:10px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table th .s01{cursor:pointer}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table th .s01:before{background-color:#28c4a8}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table th .s02{cursor:pointer}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table th .s02:before{background-color:#e45}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .purple{background:#a97fe9}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-5e5c00dd] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-5e5c00dd] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-5e5c00dd] .content-body .container .contentBox .topic{text-align:left;font-size:1.7em;white-space:pre-wrap}._folioPrint[data-v-5e5c00dd] .content-body .container .contentBox .topic p.title{font-size:1em;font-weight:600;color:#999;margin-bottom:10px;line-height:1.2em}._folioPrint[data-v-5e5c00dd] .content-body .container .contentBox .captureImage{text-align:center;margin-top:20px;padding:0 140px}._folioPrint[data-v-5e5c00dd] .content-body .container .contentBox .captureImage img{width:100%}._m-portfolio_detail .m-contentBody[data-v-8dc99fb0]{position:relative;padding-top:10px}._m-portfolio_detail .m-contentBody .btnBox[data-v-8dc99fb0]{display:inline-block;position:absolute;right:15px;top:-5px}._m-portfolio_detail .emailwriting[data-v-8dc99fb0]{margin-bottom:40px}._m-portfolio_detail .emailwriting .topic[data-v-8dc99fb0]{font-size:1em;position:relative;padding-top:2em}._m-portfolio_detail .emailwriting .topic[data-v-8dc99fb0]:before{content:"Topic";color:#999;font-size:1.2em;font-weight:600;position:absolute;top:0;left:0}._m-portfolio_detail .emailwriting .thumb[data-v-8dc99fb0]{margin-top:10px}._m-portfolio_detail .emailwriting .thumb img[data-v-8dc99fb0]{width:100%}._m-portfolio_detail .detailsBox[data-v-8dc99fb0]{margin-top:40px}._folioPrint[data-v-649aa671] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-649aa671] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-649aa671] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-649aa671] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-649aa671] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-649aa671] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-649aa671] .content-body .container .componentFrame{padding:0 20px}._folioPrint[data-v-649aa671] .content-body .container .componentFrame h2{padding-bottom:15px;font-size:1.8em}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .infoText{margin-top:40px;padding:0 78px 0 78px;clear:both}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .infoText span{display:block;padding-left:33px;font-size:1.3em;background:url(/assets/images/april/i-Learning_guide_m06.png) 0 no-repeat}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .infoText span em{color:#f85762}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox{margin-top:80px}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade{display:inline-block;vertical-align:top;width:35%}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter{display:table;width:100%;height:377px;text-align:center}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p{display:table-cell;vertical-align:middle;height:377px}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter{font-size:17em;font-weight:600;color:#23a8f4;line-height:1em}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .letter span{font-size:.78em;line-height:.9em;vertical-align:top}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort{display:block;font-size:2em;line-height:1.3em;padding:0 72px;text-align:left;position:relative}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .sort em{display:inline-block;border-radius:.8em;padding:0 10px;position:absolute;top:5px;right:72px;font-size:.8em;line-height:1.3em;font-weight:600;color:#fff}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking{color:#03328c}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .thinking em{background:#03328c}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language{color:#ee3e41}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .language em{background:#ee3e41}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts{color:#64a604}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .arts em{background:#64a604}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge{color:#64a604}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .totalGrade .vcenter p .knowledge em{background:#64a604}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .chartArea{display:inline-block;vertical-align:top;width:65%;height:396px;margin-top:-8px;padding-left:20px;padding-right:20px;position:relative}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .chartArea .update{text-align:right;font-size:1.3em;color:#888;padding-right:30px}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox canvas{position:relative;z-index:20}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .chartArea:before{content:"";width:2px;height:377px;background:#ccc;position:absolute;left:0;top:8px}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .scoreBox .chartArea:after{content:"";width:168px;height:400px;background:#edf8ff;border-radius:15px;position:absolute;left:96px;top:10px;z-index:10}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox{margin-top:80px;position:relative}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox .translation{position:absolute;right:0;top:-2px;display:inline-block;background:#aebc1f;font-weight:600;color:#fff;font-size:1.3em;padding:5px 17px;border-radius:.5em}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table{width:100%;font-size:1.4em}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table th{border-left:2px solid #ccc;border-top:2px solid #ccc;background:#f3f3f3;font-weight:400;padding:9px 27px}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table th span{display:inline-block;width:36px;height:36px;margin-left:10px;color:#fff;font-size:1em;font-weight:500;line-height:36px;position:relative;z-index:1;text-align:center}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table th span:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:36px;height:36px;border-radius:10px;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table th .s01{cursor:pointer}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table th .s01:before{background-color:#28c4a8}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table th .s02{cursor:pointer}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table th .s02:before{background-color:#e45}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table th:first-child{border-left:0}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table thead th{background:#fff;border-top:2px solid #ccc;border-bottom:0;color:#333;font-size:.9em;font-weight:600;line-height:1.3em;height:68px}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table td{border-left:2px solid #ccc;border-top:2px solid #ccc;padding:9px 22px}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table td em{color:#23a8f4}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table td:first-child{border-left:0}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .ox{padding:16px 0 17px 0}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .dim{background:#f3f3f3;color:#bbb}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .noleft{border-left:0;text-align:right}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .oneline{color:#fff;height:40px;padding:0 20px;border:0}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .oneline span{float:right;font-weight:500}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .oneline span em{color:#23a8f4}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .blue{background:#62dade}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .yellow{background:#ffc129}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .red{background:#fe838c}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .black{background:#333;color:#fff}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .text-center,._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .text-center td,._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .text-center th{padding-left:0;padding-right:0}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table .bold{font-weight:600}._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table tbody tr:first-child td,._folioPrint[data-v-649aa671] .content-body .container .componentFrame .detailsBox table tbody tr:first-child th{border-top:0}._folioPrint[data-v-649aa671] .content-body .container .contentBox{margin-top:80px;text-align:center}._folioPrint[data-v-649aa671] .content-body .container .contentBox .topic{text-align:left;font-size:1.7em;white-space:pre-wrap}._folioPrint[data-v-649aa671] .content-body .container .contentBox .topic p.title{font-size:1em;font-weight:600;color:#999;margin-bottom:10px;line-height:1.2em}._folioPrint[data-v-649aa671] .content-body .container .contentBox .captureImage{text-align:center;margin-top:20px;padding:0 140px}._folioPrint[data-v-649aa671] .content-body .container .contentBox .captureImage img{width:100%}._m-learningPoint .m-contentBody[data-v-7728d68b]{padding-top:50px}._m-learningPoint .m-contentBody .summary[data-v-7728d68b]{margin-top:10px}._m-learningPoint .m-contentBody .summary div[data-v-7728d68b]{color:#999;line-height:2em;font-size:1.1em}._m-learningPoint .m-contentBody .summary div em[data-v-7728d68b]{display:block;font-size:1.8em;font-weight:600}._m-learningPoint .m-contentBody .summary .semester[data-v-7728d68b]{display:inline-block;width:50%;text-align:center}._m-learningPoint .m-contentBody .summary .semester em[data-v-7728d68b]{color:#2fc7de}._m-learningPoint .m-contentBody .summary .total[data-v-7728d68b]{display:inline-block;width:50%;text-align:center;position:relative}._m-learningPoint .m-contentBody .summary .total em[data-v-7728d68b]{color:#2fc7de}._m-learningPoint .m-contentBody .summary .total[data-v-7728d68b]:before{content:"";width:2px;height:24px;position:absolute;left:0;top:calc(50% - 12px);background:#f0f0f0}._m-learningPoint .m-contentBody .summary .banner[data-v-7728d68b]{margin-top:15px}._m-learningPoint .m-contentBody .summary .banner img[data-v-7728d68b]{width:100%}._m-learningPoint .m-contentBody .chartFrame[data-v-7728d68b]{margin-top:20px;position:relative;text-align:left}._m-learningPoint .m-contentBody .chartFrame h2[data-v-7728d68b]{font-size:1.4em;padding-bottom:0}._m-learningPoint .m-contentBody .chartFrame dl[data-v-7728d68b]{padding-bottom:20px;padding-right:15px;background:url(/assets/images/april/graph_learningPoint_s.png) left 113px bottom no-repeat}._m-learningPoint .m-contentBody .chartFrame dl dd[data-v-7728d68b],._m-learningPoint .m-contentBody .chartFrame dl dt[data-v-7728d68b]{display:inline-block;vertical-align:middle}._m-learningPoint .m-contentBody .chartFrame dl dt[data-v-7728d68b]{width:120px;font-size:1em;line-height:1.2em;font-weight:400;color:grey;margin-top:15px}._m-learningPoint .m-contentBody .chartFrame dl dd[data-v-7728d68b]{width:calc(100% - 120px);margin-top:15px}._m-learningPoint .m-contentBody .chartFrame dl dd .graph[data-v-7728d68b]{position:relative;display:inline-block;height:20px}._m-learningPoint .m-contentBody .chartFrame dl dd .graph em[data-v-7728d68b]{position:absolute;right:-10px;top:20px;display:inline-block;font-weight:600;font-size:1em}._m-learningPoint .m-contentBody .c-Learning h2[data-v-7728d68b]{color:#f8a329}._m-learningPoint .m-contentBody .c-Learning .graph[data-v-7728d68b]{background:#f8a329}._m-learningPoint .m-contentBody .c-Learning .graph em[data-v-7728d68b]{color:#f8a329}._m-learningPoint .m-contentBody .i-Learning h2[data-v-7728d68b]{color:#aebc1f}._m-learningPoint .m-contentBody .i-Learning .graph[data-v-7728d68b]{background:#aebc1f}._m-learningPoint .m-contentBody .i-Learning .graph em[data-v-7728d68b]{color:#aebc1f}._m-learningPoint .m-contentBody .AI-Learning h2[data-v-7728d68b]{color:#2fc7de}._m-learningPoint .m-contentBody .AI-Learning .graph[data-v-7728d68b]{background:#2fc7de}._m-learningPoint .m-contentBody .AI-Learning .graph em[data-v-7728d68b]{color:#2fc7de}._m-learningPoint .m-contentBody .AR-Learning h2[data-v-7728d68b]{color:#58bab4}._m-learningPoint .m-contentBody .AR-Learning .graph[data-v-7728d68b]{background:#58bab4}._m-learningPoint .m-contentBody .AR-Learning .graph em[data-v-7728d68b]{color:#58bab4}._m-learningPoint .m-contentBody .e-Library h2[data-v-7728d68b]{color:#fd856d}._m-learningPoint .m-contentBody .e-Library .graph[data-v-7728d68b]{background:#fd856d}._m-learningPoint .m-contentBody .e-Library .graph em[data-v-7728d68b]{color:#fd856d}._m-learningPoint .m-contentBody .social-Learning h2[data-v-7728d68b]{color:#a86fff}._m-learningPoint .m-contentBody .social-Learning .graph[data-v-7728d68b]{background:#a86fff}._m-learningPoint .m-contentBody .social-Learning .graph em[data-v-7728d68b]{color:#a86fff}.april_modal_common .content-header[data-v-030d5c44]{margin-bottom:20px}.april_modal_common .content-title[data-v-030d5c44]{margin-right:29px;vertical-align:middle}.april_modal_common .select-box-common[data-v-030d5c44]{margin-left:4px;vertical-align:middle}.april_modal_common .summary[data-v-030d5c44]{height:120px;border-bottom:1px solid #f5f5f5;position:relative}.april_modal_common .summary div[data-v-030d5c44]{display:inline-block;color:#999;line-height:2em;font-size:1.1em}.april_modal_common .summary div em[data-v-030d5c44]{display:block;font-size:2.3em;font-weight:600}.april_modal_common .summary .semester[data-v-030d5c44]{width:304px;padding-top:25px;text-align:center}.april_modal_common .summary .semester em[data-v-030d5c44]{color:#2fc7de}.april_modal_common .summary .total[data-v-030d5c44]{width:304px;padding-top:25px;text-align:center;position:relative}.april_modal_common .summary .total em[data-v-030d5c44]{color:#2fc7de}.april_modal_common .summary .total[data-v-030d5c44]:before{content:"";width:2px;height:24px;position:absolute;left:0;top:calc(50% + 10px);background:#f0f0f0}.april_modal_common .summary .banner[data-v-030d5c44]{position:absolute;right:0;top:0}.april_modal_common .summary .banner img[data-v-030d5c44]{width:541px;height:104px}.april_modal_common .container[data-v-030d5c44]{padding:0 20px}.april_modal_common .container .tapeTitle[data-v-030d5c44]{margin-left:-20px;margin-top:40px;font-size:1em;width:310px;padding:12px 0 0 20px}.april_modal_common .container h3[data-v-030d5c44]{margin-top:20px;font-size:1.7em;font-weight:600}.april_modal_common .container .borderTable[data-v-030d5c44]{margin-top:10px}.april_modal_common .container .borderTable th[data-v-030d5c44]{padding:1.5em 0}.april_modal_common .container .borderTable td[data-v-030d5c44]{text-align:center;color:#fd856d;font-weight:600;font-size:1.5em;padding:.8em 0}.april_modal_common .container .guideText[data-v-030d5c44]{margin-top:20px}.april_modal_common .container .guideText ul li[data-v-030d5c44]{color:#777;font-size:1.1em;margin:5px 0;font-weight:400}.april_modal_common .chartFrame[data-v-030d5c44]{margin-top:30px;position:relative}.april_modal_common .chartFrame h2[data-v-030d5c44]{font-size:1.7em;padding-bottom:0}.april_modal_common .chartFrame dl[data-v-030d5c44]{padding-bottom:46px;width:1090px;background:url(/assets/images/april/graph_learningPoint.png) 207px bottom no-repeat;background-size:880px}.april_modal_common .chartFrame dl dd[data-v-030d5c44],.april_modal_common .chartFrame dl dt[data-v-030d5c44]{display:inline-block;vertical-align:top}.april_modal_common .chartFrame dl dt[data-v-030d5c44]{width:212px;font-size:1.16em;font-weight:400;color:grey;margin-top:18px}.april_modal_common .chartFrame dl dd[data-v-030d5c44]{width:calc(100% - 212px);margin-top:22px;padding-right:20px}.april_modal_common .chartFrame dl dd .graph[data-v-030d5c44]{position:relative;display:inline-block;height:14px}.april_modal_common .chartFrame dl dd .graph em[data-v-030d5c44]{position:absolute;right:-105px;top:-4px;display:inline-block;width:100px;font-weight:600;font-size:1.1em}.april_modal_common .chartFrame[data-v-030d5c44]:first-child{margin-top:10px}.april_modal_common .c-Learning h2[data-v-030d5c44]{color:#f8a329}.april_modal_common .c-Learning .graph[data-v-030d5c44]{background:#f8a329}.april_modal_common .c-Learning .graph em[data-v-030d5c44]{color:#f8a329}.april_modal_common .i-Learning h2[data-v-030d5c44]{color:#aebc1f}.april_modal_common .i-Learning .graph[data-v-030d5c44]{background:#aebc1f}.april_modal_common .i-Learning .graph em[data-v-030d5c44]{color:#aebc1f}.april_modal_common .AI-Learning h2[data-v-030d5c44]{color:#2fc7de}.april_modal_common .AI-Learning .graph[data-v-030d5c44]{background:#2fc7de}.april_modal_common .AI-Learning .graph em[data-v-030d5c44]{color:#2fc7de}.april_modal_common .AR-Learning h2[data-v-030d5c44]{color:#58bab4}.april_modal_common .AR-Learning .graph[data-v-030d5c44]{background:#58bab4}.april_modal_common .AR-Learning .graph em[data-v-030d5c44]{color:#58bab4}.april_modal_common .e-Library h2[data-v-030d5c44]{color:#fd856d}.april_modal_common .e-Library .graph[data-v-030d5c44]{background:#fd856d}.april_modal_common .e-Library .graph em[data-v-030d5c44]{color:#fd856d}.april_modal_common .social-Learning h2[data-v-030d5c44]{color:#a86fff}.april_modal_common .social-Learning .graph[data-v-030d5c44]{background:#a86fff}.april_modal_common .social-Learning .graph em[data-v-030d5c44]{color:#a86fff}._m-socialPointHistory .m-contentHeader[data-v-6e45f9da]{background-color:#fff;padding:60px 15px 0}._m-socialPointHistory .m-contentBody .summary[data-v-6e45f9da]{margin-top:15px;font-size:1em;color:#777;font-weight:300;text-align:left}._m-socialPointHistory .m-contentBody .summary span[data-v-6e45f9da]{color:#29cde6;font-weight:600}._m-socialPointHistory .m-contentBody .commonTable[data-v-6e45f9da]{margin-top:20px}._m-socialPointHistory .m-contentBody .commonTable thead th[data-v-6e45f9da]{letter-spacing:-.02em}._m-socialPointHistory .m-contentBody .commonTable thead th[data-v-6e45f9da]:before{display:none}._m-socialPointHistory .m-contentBody .commonTable td[data-v-6e45f9da]{color:#777}._m-socialPointHistory .m-contentBody .commonTable td em[data-v-6e45f9da]{display:block;color:#333;font-weight:600}._m-socialPointHistory .m-contentBody .commonTable td span[data-v-6e45f9da]{display:block;color:#333}._m-socialPointHistory .m-contentBody .commonTable td span.minus[data-v-6e45f9da]{color:#ee3e41;font-weight:600}._m-socialPointHistory .m-contentBody .commonTable td span.total[data-v-6e45f9da]{color:#3958bc;font-weight:600;position:relative;margin-top:10px}._m-socialPointHistory .m-contentBody .commonTable td span.total[data-v-6e45f9da]:before{content:"";display:inline-block;width:12px;height:1px;background-color:#d9d9d9;position:absolute;top:-5px;left:calc(50% - 6px)}._m-socialPointHistory .m-contentBody .commonTable .text-left[data-v-6e45f9da]{padding-right:0}._m-socialPointHistory .m-contentBody .commonTable tbody tr[data-v-6e45f9da]{border-bottom:2px solid #f5f5f5}[data-v-1a1a341e],[data-v-1a1a341e]:after,[data-v-1a1a341e]:before{background-size:auto 100%}.no-Evaluation[data-v-1a1a341e] .m-contentHeader{padding-bottom:0;border-bottom:0}.no-Evaluation[data-v-1a1a341e] .m-contentBody{margin-top:0}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame{margin-top:1rem;padding:0}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .nav-tabs{width:644px;margin:0 auto 24px;padding:0}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .nav-tabs .nav-item{width:320px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .video-cont-wrap{padding-top:36px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .video-cont-wrap .video-title{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .video-cont-wrap .video-wrap{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .no-data{padding-top:36px;text-align:center}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .no-data p{font-size:16px;line-height:24px;color:#666}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .no-data a{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;width:100%}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem;margin-top:1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play{margin-top:0;padding:0}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line{background-color:unset}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text{background:#ffd66b;border-radius:.8rem .8rem .8rem 0}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text:after{bottom:0;left:-1rem;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1rem;left:-1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text{background:#8ed9c7;border-radius:.8rem .8rem 0 .8rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text:after{bottom:-.06rem;right:-1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1rem;right:-1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type1 .dialogue-line-text:after{bottom:-.3rem;left:-1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type2 .dialogue-line-text:after{bottom:-.3rem;right:-1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active .dialogue-line-text{border:.3rem solid transparent;border-image-source:linear-gradient(95.01deg,#24e0be -2.32%,#22beef 102.72%);border-image-slice:.3;-webkit-box-shadow:0 0 .5rem rgba(34,190,239,.7);box-shadow:0 0 .5rem rgba(34,190,239,.7);-webkit-animation:glowing-border 2s infinite;animation:glowing-border 2s infinite}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text{position:relative;padding:.5rem .8rem;border-radius:.8rem;font-size:1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text:after{content:"";position:absolute;width:1rem;height:1rem;border:.8rem solid transparent;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button{width:5rem;height:5rem;border-radius:50%;color:#fff;font-size:1rem;font-weight:600}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button em{display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button span{display:block;line-height:1}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play{background:#ffa51e}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play em{background:url(/assets/images/april_alpha/play.svg) no-repeat 50%/100%}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:hover{background-color:#ff9b05}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:active{background-color:#ea8c00}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop{background:#fc5252}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop em{background:url(/assets/images/april_alpha/stop.svg) no-repeat 50%/100%}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:hover{background-color:#fc3939}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:active{background-color:#fb2020}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem;width:100%;min-height:5rem;padding:0 .5rem;border-radius:1.2rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type1{background:#ffd66b}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2{background:#8ed9c7}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:5rem;-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img{width:100%}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:100%;font-size:1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;gap:2rem;width:100%}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;row-gap:1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content+.ai-art-studio-content:before{content:"";position:absolute;top:-1rem;width:100%;height:.1rem;background-color:#d9d9d9}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .label-box{display:inline-block;padding:.5rem 1rem;font-size:1.1rem;text-align:center;color:#222;background-color:#c3e2ee;border-radius:.5rem;vertical-align:top;font-weight:700;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank{display:block;position:relative;padding:1rem;border-radius:.5rem;border:.2rem solid #c9c1c1;color:#564721;font-size:1rem;background:#fff}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[placeholder]:before{content:attr(placeholder);color:#bbb}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.complete{border-color:#efe5d9;background:#fdf9ef}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space{margin:0 1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left{margin-left:1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right{margin-right:1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.disabled{background-color:#83c7b7;border-color:#78b7a9;opacity:.9;cursor:default}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.correct{border-color:#999;color:#0f91ef;font-weight:700}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.incorrect{border-color:#fff;color:#fc5252;font-weight:700}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-flex:1;-ms-flex:1;flex:1}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box{position:relative;width:100%;border-radius:1rem;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.empty{background-color:#fff}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.height-auto{height:auto}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;height:5rem;background-image:url(/assets/images/april_alpha/image.svg);background-size:cover}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:after{content:"";position:absolute;top:calc(50% - 5rem);left:calc(50% - 5rem);width:10rem;height:10rem;border:.8rem solid #cde5ec;border-bottom-color:#28ab8c;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1.25s linear infinite;animation:rotation 1.25s linear infinite}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box .ai-art-studio-zoom{position:absolute;bottom:.5rem;right:1rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture{position:relative}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image{text-align:center}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image img{width:100%;max-width:100%}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2rem;padding:0 3rem}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control button{width:4rem;min-width:4rem;max-width:4rem;height:4rem;border-radius:50%;color:#fff;font-size:1rem;font-weight:700;text-align:center;position:relative;z-index:1}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control button em{display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem;background:url(/assets/images/april_alpha/headphone.svg) no-repeat 50%/100%}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone{background:#28ab8c}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:hover{background-color:#23967b}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:active{background-color:#1e826a}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar{margin:0 0 0 -5px;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:.8rem;background-color:#ddd;border-radius:6px;display:flex}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner{position:relative;width:100%;height:100%;background-color:#ddd;border-radius:1rem;overflow:hidden}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ddd}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:1rem;background-color:#28ab8c}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.full{width:100%}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.progressing{--start-width:0%;--end-width:100%;-webkit-animation:progressing 30s linear infinite;animation:progressing 30s linear infinite}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.animation-stop{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap{margin-top:65px;padding:0 8px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .top-title{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:34px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;width:158px;height:174px;margin-right:24px;padding-top:40px;border-radius:8px;background-color:#28ab8c;text-align:center;color:#fff;font-size:20px;line-height:24px;font-weight:700}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;margin-top:10px;font-size:56px;line-height:60px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;bottom:0;left:-34px;width:88px;height:88px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;line-height:24px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:18px;font-weight:700}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:8px;color:#ccc;font-size:16px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:absolute;top:10px;right:10px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#777}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:30px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 8px 8px 0}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:78px;margin-left:12px;padding:0 10px;text-align:right;font-size:18px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 90px 0 136px;z-index:-1}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap{margin-top:40px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:16px;line-height:24px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table td,.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th{height:50px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th:first-child{padding:0 16px;text-align:left}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th .btn-change-lang{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-1:before{background-color:#6fcfb8}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2:before{background-color:#b8de67}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3:before{background-color:#ffcf2b}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td{height:48px;padding:12px 10px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score,.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{text-align:left;background-color:#f5f5f5}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700;font-size:18px}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:64px;text-align:center}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:40px;height:40px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}.no-Evaluation[data-v-1a1a341e] .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap{margin-top:24px;padding:0 16px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .top-title{position:relative;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:700}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 24px 14px 70px;border-radius:8px;background-color:#28ab8c;color:#fff;font-size:14px;line-height:20px;font-weight:700}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;font-size:20px;line-height:24px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;top:0;left:4px;width:60px;height:60px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{position:relative;margin-top:20px;padding:12px;border-radius:8px;background-color:#f8f9f5}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-bottom:4px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:14px;font-weight:700}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:4px;color:#ccc;font-size:12px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:22px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;line-height:18px;color:#777}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:48px;padding:4px 0;font-size:12px;line-height:18px;color:#666;font-weight:700}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:20px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 4px 4px 0}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:18px;left:10px;padding:4px 10px;background-color:#fff;border-radius:4px;font-size:12px;line-height:18px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:59px;margin-left:4px;padding:0 6px;text-align:center;font-size:14px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 63px 0 80px;z-index:-1}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap{margin:38px -16px 0}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap .top-title{padding:0 16px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap .top-title .btn-change-lang{position:absolute;top:50%;right:16px;width:44px;height:24px;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;line-height:18px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:12px;line-height:18px;color:#666}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table+table{margin-top:-1px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table td,.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table thead th{height:36px;padding:0 10px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table thead th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table thead th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table thead th .category.category-1:before{background-color:#6fcfb8}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table thead th .category.category-2:before{background-color:#b8de67}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table thead th .category.category-3:before{background-color:#ffcf2b}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td{height:49px;padding:6px 10px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center;font-weight:700;word-break:break-all}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-score{text-align:center}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.subtitle{text-align:left!important}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{padding-right:0;text-align:left;background-color:#f5f5f5;font-size:12px}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:46px;text-align:center}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:32px;height:32px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png);vertical-align:top}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}.no-Evaluation[data-v-1a1a341e] .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}[data-v-3a7f0926],[data-v-3a7f0926]:after,[data-v-3a7f0926]:before{background-size:auto 100%}._folioPrint[data-v-3a7f0926] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-3a7f0926] .content-header .content-title{padding:40px 0 0 0;height:124px}._folioPrint[data-v-3a7f0926] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-3a7f0926] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-3a7f0926] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-3a7f0926] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-3a7f0926] .content-body .btnSet button:disabled{pointer-events:none}._folioPrint[data-v-3a7f0926] .componentFrame{margin-top:50px;padding:0 20px}._folioPrint[data-v-3a7f0926] .componentFrame .nav-tabs{width:644px;margin:0 auto 24px;padding:0}._folioPrint[data-v-3a7f0926] .componentFrame .nav-tabs .nav-item{width:320px}._folioPrint[data-v-3a7f0926] .componentFrame .video-cont-wrap{padding-top:36px}._folioPrint[data-v-3a7f0926] .componentFrame .video-cont-wrap .video-title{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-3a7f0926] .componentFrame .video-cont-wrap .video-wrap{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}._folioPrint[data-v-3a7f0926] .componentFrame .no-data{padding-top:36px;text-align:center}._folioPrint[data-v-3a7f0926] .componentFrame .no-data p{font-size:16px;line-height:24px;color:#666}._folioPrint[data-v-3a7f0926] .componentFrame .no-data a{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:300px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;width:100%;min-height:0;height:100%}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16rem;padding:50px 80px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:35px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play{margin-top:0;padding:0}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line{background-color:unset}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text{background:#ffd66b;border-radius:.8rem .8rem .8rem 0}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text:after{bottom:0;left:-14px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1.8rem;left:-1.8rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text{background:#8ed9c7;border-radius:.8rem .8rem 0 .8rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text:after{bottom:0;right:-14px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text .dialogue-line-badge{position:absolute;top:-1.8rem;right:-1.8rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type1 .dialogue-line-text:after{bottom:-.8rem;left:-14px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active.type2 .dialogue-line-text:after{bottom:-.8rem;right:-14px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.active .dialogue-line-text{border:.8rem solid transparent;border-image-source:linear-gradient(95.01deg,#24e0be -2.32%,#22beef 102.72%);border-image-slice:.3;-webkit-box-shadow:0 0 1rem rgba(34,190,239,.7);box-shadow:0 0 1rem rgba(34,190,239,.7);-webkit-animation:glowing-border 2s infinite;animation:glowing-border 2s infinite}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text{position:relative;padding:1rem 2rem;border-radius:.8rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line .dialogue-line-text:after{content:"";position:absolute;width:14px;height:14px;border:.6rem solid transparent;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button{width:100px;height:100px;border-radius:50%;color:#fff;font-size:16px;font-weight:700}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button em{display:inline-block;vertical-align:middle;width:52px;height:52px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button span{display:block}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play{background:#ffa51e}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play em{background:url(/assets/images/april_alpha/play.svg) no-repeat 50%/100%}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:hover{background-color:#ff9b05}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:active{background-color:#ea8c00}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop{background:#fc5252}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop em{background:url(/assets/images/april_alpha/stop.svg) no-repeat 50%/100%}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:hover{background-color:#fc3939}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:active{background-color:#fb2020}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1.6rem;width:100%;min-height:6rem;padding:0 1rem;border-radius:1.2rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line:nth-child(2n){width:calc(100% - 5rem);margin-left:5rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type1{background:#ffd66b}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2{background:#8ed9c7}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100px;-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img{width:100%}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:600px;height:100%;font-size:30px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;width:100%;min-height:600px;padding:46px 50px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content+.ai-art-studio-content:before{content:"";position:absolute;left:-21.5px;width:.3rem;height:100%;background-color:#d7e4ec}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .label-box{display:inline-block;min-width:110px;padding:0 20px;font-size:18px;line-height:2.4;text-align:center;color:#222;background-color:#c3e2ee;border-radius:.6rem;vertical-align:top;font-weight:700;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;margin-bottom:1.2rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank{display:block;position:relative;padding:10px;border-radius:.8rem;border:.2rem solid #c9c1c1;color:#564721;font-size:24px;background:#fff}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[placeholder]:before{content:attr(placeholder);color:#bbb}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.complete{border-color:#efe5d9;background:#fdf9ef}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space{margin:0 1rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left{margin-left:1rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right{margin-right:1rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.disabled{background-color:#83c7b7;border-color:#78b7a9;opacity:.9;cursor:default}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.correct{border-color:#999;color:#0f91ef;font-weight:700}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.incorrect{border-color:#fff;color:#fc5252;font-weight:700}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-flex:1;-ms-flex:1;flex:1}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box{position:relative;width:100%;height:290px;border-radius:24px;-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.empty{background-color:#fff}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.height-auto{height:auto}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;height:5rem;background-image:url(/assets/images/april_alpha/image.svg);background-size:cover}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box.loading:after{content:"";position:absolute;top:calc(50% - 5rem);left:calc(50% - 5rem);width:10rem;height:10rem;border:.8rem solid #cde5ec;border-bottom-color:#28ab8c;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:rotation 1.25s linear infinite;animation:rotation 1.25s linear infinite}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image .ai-art-studio-image-box .ai-art-studio-zoom{position:absolute;bottom:.5rem;right:1rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture{position:relative;padding:40px 278px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .narration-image{border-radius:2rem;background-color:#fff;text-align:center;padding:26px 100px}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .narration-image img{width:100%;max-width:100%}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2.5rem;padding:0 5rem}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control button{width:60px;min-width:60px;max-width:60px;height:60px;border-radius:50%;color:#fff;font-size:16px;font-weight:700;text-align:center;position:relative;z-index:1}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control button em{display:inline-block;vertical-align:middle;width:34px;height:34px;background:url(/assets/images/april_alpha/headphone.svg) no-repeat 50%/100%}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone{background:#28ab8c}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:hover{background-color:#23967b}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:active{background-color:#1e826a}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar{margin:0 0 0 -5px;display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:12px;background-color:#ddd;border-radius:6px;display:flex}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner{position:relative;width:100%;height:100%;background-color:#ddd;border-radius:1rem;overflow:hidden}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ddd}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:1rem;background-color:#28ab8c}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.full{width:100%}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.progressing{--start-width:0%;--end-width:100%;-webkit-animation:progressing 30s linear infinite;animation:progressing 30s linear infinite}._folioPrint[data-v-3a7f0926] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.animation-stop{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap{margin-top:65px;padding:0 8px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .top-title{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:34px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box{position:relative;width:158px;height:174px;margin-right:24px;padding-top:40px;border-radius:8px;background-color:#28ab8c;text-align:center;color:#fff;font-size:20px;line-height:24px;font-weight:700}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;margin-top:10px;font-size:56px;line-height:60px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em.Incomplete{font-size:20px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box:after{content:"";position:absolute;bottom:0;left:-34px;width:88px;height:88px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/image/grade_character.png)}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;line-height:24px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:18px;font-weight:700}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated{margin-left:8px;color:#ccc;font-size:16px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:absolute;top:10px;right:10px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:20px;color:#777}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:before{content:"";display:block;width:12px;height:12px;border-radius:4px;margin-right:4px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:first-child:before{background-color:#6fcfb8}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(2):before{background-color:#b8de67}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(3):before{background-color:#ffcf2b}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:24px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:30px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:first-child{background-color:#6fcfb8}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(2){background-color:#b8de67}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(3){background-color:#ffcf2b}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:last-child{border-radius:0 8px 8px 0}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph:hover+.graph-tooltip{display:block}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.2));filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:first-child:before{background-color:#6fcfb8}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#b8de67}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffcf2b}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item+.score-item{margin-top:4px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;width:12px;height:8px;margin-left:-6px;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/tooltip_arr.png);background-repeat:no-repeat}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .score-detail{width:78px;margin-left:12px;padding:0 10px;text-align:right;font-size:18px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:first-child{background-color:#b7e7dc}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(2){background-color:#dcefb3}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(3){background-color:#ffe795}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:first-child:before{background-color:#b7e7dc}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(2):before{background-color:#dcefb3}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph-tooltip .score-item:nth-child(3):before{background-color:#ffe795}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 90px 0 136px;z-index:-1}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;border-bottom:1px solid #eee}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap .line{width:1px;height:100%;background-color:#eee}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span{font-size:14px;line-height:18px;color:#777}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:first-child{margin-left:-3px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text span:last-child{margin-right:-9px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap{margin-top:40px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:16px;line-height:24px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table td,._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table th{position:relative;border:1px solid #ddd}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th{height:50px;background-color:#f5f5f5;color:#666;font-size:14px;text-align:center}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th:first-child{padding:0 16px;text-align:left}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th .btn-change-lang{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category:before{content:"";display:block;width:12px;height:12px;margin-right:4px;border-radius:4px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-1:before{background-color:#6fcfb8}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2:before{background-color:#b8de67}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3:before{background-color:#ffcf2b}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td{height:48px;padding:12px 10px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score,._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td:first-of-type{text-align:center}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.subtitle{text-align:left!important}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{text-align:left;background-color:#f5f5f5}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span{margin-right:15px;font-weight:700;font-size:18px}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score .score-detail{width:64px;text-align:center}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button{width:40px;height:40px;border-radius:50%;background-image:url(https://cdncdil.chungdahm.com/learning/april/images/april/v2/icon/sCheck.png)}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}._folioPrint[data-v-3a7f0926] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}