@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap);.clipart-layer[data-v-24113e98]{display:flex;flex-direction:column;float:left}.track-box[data-v-24113e98]{width:100%;text-align:center;font-size:28px;font-weight:700;background:#5843ff;color:#fff}.z-index-1[data-v-4f6a463a]{z-index:1!important}.table[data-v-203f9597]{border-collapse:separate;border-spacing:1px}.table td[data-v-203f9597]{vertical-align:middle;text-align:center;height:auto;min-height:40px}.table td[data-v-203f9597]:not([style*="padding:0px"]){padding:2px}.clicked-btn[data-v-b004ba56]{background-color:#ff9500!important;color:#000!important}.simple-2d[data-v-b004ba56]{padding:8px;float:left;font-weight:700}.button-3d[data-v-b004ba56]{font-family:Helvetica,sans-serif;font-weight:700;text-decoration:none;background-color:#4895ef;padding:5px 15px;position:relative;display:inline-block;-webkit-tap-highlight-color:rgba(0,0,0,0);text-shadow:0 1px 0 #000;filter:dropshadow(color=#000,offx=0px,offy=1px);box-shadow:inset 0 1px 0 #ffe5c4,0 10px 0 #3f37c9;border-radius:5px}.button-3d a[data-v-b004ba56]:active{top:10px;background-color:#4361ee;box-shadow:inset 0 1px 0 #ffe5c4,inset 0 -3px 0 #3f37c9}.button-3d[data-v-b004ba56]:after{content:"";height:100%;width:100%;padding:4px;position:absolute;bottom:-15px;left:-4px;z-index:-1;background-color:#4361ee;border-radius:5px}.inner-card-content[data-v-0ad668ea]{width:100%}.text[data-v-0ad668ea]{font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#666;font-size:.85rem;margin-bottom:4px}.time[data-v-0ad668ea]{display:flex;align-items:center;justify-content:flex-start;gap:2px;font-weight:700;font-size:1.8rem;letter-spacing:.03em;color:#333;font-family:Source Sans Pro,monospace}.time-unit[data-v-0ad668ea]{background:#8919e7;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;min-width:32px;text-align:center;font-weight:700;position:relative}.time-separator[data-v-0ad668ea]{color:#aaa;font-weight:400;margin:0 2px}@media screen and (max-width:767px){.time[data-v-0ad668ea]{font-size:1.4rem}.time-unit[data-v-0ad668ea]{min-width:26px}.text[data-v-0ad668ea]{font-size:.75rem}}@media screen and (max-width:480px){.time[data-v-0ad668ea]{font-size:1.2rem;gap:1px}.time-unit[data-v-0ad668ea]{min-width:22px}.time-separator[data-v-0ad668ea]{margin:0 1px}.text[data-v-0ad668ea]{font-size:.7rem}}@media screen and (max-width:360px){.time[data-v-0ad668ea]{font-size:1.1rem}.time-unit[data-v-0ad668ea]{min-width:20px}.text[data-v-0ad668ea]{font-size:.65rem}}.inner-card[data-v-3142319f]{display:flex;align-items:center;background:#fff;position:relative;margin:16px;padding:16px;gap:16px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease;border-left:4px solid #31c7ff}.inner-card[data-v-3142319f]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.inner-card .svg[data-v-3142319f]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f0f9ff;border-radius:50%;padding:10px}.inner-card .svg img[data-v-3142319f]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.inner-card .inner-card-content[data-v-3142319f]{display:flex;flex-direction:column;flex:1;gap:8px}.inner-card .inner-card-content .text[data-v-3142319f]{font-weight:600;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:#666}.inner-card .inner-card-content div[data-v-3142319f]{display:flex;align-items:center;gap:4px;font-weight:700;font-size:1.5rem}.inner-card .inner-card-content div span[data-v-3142319f]{color:#31c7ff}.que-ans[data-v-3142319f],.score[data-v-3142319f]{font-size:1.6rem!important;font-weight:700!important;color:#333}.que-ans span[data-v-3142319f]:first-child,.score span[data-v-3142319f]:first-child{color:#8919e7;font-size:1.8rem}.que-ans span[data-v-3142319f]:last-child,.score span[data-v-3142319f]:last-child{color:#666}.columns.is-centered[data-v-3142319f]{margin-top:20px!important}.inner-card p[style*="text-align: center"][data-v-3142319f]{cursor:pointer;color:#ff4757;font-weight:600;font-size:1rem;transition:color .2s ease;width:100%}.inner-card p[style*="text-align: center"][data-v-3142319f]:hover{color:#ff6b81}.inner-card p[style*="text-align: center"] img[data-v-3142319f]{transition:transform .2s ease}.inner-card p[style*="text-align: center"]:hover img[data-v-3142319f]{transform:scale(1.1)}.modal[data-v-3142319f]{z-index:501}.modal-card[data-v-3142319f]{margin:0 10px;max-height:calc(100vh - 40px)}.modal-card-body[data-v-3142319f]{padding:1rem}.inner-card p[style*="text-align: center"][data-v-3142319f]{min-height:44px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:767px){.inner-card[data-v-3142319f]{margin:8px 4px;padding:12px;gap:12px;border-radius:10px}.inner-card .svg[data-v-3142319f]{width:35px;height:35px;padding:8px}.inner-card .inner-card-content[data-v-3142319f]{gap:4px}.inner-card .inner-card-content .text[data-v-3142319f]{font-size:.75rem;line-height:1.2}.inner-card .inner-card-content div[data-v-3142319f]{font-size:1.2rem}.que-ans[data-v-3142319f],.score[data-v-3142319f]{font-size:1.3rem!important}.que-ans span[data-v-3142319f]:first-child,.score span[data-v-3142319f]:first-child{font-size:1.5rem}.inner-card p[style*="text-align: center"][data-v-3142319f]{font-size:.9rem;padding:8px;min-height:40px}.inner-card p[style*="text-align: center"] img[data-v-3142319f]{width:16px!important;height:16px!important;margin-left:6px!important;margin-top:2px!important}.modal-card[data-v-3142319f]{margin:0 5px;max-height:calc(100vh - 20px)}.modal-card-head[data-v-3142319f]{padding:1rem}.modal-card-body[data-v-3142319f]{padding:.75rem}.modal-card-title[data-v-3142319f]{font-size:1.1rem}.columns.is-centered[data-v-3142319f]{margin-top:15px!important}}@media screen and (max-width:480px){.inner-card[data-v-3142319f]{margin:6px 2px;padding:10px;gap:10px;border-radius:8px}.inner-card .svg[data-v-3142319f]{width:30px;height:30px;padding:6px}.inner-card .inner-card-content .text[data-v-3142319f]{font-size:.7rem}.inner-card .inner-card-content div[data-v-3142319f]{font-size:1.1rem}.que-ans[data-v-3142319f],.score[data-v-3142319f]{font-size:1.2rem!important}.que-ans span[data-v-3142319f]:first-child,.score span[data-v-3142319f]:first-child{font-size:1.4rem}.inner-card p[style*="text-align: center"][data-v-3142319f]{font-size:.85rem;padding:6px;min-height:36px}.modal-card[data-v-3142319f]{margin:0 2px;max-height:calc(100vh - 10px)}.modal-card-head[data-v-3142319f]{padding:.75rem}.modal-card-body[data-v-3142319f]{padding:.5rem}.modal-card-title[data-v-3142319f]{font-size:1rem}}@media screen and (max-width:360px){.inner-card[data-v-3142319f]{margin:4px 1px;padding:8px;gap:8px}.inner-card .svg[data-v-3142319f]{width:28px;height:28px;padding:5px}.inner-card .inner-card-content .text[data-v-3142319f]{font-size:.65rem}.inner-card .inner-card-content div[data-v-3142319f]{font-size:1rem}.que-ans[data-v-3142319f],.score[data-v-3142319f]{font-size:1.1rem!important}.que-ans span[data-v-3142319f]:first-child,.score span[data-v-3142319f]:first-child{font-size:1.3rem}.inner-card p[style*="text-align: center"][data-v-3142319f]{font-size:.8rem;padding:4px;min-height:32px}}.explanation-box{background-color:#f8f9ff;border:2px solid #e2e5ff;border-radius:10px;padding:1.25rem;margin:1rem 0;box-shadow:0 4px 12px rgba(0,0,0,.05)}.explanation{font-size:1.35rem;line-height:1.6;color:#333;font-family:Source Sans Pro,sans-serif;margin-top:.75rem}.explanation-box .title.is-5{color:#8919e7;font-weight:700;border-bottom:1px solid #e2e5ff;padding-bottom:.5rem;margin-bottom:.75rem;font-size:1.5rem}.input[data-v-6b717644]{border-color:#6f6f6f!important}.vdr.active[data-v-6b717644]:before{outline:none!important}.pattern-input-selected{border:5px solid #ff8b46!important}.speaker-icon[data-v-de4615dc]{position:absolute;margin-left:-48px}.inpbox-container .inpbox[data-v-68f44795]{margin-bottom:30px;display:inline-block;position:relative;width:100%}.inpbox-container .inpbox input[data-v-68f44795]{padding:5px 10px;height:45px;font-size:1em;line-height:45px;border:2px solid #560bad;outline:none;background:#fff;color:#000;width:100%}.inpbox-container .inpbox input:focus+span[data-v-68f44795]{width:100%;opacity:1;transform:translateX(0)}.inpbox-container .inpbox input:focus+span[data-v-68f44795]:before{top:0;left:0;width:100%}.inpbox-container .inpbox input:focus+span[data-v-68f44795]:after{bottom:0;left:0;width:100%}.inpbox-container .inpbox input+span[data-v-68f44795]{display:inline-block;position:absolute;left:0;top:0;border-left:2px solid #0099ef;border-right:2px solid #0099ef;width:calc(100% + 100px);transform:translateX(-50px);height:100%;pointer-events:none;opacity:0;transition-property:opacity,width;transition:.3s ease-out}.inpbox-container .inpbox input+span[data-v-68f44795]:after,.inpbox-container .inpbox input+span[data-v-68f44795]:before{content:"";display:inline-block;position:absolute;left:25px;transition-property:top,bottom;transition:.3s ease-out;height:2px;width:calc(100% - 50px);background:#0099ef}.inpbox-container .inpbox input+span[data-v-68f44795]:before{top:-30px}.inpbox-container .inpbox input+span[data-v-68f44795]:after{bottom:-30px}.flex[data-v-3543d585]{display:flex;flex-direction:column;justify-content:center;align-items:center}.container[data-v-3543d585]{position:relative}.bg-img[data-v-3543d585]{display:flex;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:-1}.bg-img div[data-v-3543d585]{display:flex;position:absolute;width:auto}.speaker-icon[data-v-3543d585]{position:absolute;left:-48px}.title[data-v-3543d585]{font-size:3vw;margin:0!important}img[data-v-3543d585]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.link[data-v-3543d585]{cursor:pointer}.main[data-v-3543d585]{margin:0 0}@media screen and (max-width:1023px){.title[data-v-3543d585]{font-size:3.5vw!important}}@media screen and (max-width:767px){.title[data-v-3543d585]{font-size:4vw!important}.main[data-v-3543d585]{margin:0!important}}@media screen and (max-width:480px){.main[data-v-3543d585]{margin:0!important}}@media screen and (max-width:467px){.title[data-v-3543d585]{font-size:5vw!important}}@media screen and (max-width:360px){.main[data-v-3543d585]{margin:0!important}}.bg-icon[data-v-3543d585]{position:absolute}.star[data-v-3543d585]{left:77vw;top:-1vw;max-width:5vw}.main[data-v-3543d585]{align-items:center;margin-top:2vw;position:relative;gap:2.4vw}.main .card-container[data-v-3543d585]{width:100%}.main .card-container .left-card[data-v-3543d585],.main .card-container .right-card[data-v-3543d585]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3.6vw 2vw;border-radius:1.8vw}.main .card-container .left-card[data-v-3543d585]{background:rgba(137,25,231,.1);justify-content:flex-start}.main .card-container .left-card .que[data-v-3543d585]{display:flex;justify-content:center;align-items:center}.main .card-container .left-card .que span.icon[data-v-3543d585]{display:flex;justify-content:center;align-items:center;max-width:100%}.main .card-container .left-card .que span.text[data-v-3543d585]{font-weight:600;font-size:20px;color:#000;font-family:Source Sans Pro,sans-serif}.main .card-container .left-card .img-container[data-v-3543d585]{padding:3.8vw 2.6vw;display:flex;flex-direction:column;gap:3.6vw}.main .card-container .left-card .img-container img[data-v-3543d585]{max-width:10vw}.main .card-container .right-card[data-v-3543d585]{background:rgba(49,200,255,.0784313725);padding:20px;justify-content:flex-start}.main .card-container .right-card .inner-card[data-v-3543d585]{display:flex;width:75%;align-items:center;background:#fff;position:relative}.main .card-container .right-card .inner-card .svg[data-v-3543d585]{position:relative;right:12%;max-width:6vw}.main .card-container .right-card .inner-card .inner-card-content[data-v-3543d585]{display:flex;flex-direction:column;flex:1;gap:.6vw}.main .card-container .right-card .inner-card .inner-card-content .text[data-v-3543d585],.main .card-container .right-card .inner-card .inner-card-content div[data-v-3543d585]{font-weight:600}.main .card-container .right-card .inner-card .inner-card-content .text[data-v-3543d585]{letter-spacing:.1em;text-transform:uppercase;color:#000}.main .card-container .right-card .inner-card .inner-card-content div[data-v-3543d585]{display:flex;gap:.6vw}.main .card-container .right-card .inner-card .inner-card-content div span[data-v-3543d585]{color:#31c7ff}.main .card-container .right-card .bg-icon[data-v-3543d585]{position:absolute;right:-4.2vw;bottom:-2.5vw;max-width:17.6vw}@media screen and (max-width:767px){.main .card-container[data-v-3543d585]{flex-direction:column}.main .card-container .right-card .svg[data-v-3543d585]{right:5%!important}.title[data-v-3543d585]{font-size:3.5vw!important}}.drag-sortable[data-v-3543d585]{float:left}hr[data-v-3543d585]{margin:.5rem 0!important}.modal[data-v-3543d585]{z-index:501}.left-card[data-v-3543d585]::-webkit-scrollbar{-webkit-appearance:none;width:8px}.left-card[data-v-3543d585]::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(137,25,231,.1),rgba(114,9,183,.1));border-radius:10px}.left-card[data-v-3543d585]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8919e7,#7209b7 50%,#6f10bf);border-radius:10px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(137,25,231,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.left-card[data-v-3543d585]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9c2bff,#8019d4 50%,#7209b7);box-shadow:0 4px 12px rgba(137,25,231,.4),inset 0 1px 0 hsla(0,0%,100%,.3);transform:scale(1.1)}.left-card[data-v-3543d585]::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#7209b7,#6f10bf 50%,#5d0e9f);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}