@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*{box-sizing:border-box}a{color:#000;text-decoration:none}@font-face{font-family:SangSangFlowerRoad;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangFlowerRoad.woff) format("woff"),url(https://d3fc8mvhyp5uqo.cloudfront.net/fonts/SangSangFlowerRoad.ttf) format("truetype")}table{border-collapse:collapse}textarea{resize:none}body{font-family:Noto Sans KR,sans-serif!important}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;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:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.pagination{align-items:center;border-radius:4px;display:flex;justify-content:center;margin:20px 0;padding-left:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{background-color:#fff;border:1px solid #ddd;color:#337ab7;float:left;line-height:1.42857143;margin-left:-1px;padding:6px 12px;position:relative;text-decoration:none}.pagination>li:first-child>a,.pagination>li:first-child>span{border-bottom-left-radius:4px;border-top-left-radius:4px;margin-left:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#eee;border-color:#ddd;color:#23527c}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#337ab7;border-color:#337ab7;color:#fff;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{background-color:#fff;border-color:#ddd;color:#777;cursor:not-allowed}.Login{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.Login .main-title{font-size:28px;font-weight:700;margin:10vh auto 0;text-align:center}.Login .logo-img{margin:6vh auto;width:180px}.Login .inputs{display:flex;flex-direction:column;margin:auto;max-width:450px;width:80%}.Login .inputs .inputs-description{color:#9f9f9f;font-size:18px;margin:20px 0;text-align:center}.Login .inputs input{border:1px solid #d1d1d1;border-radius:6px;font-size:18px;padding:14px 16px}.Login .inputs input:first-of-type{margin-bottom:20px}.Login .inputs input::placeholder{font-size:14px}.Login .inputs .student-login{background-color:#2c3b90;border:none;border-radius:6px;color:#fff;font-size:20px;margin-top:3vh;padding:12px 0;width:100%}.Dropdown{display:inline-block;margin:0 auto;position:relative}.Dropdown select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(#fff,#fff 60%,#f5f5f5);border:1px solid #0000001a;border-radius:8px;cursor:pointer;margin:5px;padding:8px 22px 8px 12px}.Dropdown .caret{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px dashed;color:#000;display:inline-block;height:0;margin-left:2px;position:absolute;right:14px;top:21px;vertical-align:middle;width:0}.Main{align-items:center;display:flex;height:500px;justify-content:space-between;margin:0 auto;width:1100px}.Main .left-section{width:50%}.Main .left-section img{width:100%}.Main .right-section{width:50%}.Main .right-section .welcome{font-size:24px;margin-bottom:30px;text-align:center}.Main .right-section .welcome .name{font-weight:700}.Main .right-section .menu-wrap,.Main .right-section .menu-wrap .menu{align-items:center;display:flex;justify-content:center}.Main .right-section .menu-wrap .menu{border:1px solid #d3d3d3;border-radius:8px;flex-direction:column;height:300px;margin:20px;padding:10px}.Main .right-section .menu-wrap .menu .title{font-size:20px;font-weight:700;margin-bottom:10px}.Main .right-section .menu-wrap .menu .submenu{align-items:center;background-color:#2fa4e7;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;margin:10px 0;width:200px}.Main-mob .welcome{font-size:24px;margin:20px;text-align:center}.Main-mob .welcome .name{font-weight:700}.Main-mob .menu-wrap,.Main-mob .menu-wrap .menu{align-items:center;display:flex;flex-direction:column;justify-content:center}.Main-mob .menu-wrap .menu{border:1px solid #d3d3d3;border-radius:8px;margin:20px;padding:10px}.Main-mob .menu-wrap .menu .title{font-size:20px;font-weight:700;margin:10px}.Main-mob .menu-wrap .menu .submenu{align-items:center;background-color:#2fa4e7;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;margin:10px 0;width:200px}.Layout{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:600px}.Layout-mob{width:100vw}.ReactModal__Overlay{background-color:#0000004d!important}.ReactModal__Content{background-color:#fff;border-radius:8px;bottom:auto;display:flex;flex-direction:column;left:50%;margin-right:-50%;min-height:100px;min-width:300px;padding:18px;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%)}.ReactModal__Content:focus{outline:0}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-header .title{font-size:20px;font-weight:700}.modal-header .close{background:none;border:0;cursor:pointer;height:20px;margin:0;padding:0;position:relative;width:20px}.modal-header .close:after,.modal-header .close:before{background:#000;border-radius:1px;content:"";height:1px;left:0;position:absolute;right:0;top:9.5px}.modal-header .close:before{transform:rotate(45deg)}.modal-header .close:after{transform:rotate(-45deg)}.modal-header .close span{display:block}.modal-body{margin-top:10px;overflow:auto}.AccessModal{background-color:#fff;padding:0;width:300px}.AccessModal .header{background-color:#044c92;border-radius:8px 8px 0 0;color:#fff;font-size:18px}.AccessModal .centers,.AccessModal .header{align-items:center;display:flex;font-weight:700;height:50px;justify-content:flex-start;padding-left:20px}.AccessModal .centers{cursor:pointer}.AccessModal .modal-body{margin-top:0}.Header{height:100px;justify-content:space-between;position:relative}.Header,.Header .left-section{align-items:center;display:flex}.Header .left-section{height:100%;justify-content:flex-start}.Header .left-section img{cursor:pointer;margin-right:20px;width:200px}.Header .left-section .nav{align-items:center;display:flex;height:100%;justify-content:space-between}.Header .left-section .nav .menu{align-items:center;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:flex-start;margin:0 20px}.Header .left-section .nav .menu.active,.Header .left-section .nav .menu:hover{color:#005dac;font-weight:700}.Header .left-section .nav .submenu{align-items:flex-start;background:#fff;border-radius:6px;box-shadow:0 3px 6px 0 #0000001f;color:#1b1b1b;display:none;flex-direction:column;justify-content:center;min-width:150px;padding:13px 0;position:absolute;top:85px;z-index:100}.Header .left-section .nav .submenu.active{display:flex}.Header .left-section .nav .submenu a{align-items:center;display:flex;font-size:16px;font-weight:400;height:47px;justify-content:flex-start;padding:10px 20px;width:100%}.Header .left-section .nav .submenu a:hover{background:#f6f6f6;color:#005dac;font-weight:700}.Header .right-section{align-items:center;display:flex;justify-content:flex-start}.Header .right-section .logout{align-items:center;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin:0 20px}.Header-mob{background-color:#2b3b90;color:#fff;height:60px;justify-content:space-between;padding:0 20px;position:relative;width:100%}.Header-mob,.Header-mob>.right-section{align-items:center;display:flex}.Header-mob .zion-logo{margin-bottom:30px;width:200px}.Header-mob .zion-logo img{width:100%}.Header-mob .logout{color:#fff;cursor:pointer;font-size:25px;margin:0 10px}.Header-mob .arrow-left{cursor:pointer}.Header-mob .bm-burger-button{height:20px;left:30px;position:absolute;top:28px;width:30px}.Header-mob .bm-burger-bars{background:#999;height:10%!important}.Header-mob .bm-cross-button{right:20px!important;top:35px!important}.Header-mob .bm-cross{background:#999;height:24px!important}.Header-mob .bm-menu-wrap{height:100%;left:0;position:fixed;top:0;width:100%}.Header-mob .bm-menu{background:#fff;font-size:12px;padding:28px 16px 0}.Header-mob .bm-morph-shape{fill:#373a47}.Header-mob .bm-item{align-items:center;display:flex!important;font-size:20px;font-weight:700;justify-content:flex-start}.Header-mob .bm-overlay{background:#0000004d;left:0;top:0}.Header-mob .menu-item{margin:10px}.Header-mob .submenu-wrap{align-items:flex-start;flex-direction:column;height:0;margin:0;opacity:0;padding:0;transition:all .5s;visibility:hidden}.Header-mob .submenu-wrap.open{opacity:1;visibility:visible}.Header-mob .submenu-wrap.open.four{height:164px}.Header-mob .submenu-wrap.open.three{height:170px}.Header-mob .menu-item-sub{align-items:center;display:flex!important;font-size:16px;font-weight:400;height:36px;justify-content:flex-start;line-height:2.5;padding:0 18px;width:100%}.Header-mob .menu-item-sub:first-child{margin-top:12px}.Header-mob .menu-item-sub:last-child{margin-bottom:12px}.Header-mob .menu-item-sub.active{background-color:#fff;color:#004e90;font-weight:700}.Button{background-image:linear-gradient(#fff,#fff 60%,#f5f5f5);border:1px solid #0000001a;border-radius:8px;cursor:pointer;font-size:14px;margin:5px;padding:8px 12px}.Button.primary{background-image:linear-gradient(#54b4eb,#2fa4e7 60%,#1d9ce5);border-color:#2fa4e7;color:#fff;font-weight:700}.Button.success{background-image:linear-gradient(#88c149,#73a839 60%,#699934);border-color:#73a839;color:#fff;font-weight:700}.Button.danger{background-image:linear-gradient(#e12b31,#c71c22 60%,#b5191f);border-color:#c71c22;color:#fff;font-weight:700}.Loading{align-items:center;background-color:#ffffff80;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.Loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.CompletionExamMain{margin:0 auto;max-width:450px}.CompletionExamMain .welcome{color:#323232;font-size:24px;line-height:1.2;margin:40px 0 30px 20px}.CompletionExamMain .welcome .class{color:gray;font-size:16px;margin-top:8px}.CompletionExamMain .exam-item{border-radius:10px;box-shadow:0 0 12px 3px #d3d3d3;cursor:pointer;margin:0 20px 20px;padding:20px}.CompletionExamMain .exam-description{border-bottom:1px solid silver;color:#6a6a6a;font-size:12px;margin-bottom:10px;padding-bottom:5px}.CompletionExamMain .exam-content{align-items:center;display:flex;justify-content:space-between}.CompletionExamMain .exam-title{font-size:16px;font-weight:500}.CompletionExamMain .exam-status{background-color:#5f9ea0;border-radius:3px;color:#fff;font-size:12px;padding:3px 10px}.CompletionExamMain .exam-status.closed{background-color:#ff4500;color:#fff}.CompletionExamMain .exam-status.in_progress{background-color:#fff1e0;color:#ec8c00}.CompletionExamMain .exam-status.ready{background-color:#dbf5fd;color:#0089e6}.CompletionExamMain .exam-status.applied{background-color:#def8df;color:#00aa54}.LanguageModal{min-width:0;width:340px}.LanguageModal .option{align-items:center;border-bottom:1px solid #d3d3d3;cursor:pointer;display:flex;font-size:18px;justify-content:space-between;padding:10px 5px 10px 0}.LanguageModal .option:first-of-type{border-top:1px solid #d3d3d3}.LanguageModal .option>svg{display:none}.LanguageModal .option:hover{background-color:#faebd7}.LanguageModal .clicked>svg{color:#1d72c3;display:inline-block}.LanguageModal .warning{align-items:center;display:flex;justify-content:center}.CompletionExamRoom{height:calc(100vh - 120px)}.CompletionExamRoom .progress{background-color:#f4f4f4;margin-bottom:10px;padding:20px}.CompletionExamRoom .progress .progress-title{margin-bottom:10px}.CompletionExamRoom .progress .progress-item{margin:0 auto;max-width:450px}.CompletionExamRoom .progress .progress-item:first-of-type{margin-bottom:8px}.CompletionExamRoom .progress .progress-item .label{margin-right:8px}.CompletionExamRoom .progress .progress-item .time{font-weight:700}.CompletionExamRoom .progress .progress-item .count{margin-right:8px}.CompletionExamRoom .progress .progress-item .count .quiz-no{font-weight:700}.CompletionExamRoom .progress .progress-item .bars{display:inline-block;position:relative}.CompletionExamRoom .progress .progress-item .bars .empty-bar{background-color:#fff;border:1px solid gray;border-radius:4px;height:10px;max-width:270px;width:calc(100vw - 180px)}.CompletionExamRoom .progress .progress-item .bars .filled-bar{background-color:#2dc1fd;border-radius:4px;bottom:0;height:10px;position:absolute}.CompletionExamRoom .quiz{margin:0 auto;max-width:450px;padding:20px 20px 100px}.CompletionExamRoom .quiz .title{color:#333;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:24px}.CompletionExamRoom .quiz .title .no{color:#2dc1fd;font-weight:700;margin-right:4px}.CompletionExamRoom .quiz .title u{text-decoration-color:#2dc1fd;text-decoration-thickness:2px}.CompletionExamRoom .quiz .choice{border:1px solid #d3d3d3;border-radius:6px;cursor:pointer;font-size:18px;margin-bottom:12px;padding:10px}.CompletionExamRoom .quiz .choice .no{align-items:center;border:1px solid gray;border-radius:50%;display:inline-flex;height:24px;justify-content:center;margin-right:4px;width:24px}.CompletionExamRoom .quiz .choice.is-checked{background-color:#def6ff;border-color:#40a2bd;position:relative}.CompletionExamRoom .quiz .choice.is-checked .checkmark{font-size:24px;font-weight:700;left:14px;position:absolute;top:0}.CompletionExamRoom .quiz .short-answer-textarea{border:1px solid #e0e0e0;border-radius:8px;font-size:16px;line-height:1.5;margin-bottom:15px;min-height:60px;padding:2px 6px;resize:vertical;width:100%}.CompletionExamRoom .quiz .short-answer-textarea:focus{border-color:#2dc1fd;box-shadow:0 0 0 2px #2dc1fd33;outline:none}.CompletionExamRoom .short-answer-sub-quiz{align-items:flex-start;display:flex;margin-bottom:15px}.CompletionExamRoom .short-answer-sub-quiz .no{color:#555;font-size:13px;font-weight:700;margin-right:10px;min-width:25px;padding-top:15px;text-align:right}.CompletionExamRoom .short-answer-sub-quiz.no-number-absent .short-answer-content{margin-left:35px}.CompletionExamRoom .short-answer-sub-quiz .short-answer-content{display:flex;flex-direction:column;flex-grow:1}.CompletionExamRoom .short-answer-sub-quiz .response-field-label{color:#333;font-weight:500;margin-bottom:5px;min-width:80px;padding-top:15px}.CompletionExamRoom .short-answer-sub-quiz .short-answer-textarea{flex-grow:1;margin-bottom:0}.CompletionExamRoom .buttons{align-items:center;background-color:#fff;border-top:1px solid #d3d3d3;bottom:0;display:flex;justify-content:center;margin:0 auto;position:fixed;width:100%}.CompletionExamRoom .buttons button{border:0;border-radius:6px;color:#fff;cursor:pointer;height:40px;margin:20px 10px;width:125px}.CompletionExamRoom .buttons button.prev{background-color:#9a9a9a}.CompletionExamRoom .buttons button.prev:hover{background-color:#545b62;transform:translateY(-1px)}.CompletionExamRoom .buttons button.prev:active{transform:translateY(0)}.CompletionExamRoom .buttons button.next{background-color:#2dc1fd}.CompletionExamRoom .buttons button.next:hover{background-color:#02aff5;transform:translateY(-1px)}.CompletionExamRoom .buttons button.next:active{transform:translateY(0)}
/*# sourceMappingURL=main.0fc42445.css.map*/