.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}.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}.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}.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}.question{background-color:#fff;min-width:150px;height:180px;overflow:auto;width:100%;margin:0px;position:absolute;top:0;box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:5px;font-size:15px;position:relative;padding:5px;padding-top:10px}.question div{width:95%;height:auto;position:absolute;border:1px solid #707070;background-color:#fff;border-radius:0}#normal-contents>.area-title{color:#fff;text-align:center;font-size:45px;font-weight:bold;position:relative;height:40px}#normal-contents>.area-title i{color:hsla(0,0%,100%,.5);font-size:2em}#normal-contents>.area-title svg{width:70px;height:70px}#normal-contents>.area-title svg .cls-1{fill:hsla(0,0%,100%,.5)}#normal-contents>.area-title div{color:#fff;text-align:center;font-size:35px;font-weight:bold;width:100%;margin:5px 0 20px 0}#normal-contents .program__area .main-area{height:calc(100% - 120px)}#element-contents .program__area .main-area{height:calc(100% - 180px - 120px)}.base-area-single{background-color:#e3eefa;border-top-left-radius:5px;border-top-right-radius:5px;margin:10px auto;margin-bottom:0px;padding:5px;max-width:1200px}.base-area{background-color:#e3eefa;border-top-left-radius:5px;border-top-right-radius:5px;margin:10px 5px 0 5px;margin-bottom:0px;padding:5px}.base-area .top-area{display:flex;margin:0;height:180px}.base-area .top-area .left-area,.base-area .top-area .right-area{flex-wrap:wrap;justify-content:space-around;flex-basis:auto;width:50%;background-color:#e3eefa;border-radius:5px;margin:0px 5px 0 10px;position:relative;width:50%;overflow:hidden;height:calc(100% - 15px);overflow-y:auto}.base-area .top-area .right-area{position:relative}.base-area .top-area .right-area .later-button-area{margin-top:20px}.base-area .top-area .right-area .vertical-middle{position:absolute;width:100%;top:50%;left:0%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.base-area .top-area .question{background-color:#fff;min-width:150px;height:auto;width:100%;margin:0px;position:absolute;top:0;box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:5px;font-size:15px;position:relative;padding:5px;padding-top:10px}.base-area .top-area .ui-resizable-handle.ui-resizable-s{position:absolute;width:100%;height:15px;background:url(/static/dist/img/hsizegrip.png) center center no-repeat #c1d0ea;cursor:row-resize}.base-area .top-area .ui-resizable-handle.ui-resizable-s.dragging{position:fixed;top:0;height:100vh;background-color:rgba(0,0,0,0);background-image:none}.base-area .middle-area{display:flex;margin:0}.base-area .middle-area .left-area,.base-area .middle-area .right-area{flex-wrap:wrap;justify-content:space-around;flex-basis:auto;width:50%;background-color:#e3eefa;border-radius:5px;margin:0px 5px 0 10px;position:relative;width:50%;overflow:hidden}.base-area .main-area{display:flex;height:calc(100% - 180px - 30px);margin:0;padding-top:10px}.base-area .main-area.exam{height:calc(100% - 180px - 30px - 30px)}.base-area .main-area .left-area,.base-area .main-area .right-area{flex-wrap:wrap;justify-content:space-around;flex-basis:auto;width:50%;background-color:#e3eefa;border-radius:5px;margin:0px 5px 0 10px;position:relative;width:50%;overflow:hidden}.base-area .main-area .editer-area{width:30%;transition:width .3s ease-out;height:100%;padding:0 0;margin:0 0 0 10px}.base-area .main-area .editer-area .ui-resizable-handle.ui-resizable-e{width:15px;background:url(/static/dist/img/vsizegrip.png) center center no-repeat #c1d0ea;cursor:col-resize}.base-area .main-area .editer-area .editer-area-element{height:100%;background-color:#fff;border-radius:5px;width:100%;box-shadow:0 0 5px rgba(0,0,0,.2)}.base-area .main-area .editer-area.SQL{flex:0 0 auto;width:30%}.base-area .main-area .editer-area.JAVA{flex:0 0 auto;width:70%}.base-area .main-area .editer-area.COBOL{width:80%}.base-area .main-area .run-area{width:70%;margin:0 10px 5px 5px;position:sticky;height:100%;box-shadow:0 0 5px rgba(0,0,0,.2)}.base-area .main-area .run-area{flex:1}.base-area .main-area .main-area-element{width:100%;height:100%}.top-area:not(.ui-resizable){margin-bottom:20px}.list-area{background-color:#e3eefa;margin-left:auto;margin-right:auto;margin-top:10px;padding:20px;padding-bottom:0;border-radius:5px}.list-area .title{display:flex;background-color:#0b41a0;color:#fff;border-radius:5px;padding:5px;width:100%}.list-area .question-list-area{display:flex;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);border-radius:5px;font-size:18px;font-weight:700;padding:5px;margin-top:5px;margin-top:10px;cursor:pointer}.list-area .question-list-area:hover{background-color:#e3eefa}.current-question{color:#fff;font-weight:700;font-size:20px}/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:rgba(0,0,0,0);text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:rgba(0,0,0,0);padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{cursor:pointer;-webkit-appearance:none;appearance:none}button[disabled],[type=button][disabled],[type=reset][disabled],[type=submit][disabled]{cursor:default}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}template{display:none}[hidden]{display:none}.levelProgressBar{color:#fff;width:100%;height:70px;position:absolute}.levelProgressBar .progress{margin:10px;max-width:500px;margin-top:30px;box-shadow:0 0 5px rgba(0,0,0,.2);background-color:#d5d5d5;height:25px}.levelProgressBar .progress p{color:#0b41a0;font-weight:bold;margin-top:5px;width:100%;font-size:1.5em;margin-bottom:5px;margin-left:10px;position:absolute;width:500px;top:0}.levelProgressBar .progress p svg{width:30px;height:30px;position:absolute;right:60px;padding-bottom:5px}.levelProgressBar .progress p svg .cls-1{fill:#3ec1bd}.levelProgressBar .progress p .level{position:absolute}.levelProgressBar .progress p .ex{position:absolute;right:5%}.levelProgressBar .progress #dynamic{font-size:18px;line-height:30px}.levelProgressBar .progress-bar-success{background-color:#3ec1bd}.progress-bar{height:100%;color:#fff;text-align:center;transition:width .6s ease}.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progressbar{color:#fff;width:50%;height:70px;right:1%;margin-left:5%;background-color:#e3eefa}.progressbar .progress{margin:10px;max-width:500px;margin-top:30px;box-shadow:0 0 5px rgba(0,0,0,.2);background-color:#d5d5d5;height:20px}.progressbar .progress p{color:#0b41a0;font-weight:bold;margin-top:5px;position:relative;width:100%;font-size:1.5em;margin-bottom:5px;margin-left:10px;position:absolute;top:0}.progressbar .progress p svg{width:30px;height:30px;position:absolute;right:15%;padding-bottom:5px}.progressbar .progress p svg .cls-1{fill:#3ec1bd}.progressbar .progress p .level{position:absolute}.progressbar .progress p .ex{position:absolute;right:5%}.progressbar .progress #dynamic{font-size:18px;line-height:30px}.progressbar .progress-bar-success{background-color:#3ec1bd}.progress-bar{height:100%;color:#fff;text-align:center;transition:width .6s ease}.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}body{font-size:14px;min-width:1000px;background-color:#1c80e7;font-family:"メイリオ","Arial",YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"ＭＳ ゴシック",sans-serif}a:hover,a:focus{color:#23527c;text-decoration:underline}button{text-align:center}input[type=text],input[type=password]{background-color:#fff;border:#707070 1px solid}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset}#contents{padding-bottom:60px}.list-contents{padding-bottom:60px;overflow-y:auto}#wrapper{height:100vh;min-height:100vh;position:relative;padding-bottom:30px;box-sizing:border-box;padding-left:0;padding-right:0}#wrapper-element,#wrapper-normal{height:calc(100vh - 50px);min-height:calc(100vh - 50px);position:relative;box-sizing:border-box;padding-left:0;padding-right:0}#contents{margin-top:5px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid rgba(0,0,0,0);padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}footer{width:100%;height:40px;position:fixed;bottom:0;background-color:#636363;color:#fff;z-index:100}footer .infomation-area{height:100%;margin:auto;width:300px;display:flex;justify-content:center;align-items:center}footer a{text-decoration:none;color:#fff}.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}.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}.check__area .button__area .returnBtn{display:inline-block;padding:.3em 1em;margin:7px;text-decoration:none;color:#fff;border:solid 2px #0ca5e6;font-size:15px;font-weight:700;border-radius:3px;transition:.4s;background:#0ca5e6;height:40px;width:150px;outline:0;text-align:center}.check__area .button__area .returnBtn:hover{background-color:#0ca5e6}.check__area .button__area .returnBtn{position:absolute;left:1%}.check__area .button__area .restart{position:absolute;left:45%}.check__area .button__area .later{position:absolute;right:1%}.check__area .button__area{background-color:#fff;position:fixed;bottom:40px;z-index:100;width:100%;height:50px}.title{color:#fff;font-weight:700;font-size:30px;text-align:center}.base-area{background-color:#e3eefa;border-radius:5px;width:800px;margin:10px auto 20px auto;padding:0 0 30px 0}.base-area .base-area-element{width:400px;margin:0 auto 0 auto;padding:10px 0 0 0}.base-area .base-area-element p{font-size:18px;text-align:center;padding:10px 0 0 0;margin:0}.base-area .base-area-element .textbox{display:flex;margin:20px auto 20px auto;width:250px}.base-area .base-area-element .textbox svg{width:30px;height:30px;fill:#0b41a0}.base-area .base-area-element .textbox input{margin:0 0 0 10px}.base-area .base-area-element .btn-area{margin:10px auto 10px auto;width:165px}.base-area .base-area-element .btn-area button{display:inline-block;padding:.3em 1em;margin:7px;text-decoration:none;color:#fff;border:solid 2px #0ca5e6;font-size:15px;font-weight:700;border-radius:3px;transition:.4s;background:#0ca5e6;height:40px;width:150px;outline:0;text-align:center}.base-area .base-area-element .btn-area button:hover{background-color:#0ca5e6}.base-area .base-area-element .btn-area button{border:0;position:relative}.base-area .base-area-element .btn-area button:hover{background-color:#0c91d8}.base-area .base-area-element .password-forgot{text-align:center;margin:0 auto 0 auto}.base-area .base-area-element .password-forgot a{color:#0b41a0;cursor:pointer}.base-area .base-area-element .login-divider{font-size:12px;margin:24px auto 16px;text-align:center;width:272px;position:relative}.base-area .base-area-element .login-divider::before{content:"";display:block;width:88px;height:1px;position:absolute;top:50%;left:0;background-color:#707070}.base-area .base-area-element .login-divider::after{content:"";display:block;width:88px;height:1px;position:absolute;top:50%;right:0;background-color:#707070}.base-area .base-area-element .sns-area{margin:35px auto 0 auto;width:209px}.base-area .base-area-element .sns-area .google{background-color:#fff;color:#707070;font-weight:700;border:2px solid #b6b6b6;border-radius:5px;margin:0 auto 0 auto;padding:10px 28px 10px 10px;text-decoration:none;cursor:pointer}.base-area .base-area-element .sns-area .google img{width:30px;height:30px;margin:0 10px 0 0}.base-area .base-area-element .sns-area .google:hover{border:2px solid #707070}.base-area .base-area-element .sns-area .facebook{background-color:#fff;color:#0b41a0;font-weight:700;border:2px solid #b6b6b6;border-radius:5px;margin:0 auto 10px auto;padding:10px;text-decoration:none;cursor:pointer}.base-area .base-area-element .sns-area .facebook img{width:30px;height:30px;margin:0 10px 0 0}.base-area .base-area-element .sns-area .facebook:hover{border:2px solid #0b41a0}

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