*[data-v-b7947efc],*[data-v-b7947efc]:after,*[data-v-b7947efc]:before{background-size:auto 100%}.no-Evaluation .m-contentHeader[data-v-b7947efc]{padding-bottom:0;border-bottom:0}.no-Evaluation .m-contentBody[data-v-b7947efc]{margin-top:0}.no-Evaluation .m-contentBody .componentFrame[data-v-b7947efc]{margin-top:1rem;padding:0}.no-Evaluation .m-contentBody .componentFrame .nav-tabs[data-v-b7947efc]{width:644px;margin:0 auto 24px;padding:0}.no-Evaluation .m-contentBody .componentFrame .nav-tabs .nav-item[data-v-b7947efc]{width:320px}.no-Evaluation .m-contentBody .componentFrame .video-cont-wrap[data-v-b7947efc]{padding-top:36px}.no-Evaluation .m-contentBody .componentFrame .video-cont-wrap .video-title[data-v-b7947efc]{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-b7947efc]{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}.no-Evaluation .m-contentBody .componentFrame .no-data[data-v-b7947efc]{padding-top:36px;text-align:center}.no-Evaluation .m-contentBody .componentFrame .no-data p[data-v-b7947efc]{font-size:16px;line-height:24px;color:#666}.no-Evaluation .m-contentBody .componentFrame .no-data a[data-v-b7947efc]{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}.no-Evaluation .m-contentBody .componentFrame .learning-box[data-v-b7947efc]{position:relative;display:flex;flex-direction:column}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout[data-v-b7947efc]{position:relative;flex:1;min-width:0;width:100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play[data-v-b7947efc]{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container[data-v-b7947efc]{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play[data-v-b7947efc]{margin-top:0;padding:0}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line[data-v-b7947efc]{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-b7947efc]{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-b7947efc]:after{bottom:0rem;left:-1rem;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-b7947efc]{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-b7947efc]{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-b7947efc]{background:#8ed9c7;border-radius:.8rem .8rem 0}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text[data-v-b7947efc]: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-b7947efc]{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-b7947efc]: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-b7947efc]: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-b7947efc]{border:.3rem solid transparent;border-image-source:linear-gradient(95.01deg,#24e0be -2.32%,#22beef 102.72%);border-image-slice:.3;box-shadow:0 0 .5rem #22beefb3;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-b7947efc]{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-b7947efc]: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-b7947efc]{display:flex;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-b7947efc]{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-b7947efc]{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-b7947efc]{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-b7947efc]{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-b7947efc]{background:url(/assets/images/april_alpha/play.svg) no-repeat center/100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play[data-v-b7947efc]: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-b7947efc]: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-b7947efc]{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-b7947efc]{background:url(/assets/images/april_alpha/stop.svg) no-repeat center/100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop[data-v-b7947efc]: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-b7947efc]:active{background-color:#fb2020}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line[data-v-b7947efc]{display:flex;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-b7947efc]{background:#ffd66b}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2[data-v-b7947efc]{background:#8ed9c7}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character[data-v-b7947efc]{display:flex;flex-direction:column;justify-content:flex-end;width:5rem;transform:translateY(.3rem)}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img[data-v-b7947efc]{width:100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text[data-v-b7947efc]{display:flex;align-items:center;flex-wrap:wrap;width:100%;height:100%;font-size:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio[data-v-b7947efc]{display:flex;flex-flow:column;gap:2rem;width:100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content[data-v-b7947efc]{display:flex;flex-direction:column;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-b7947efc]: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-b7947efc]{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:fit-content}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[data-v-b7947efc]{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-b7947efc]: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-b7947efc]{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-b7947efc]{margin:0 1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left[data-v-b7947efc]{margin-left:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right[data-v-b7947efc]{margin-right:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.disabled[data-v-b7947efc]{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-b7947efc]{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-b7947efc]{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-b7947efc]{display:flex;justify-content:center;align-items:end;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-b7947efc]{position:relative;width:100%;border-radius:1rem;box-shadow:0 .5rem 1rem #0000001a}.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-b7947efc]{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-b7947efc]{height:216px;background:url(/assets/images/april_alpha/sentence_creation_blank.png) no-repeat center/50%;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-b7947efc]{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-b7947efc]{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-b7947efc]:before{content:"";position:absolute;top:50%;left: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-b7947efc]: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%;box-sizing:border-box;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-b7947efc]{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-b7947efc]{position:absolute;bottom:.5rem;right:1rem}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture[data-v-b7947efc]{position:relative}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image[data-v-b7947efc]{text-align:center}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .narration-image img[data-v-b7947efc]{width:100%;max-width:100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control[data-v-b7947efc]{display:flex;justify-content: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-b7947efc]{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-b7947efc]{display:inline-block;vertical-align:middle;width:2.5rem;height:2.5rem;background:url(/assets/images/april_alpha/headphone.svg) no-repeat center/100%}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone[data-v-b7947efc]{background:#28ab8c}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone[data-v-b7947efc]:hover{background-color:#23967b}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone[data-v-b7947efc]:active{background-color:#1e826a}.no-Evaluation .m-contentBody .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar[data-v-b7947efc]{margin:0 0 0 -5px;justify-content: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-b7947efc]{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-b7947efc]{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-b7947efc]{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-b7947efc]{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-b7947efc]{--start-width: 0%;--end-width: 100%;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-b7947efc]{animation-play-state:paused!important}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap[data-v-b7947efc]{margin-top:65px;padding:0 8px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .top-title[data-v-b7947efc]{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-b7947efc]{display:flex;align-items:flex-start;padding-left:34px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-b7947efc]{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-b7947efc]{display:block}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em[data-v-b7947efc]{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-b7947efc]: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-b7947efc]{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-b7947efc]{display:flex;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-b7947efc]{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-b7947efc]{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-b7947efc]{display:flex;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-b7947efc]{display:flex;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-b7947efc]: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-b7947efc]:nth-child(1):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-b7947efc]: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-b7947efc]: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-b7947efc]{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-b7947efc]{display:flex;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-b7947efc]{margin-top:4px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label[data-v-b7947efc]{display:flex;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-b7947efc]{position:relative;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-b7947efc]{display:flex;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-b7947efc]{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-b7947efc]:nth-child(1){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-b7947efc]: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-b7947efc]: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-b7947efc]: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-b7947efc]{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-b7947efc]{display:none;position:absolute;bottom:23px;left:10px;padding:8px 12px;background-color:#fff;border-radius:8px;font-size:14px;line-height:20px;filter:drop-shadow(0px 0px 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-b7947efc]{display:flex;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-b7947efc]: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-b7947efc]:nth-child(1):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-b7947efc]: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-b7947efc]: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-b7947efc]{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-b7947efc]: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-b7947efc]{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-b7947efc]:nth-child(1){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-b7947efc]: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-b7947efc]: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-b7947efc]:nth-child(1):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-b7947efc]: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-b7947efc]: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-b7947efc]{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-b7947efc]{display:flex;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-b7947efc]{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-b7947efc]{display:flex;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-b7947efc]{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-b7947efc]: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-b7947efc]:last-child{margin-right:-9px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap[data-v-b7947efc]{margin-top:40px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table[data-v-b7947efc]{table-layout:fixed;width:100%;font-size:16px;line-height:24px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table th[data-v-b7947efc],.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table td[data-v-b7947efc]{position:relative;border:1px solid #ddd}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table thead th[data-v-b7947efc]{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-b7947efc]: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-b7947efc]{position:absolute;top:50%;right:16px;width:60px;height:26px;padding:0;color:#3bd1e7!important;transform:translateY(-50%)}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th[data-v-b7947efc]{padding:10px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category[data-v-b7947efc]{display:flex;align-items:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category[data-v-b7947efc]: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-b7947efc]:before{background-color:#6fcfb8}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2[data-v-b7947efc]:before{background-color:#b8de67}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3[data-v-b7947efc]:before{background-color:#ffcf2b}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td[data-v-b7947efc]{height:48px;padding:12px 10px}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td[data-v-b7947efc]:nth-of-type(1){text-align:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score[data-v-b7947efc]{text-align:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score[data-v-b7947efc]{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-b7947efc]{display:flex;align-items:center;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-b7947efc]{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-b7947efc]{width:64px;text-align:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck[data-v-b7947efc]{padding:0;text-align:center}.no-Evaluation .m-contentBody .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button[data-v-b7947efc]{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-b7947efc]{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-b7947efc]: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-b7947efc]{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-b7947efc]:hover{background-color:#0c74bf}.no-Evaluation .evaluation-score-wrap[data-v-b7947efc]{margin-top:24px;padding:0 16px}.no-Evaluation .evaluation-score-wrap .top-title[data-v-b7947efc]{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-b7947efc]{position:relative;display:flex;align-items:center;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-b7947efc]{display:block}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .grade-box em[data-v-b7947efc]{display:block;font-size:20px;line-height:24px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .grade-box[data-v-b7947efc]: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-b7947efc]{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-b7947efc]{display:flex;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-b7947efc]{font-size:14px;font-weight:700}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .updated[data-v-b7947efc]{margin-left:4px;color:#ccc;font-size:12px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap[data-v-b7947efc]{display:flex;align-items:center;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-b7947efc]{display:flex;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-b7947efc]: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-b7947efc]:nth-child(1):before{background-color:#6fcfb8}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item[data-v-b7947efc]: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-b7947efc]:nth-child(3):before{background-color:#ffcf2b}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap[data-v-b7947efc]{position:relative;z-index:1}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item[data-v-b7947efc]{display:flex;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-b7947efc]{margin-top:4px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label[data-v-b7947efc]{display:flex;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-b7947efc]{position:relative;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-b7947efc]{display:flex;align-items:center}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-b7947efc]{height:20px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-b7947efc]:nth-child(1){background-color:#6fcfb8}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar[data-v-b7947efc]: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-b7947efc]: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-b7947efc]: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-b7947efc]{display:block}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-b7947efc]{display:none;position:absolute;bottom:18px;left:10px;padding:4px 10px;background-color:#fff;border-radius:4px;font-size:12px;line-height:18px;filter:drop-shadow(0px 0px 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-b7947efc]{display:flex;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-b7947efc]: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-b7947efc]:nth-child(1):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-b7947efc]: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-b7947efc]: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-b7947efc]{margin-top:4px}.no-Evaluation .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip[data-v-b7947efc]: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-b7947efc]{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-b7947efc]:nth-child(1){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-b7947efc]: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-b7947efc]: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-b7947efc]:nth-child(1):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-b7947efc]: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-b7947efc]: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-b7947efc]{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-b7947efc]{display:flex;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-b7947efc]{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-b7947efc]{display:flex;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-b7947efc]{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-b7947efc]: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-b7947efc]:last-child{margin-right:-9px}.no-Evaluation .evaluation-score-wrap .score-table-wrap[data-v-b7947efc]{margin:38px -16px 0}.no-Evaluation .evaluation-score-wrap .score-table-wrap .top-title[data-v-b7947efc]{padding:0 16px}.no-Evaluation .evaluation-score-wrap .score-table-wrap .top-title .btn-change-lang[data-v-b7947efc]{position:absolute;top:50%;right:16px;width:44px;height:24px;padding:0;transform:translateY(-50%);font-size:12px;line-height:18px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table[data-v-b7947efc]{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-b7947efc]{margin-top:-1px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table th[data-v-b7947efc],.no-Evaluation .evaluation-score-wrap .score-table-wrap table td[data-v-b7947efc]{position:relative;border:1px solid #ddd}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th[data-v-b7947efc]{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-b7947efc]{display:flex;align-items:center}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th .category[data-v-b7947efc]: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-b7947efc]:before{background-color:#6fcfb8}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th .category.category-2[data-v-b7947efc]:before{background-color:#b8de67}.no-Evaluation .evaluation-score-wrap .score-table-wrap table thead th .category.category-3[data-v-b7947efc]:before{background-color:#ffcf2b}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody th[data-v-b7947efc]{padding:10px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td[data-v-b7947efc]{height:49px;padding:6px 10px}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td[data-v-b7947efc]:nth-of-type(1){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-b7947efc]{text-align:center}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.subtitle[data-v-b7947efc]{text-align:left!important}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score[data-v-b7947efc]{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-b7947efc]{display:flex;align-items:center;justify-content:space-between}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score span[data-v-b7947efc]{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-b7947efc]{width:46px;text-align:center}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck[data-v-b7947efc]{padding:0;text-align:center}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button[data-v-b7947efc]{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-b7947efc]{background-color:#fc5252}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1[data-v-b7947efc]:hover{background-color:#ca4242}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-b7947efc]{background-color:#0f91ef}.no-Evaluation .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2[data-v-b7947efc]:hover{background-color:#0c74bf}*[data-v-5c64ff3b],*[data-v-5c64ff3b]:after,*[data-v-5c64ff3b]:before{background-size:auto 100%}._folioPrint[data-v-5c64ff3b] .content-header{border-bottom:2px solid #f5f5f5}._folioPrint[data-v-5c64ff3b] .content-header .content-title{padding:40px 0 0;height:124px}._folioPrint[data-v-5c64ff3b] .content-body .container{padding:20px 48px 60px;min-width:1280px;position:relative}._folioPrint[data-v-5c64ff3b] .content-body .container .locate{font-size:1.6em;color:#999}._folioPrint[data-v-5c64ff3b] .content-body .container .locate em{color:#333;font-weight:600}._folioPrint[data-v-5c64ff3b] .content-body .container .date{display:inline-block;position:absolute;right:48px;top:23px;font-size:1.3em}._folioPrint[data-v-5c64ff3b] .content-body .btnSet button:disabled{pointer-events:none}._folioPrint[data-v-5c64ff3b] .componentFrame{margin-top:50px;padding:0 20px}._folioPrint[data-v-5c64ff3b] .componentFrame .nav-tabs{width:644px;margin:0 auto 24px;padding:0}._folioPrint[data-v-5c64ff3b] .componentFrame .nav-tabs .nav-item{width:320px}._folioPrint[data-v-5c64ff3b] .componentFrame .video-cont-wrap{padding-top:36px}._folioPrint[data-v-5c64ff3b] .componentFrame .video-cont-wrap .video-title{margin-bottom:16px;text-align:center;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-5c64ff3b] .componentFrame .video-cont-wrap .video-wrap{width:800px;height:450px;margin:0 auto;border-radius:12px;overflow:hidden;background-color:#000}._folioPrint[data-v-5c64ff3b] .componentFrame .no-data{padding-top:36px;text-align:center}._folioPrint[data-v-5c64ff3b] .componentFrame .no-data p{font-size:16px;line-height:24px;color:#666}._folioPrint[data-v-5c64ff3b] .componentFrame .no-data a{margin-top:16px;padding:8px 24px;font-size:14px;line-height:28px}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box{position:relative;display:flex;flex-direction:column;min-height:300px}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout{position:relative;flex:1;min-width:0;width:100%;min-height:0;height:100%}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play{display:flex;justify-content:center;align-items:center;gap:16rem;padding:50px 80px}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container{display:flex;flex-direction:column;align-items:center;gap:35px}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play{margin-top:0;padding:0}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play:before{content:"";flex:1}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line{background-color:unset}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type1 .dialogue-line-text:after{bottom:0rem;left:-14px;transform:rotate(270deg)}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2{flex-direction:row-reverse}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text{background:#8ed9c7;border-radius:.8rem .8rem 0}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-line.type2 .dialogue-line-text:after{bottom:0rem;right:-14px}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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;box-shadow:0 0 1rem #22beefb3;animation:glowing-border 2s infinite}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn{display:flex;align-items:flex-end;gap:2rem}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn button span{display:block}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play{background:#ffa51e}._folioPrint[data-v-5c64ff3b] .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 center/100%}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:hover{background-color:#ff9b05}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .play:active{background-color:#ea8c00}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop{background:#fc5252}._folioPrint[data-v-5c64ff3b] .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 center/100%}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:hover{background-color:#fc3939}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-container.role-play .dialogue-role-play-btn .stop:active{background-color:#fb2020}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line{display:flex;align-items:flex-end;gap:1.6rem;width:100%;min-height:6rem;padding:0 1rem;border-radius:1.2rem}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line:nth-child(2n){width:calc(100% - 5rem);margin-left:5rem}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type1{background:#ffd66b}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line.type2{background:#8ed9c7}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character{display:flex;flex-direction:column;justify-content:flex-end;width:100px;transform:translateY(.3rem)}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-character img{width:100%}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .dialogue-role-play .dialogue-line .dialogue-line-text{display:flex;align-items:center;flex-wrap:wrap;width:600px;height:100%;font-size:30px}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .ai-art-studio{display:flex;gap:40px;width:100%;min-height:600px;padding:46px 50px}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content{display:flex;flex-direction:column;flex:1;position:relative}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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:fit-content;margin-bottom:1.2rem}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank[placeholder]:before{content:attr(placeholder);color:#bbb}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.complete{border-color:#efe5d9;background:#fdf9ef}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space{margin:0 1rem}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-left{margin-left:1rem}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .text-blank.space-right{margin-right:1rem}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .learning-box .layout .ai-art-studio .ai-art-studio-content .ai-art-studio-image{display:flex;justify-content:center;align-items:end;flex:1}._folioPrint[data-v-5c64ff3b] .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;box-shadow:0 .5rem 1rem #0000001a}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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 center;box-shadow:none}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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%;transform:translate(-50%,-50%);width:5rem;height:5rem;background-image:url(/assets/images/april_alpha/image.svg);background-size:cover}._folioPrint[data-v-5c64ff3b] .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%;box-sizing:border-box;animation:rotation 1.25s linear infinite}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture{position:relative;padding:40px 278px}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .narration-image{border-radius:2rem;background-color:#fff;text-align:center;padding:26px 100px}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .narration-image img{width:100%;max-width:100%}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .presentation-control{display:flex;justify-content:center;align-items:center;margin-top:2.5rem;padding:0 5rem}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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 center/100%}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone{background:#28ab8c}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:hover{background-color:#23967b}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .presentation-control .headphone:active{background-color:#1e826a}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar{margin:0 0 0 -5px;justify-content:center;align-items:center;width:100%;height:12px;background-color:#ddd;border-radius:6px;display:flex}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.full{width:100%}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.progressing{--start-width: 0%;--end-width: 100%;animation:progressing 30s linear infinite}._folioPrint[data-v-5c64ff3b] .componentFrame .learning-box .layout .presentation-picture .presentation-control .progress-bar .progress-bar-inner .progress-bar-fill.animation-stop{animation-play-state:paused!important}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap{margin-top:65px;padding:0 8px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .top-title{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap{display:flex;align-items:flex-start;padding-left:34px}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box span{display:block}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em{display:block;margin-top:10px;font-size:56px;line-height:60px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .grade-box em.Incomplete{font-size:20px}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap{flex:1;position:relative;min-width:0}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap{display:flex;align-items:center;padding:8px 10px;line-height:24px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-title-wrap .graph-title{font-size:18px;font-weight:700}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap{display:flex;align-items:center;gap:10px;position:absolute;top:10px;right:10px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item{display:flex;align-items:center;font-size:14px;line-height:20px;color:#777}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-index-wrap .index-item:nth-child(1):before{background-color:#6fcfb8}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap{position:relative;z-index:1}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item{display:flex;align-items:center;line-height:24px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item+.graph-item{margin-top:4px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .label{display:flex;align-items:center;width:136px;height:60px;padding:10px;font-size:16px;color:#666;font-weight:700}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area{position:relative;flex:1;min-width:0}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph{display:flex;align-items:center}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar{height:30px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph .bar:nth-child(1){background-color:#6fcfb8}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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;filter:drop-shadow(0px 0px 8px rgba(0,0,0,.2))}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item{display:flex;align-items:center}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item .graph-area .graph-tooltip .score-item:nth-child(1):before{background-color:#6fcfb8}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-item.graph-item-avg .graph-area .graph .bar:nth-child(1){background-color:#b7e7dc}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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(1):before{background-color:#b7e7dc}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .line-wrap{display:flex;justify-content:space-between;height:100%;border-bottom:1px solid #eee}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-graph-wrap .graph-cont-wrap .graph-wrap .graph-bg-wrap .bg-text{display:flex;justify-content:space-between}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap{margin-top:40px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table{table-layout:fixed;width:100%;font-size:16px;line-height:24px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table th,._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table td{position:relative;border:1px solid #ddd}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table thead th:first-child{padding:0 16px;text-align:left}._folioPrint[data-v-5c64ff3b] .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;transform:translateY(-50%)}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th{padding:10px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category{display:flex;align-items:center}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-1:before{background-color:#6fcfb8}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-2:before{background-color:#b8de67}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody th .category.category-3:before{background-color:#ffcf2b}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td{height:48px;padding:12px 10px}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td:nth-of-type(1){text-align:center}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-score{text-align:center}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.subtitle{text-align:left!important}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score{text-align:left;background-color:#f5f5f5}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-total-score .total-score{display:flex;align-items:center;justify-content:space-between}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck{padding:0;text-align:center}._folioPrint[data-v-5c64ff3b] .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-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1{background-color:#fc5252}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-1:hover{background-color:#ca4242}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2{background-color:#0f91ef}._folioPrint[data-v-5c64ff3b] .componentFrame .evaluation-score-wrap .score-table-wrap table tbody td.td-sCheck button.btn-Scheck-2:hover{background-color:#0c74bf}