.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.fontDiv{font-family:Noto Sans KR,sans-serif}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.word-modal{padding-left:0!important}.word-modal .modal-dialog{margin:0!important;max-width:2000px!important}.word-modal .modal-content{border-radius:0!important;height:100%!important;margin:0;width:100%!important}.word-modal .btn-close{border-radius:10px;right:10px;top:10px;width:80px}.grid-wrapper .ag-header{display:none!important}.word-quiz-grid div.ag-cell{font-size:1.4em!important;line-height:50px!important}.progress-bar{height:3rem}.quiz_box{border-color:#f0c45b!important}.quiz_blank{background-color:#99999944;border:0 solid #888;border-radius:3px;display:inline-block;font-size:1.3em;font-weight:700;height:30px;line-height:30px;margin-top:-7px;min-width:50px;overflow:hidden;padding:0 3px;text-align:center;vertical-align:middle}.quiz_result_ok{background:#04a7c8}.quiz_result_ok,.quiz_result_wrong{border-radius:50px;font-size:1em;font-weight:700;height:28px;letter-spacing:0;line-height:28px;padding:0 6px;position:absolute;text-align:center;top:12px;width:30px}.quiz_result_wrong{background:#a03e29}.footerUlLi{margin-bottom:5px!important;padding:.3em 0!important}.footerNav{color:#b3b3b3;font-size:1.4em;line-height:40px}#myWords .ag-root .ag-header{display:none}.ag-theme-alpine-dark .ag-icon{font-size:24px!important}.none{display:none}.myCard{margin:auto;width:100%}.myCard .left{display:flex;flex-wrap:wrap;padding-left:6px;width:100%}.myCard .left .card{background:#000;border-radius:15px;height:110px;transition:.5s;width:100%}.myCard .left .card .box{align-items:flex-end;background:#232330;border-radius:15px;bottom:14px;cursor:pointer;display:flex;justify-content:left;left:8px;overflow:hidden;padding:20px;position:absolute;right:0;top:0;transition:.5s}.myCard .left .card .box .content p{color:#fff;font-size:1.3rem;font-weight:500;line-height:1.6em;transition:.5s;z-index:1}.box:hover .ag-left-item_bg{transform:scale(1.1)}.ag-left-item_bg{border-radius:50%;font-size:1.5em;font-weight:700;height:16px;left:20px;opacity:1;position:absolute;text-indent:24px;top:24px;transition:all .5s ease;white-space:nowrap;width:16px;z-index:1}.card:nth-child(1n) .ag-left-item_bg{background-color:#f9b234}.ag-left-leader_bg{border-radius:50%;font-size:1.5em;font-weight:700;height:16px;left:20px;opacity:1;position:absolute;text-indent:24px;top:24px;transition:all .5s ease;white-space:nowrap;width:16px;z-index:1}.box:hover .ag-left-leader_bg{transform:scale(1.1)}.card:nth-child(1n) .ag-left-leader_bg{background-color:#952aff}.ag-left-pro_bg{border-radius:50%;font-size:1.5em;font-weight:700;height:16px;margin-bottom:28px;opacity:1;text-indent:24px;transition:all .5s ease;white-space:nowrap;width:16px;z-index:1}.box:hover .ag-left-pro_bg{transform:scale(1.1)}.card:nth-child(1n) .ag-left-pro_bg{background-color:#e44002}.myCard .container{display:flex;flex-wrap:wrap;padding-left:8px;padding-right:8px;width:100%}.myCard .container .card:first-child .box .content a,.myCard .container .card:nth-child(2) .box .content a,.myCard .container .card:nth-child(3) .box .content a{background:#000}.myCard .container .card{background:#000;border-radius:15px;height:280px;transition:.5s;width:100%}.myCard .container .card .box{align-items:center;background:#232330;border-radius:15px;bottom:14px;display:flex;justify-content:center;left:8px;overflow:hidden;position:absolute;right:8px;top:0;transition:.5s}.myCard .container .card .box:hover{cursor:pointer}.myCard .container .card .box:before{background:#ffffff08;content:"";height:100%;left:0;position:absolute;top:0;width:50%}.myCard .container .card .box .content{padding:10px;text-align:center}.myCard .container .card .box .content h2{color:#ffffff1a;font-size:3rem;position:absolute;right:20px;top:12px}.myCard .container .card .box .content h3{color:#fff;font-size:2rem;margin-bottom:15px;margin-top:20px;transition:.5s;z-index:1}.myCard .container .card .box .content p{color:#fff;font-size:1.4rem;font-weight:500;line-height:1.8em;transition:.5s;z-index:1}.myCard .container .card .box .content a{background:#000;border:1px solid #aaa;border-radius:5px;color:#fff;display:inline-block;font-size:1.6em;font-weight:700;margin-top:20px;padding:12px 30px;position:relative;text-decoration:none;transition:none}.myCard .container .card .box .content a:hover{color:orange}.box:hover .ag-courses-item_bg{opacity:.4;transform:scale(1.3)}.ag-courses-item_bg{border-radius:50%;height:128px;left:-70px;opacity:.9;position:absolute;top:-105px;transition:all .5s ease;width:128px;z-index:1}.card:nth-child(1n) .ag-courses-item_bg{background-color:#f9b234}.card:nth-child(2n) .ag-courses-item_bg{background-color:#3ecd5e}.card:nth-child(3n) .ag-courses-item_bg{background-color:#e44002}.card:nth-child(4n) .ag-courses-item_bg{background-color:#952aff}.card:nth-child(5n) .ag-courses-item_bg{background-color:#cd3e94}.card:nth-child(6n) .ag-courses-item_bg{background-color:#4c49ea}.card:nth-child(7n) .ag-courses-item_bg{background-color:#f9b234}.card:nth-child(8n) .ag-courses-item_bg{background-color:#3ecd5e}.card:nth-child(9n) .ag-courses-item_bg{background-color:#e44002}.card:nth-child(10n) .ag-courses-item_bg{background-color:#952aff}.card:nth-child(11n) .ag-courses-item_bg{background-color:#cd3e94}.card:nth-child(12n) .ag-courses-item_bg{background-color:#4c49ea}.animated-paragraph{animation:anim-popoutin 1s ease 4s infinite}@keyframes anim-popoutin{0%{color:#000;opacity:1;transform:scale(1)}50%{color:#f0c45b;opacity:1;transform:scale(1)}to{color:#000;opacity:1;transform:scale(1)}}.playModal{height:95%;margin:0 auto;top:10px}.playModal .modal-content{height:100%}.fromtop{animation:anim-fromtop 1s linear infinite}@keyframes anim-fromtop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.zoom-in-out-box{animation:zoom-in-zoom-out 1.2s step-end infinite;background:none;border-radius:.5rem;display:inline-block}@keyframes zoom-in-zoom-out{50%{opacity:0}to{opacity:1}}