.base-area .top-area .question{font-size:22.5px !important;min-height:100%;overflow:initial}table.resultSqlTable th,td{font-size:24px !important}.ace_editor.ace_autocomplete.ace-eclipse{font-size:20px !important;width:560px}.ace_active-line{height:80px}div#ace0{font-size:24px !important}@media screen and (max-height: 3850px){#virtual-keyboard-target_keyboard{top:430px !important}#passwordResetTitle,#mailAdd,#telNum{font-size:20px !important}#mailAddress,#telNo{width:70% !important}}@media screen and (max-height: 930px){table.resultSqlTable th,td{font-size:14px !important}pre.sourceContent,.answerCode-area{font-size:13px !important}.run-area .run-result .description,.base-area .top-area .question{font-size:13.5px !important}div .run-area .run-result{font-size:14px !important}.ui-helper-reset{font-size:70% !important}#addTabTab{height:22px !important}.star span{font-size:8px !important;height:25px !important;width:auto}.top-area .later-btn-area button{font-size:8px !important;width:70px !important;height:23px}#timerProgressBar{width:65% !important}.star,.later-btn-area{display:inline-block !important}.later-btn-area{float:right !important}.header-area .logo img{width:110px !important;height:30px !important}.header-area .progressbar .progress .next-lebel-point-style,.header-area .progressbar .level,.element__name,#header-level-bar{font-size:9px !important}.header-area .progressbar .curriculum-name{width:auto !important;font-size:10px !important}.header-area .progressbar svg{width:25px !important;height:25px !important}.header-area .progressbar{height:32px !important}.header-area .progressbar .progress{margin-top:16px !important}#header-level-bar{height:auto}.area{height:auto}.area #breadcrumbs-two{height:28px !important}.area #breadcrumbs-two a .element__name{margin-top:11px !important}.editer-area-element .editor-title,.run-area-element .run-result-title{font-size:14px !important;height:18px !important}.area #breadcrumbs-two a{padding:.8px 8px !important}.header-area .progressbar .progress{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.header-area .nav-link svg,.header-area .nav-link:link svg,.header-area .nav-link:visited svg,.header-area .nav-link:active svg,.header-area .submenu-link svg,.header-area .submenu-link:link svg,.header-area .submenu-link:visited svg,.header-area .submenu-link:active svg{width:19px !important;height:33px !important}.header-area .nav-link span,.header-area .nav-link:link span,.header-area .nav-link:visited span,.header-area .nav-link:active span{font-size:10px !important}.header-area{height:33px}.base-area .main-area{height:calc(100% - 12px - 120px)}.button__area .restartBtn,.button__area .text-btn,.button__area .returnBtn,.button__area .giveUpBtn,.button__area .content-visibility-button{font-size:10px;height:28px;width:110px}.button__area .executeBtn{font-size:10px !important;height:28px !important;width:110px !important}.button__area .suspension-btn{font-size:10px !important;height:28px !important;width:80px !important}.button__area .check_answer_btn{font-size:10px !important;height:28px !important;width:110px !important}.button__area .answer-right-btn{font-size:10px !important;height:28px !important;width:150px !important}.infomation-area{font-size:10px}.ace_editor.ace_autocomplete.ace-eclipse{font-size:13px !important}div#ace0{font-size:15px !important}.ace_active-line{height:18px !important}.button__area{bottom:23px;height:43px}footer{height:30px !important}.list-area .unit-area .unit span{font-size:16px !important}.unit img{width:45px !important;height:45px !important}.question-list-area{font-size:12px !important}.button__area{left:0px !important}.button__area .first-question-btn,.button__area .next-element-btn{height:28px !important;font-size:12px !important}.baseArea button,.base-area-single button,.next-question-btn,.start{font-size:10px !important;height:28px !important}.baseArea .selectAnswer-area .select-area ul li .radio-inline__label .select-text{font-size:12px !important}.select-area ul li .select-text{font-size:12px !important}.select-name{max-width:30px !important;max-height:30px !important}.question-area{font-size:14px !important}.result .result-area .result-text{font-size:1em !important}.result-img img{width:60px !important;height:20px !important}.medal{display:inline-block !important}.result span{font-size:20px !important}.result img{height:32px !important;width:40px !important}.area #breadcrumbs-two a .medal img{width:20px !important;height:20px !important}.answerCode{font-size:12px !important}table#rightSqlResultTable .different,table#rightSqlResultTable .same,table#userSqlResultTable .different,table#userSqlResultTable .same{font-size:10px}span.level,.levelProgressBar .progress #dynamic{font-size:12px}.levelProgressBar .progress p{font-size:1.3em}.levelProgressBar .progress svg{width:20px;height:34px}.custom,.curriculumTitle{font-size:20px !important}#typing-result-area{font-size:12px}.menu__item__link .unit__name{font-size:16px}.menu__item__link .madal__get__count .chart-area{width:120px;height:180px;top:10px;left:-10px}.menu__item__link{height:105px}.answerCode-area{font-size:10px}.header-area .nav-item{height:90%}.base-area .input-area dl .optIn input{width:4%;height:12px}.base-area .input-area dl dt{font-size:12px}.background-area .rule-area .back-btn-area input{height:35px !important}.scroll-area{font-size:10px}.base-area .element-area .btn-area .change-btn{height:35px !important}.base-area .btn-area input{height:35px !important}}@media screen and (max-height: 930px){#virtual-keyboard-target_keyboard{top:390px !important}}@media screen and (max-height: 780px){#virtual-keyboard-target_keyboard{top:280px !important}}.infomation-area{text-align:center}.base-area .sns-area .google{padding:10px 17px 10px 16px !important}.base-area .sns-area .google img{margin:0px 7px -7px 0 !important}.base-area .sns-area .facebook{padding:10px 9px 8px 3px !important}.base-area .sns-area .facebook img{margin:0 10px -6px 0 !important}.checkbox-area span,.optIn span{font-size:12px !important}a.top{height:35px !important}h3.h3{text-align:center}.base-area .element-area{margin:0px auto !important}#btnArea{display:flex !important;align-items:center !important;justify-content:center !important}table.resultSqlTable{display:block}table.resultSqlTable th{padding:8px;text-align:left;vertical-align:top;color:#333;background-color:#eee;border:1px solid #b9b9b9;white-space:nowrap;font-size:14px;min-width:100px}table.resultSqlTable td{padding:3px;background-color:#fff;border:1px solid #b9b9b9;white-space:nowrap;font-size:14px}table.resultSqlTable .different{background-color:pink}.error{color:red;text-align:center}ul.ul-disc,ul.ul-disc>li{list-style-type:disc;margin-left:1em}.scrollbox{margin:20px;height:690px;overflow-y:auto}.style-change{overflow:none;padding-right:0}.header-area{background-color:#fff;display:flex;align-items:center;position:sticky;top:0;box-shadow:0 2px 2px 1px rgba(0,0,0,.2);z-index:10000}.header-area .logo{cursor:pointer}.header-area .logo img{width:150px;height:40px;padding:5px}.header-area .progressbar{width:500px;height:50px;margin:5px 0 5px 50px;background-color:#e3eefa;border-radius:5px;border:2px solid #0ca5e6;display:flex}.header-area .progressbar svg{width:30px;height:30px;margin:auto 0 auto 5px;fill:#0b41a0}.header-area .progressbar svg .cls-1{fill:#0b41a0}.header-area .progressbar .header-bar-scratch-icon{width:50px;height:40px;margin:auto 0 auto 5px;fill:#0b41a0}.header-area .progressbar .curriculum-name{width:80px;color:#0b41a0;font-size:18px;font-weight:700;padding:0 5px 0 10px;margin:auto 0 auto 0}.header-area .progressbar .level{color:#0b41a0;font-weight:700;font-size:18px;width:45px;padding:0 5px 0 5px;margin:auto 0 auto 10px;position:relative;left:-10px}.header-area .progressbar .progress{margin:20px 5px 5px 5px;width:95%;position:unset;background-color:#d5d5d5}.header-area .progressbar .progress .next-lebel-point-style{color:#0b41a0;font-weight:bold;margin-top:5px;position:relative;width:100%;font-size:12px;margin-bottom:5px;margin-left:10px;position:absolute;width:200px;top:5px}.header-area .progressbar .progress .progress-bar-success{background-color:#3ec1bd;position:relative}.header-area .nav{width:200px;height:40px;margin:0 0 0 calc(100vw - 200px - 150px);text-align:center}.header-area .nav{font-size:14px}.header-area .nav-items{padding:0;list-style:none;margin:0;height:100%}.header-area .nav-item{display:inline-block;margin-right:25px;height:100%}.header-area .nav-item:last-child{margin-right:0}.header-area .nav-link,.header-area .nav-link:link,.header-area .nav-link:visited,.header-area .nav-link:active,.header-area .submenu-link,.header-area .submenu-link:link,.header-area .submenu-link:visited,.header-area .submenu-link:active{display:block;position:relative;font-size:14px;letter-spacing:1px;cursor:pointer;text-decoration:none;outline:none;height:100%;padding:5px 10px 5px 10px}.header-area .nav-link svg,.header-area .nav-link:link svg,.header-area .nav-link:visited svg,.header-area .nav-link:active svg,.header-area .submenu-link svg,.header-area .submenu-link:link svg,.header-area .submenu-link:visited svg,.header-area .submenu-link:active svg{fill:#0b41a0;width:25px;height:25px;vertical-align:middle}.header-area .nav-link svg .cls-1,.header-area .nav-link:link svg .cls-1,.header-area .nav-link:visited svg .cls-1,.header-area .nav-link:active svg .cls-1,.header-area .submenu-link svg .cls-1,.header-area .submenu-link:link svg .cls-1,.header-area .submenu-link:visited svg .cls-1,.header-area .submenu-link:active svg .cls-1{fill:#0b41a0}.header-area .nav-link .practice-svg .cls-1,.header-area .nav-link:link .practice-svg .cls-1,.header-area .nav-link:visited .practice-svg .cls-1,.header-area .nav-link:active .practice-svg .cls-1,.header-area .submenu-link .practice-svg .cls-1,.header-area .submenu-link:link .practice-svg .cls-1,.header-area .submenu-link:visited .practice-svg .cls-1,.header-area .submenu-link:active .practice-svg .cls-1{fill:#fff}.header-area .nav-link .practice-svg .cls-2,.header-area .nav-link:link .practice-svg .cls-2,.header-area .nav-link:visited .practice-svg .cls-2,.header-area .nav-link:active .practice-svg .cls-2,.header-area .submenu-link .practice-svg .cls-2,.header-area .submenu-link:link .practice-svg .cls-2,.header-area .submenu-link:visited .practice-svg .cls-2,.header-area .submenu-link:active .practice-svg .cls-2{fill:#0b41a0}.header-area .nav-link .help-svg .cls-1,.header-area .nav-link:link .help-svg .cls-1,.header-area .nav-link:visited .help-svg .cls-1,.header-area .nav-link:active .help-svg .cls-1,.header-area .submenu-link .help-svg .cls-1,.header-area .submenu-link:link .help-svg .cls-1,.header-area .submenu-link:visited .help-svg .cls-1,.header-area .submenu-link:active .help-svg .cls-1{fill:#0b41a0}.header-area .nav-link .help-svg .cls-2,.header-area .nav-link:link .help-svg .cls-2,.header-area .nav-link:visited .help-svg .cls-2,.header-area .nav-link:active .help-svg .cls-2,.header-area .submenu-link .help-svg .cls-2,.header-area .submenu-link:link .help-svg .cls-2,.header-area .submenu-link:visited .help-svg .cls-2,.header-area .submenu-link:active .help-svg .cls-2{fill:#fff}.header-area .nav-link,.header-area .nav-link:link,.header-area .nav-link:visited,.header-area .nav-link:active{color:#0b41a0;font-weight:bold}.header-area .nav-link:hover{background-color:#e3eefa}.header-area .dropdown{position:relative}.header-area .dropdown .nav-link{height:100%;line-height:17px}.header-area .submenu{position:absolute;top:80%;left:-65px;z-index:100;width:210px;margin-left:-100px;background:#fff;border-radius:3px;line-height:1.46667;margin-top:-5px;box-shadow:0 0 8px rgba(0,0,0,.3);opacity:0;-webkit-transform:translate(0, 0) scale(0.85);transform:translate(0, 0) scale(0.85);transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;pointer-events:none}.header-area .submenu::after,.header-area .submenu::before{content:"";position:absolute;bottom:100%;left:88%;margin-left:-10px;border:10px solid rgba(0,0,0,0);height:0}.header-area .submenu::after{border-bottom-color:#fff}.header-area .submenu::before{margin-left:-13px;border:13px solid rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,.1);-webkit-filter:blur(1px);filter:blur(1px)}.header-area .submenu-items{list-style:none;padding:10px 0}.header-area .submenu-item{display:block;text-align:left}.header-area .submenu-item span img{width:25px;height:25px}.header-area .submenu-item:hover{background-color:#e3eefa}.header-area .submenu-item:visited{background-color:#e3eefa}.header-area .submenu-link,.header-area .submenu-link:link,.header-area .submenu-link:visited,.header-area .submenu-link:active{color:#0b41a0;padding:10px 20px}.header-area .submenu-seperator{height:0;margin:12px 10px;border-top:1px solid #eee}.header-area .show-submenu .submenu{opacity:1;-webkit-transform:translate(0, 25px) scale(1);transform:translate(0, 25px) scale(1);pointer-events:auto}

/*# sourceMappingURL=layout.css.map*/