@charset "UTF-8";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css";@font-face{font-family:twayair;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayair.woff) format("woff")}@page{size:A4 portrait;margin:7mm 0 10mm}html,body,ul,li,#root{height:100%;margin:0;-ms-overflow-style:none;padding:0;overflow-x:hidden}html::-webkit-scrollbar,body::-webkit-scrollbar,ul::-webkit-scrollbar,li::-webkit-scrollbar,#root::-webkit-scrollbar{display:none}html .login-route-container,body .login-route-container,ul .login-route-container,li .login-route-container,#root .login-route-container{width:100%;height:100%;overflow-x:auto}html .login-route-container::-webkit-scrollbar,body .login-route-container::-webkit-scrollbar,ul .login-route-container::-webkit-scrollbar,li .login-route-container::-webkit-scrollbar,#root .login-route-container::-webkit-scrollbar{height:.5rem}html .login-route-container::-webkit-scrollbar-thumb,body .login-route-container::-webkit-scrollbar-thumb,ul .login-route-container::-webkit-scrollbar-thumb,li .login-route-container::-webkit-scrollbar-thumb,#root .login-route-container::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}html .login-route-container::-webkit-scrollbar-track,body .login-route-container::-webkit-scrollbar-track,ul .login-route-container::-webkit-scrollbar-track,li .login-route-container::-webkit-scrollbar-track,#root .login-route-container::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}ol,ul{list-style:none}h1{font-family:twayair;font-size:2.125rem;font-style:normal;line-height:2.8125rem;font-weight:400;letter-spacing:-.10625rem;margin:0}h2{font-family:twayair;font-size:1.875rem;font-style:normal;font-weight:400;letter-spacing:-.15rem;margin:0}h3{font-family:Pretendard;font-size:1.5rem;font-style:normal;font-weight:600;line-height:2.1875rem;letter-spacing:-.105rem;margin:0}h4{font-family:Pretendard;font-size:1.0625rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.053125rem;margin:0}h5{font-family:Pretendard;font-size:.9375rem;font-style:normal;font-weight:400;letter-spacing:-.05625rem;margin:0}h6{font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.040625rem;margin:0}p{font-family:Pretendard}.col-container{overflow-x:hidden}.link{transition:transform .1s;cursor:pointer;white-space:nowrap}.link:hover{transform:scale(1.02)}.modal{width:100%;height:100%;position:fixed;display:flex;align-items:center;z-index:10;background-color:#eeeeeeb3;-webkit-backdrop-filter:blur(.06rem);backdrop-filter:blur(.06rem)}dialog{padding:0;border:none;border-radius:1.875rem;box-shadow:0 2px 16.5px #43325e4d}p{margin:0}button{cursor:pointer}.Toastify__toast-container{width:auto!important}.Toastify__toast-body{white-space:pre-line}body>input{display:none}#menu-select-menu .MuiPaper-root{width:auto;margin-top:.1rem;margin-left:.01807rem;padding:0;border:1px solid var(--role-color, #7246bb);border-radius:.5rem;box-shadow:0 0 10px #0000001a}#menu-select-menu .MuiPaper-root .MuiList-root{padding:0}#menu-select-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root{border-bottom:1px solid var(--role-color, #7246bb);padding:.375rem 1.1rem;color:#696969;font-family:Pretendard;font-size:1.1rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.059375rem}#menu-select-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root:last-child{border-bottom:none}#menu-select-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover{background:none}#menu-select-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover h5,#menu-select-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover .select-item{font-weight:700}#menu-select-menu .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected{background:none}[role=teacher]{--role-color: #7246bb;--role-opposite-color: #00c896;--role-gradient-color: linear-gradient(90deg, #330c90 0%, #b440ce 50.57%);--report-font: 1.1rem;--role-menu-color: #7346bbc7}[role=student]{--role-color: #00c896;--role-opposite-color: #7246bb;--role-gradient-color: linear-gradient(90deg, #c5f263 -.08%, #00c896 40.92%);--report-font: 1.5rem;--role-menu-color: #00c896c7}.loading-background{animation:cssAnimation 0s .5s forwards;visibility:hidden;display:flex;flex-direction:column;position:absolute;justify-content:center;align-items:center;height:100%;width:100%;background-color:#eeeeeeb3;z-index:100;gap:2rem}.loading-background h4{color:#3d3d3d}.loading-background~div{pointer-events:none}@keyframes cssAnimation{to{visibility:visible}}.point-button-wrapper{z-index:999;position:absolute;bottom:2rem;left:1.5rem}.point-button-wrapper .point-button{margin-left:1rem;align-self:flex-start;position:relative;display:inline-block;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit;width:30rem;height:auto}.point-button-wrapper .point-button .circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;display:block;margin:0;width:3.5rem;height:3.5rem;background:var(--role-gradient-color);border-radius:1.625rem;box-shadow:0 .5em 1.5em .2em #11111126,0 .15em .3em #7246bb73,0 .05em .2em #7246bba6}.point-button-wrapper .point-button .circle .icon{color:#fff;transition:all .45s cubic-bezier(.65,0,.076,1);display:flex;align-items:end;justify-content:center;position:absolute;top:0;bottom:.1rem;margin:auto;margin-left:1rem;font-size:3rem}.point-button-wrapper .point-button .point-information{display:none;transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:.2rem;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:var(--role-color);font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}.point-button-wrapper .point-button .point-information .title{white-space:nowrap;color:#fff}.point-button-wrapper .point-button .point-information .point-container{width:30%;display:flex;justify-content:end;align-items:center;gap:.3rem;color:#fff;padding-left:1rem;border-bottom:1px solid #fff;white-space:nowrap}.point-button-wrapper .point-button .point-information .point-container h5{padding-bottom:.3rem}.point-button-wrapper .point-button .point-information .charge-button{display:flex;justify-content:center;align-items:center;border-radius:1rem;padding:.5rem .7rem;cursor:pointer;white-space:nowrap;transition:transform .2s}.point-button-wrapper .point-button .point-information .charge-button:hover{transform:scale(1.05);background-color:#fff}.point-button-wrapper .point-button .point-information .charge-button:hover h4{color:var(--role-color)}.point-button-wrapper .point-button .point-information .charge-button h4{color:#fff}.point-button-wrapper .point-button:hover{border-radius:10rem;background-color:#fff}.point-button-wrapper .point-button:hover .circle{width:100%}.point-button-wrapper .point-button:hover .circle .icon{display:none}.point-button-wrapper .point-button:hover .point-information{display:flex;justify-content:space-around;align-items:center}.modal-with-title{min-width:42.1vw;max-height:95svh;overflow-y:auto}.modal-with-title::-webkit-scrollbar{width:.3rem}.modal-with-title::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.modal-with-title::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.modal-with-title::-webkit-scrollbar{display:none}.modal-with-title .header{height:5rem;width:100%;display:flex;justify-content:space-between;position:absolute}.modal-with-title .header .title-container{width:80%;padding-left:6%;display:flex;align-items:end}.modal-with-title .header .title-container h2{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:.125rem 0}.modal-with-title .header .title-container h2:before{border-style:solid;border-width:.0625rem .179rem;border-radius:.625rem;margin-right:.75rem;content:""}.modal-with-title .header .title-container .teacher-title-stroke-color:before{color:#00c896;border-left-color:#00c896;border-right-color:#00c896}.modal-with-title .header .title-container .student-title-stroke-color:before{color:#7246bb;border-left-color:#7246bb;border-right-color:#7246bb}.modal-with-title .header .close-button{margin-top:2rem;margin-right:2rem}.modal-with-title .header .close-button img{width:2.25rem;cursor:pointer}.modal-with-title .content{margin-top:5.5rem;padding:1.25rem 7% 2.5rem 6%;box-sizing:border-box}.modal-with-title .content .button-container{display:flex;justify-content:center;gap:4%}.modal-with-title .content .button-container .button{width:20rem;padding:1rem 0;border:none;border-radius:.75rem;cursor:pointer}.modal-with-title .content .button-container .button h3{text-align:center;color:#fff}.modal-with-title .content .button-container .icon-button{width:20rem;padding:1rem 0;border:none;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;background:#fff!important;border:1px var(--role-color, #7246bb) solid}.modal-with-title .content .button-container .icon-button img{height:1.9rem;width:auto}.modal-with-title .content .button-container .icon-button h3{text-align:center;color:var(--role-color, #7246bb)}.modal-with-title .content .button-container .close{background-color:#a0a0a0;transition:transform .1s;cursor:pointer}.modal-with-title .content .button-container .close:hover{transform:scale(1.02)}.modal-with-title .content .button-container .teacher-submit{transition:transform .1s;cursor:pointer;background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.modal-with-title .content .button-container .teacher-submit:hover{transform:scale(1.02)}.modal-with-title .content .button-container .teacher-submit:disabled{cursor:not-allowed;background:#696969}.modal-with-title .content .button-container .teacher-submit:disabled:hover{transform:none}.modal-with-title .content .button-container .teacher-submit .disable-true{background:#a0a0a0!important}.modal-with-title .content .button-container .teacher-submit .disable-true:hover{transform:none!important}.modal-with-title .content .button-container .student-submit{transition:transform .1s;cursor:pointer;background:linear-gradient(90deg,#c5f263 -.08%,#00c896 40.92%)}.modal-with-title .content .button-container .student-submit:hover{transform:scale(1.02)}.modal-with-title .content .button-container .disable-true{background:#a0a0a0!important}.modal-with-title .content .button-container .disable-true:hover{transform:none!important}.integrated-class,.integrated-student,.class-report,.student-report{width:61rem}.teacher-title-with-line,.student-title-with-line{display:flex;align-items:center;height:2.5rem}.teacher-title-with-line:before,.student-title-with-line:before{height:20px;border:2px solid;border-radius:.625rem;margin-right:17px;content:""}.teacher-title-with-line:before{border-color:#00c896}.student-title-with-line:before{border-color:#7246bb}.title-flex{flex-grow:6}.custom-table-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1rem}.custom-table-wrapper .search-wrapper{width:100%;display:flex;justify-content:end;gap:.5rem}.custom-table-wrapper .search-wrapper.title{justify-content:space-between;padding:0 0 0 20px;box-sizing:border-box}.custom-table-wrapper .search-wrapper .search-type-label{height:fit-content;padding:.5rem 1rem;box-sizing:border-box;border:1px solid #d3d3d3;border-radius:.9375rem;height:100%;text-align:center}.custom-table-wrapper .search-wrapper .search-input{height:fit-content;padding:.5rem 1rem;box-sizing:border-box;border:1px solid #d3d3d3;border-radius:.9375rem;display:flex;align-items:center}.custom-table-wrapper .search-wrapper .search-input input[type=text],.custom-table-wrapper .search-wrapper .search-input input{font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.040625rem;margin:0;border:none;outline:none}.custom-table-wrapper .search-wrapper .search-input .search-icon{transition:transform .1s;cursor:pointer;height:1.111rem;width:auto}.custom-table-wrapper .search-wrapper .search-input .search-icon:hover{transform:scale(1.02)}.custom-table-wrapper .custom-table-container{width:100%;height:28rem;overflow-x:hidden}.custom-table-wrapper .custom-table-container::-webkit-scrollbar{width:.3rem}.custom-table-wrapper .custom-table-container::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.custom-table-wrapper .custom-table-container::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.custom-table-wrapper .custom-table-container .custom-table{border-collapse:separate}.custom-table-wrapper .custom-table-container .custom-table .check-box{display:flex;justify-content:center;align-items:center}.custom-table-wrapper .custom-table-container .custom-table .check-box input{width:2.5rem;height:2.5rem}.custom-table-wrapper .custom-table-container .custom-table .check-box svg{width:1rem;height:1rem}.custom-table-wrapper .custom-table-container .custom-table .table-head .MuiTableCell-root,.custom-table-wrapper .custom-table-container .custom-table .table-body .MuiTableCell-root{padding:.7rem 0}.custom-table-wrapper .custom-table-container .custom-table .table-head{width:100%}.custom-table-wrapper .custom-table-container .custom-table .table-head .table-head-row{width:100%;border-bottom:.0625rem solid black;background-color:var(--role-color, #7246bb)}.custom-table-wrapper .custom-table-container .custom-table .table-head .table-head-row .MuiTableCell-root{padding:1.3rem}.custom-table-wrapper .custom-table-container .custom-table .table-head .table-head-row .MuiTableCell-root .MuiCheckbox-root{padding:0 .5625rem}.custom-table-wrapper .custom-table-container .custom-table .table-head .table-head-row .table-head-cell{color:#fff;white-space:nowrap}.custom-table-wrapper .custom-table-container .custom-table .table-head .table-head-row .table-head-cell:first-child{border-radius:1.875rem 0 0 1.875rem}.custom-table-wrapper .custom-table-container .custom-table .table-head .table-head-row .table-head-cell:last-child{border-radius:0 1.875rem 1.875rem 0}.custom-table-wrapper .custom-table-container .custom-table .table-head .table-head-row .table-head-cell .head-sort-label{padding-left:1.5rem;color:inherit}.custom-table-wrapper .custom-table-container .custom-table .table-head .table-head-row .table-head-cell .head-sort-label .MuiTableSortLabel-icon{width:1.5rem;height:fit-content;color:inherit}.custom-table-wrapper .custom-table-container .custom-table .table-body{width:100%}.custom-table-wrapper .custom-table-container .custom-table .table-body .MuiTableCell-root{padding:1.2rem 0}.custom-table-wrapper .custom-table-container .custom-table .table-body .MuiTableCell-root .MuiCheckbox-root{padding:0 .5625rem}.custom-table-wrapper .custom-table-container .custom-table .table-body .table-body-row{width:100%;transition:transform .1s;cursor:pointer}.custom-table-wrapper .custom-table-container .custom-table .table-body .table-body-row:hover{transform:scale(1.005)}.custom-table-wrapper .custom-table-container .custom-table .table-body .table-body-row .table-body-cell{color:#696969}.custom-table-wrapper .custom-table-container .custom-table .table-body .table-body-row .table-body-cell h4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-table-wrapper .custom-table-container .custom-table .table-body .table-body-row .table-body-cell.submits .teacher-number-of-submits{color:red}.custom-table-wrapper .custom-table-container .custom-table .table-body .table-body-row .table-body-cell .teacher,.custom-table-wrapper .custom-table-container .custom-table .table-body .table-body-row .table-body-cell .student{color:var(--role-color)}.custom-table-wrapper .table-footer{position:relative;display:flex;justify-content:center;align-items:center;bottom:-1rem;width:100%}.custom-table-wrapper .table-footer .button-wrapper{position:absolute;right:0;display:flex;justify-self:start;gap:.625rem}.delete-modal{min-width:40rem;width:30vw;border-radius:3.4375rem;display:flex;align-items:center;flex-direction:column;padding:2.5rem 0}.delete-modal .img-container{margin-top:.25rem}.delete-modal .img-container img{width:100%;height:auto}.delete-modal .header{height:6rem;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.3rem}.delete-modal .description{color:#f25116;font-family:Pretendard;font-weight:600;white-space:pre-line;text-align:center}.delete-modal .bottom-buttons{width:100%;display:flex;justify-content:center;padding-top:2rem;gap:1.5rem;font-family:Pretendard;font-weight:600}.delete-modal .bottom-buttons .cancel-button{width:30%;height:4rem;font-size:1.5rem;color:#fff;background:#a0a0a0;border:none;border-radius:.75rem;transition:transform .1s;cursor:pointer}.delete-modal .bottom-buttons .cancel-button:hover{transform:scale(1.02)}.delete-modal .bottom-buttons .confirm-button{transition:transform .1s;cursor:pointer;width:30%;height:4rem;font-size:1.5rem;color:#fff;background:linear-gradient(90deg,#330c90,#b440ce 50.57%);border:none;border-radius:.75rem}.delete-modal .bottom-buttons .confirm-button:hover{transform:scale(1.02)}.fill-round-button{border:none;border-radius:1.875rem}.unfill-round-button{border-radius:1.875rem}.delete-test-paper-button{transition:transform .1s;cursor:pointer;border:solid 1px #7246bb;background-color:#fff;color:#7246bb;padding:.5rem 1rem}.delete-test-paper-button:hover{transform:scale(1.02)}.notice-post-btn{border:solid 1px;border-color:#7246bb;background-color:#fff;color:#7246bb;font-size:1rem;padding:.5rem 1rem}.create-test-paper{min-width:56.5rem}.create-test-paper .content{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1.5rem}.create-test-paper .content .area{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start}.create-test-paper .content .area .title{margin-bottom:.35rem;display:flex;align-items:center}.create-test-paper .content .area .title:before{width:.5rem;border:2px solid var(--role-opposite-color);border-radius:.625rem;margin-right:.5rem;content:""}.create-test-paper .content .area.select-type .type-field .evaluation-radio-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:1rem;box-sizing:border-box}.create-test-paper .content .area.select-type .type-field .evaluation-radio-group .MuiRadio-root{padding-bottom:0;padding-top:0}.create-test-paper .content .area.select-keywords{width:100%;display:grid;grid-template-columns:1fr 2fr;gap:7%}.create-test-paper .content .area.select-keywords .MuiInputBase-root{margin-left:1rem;width:calc(100% - 1rem);background-color:var(--role-color);color:#fff}.create-test-paper .content .area.select-keywords .MuiInputBase-root.MuiOutlinedInput-root{border-radius:0}.create-test-paper .content .area.select-keywords .MuiInputBase-root .MuiOutlinedInput-notchedOutline{border-color:var(--role-color)}.create-test-paper .content .area.select-keywords .MuiInputBase-root .MuiSelect-select{padding:.53125rem .875rem}.create-test-paper .content .area.select-keywords .MuiInputBase-root h5{font-size:1.0625rem;font-weight:600}.create-test-paper .content .area.select-keywords .MuiInputBase-root .MuiSvgIcon-root{color:#fff}.create-test-paper .content .area.create-test-paper-form{width:100%}.create-test-paper .content .area.create-test-paper-form .test-paper-body{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.5rem}.create-test-paper .content .area.create-test-paper-form .test-paper-body .top-with-stroke-label-container{width:100%;height:6rem}.create-test-paper .content .area.create-test-paper-form .test-paper-body .top-with-stroke-label-container .teacher-text-field{padding-left:1rem}.create-test-paper .content .area.create-test-paper-form .test-paper-body .top-with-stroke-label-container .download-btn{margin-left:10px;display:flex;align-items:end;text-decoration:none;color:var(--role-color);font-weight:400;cursor:pointer}.create-test-paper .content .area.create-test-paper-form .test-paper-body .top-with-stroke-label-container .download-btn:hover h5{font-weight:600}.create-test-paper .content .area.create-test-paper-form .test-paper-body .top-with-stroke-label-container .download-btn .MuiSvgIcon-root{margin-bottom:-.25rem}.create-test-paper .content .area.create-test-paper-form .button-container{margin-top:.5rem;width:100%}#menu-unit .MuiPaper-root,#menu-keyword .MuiPaper-root{width:auto;max-height:12rem;margin-left:.01807rem;padding:0;border:1px solid #a07bea;border-radius:0;box-shadow:0 0 10px #0000001a}#menu-unit .MuiPaper-root::-webkit-scrollbar,#menu-keyword .MuiPaper-root::-webkit-scrollbar{width:.3rem}#menu-unit .MuiPaper-root::-webkit-scrollbar-thumb,#menu-keyword .MuiPaper-root::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}#menu-unit .MuiPaper-root::-webkit-scrollbar-track,#menu-keyword .MuiPaper-root::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}#menu-unit .MuiPaper-root .MuiList-root,#menu-keyword .MuiPaper-root .MuiList-root{padding:0}#menu-unit .MuiPaper-root .MuiList-root .MuiMenuItem-root,#menu-keyword .MuiPaper-root .MuiList-root .MuiMenuItem-root{border-bottom:1px solid #a07bea;padding:.4rem .7rem}#menu-unit .MuiPaper-root .MuiList-root .MuiMenuItem-root:last-child,#menu-keyword .MuiPaper-root .MuiList-root .MuiMenuItem-root:last-child{border-bottom:none}#menu-unit .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover,#menu-keyword .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover{background:none}#menu-unit .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover h5,#menu-keyword .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover h5{font-weight:700}#menu-unit .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected,#menu-keyword .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected{background:none}.create-test-paper .teacher-text-field .MuiButtonBase-root,.regrade .teacher-text-field .MuiButtonBase-root{height:2rem;width:2rem}.create-test-paper .teacher-text-field .MuiButtonBase-root img,.regrade .teacher-text-field .MuiButtonBase-root img{height:2rem;width:auto}.left-label-container{height:4rem}.left-label-container .teacher-helper-text,.left-label-container .student-helper-text,.left-label-container .error-text{margin-left:20%!important}.top-label-container,.top-with-stroke-label-container{height:6rem}.left-label-container .left-label-text-field-container{display:flex;justify-content:space-between;align-items:center}.left-label-container .left-label-text-field-container.button-field{justify-content:start;gap:.2rem}.left-label-container .left-label-text-field-container.button-field .teacher-text-field,.left-label-container .left-label-text-field-container.button-field .student-text-field,.left-label-container .left-label-text-field-container.button-field .error-text-field,.left-label-container .left-label-text-field-container.button-field .date-picker-field{width:65%}.left-label-container .left-label-text-field-container.button-field .text-container{width:20%}.left-label-container .left-label-text-field-container.button-field .button-wrapper{display:flex;margin-left:.5rem;min-width:4.5rem;width:10%}.left-label-container .left-label-text-field-container.button-field .button-wrapper .MuiButton-root{width:100%!important}.left-label-container .left-label-text-field-container .teacher-text-field,.left-label-container .left-label-text-field-container .student-text-field,.left-label-container .left-label-text-field-container .error-text-field{width:80%}.left-label-container .left-label-text-field-container .gender-radio-field{width:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#212121}.left-label-container .left-label-text-field-container .gender-radio-field .gender-radio-group{min-width:35%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.left-label-container .left-label-text-field-container .gender-radio-field .gender-radio-group svg{width:50%}.left-label-container .left-label-text-field-container .gender-radio-field.teacher .MuiOutlinedInput-notchedOutline{border-color:#7246bb}.left-label-container .left-label-text-field-container .gender-radio-field.teacher .Mui-selected{color:#7246bb}.left-label-container .left-label-text-field-container .gender-radio-field.student .MuiOutlinedInput-notchedOutline{border-color:#00c896}.left-label-container .left-label-text-field-container .gender-radio-field.student .Mui-selected{color:#00c896}.left-label-container .left-label-text-field-container .gender-radio-field .MuiInputBase-root{min-width:25%;border-radius:.625rem;background-color:#fff}.left-label-container .left-label-text-field-container .date-picker-field{width:80%}.left-label-container .left-label-text-field-container .date-picker-field .teacher-text-field,.left-label-container .left-label-text-field-container .date-picker-field .student-text-field,.left-label-container .left-label-text-field-container .date-picker-field .error-text-field{width:100%}.left-label-container .left-label-text-field-container.email-container .email-field{width:80%;display:flex;align-items:center;justify-content:center;text-align:center;gap:.2rem}.left-label-container .left-label-text-field-container.email-container .email-field .email-id-field{width:32%}.left-label-container .left-label-text-field-container.email-container .email-field .email-id-field .MuiFormControl-root{width:100%}.left-label-container .left-label-text-field-container.email-container .email-field .email-domain-field{width:22.5%}.left-label-container .left-label-text-field-container.email-container .email-field .email-domain-field .MuiFormControl-root{width:100%}.left-label-container .left-label-text-field-container.email-container .email-field .at{width:3%}.left-label-container .left-label-text-field-container.email-container .email-field .domain-select-field{width:22.5%}.left-label-container .left-label-text-field-container.email-container .email-field .domain-select-field .MuiInputBase-root{width:100%;border-radius:.625rem;background-color:#fff}.left-label-container .left-label-text-field-container.email-container .email-field .domain-select-field .MuiInputBase-root .MuiOutlinedInput-input{text-align:start;padding:.625rem .6375rem}.left-label-container .left-label-text-field-container.email-container .email-field .domain-select-field.teacher .MuiOutlinedInput-notchedOutline{border-color:#7246bb}.left-label-container .left-label-text-field-container.email-container .email-field .domain-select-field.teacher .Mui-selected{color:#7246bb}.left-label-container .left-label-text-field-container.email-container .email-field .domain-select-field.student .MuiOutlinedInput-notchedOutline{border-color:#00c896}.left-label-container .left-label-text-field-container.email-container .email-field .domain-select-field.student .Mui-selected{color:#00c896}.left-label-container .left-label-text-field-container.email-container .email-field .button{flex:1}.top-label-container .top-label-text-field-container,.top-with-stroke-label-container .top-with-stroke-label-text-field-container{display:flex;flex-direction:column;gap:.5rem}.top-label-container .top-label-text-field-container .file-place-holder,.top-with-stroke-label-container .top-with-stroke-label-text-field-container .file-place-holder{color:var(--7246-bb, #7246bb);font-family:Pretendard;font-size:15px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:-.9px}.top-label-container .top-label-text-field-container.button-field .teacher-text-field,.top-label-container .top-label-text-field-container.button-field .student-text-field,.top-label-container .top-label-text-field-container.button-field .error-text-field,.top-with-stroke-label-container .top-with-stroke-label-text-field-container.button-field .teacher-text-field,.top-with-stroke-label-container .top-with-stroke-label-text-field-container.button-field .student-text-field,.top-with-stroke-label-container .top-with-stroke-label-text-field-container.button-field .error-text-field{width:85%}.top-label-container .top-label-text-field-container.button-field .button-wrapper,.top-with-stroke-label-container .top-with-stroke-label-text-field-container.button-field .button-wrapper{flex:1;display:flex;justify-content:end}.top-label-container .top-label-text-field-container.button-field .button-wrapper .MuiButton-root,.top-with-stroke-label-container .top-with-stroke-label-text-field-container.button-field .button-wrapper .MuiButton-root{width:80%!important}.left-label-container .left-label,.top-label-container .top-label{min-width:4.6875rem;color:#696969}.top-with-stroke-label-container .top-with-stroke-label-text-field-container .teacher-top-with-stroke-label,.top-with-stroke-label-container .top-with-stroke-label-text-field-container .student-top-with-stroke-label{display:flex;align-items:center}.top-with-stroke-label-container .top-with-stroke-label-text-field-container .teacher-top-with-stroke-label:before,.top-with-stroke-label-container .top-with-stroke-label-text-field-container .student-top-with-stroke-label:before{width:.5rem;border:2px solid;border-radius:.625rem;margin-right:.5rem;content:""}.top-with-stroke-label-container .top-with-stroke-label-text-field-container .teacher-top-with-stroke-label:before{border-color:#00c896}.top-with-stroke-label-container .top-with-stroke-label-text-field-container .student-top-with-stroke-label:before{border-color:#7246bb}.teacher-text-field .MuiOutlinedInput-root,.student-text-field .MuiOutlinedInput-root,.error-text-field .MuiOutlinedInput-root{border-radius:.625rem}.teacher-text-field input,.student-text-field input,.error-text-field input{padding:.625rem .9375rem!important;color:#696969;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.8px}.teacher-text-field input:read-only,.student-text-field input:read-only,.error-text-field input:read-only{color:#a0a0a0}.left-label-container .left-label-text-field-container,.top-label-container .top-label-text-field-container,.top-with-stroke-label-container .top-with-stroke-label-text-field-container{margin-bottom:.3rem}.left-label-container .left-label-text-field-container .teacher-text-field:hover .MuiOutlinedInput-notchedOutline,.top-label-container .top-label-text-field-container .teacher-text-field:hover .MuiOutlinedInput-notchedOutline,.top-with-stroke-label-container .top-with-stroke-label-text-field-container .teacher-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:#7246bb!important}.left-label-container .left-label-text-field-container .student-text-field:hover .MuiOutlinedInput-notchedOutline,.top-label-container .top-label-text-field-container .student-text-field:hover .MuiOutlinedInput-notchedOutline,.top-with-stroke-label-container .top-with-stroke-label-text-field-container .student-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:#00c896!important}.left-label-container .left-label-text-field-container .teacher-text-field .Mui-focused fieldset,.top-label-container .top-label-text-field-container .teacher-text-field .Mui-focused fieldset,.top-with-stroke-label-container .top-with-stroke-label-text-field-container .teacher-text-field .Mui-focused fieldset{border:1px solid #7246bb!important}.left-label-container .left-label-text-field-container .student-text-field .Mui-focused fieldset,.top-label-container .top-label-text-field-container .student-text-field .Mui-focused fieldset,.top-with-stroke-label-container .top-with-stroke-label-text-field-container .student-text-field .Mui-focused fieldset{border:1px solid #00c896!important}.left-label-container .error-text-field fieldset,.top-label-container .error-text-field fieldset,.top-with-stroke-label-container .error-text-field fieldset,.agreement.field-wrapper .error-text-field fieldset{border:1px solid #f25116!important}.left-label-container .error-text,.top-label-container .error-text,.top-with-stroke-label-container .error-text,.agreement.field-wrapper .error-text{align-self:start;font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin:0;color:#f25116!important}.left-label-container .error-text.terms,.top-label-container .error-text.terms,.top-with-stroke-label-container .error-text.terms,.agreement.field-wrapper .error-text.terms{margin-left:-.1%}.left-label-container .teacher-helper-text,.top-label-container .teacher-helper-text,.top-with-stroke-label-container .teacher-helper-text,.agreement.field-wrapper .teacher-helper-text{font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin:0;color:#7246bb!important}.left-label-container .student-helper-text,.top-label-container .student-helper-text,.top-with-stroke-label-container .student-helper-text,.agreement.field-wrapper .student-helper-text{font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin:0;color:#00c896!important}.left-label-container .top-label-container .text-container,.top-with-stroke-label-container .text-container{display:flex}.left-label-container .top-label-container .text-container .description,.top-with-stroke-label-container .text-container .description{margin-left:.2rem;color:#f25116}.left-label-container .top-label-container .Mui-disabled,.top-with-stroke-label-container .Mui-disabled{cursor:not-allowed}.subject-slider-container{width:100%;height:100%;position:relative}.subject-slider-container .subject-select-swiper-name{position:absolute;z-index:2;color:#fff;transform:translate(-50%);left:50%;top:.75rem;font-family:Pretendard}.subject-slider-container .subject-swiper{width:100%;height:100%;position:relative;display:flex;justify-content:start;align-items:center;padding:2.5rem 1.5rem 1rem;box-sizing:border-box;border:none;border-radius:1.875rem}.subject-slider-container .subject-swiper .swiper-wrapper{height:100%;gap:1rem}.subject-slider-container .subject-swiper .swiper-wrapper .swiper-slide{transition:transform .2s;cursor:pointer;min-width:7rem;max-width:8.125rem;max-height:6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 0 .3rem;box-sizing:border-box;text-align:center;font-size:1rem;background:#fff;border-radius:1.25rem;border:none}.subject-slider-container .subject-swiper .swiper-wrapper .swiper-slide:hover{transform:scale(1.05)}.subject-slider-container .subject-swiper .swiper-wrapper .swiper-slide .subject-swiper-img{height:3.125rem;width:auto}.subject-slider-container .subject-swiper .swiper-wrapper .swiper-slide .subject-swiper-subject-name{font-family:Pretandard;font-size:1rem;white-space:nowrap}.subject-slider-container .subject-swiper .swiper-button-prev,.subject-slider-container .subject-swiper .swiper-button-next{position:absolute;top:2.5rem;color:#fff;height:100%;width:3rem;transition:transform .2s;cursor:pointer}.subject-slider-container .subject-swiper .swiper-button-prev:hover,.subject-slider-container .subject-swiper .swiper-button-next:hover{transform:scale(1.05)}.subject-slider-container .subject-swiper .swiper-button-next{border-radius:1.875rem;right:0}.subject-slider-container .purple-swiper{background-color:#7246bb}.subject-slider-container .light-purple-swiper{background-color:#a07bea}.subject-slider-container .green-swiper{background-color:#00c896}.subject-slider-container .light-green-swiper{background-color:#9de979}.subject-slider-container .purple-swiper .swiper-button-next{background:linear-gradient(270deg,#7246bb,#7246bb9a 27.92%,#7246bb00 51.98%)}.subject-slider-container .light-purple-swiper .swiper-button-next{background:linear-gradient(270deg,#a07bea,#a07bea9a 27.92%,#a07bea00 51.98%)}.subject-slider-container .green-swiper .swiper-button-next{background:linear-gradient(270deg,#00c896,#00c89699 27.92%,#00c89600 51.98%)}.subject-slider-container .light-green-swiper .swiper-button-next{background:linear-gradient(270deg,#9de979,#9de97999 27.92%,#9de97900 51.98%)}.subject-slider-container .swiper-button-prev{border-radius:1.875rem;left:0}.subject-slider-container .purple-swiper .swiper-button-prev{background:linear-gradient(90deg,#7246bb,#7246bb9a 27.92%,#7246bb00 51.98%)}.subject-slider-container .light-purple-swiper .swiper-button-prev{background:linear-gradient(90deg,#a07bea,#a07bea9a 27.92%,#a07bea00 51.98%)}.subject-slider-container .green-swiper .swiper-button-prev{background:linear-gradient(90deg,#00c896,#00c89699 27.92%,#00c89600 51.98%)}.subject-slider-container .light-green-swiper .swiper-button-prev{background:linear-gradient(90deg,#9de979,#9de97999 27.92%,#9de97900 51.98%)}.subject-slider-container .swiper-button-next:after{position:absolute;right:.625rem;font-size:1.2rem}.subject-slider-container .swiper-button-prev:after{position:absolute;left:.625rem;font-size:1.2rem}.subject-slider-container.disabled .subject-swiper{background-color:#a0a0a0}.subject-slider-container.disabled .swiper-slide{cursor:not-allowed}.subject-slider-container.disabled .swiper-slide:hover{transform:none}.subject-slider-container.disabled img{filter:grayscale(80%)}.subject-slider-container.disabled .subject-swiper-subject-name{color:#696969!important}.desc-test-paper-basic-info.modal-with-title{min-width:56.5rem}.desc-test-paper-basic-info.modal-with-title .select-discipline{width:100%}.desc-test-paper-basic-info.modal-with-title .select-discipline .title,.desc-test-paper-basic-info.modal-with-title .top-with-stroke-label-container .title{margin:.35rem 0;display:flex;align-items:center}.desc-test-paper-basic-info.modal-with-title .select-discipline .title:before,.desc-test-paper-basic-info.modal-with-title .top-with-stroke-label-container .title:before{width:7px;border:2px solid var(--role-opposite-color);border-radius:.625rem;margin-right:7px;content:""}.desc-test-paper-basic-info.modal-with-title .select-desc-test-paper-type .MuiInputBase-root{width:100%;background-color:var(--role-color);color:#fff}.desc-test-paper-basic-info.modal-with-title .select-desc-test-paper-type .MuiInputBase-root.MuiOutlinedInput-root{border-radius:0}.desc-test-paper-basic-info.modal-with-title .select-desc-test-paper-type .MuiInputBase-root .MuiOutlinedInput-notchedOutline{border-color:var(--role-color)}.desc-test-paper-basic-info.modal-with-title .select-desc-test-paper-type .MuiInputBase-root h5{font-size:1.0625rem;font-weight:600}.desc-test-paper-basic-info.modal-with-title .select-desc-test-paper-type .MuiInputBase-root .MuiSvgIcon-root{color:#fff}.desc-test-paper-basic-info.modal-with-title .select-desc-test-paper-type .Mui-disabled{cursor:not-allowed;background-color:#a0a0a0}.desc-test-paper-basic-info.modal-with-title .select-desc-test-paper-type .Mui-disabled .MuiSelect-select{-webkit-text-fill-color:#fff}.desc-test-paper-basic-info.modal-with-title .select-desc-test-paper-type .Mui-disabled .MuiOutlinedInput-notchedOutline{border:none}.desc-create-test-paper .header .title-container h2{width:auto}.desc-create-test-paper .desc-test-paper-criteria-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;box-sizing:border-box}.desc-create-test-paper .desc-test-paper-criteria-container .desc-test-paper-criteria{width:100%;display:flex;justify-content:space-between}.desc-create-test-paper .desc-test-paper-criteria-container .desc-test-paper-criteria input{padding:1rem 0;border:2px solid var(--role-color);border-radius:.6rem;text-align:center;color:var(--role-color)}.desc-create-test-paper .desc-test-paper-criteria-container .desc-test-paper-criteria input.criteria-3{width:30%}.desc-create-test-paper .desc-test-paper-criteria-container .desc-test-paper-criteria input.criteria-4{width:23%}.desc-create-test-paper .desc-test-paper-criteria-container .desc-test-paper-criteria input.criteria-5{width:17%}.desc-create-test-paper .desc-test-paper-criteria-container .desc-test-paper-criteria input:disabled{color:#696969;border-color:#696969}.desc-create-test-paper .desc-test-paper-criteria-container .desc-test-paper-criteria-line{width:100%}.desc-create-test-paper .desc-test-paper-criteria-container .desc-test-paper-criteria-line svg{width:100%}.desc-create-test-paper .desc-test-paper-criteria-container .desc-test-paper-criteria-line .text-container{display:flex;justify-content:space-between;color:var(--role-color)}.desc-topic .button.confirm:disabled{border-color:#a0a0a0;color:#a0a0a0;cursor:not-allowed}.close-create-desc-test-paper{display:flex;flex-direction:column;gap:2rem;padding:3rem 5rem}.close-create-desc-test-paper>header{display:flex;justify-content:center}.close-create-desc-test-paper>main{display:flex;flex-direction:column;justify-content:center;align-items:center}.close-create-desc-test-paper>main h4{color:#f25116}.close-create-desc-test-paper>footer{display:flex;justify-content:space-between}.close-create-desc-test-paper>footer button{width:45%;padding:.7rem 3rem;border:none;border-radius:.8rem;color:#fff}.close-create-desc-test-paper>footer button.no{background-color:#a0a0a0}.close-create-desc-test-paper>footer button.close{background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.desc-create-test-paper.modal-with-title .desc-topics{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.desc-create-test-paper.modal-with-title .desc-topics .add-desc-topic{display:flex;gap:1rem;padding:1rem 2.5rem;border:none;border-radius:3rem;color:#fff;background:linear-gradient(90deg,#330c90,#b440ce 50.57%);cursor:pointer}.desc-create-test-paper.modal-with-title .desc-topics .add-desc-topic:disabled{background:linear-gradient(90deg,#707070,#d0d0d0 50.57%);cursor:not-allowed}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion{width:100%}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion>header{display:flex;justify-content:end}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion>header .close-button img{height:2rem;aspect-ratio:1;cursor:pointer}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion>main{width:100%;display:flex;gap:2rem}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion>main .select{width:100%;display:flex;gap:2rem;padding:2rem;border:1.5px solid var(--role-color);border-radius:2rem;background:linear-gradient(90deg,#fff 25%,#efe6ff);cursor:pointer}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion>main .select .image{width:auto;height:7rem}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion>main .select .text{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion>main .select .text .title{color:var(--role-color)}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion>main .select .text .description{color:#696969}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:hover{background:linear-gradient(90deg,#fff 25%,#7246bb);box-shadow:0 2px 16.5px #43325e4d}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:hover .text .title,.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:hover .description{color:#fff}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:has(+.select:hover),.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:hover+.select{border:1.5px solid #696969;background:#e4e4e4}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:has(+.select:hover) .image,.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:hover+.select .image{opacity:.5}.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:has(+.select:hover) .text .title,.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:has(+.select:hover) .description,.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:hover+.select .text .title,.desc-create-test-paper.modal-with-title .desc-topics .select-passage-inclusion .select:hover+.select .description{color:#696969}.desc-create-test-paper.modal-with-title .desc-topics .desc-topic{width:100%;display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid #d3d3d3;border-radius:1rem;box-shadow:0 2px 6px #01735626}.desc-create-test-paper.modal-with-title .desc-topics .desc-topic>header{display:flex;justify-content:space-between;align-items:center}.desc-create-test-paper.modal-with-title .desc-topics .desc-topic>header p{color:#00c896;font-family:Pretendard;font-size:1.375rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-1.1px}.desc-create-test-paper.modal-with-title .desc-topics .desc-topic>header img{height:2rem;aspect-ratio:1;cursor:pointer}.desc-topic .desc-sub-topics{padding:1rem;border:1px solid var(--role-color);border-radius:.7rem;box-shadow:0 2px 6px #8362e440}.desc-topic .desc-sub-topics>header{display:flex;justify-content:space-between;align-items:center}.desc-topic .desc-sub-topics>header .text-container{display:flex;align-items:end;gap:.2rem}.desc-topic .desc-sub-topics>header .text-container .title{color:var(--role-color);font-family:Pretendard;font-size:1.2rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.9px}.desc-topic .desc-sub-topics>header .text-container .description{color:#f25116;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.75px}.desc-topic .desc-sub-topics>header button{display:flex;align-items:center;color:var(--role-color);border:none;background:none}.desc-topic .desc-sub-topics>header button:disabled{cursor:not-allowed;color:#696969}.desc-topic .desc-sub-topics>header button:disabled svg path{fill:#696969}.desc-topic .desc-sub-topics>main{display:flex;flex-direction:column;align-items:center;gap:2rem}.desc-topic .desc-sub-topics>main .desc-sub-topic{width:100%;display:flex;flex-direction:column;gap:1rem}.desc-topic .desc-sub-topics>main .desc-sub-topic header{height:1.5rem;display:flex;justify-content:space-between}.desc-topic .desc-sub-topics>main .desc-sub-topic header .title:before{width:1rem;border:2px solid var(--role-opposite-color);border-radius:.625rem;margin-right:1rem;content:""}.desc-topic .desc-sub-topics>main .desc-sub-topic header .button-container{width:20%;display:flex;justify-content:end}.desc-topic .desc-sub-topics>main .desc-sub-topic header .button-container button{display:flex;align-items:center;gap:.1rem;border:none;background:none;white-space:nowrap}.desc-topic .desc-sub-topics>main .desc-sub-topic header .button-container button img{height:1.2rem;aspect-ratio:1}.desc-topic .desc-sub-topics>main .desc-sub-topic header .button-container button.edit-button{color:var(--role-color)}.desc-topic .desc-sub-topics>main .desc-sub-topic header .button-container button.confirm-button{color:var(--role-color)}.desc-topic .desc-sub-topics>main .desc-sub-topic header .button-container button.confirm-button img{height:1.5rem}.desc-topic .desc-sub-topics>main .desc-sub-topic header .button-container button.delete-button{color:#f25116}.desc-topic .desc-sub-topics>main .desc-sub-topic header .button-container button:disabled{cursor:not-allowed;color:#696969}.desc-topic .desc-sub-topics>main .desc-sub-topic header .button-container button:disabled img{filter:brightness(0) saturate(100%) invert(40%) sepia(18%) saturate(13%) hue-rotate(70deg) brightness(95%) contrast(81%)}.desc-topic .desc-sub-topics>main .desc-sub-topic main .MuiFormControl-root{width:100%}.desc-topic .desc-sub-topics>main .desc-sub-topic footer{display:flex;align-items:center;gap:2%}.desc-topic .desc-sub-topics>main .desc-sub-topic footer p{color:var(--role-color);font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.13px}.desc-topic .desc-sub-topics>main .desc-sub-topic footer input{width:23.9%;padding:.7rem 1rem;border:1px solid #a0a0a0;border-radius:.7rem;text-align:center}.desc-topic .desc-sub-topics>main .desc-sub-topic footer input:disabled{cursor:not-allowed}.desc-topic .desc-sub-topics>footer{display:flex;justify-content:center;margin-top:1.5rem}.desc-topic .desc-topic-basic-info{display:flex;flex-direction:column;align-items:center;gap:1rem}.desc-topic .desc-topic-basic-info .top-with-stroke-label-container{width:100%}.desc-topic .desc-topic-criteria{display:flex;flex-direction:column;gap:1rem}.desc-topic .desc-topic-criteria>form{display:flex;flex-direction:column;align-items:center}.desc-topic .desc-topic-criteria>form>main{display:flex;gap:2%}.desc-topic .desc-topic-criteria>form>main input{width:19%;padding:.7rem 1rem;border:1px solid #a0a0a0;border-radius:.7rem;text-align:center}.desc-topic .desc-topic-criteria>form>main input:disabled{cursor:not-allowed}.desc-topic .desc-topic-criteria>form>footer button{margin-top:1rem}.desc-topic .topic-passage{width:100%;display:flex;flex-direction:column;align-items:center}.desc-topic .topic-passage .passage{height:auto!important}.desc-topic .topic-passage .passage .passage-header{display:flex;justify-content:space-between;position:relative}.desc-topic .topic-passage .passage .passage-header button{display:flex;align-items:center;color:var(--role-color);border:none;background:none}.desc-topic .topic-passage .passage .passage-header button:disabled{cursor:not-allowed;color:#696969}.desc-topic .topic-passage .passage .passage-header button:disabled svg path{fill:#696969}.desc-topic .topic-passage .passage .teacher-text-field textarea::-webkit-scrollbar{width:.3rem}.desc-topic .topic-passage .passage .teacher-text-field textarea::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-topic .topic-passage .passage .teacher-text-field textarea::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-topic .topic-passage button.confirm{margin-top:1rem}.desc-create-test-paper{width:40svw;min-width:56.5rem}.desc-create-test-paper>.header .title-container .description{margin-left:1rem;color:#f25116}.desc-create-test-paper .content .desc-topics>.MuiDivider-root:last-child{visibility:hidden}.desc-create-test-paper .label-select-container .title{margin:.35rem 0;display:flex;align-items:center}.desc-create-test-paper .label-select-container .title:before{width:.5rem;border:2px solid var(--role-opposite-color);border-radius:.625rem;margin-right:.5rem;content:""}.desc-create-test-paper .top-with-stroke-label-container,.desc-create-test-paper .colored-input{width:100%}.desc-create-test-paper .colored-input .MuiInputBase-root{width:100%;background-color:var(--role-color);color:#fff}.desc-create-test-paper .colored-input .MuiInputBase-root.MuiOutlinedInput-root{border-radius:0}.desc-create-test-paper .colored-input .MuiInputBase-root .MuiOutlinedInput-notchedOutline{border-color:var(--role-color)}.desc-create-test-paper .colored-input .MuiInputBase-root h5{font-size:1.0625rem;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.desc-create-test-paper .colored-input .MuiInputBase-root .MuiSvgIcon-root{color:#fff}.desc-create-test-paper .colored-input .Mui-disabled{cursor:not-allowed;background-color:#a0a0a0}.desc-create-test-paper .colored-input .Mui-disabled .MuiSelect-select{-webkit-text-fill-color:#fff}.desc-create-test-paper .colored-input .Mui-disabled .MuiOutlinedInput-notchedOutline{border:none}.desc-create-test-paper .MuiDivider-root{margin:2rem 0}.desc-create-test-paper button.confirm{padding:.5rem 1rem;border:1px solid var(--role-color);border-radius:2rem;color:var(--role-color);background-color:#fff}.custom-modal{min-width:42.1vw;display:flex;flex-direction:column;gap:1rem;padding:3rem 3rem 2rem}.custom-modal>.header{width:100%;height:fit-content;display:flex;position:relative}.custom-modal>.header .title-container{height:fit-content;display:flex;align-items:end}.custom-modal>.header .title-container .title-stroke{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-box-orient:vertical;padding:.125rem 0}.custom-modal>.header .title-container .title-stroke:before{border-style:solid;border-width:.0625rem .179rem;border-radius:.625rem;margin-right:.75rem;content:"";color:var(--role-color);border-left-color:var(--role-color);border-right-color:var(--role-color)}.custom-modal>.header .close-button{position:absolute;height:fit-content;right:-2rem;bottom:2rem}.custom-modal>.header .close-button img{width:2.25rem;cursor:pointer}.custom-modal>.footer{display:flex;justify-content:center;gap:4%}.custom-modal>.footer button{width:35%;padding:1rem 0;border:none;border-radius:.75rem;cursor:pointer}.custom-modal>.footer button h3{text-align:center;color:#fff}.custom-modal>.footer .close{background-color:#a0a0a0;transition:transform .1s;cursor:pointer}.custom-modal>.footer .close:hover{transform:scale(1.02)}.custom-modal>.footer .submit{transition:transform .1s;cursor:pointer;background:var(--role-gradient-color)}.custom-modal>.footer .submit:hover{transform:scale(1.02)}.custom-modal>.footer .submit:disabled{cursor:not-allowed;background:#696969}.custom-modal>.footer .submit:disabled:hover{transform:none}.preview-test-paper{max-width:75vw;height:55rem;display:flex;align-items:center}.preview-test-paper .header .number-of-questions{display:flex;align-items:center;margin-left:1.5rem;font-size:1.5rem}.preview-test-paper .content{width:100%;display:flex;justify-content:center;align-items:center}.preview-test-paper .content .top-with-stroke-label-container{width:95%;height:fit-content}.preview-test-paper .content .top-with-stroke-label-container .preview-container{width:100%;height:45rem;padding:.2rem .5rem .2rem 0;overflow-y:auto}.preview-test-paper .content .top-with-stroke-label-container .preview-container::-webkit-scrollbar{width:.3rem}.preview-test-paper .content .top-with-stroke-label-container .preview-container::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.preview-test-paper .content .top-with-stroke-label-container .preview-container::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.preview-test-paper .content .top-with-stroke-label-container .preview-container .image-wrapper{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:2rem}.preview-test-paper .content .top-with-stroke-label-container .preview-container .image-wrapper .topic-image{width:90%;box-shadow:#00000029 0 1px 4px;padding:.5rem}.preview-test-paper .content .top-with-stroke-label-container .preview-container .image-wrapper .topic-image.answer{width:98%;cursor:pointer}.preview-test-paper .content .top-with-stroke-label-container .preview-container .image-wrapper .topic-image img{width:100%;height:auto}.preview-test-paper .content .top-with-stroke-label-container .preview-container .image-wrapper.answers{max-width:50dvw}.preview-test-paper .content .preview-button{position:relative;transition:transform .1s;cursor:pointer}.preview-test-paper .content .preview-button:hover{transform:scale(1.05)}.preview-test-paper .content .preview-button svg{position:absolute;bottom:0}.preview-test-paper .content .preview-button.prev svg{left:-3vw}.preview-test-paper .footer{width:100%;height:100%;position:relative;align-items:center}.preview-test-paper .footer .report-test-paper-form-bug{width:fit-content;height:100%;position:absolute;padding:.7rem;background:#f25116cc;border:none;border-radius:1rem;right:1rem;transition:transform .1s;cursor:pointer}.preview-test-paper .footer .report-test-paper-form-bug:hover{transform:scale(1.05)}.preview-test-paper .footer .report-test-paper-form-bug img{width:auto;height:100%}.preview-desc-test-paper{width:42.1354vw;min-width:50.5625rem;display:flex}.preview-desc-test-paper .top-with-stroke-label-container{height:fit-content}.preview-desc-test-paper .top-with-stroke-label-container .preview-container{display:flex;padding-right:1.25rem;overflow-y:auto}.preview-desc-test-paper .top-with-stroke-label-container .preview-container::-webkit-scrollbar{width:.3rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .preview-button{position:fixed}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container{width:90vw;max-width:61rem;height:45.25rem;display:flex;flex-direction:column;justify-content:start;align-items:start}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;font-family:Pretendard;font-style:normal;font-weight:400;line-height:normal}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic:first-child{margin-bottom:3rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic:last-child{padding-bottom:3rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .title{margin-bottom:.5rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .title span{font-size:1.375rem;color:var(--role-opposite-color);font-family:Pretendard;font-style:normal;font-weight:600;line-height:normal}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .passage{width:100%;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .passage p{padding:.8125rem 1.25rem;box-sizing:border-box;border:.0625rem solid #e4e4e4;border-radius:.625rem;width:100%;font-size:1.125rem;white-space:pre-wrap}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .passage .title{display:flex;align-items:center;margin-bottom:.5rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .passage .title:before{width:.4375rem;border:.125rem solid var(--role-opposite-color);border-radius:.625rem;margin-right:.4375rem;content:""}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .question{width:100%;display:flex;flex-direction:column;gap:2rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .question .sub-topic{width:100%}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .question .sub-topic .title{display:flex;align-items:center;margin-bottom:.5rem}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .question .sub-topic .title:before{width:.4375rem;border:.125rem solid var(--role-opposite-color);border-radius:.625rem;margin-right:.4375rem;content:""}.preview-desc-test-paper .top-with-stroke-label-container .preview-container .test-paper-container .desc-topic .question .sub-topic .content{width:100%;margin-top:0;padding:.8125rem 1.25rem;box-sizing:border-box;border:.0625rem solid #e4e4e4;border-radius:.625rem}.issue-test-paper-button{transition:transform .1s;cursor:pointer;border:solid 1px var(--role-color);background-color:var(--role-color);color:#fff;padding:.5rem 1.4rem}.issue-test-paper-button:hover{transform:scale(1.02)}.issue-test-paper-button.disabled{pointer-events:none;background-color:#a0a0a0;border-color:#a0a0a0}.issue-test-paper{width:42.1354vw;min-width:50.5625rem;min-height:fit-content;display:flex}.issue-test-paper .content{width:100%}.issue-test-paper .content .top-with-stroke-label-container{height:fit-content}.issue-test-paper .content .top-with-stroke-label-container .teacher-top-with-stroke-label{margin-bottom:1rem}.issue-test-paper .content .top-with-stroke-label-container .teacher-top-with-stroke-label.radio{margin:0}.issue-test-paper .content .top-with-stroke-label-container .semester-radio-field{margin:0 0 1.5rem 1.5rem}.issue-test-paper .content .top-with-stroke-label-container .semester-radio-field .semester-radio-group{min-width:35%;display:flex;flex-direction:row;justify-content:start;align-items:center}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list{position:relative;display:flex;flex-direction:column;justify-content:start;padding-bottom:1.4rem;gap:.5rem}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .preview-label{color:var(--role-color);white-space:nowrap}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .preview-button{transition:transform .1s;cursor:pointer;display:flex;justify-content:start;align-items:center}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .preview-button:hover{transform:scale(1.02)}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .preview-button img:first-child{margin-right:.5rem}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .preview-button.disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .MuiInputBase-root{border-radius:.625rem}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .MuiInputBase-root fieldset{border-color:#212121}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .test-paper-item{width:100%}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .test-paper-item .MuiInputBase-input{padding:.75rem 21px}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .item-wrapper{display:flex;justify-content:start;align-items:center;gap:.75rem}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .item-wrapper h4{width:fit-content;min-width:2.5rem;max-width:3.5625rem;font-size:1rem;white-space:nowrap}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .item-wrapper .desc-item.test-paper{width:30%;min-width:11.775rem}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .item-wrapper .desc-item.test-paper .Mui-disabled fieldset{border-color:#d3d3d3;background-color:#f5f3f34b}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .item-wrapper .desc-item.exam{width:40%;min-width:16rem}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .item-wrapper .desc-item .MuiInputBase-input{padding:.8125rem 1rem}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .item-wrapper .desc-item .preview-button{width:fit-content}.issue-test-paper .content .top-with-stroke-label-container .test-paper-list .error-wrapper{width:100%;position:absolute;bottom:0}.issue-test-paper .content .top-with-stroke-label-container .exam-create-form{width:100%;margin-top:1.5rem}.issue-test-paper .content .top-with-stroke-label-container .exam-create-form .reserve-issue-container{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2.75rem}.issue-test-paper .content .top-with-stroke-label-container .exam-create-form .reserve-issue-container .issue-toggle{height:2rem;display:flex;justify-content:center;align-items:center;gap:12px}.issue-test-paper .content .top-with-stroke-label-container .exam-create-form .reserve-issue-container .date-time-picker{height:2rem}.issue-test-paper .content .top-with-stroke-label-container .exam-create-form .reserve-issue-container .date-time-picker .MuiTextField-root fieldset{border-color:var(--role-color)}.issue-test-paper .content .top-with-stroke-label-container .exam-create-form .reserve-issue-container .date-time-picker .MuiTextField-root .MuiInputBase-root{border-radius:.625rem}.issue-test-paper .content .top-with-stroke-label-container .exam-create-form .reserve-issue-container .date-time-picker .MuiTextField-root .MuiInputBase-root .MuiInputBase-input{padding:.375rem 0 .375rem 20px;color:var(--role-color)}.issue-test-paper .content .top-with-stroke-label-container .exam-create-form .reserve-issue-container .date-time-picker .MuiTextField-root .MuiInputBase-root .MuiInputBase-input .MuiSvgIcon-root fieldset{fill:var(--role-color)!important;color:var(--role-color)!important;background-color:var(--role-color)}.issue-test-paper .content .top-with-stroke-label-container .exam-create-form .reserve-issue-container .date-time-picker .error-text{padding-top:.5rem}.exam-modal{width:90dvw;height:88dvh;display:flex;flex-direction:column;padding-bottom:1rem!important}.exam-modal .header .continuous-timer{position:absolute;right:1rem;bottom:2.25rem;padding:0 1rem;border-radius:2rem;background-color:var(--role-color)}.exam-modal .header .continuous-timer h3{color:#fff}.exam-modal .content{flex-grow:1;display:grid;grid-template-columns:2fr 1.5fr .5fr;grid-template-rows:12fr 1fr;column-gap:1rem;row-gap:1.5rem;align-content:stretch;max-height:calc(100% - 1.25rem - 30px);height:calc(100% - 1.25rem - 30px)}.exam-modal .exam-grid-item1{display:flex;flex-direction:column;grid-column:1/2;grid-row:1/3;padding-right:2rem}.exam-modal .exam-grid-item1 .item-wrapper{width:100%;padding:0 1rem;box-sizing:border-box}.exam-modal .exam-grid-item1 .item-wrapper .question-answer-container{width:100%;margin-top:2rem;margin-bottom:5rem}.exam-modal .exam-grid-item1 .item-wrapper .question-answer-container .short-answer-container{width:100%;display:flex;justify-content:space-between;gap:1rem}.exam-modal .exam-grid-item1 .item-wrapper .question-answer-container .short-answer-container .MuiTextField-root{width:100%;margin-top:1rem}.exam-modal .exam-grid-item1 .item-wrapper .question-answer-container .short-answer-container .MuiTextField-root .MuiInputBase-root{border-radius:1rem}.exam-modal .exam-grid-item2{grid-column:2/3;grid-row:1/2}.exam-modal .exam-grid-item3{grid-column:3/4;grid-row:1/2}.exam-modal .exam-grid-item4{grid-column:2/4;grid-row:2/3;display:flex;justify-content:space-between;gap:1.5rem}.exam-modal .exam-grid-item1,.exam-modal .exam-grid-item2,.exam-modal .exam-grid-item3{height:100%;overflow-y:auto}.exam-modal .exam-grid-item1::-webkit-scrollbar,.exam-modal .exam-grid-item2::-webkit-scrollbar,.exam-modal .exam-grid-item3::-webkit-scrollbar{width:.3rem}.exam-modal .exam-grid-item1::-webkit-scrollbar-thumb,.exam-modal .exam-grid-item2::-webkit-scrollbar-thumb,.exam-modal .exam-grid-item3::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.exam-modal .exam-grid-item1::-webkit-scrollbar-track,.exam-modal .exam-grid-item2::-webkit-scrollbar-track,.exam-modal .exam-grid-item3::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-exam-modal{width:90dvw;height:88dvh;display:flex;flex-direction:column;padding-bottom:1rem!important}.desc-exam-modal .header .continuous-timer{position:absolute;right:1rem;bottom:2.25rem;padding:0 1rem;border-radius:2rem;background-color:var(--role-color)}.desc-exam-modal .header .continuous-timer h3{color:#fff}.desc-exam-modal .content{flex-grow:1;display:grid;grid-template-columns:2fr 1.5fr .5fr;grid-template-rows:12fr 1fr;column-gap:1rem;row-gap:1.5rem;align-content:stretch;max-height:calc(100% - 1.25rem - 30px);height:calc(100% - 1.25rem - 30px)}.desc-exam-modal .content{grid-template-columns:1fr 1fr;grid-template-rows:1fr;margin-right:1rem}.desc-exam-modal .content .exam-grid-item1{padding-right:2rem;overflow-y:auto;box-sizing:border-box}.desc-exam-modal .content .exam-grid-item1::-webkit-scrollbar{width:.3rem}.desc-exam-modal .content .exam-grid-item1::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-exam-modal .content .exam-grid-item1::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-exam-modal .content .desc-topic{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;font-family:Pretendard;font-style:normal;font-weight:400;line-height:normal}.desc-exam-modal .content .desc-topic:first-child{margin-bottom:3rem}.desc-exam-modal .content .desc-topic:last-child{padding-bottom:7rem}.desc-exam-modal .content .desc-topic .title{margin-bottom:.5rem}.desc-exam-modal .content .desc-topic .title span{font-size:1.875rem;color:var(--role-opposite-color);font-family:Pretendard;font-style:normal;font-weight:600;line-height:normal}.desc-exam-modal .content .desc-topic .passage{width:100%;display:flex;justify-content:center;margin-bottom:1rem;padding:.8125rem 1.25rem;box-sizing:border-box;border:.0625rem solid #e4e4e4;border-radius:.625rem}.desc-exam-modal .content .desc-topic .passage p{width:100%;font-size:1.525rem;white-space:pre-wrap}.desc-exam-modal .content .desc-topic .question{width:100%;display:flex;flex-direction:column;gap:2rem}.desc-exam-modal .content .desc-topic .question .sub-topic{width:100%;z-index:1}.desc-exam-modal .content .desc-topic .question .sub-topic .title{z-index:1;display:flex;align-items:center;margin-bottom:.5rem}.desc-exam-modal .content .desc-topic .question .sub-topic .title:before{width:.4375rem;border:.125rem solid var(--role-opposite-color);border-radius:.625rem;margin-right:.4375rem;content:""}.desc-exam-modal .content .desc-topic .question .sub-topic .text{font-size:1.5rem;padding:.8125rem 1.25rem;box-sizing:border-box;border:.0625rem solid #e4e4e4;border-radius:.625rem}.desc-exam-modal .content .desc-exam-grid-item{width:100%;grid-column:2/2;grid-row:1/3;overflow-y:auto;padding-right:2rem}.desc-exam-modal .content .desc-exam-grid-item::-webkit-scrollbar{width:.3rem}.desc-exam-modal .content .desc-exam-grid-item::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-exam-modal .content .desc-exam-grid-item::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-exam-modal .content .desc-exam-grid-item .topic-answer{width:100%;display:flex;flex-direction:column}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-title{display:flex;justify-content:space-between;align-items:center}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-title .title{display:flex;align-items:center;margin-bottom:.5rem;margin-bottom:0rem;letter-spacing:-.08rem}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-title .title:before{width:.4375rem;border:.125rem solid var(--role-opposite-color);border-radius:.625rem;margin-right:.4375rem;content:""}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-title .button{margin-right:1rem;align-self:end;width:fit-content;border:solid 1px;border-color:var(--role-color);font-size:1.2rem;padding:.25rem 1rem;box-shadow:0 .125rem .4375rem #00000026;transition:transform .1s;cursor:pointer}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-title .button:hover{transform:scale(1.02)}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-title .button.confirm{background-color:#fff;color:var(--role-color)}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-title .button.edit{background-color:var(--role-color);color:#fff}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-title .button h4{font-size:1.3rem}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-box{width:100%;padding:1rem 1rem 1.5rem;box-sizing:border-box}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-box .text-field{width:100%;height:15rem}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-box .text-field.confirmed{color:#a0a0a0;background-color:#f2f2f2;border-radius:.75rem}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-box .text-field .MuiInputBase-root{height:100%;padding:1rem;display:flex;flex-direction:column;border-radius:.75rem;font-size:1.5rem}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-box .text-field .MuiInputBase-root textarea{height:7rem;overflow-y:auto}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-box .text-field .MuiInputBase-root textarea::-webkit-scrollbar{width:.3rem}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-box .text-field .MuiInputBase-root textarea::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-exam-modal .content .desc-exam-grid-item .topic-answer .answer-box .text-field .MuiInputBase-root textarea::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-exam-modal .content .exam-grid-item4{width:100%;height:7.375rem;position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:top;background-image:linear-gradient(to top,#fff,#fff,#fffc,#fffc,#fff6,#fff0);z-index:2;border-radius:1.875rem}.desc-exam-modal .content .exam-grid-item4 .button-wrapper{display:flex;justify-content:center;gap:1.5rem}.desc-exam-modal .content .exam-grid-item4 .button-wrapper .MuiButton-root{width:20rem;height:4.1875rem}.exam-excalidraw{border:1px solid #00c896;border-radius:1.25rem;padding:0 1rem 1rem;margin-top:1rem;box-sizing:border-box;height:calc(100% - 2.5rem)}.exam-excalidraw .excalidraw .dropdown-menu-button{display:none}.temp-save-confirm-modal{width:55.5rem;height:22.6rem;display:flex;flex-direction:column;padding-top:3.375rem;padding-left:4.5rem;padding-right:4.5rem;box-sizing:border-box}.temp-save-confirm-modal .temp-save-row2{margin-top:2rem;display:flex;align-items:center;justify-content:space-between}.temp-save-confirm-modal .temp-save-row2 .exam-save-description{display:flex;align-items:center;box-sizing:border-box}.temp-save-confirm-modal .temp-save-row2 .exam-save-description:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:12px;content:"";border-color:#7246bb}.temp-save-confirm-modal .temp-save-row2 span{font-weight:600}.temp-save-confirm-modal .temp-save-warning{color:red;margin-left:1.67rem}.temp-save-confirm-modal .temp-save-row3{color:#696969;margin-top:1.75rem}.temp-save-confirm-modal .temp-save-row4{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:2px;font-size:1.25rem;font-weight:600;color:#00c896}.temp-save-confirm-modal .temp-save-buttons{display:flex;gap:1.5rem;margin:2.75rem 0}.temp-save-confirm-modal .save-buttons{display:flex;gap:1.5rem;margin-top:2.75rem}.temp-save-confirm-modal .save-buttons{justify-content:center}.temp-save-confirm-modal .save-buttons button{max-width:20rem}.save-complete-modal{min-width:31.875rem;max-width:31.875rem;width:26.5%;height:15.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:3.75rem 6.25rem 2.5rem;box-sizing:border-box;border-radius:3.4375rem}.save-complete-modal .confirm-button{width:39.2%;min-width:12.5rem;height:3.75rem;border-radius:.75rem}.desc-report{position:relative;width:70%;max-width:80svw;min-width:63.75rem;height:57.5rem;height:95svh;padding:2.5rem 2rem 2.5rem 3.25rem;box-sizing:border-box;font-family:Pretendard;font-style:normal;line-height:normal}.desc-report.feedback{width:90%;min-width:42.5rem;max-width:90svw}.desc-report .close-button{position:absolute;top:.75rem;right:.75rem;transition:transform .1s;cursor:pointer}.desc-report .close-button:hover{transform:scale(1.02)}.desc-report .comment{padding:.8125rem 1.25rem;border:.0625rem solid #e4e4e4;border-radius:.625rem;box-sizing:border-box;color:#212121;font-size:var(--report-font);font-weight:400;line-height:normal;letter-spacing:-.05rem;overflow-y:auto}.desc-report .comment::-webkit-scrollbar{width:.3rem}.desc-report .comment::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-report .comment::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-report .comment.border-none{border:none;padding:.5125rem 1.25rem}.desc-report .pdf-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1.875rem}.desc-report .pdf-content .report-header{width:calc(100% - 2rem);padding:.75rem 1rem;box-sizing:border-box;border:.0625rem solid var(--role-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.6875rem}.desc-report .pdf-content .report-header .row{width:100%;height:100%;display:flex;justify-content:start;align-items:center;gap:2.5rem}.desc-report .pdf-content .report-header .row .divider{border-color:var(--role-color)}.desc-report .pdf-content .report-header .row .col{width:100%;display:flex;justify-content:space-between;align-items:center;gap:2.5rem}.desc-report .pdf-content .report-header .row .col.end{gap:5rem;justify-content:start}.desc-report .pdf-content .report-header .row .info{width:fit-content;display:flex;justify-content:center;align-items:center;gap:.625rem}.desc-report .pdf-content .report-header .row .info span{font-size:1rem;font-weight:600;letter-spacing:-.05rem}.desc-report .pdf-content .report-header .row .info .label{color:var(--role-color)}.desc-report .pdf-content .report-header .row .info .text{font-weight:500;color:#696969}.desc-report .pdf-content .report-content{width:100%;height:100%;display:flex;justify-content:start;align-items:start;overflow-y:hidden;overflow-x:auto}.desc-report .pdf-content .report-content::-webkit-scrollbar{height:.5rem}.desc-report .pdf-content .report-content::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-report .pdf-content .report-content::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-report .pdf-content .report-content .content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;gap:1.25rem;box-sizing:border-box}.desc-report .pdf-content .report-content .content .title-stroke-color{height:2.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:.125rem 0}.desc-report .pdf-content .report-content .content .title-stroke-color:before{border-style:solid;border-width:.0625rem .179rem;border-radius:.625rem;margin-right:.75rem;content:"";color:var(--role-opposite-color);border-left-color:var(--role-opposite-color);border-right-color:var(--role-opposite-color)}.desc-report .pdf-content .report-content .content .stroke-label{display:flex;align-items:center;font-size:calc(var(--report-font) + .1rem)}.desc-report .pdf-content .report-content .content .stroke-label:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:"";color:var(--role-opposite-color)}.desc-report .pdf-content .report-content .content .stroke-label.feedback{color:var(--role-opposite-color);font-weight:800}.desc-report .pdf-content .report-content .content .scroll-box{height:100%;display:flex;flex-direction:column;justify-content:start;gap:1.5rem;padding-right:1.34375rem;overflow-y:auto;overflow-x:hidden;padding-bottom:4.375rem}.desc-report .pdf-content .report-content .content .scroll-box::-webkit-scrollbar{width:.3rem}.desc-report .pdf-content .report-content .content .scroll-box::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-report .pdf-content .report-content .content .scroll-box::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-report .pdf-content .report-content .content .scroll-box .MuiDivider-root{border-style:dotted;border-color:#a0a0a0}.desc-report .pdf-content .report-content .content.feedback,.desc-report .pdf-content .report-content .content.report{flex:1;min-width:35rem;margin-right:1.625rem}.desc-report .pdf-content .report-content .content .total{display:flex;flex-direction:column;justify-content:start;gap:.875rem}.desc-report .pdf-content .report-content .content .total .header{display:flex;justify-content:space-between;align-items:center}.desc-report .pdf-content .report-content .content .total .header .score-box{display:flex;align-items:center;gap:.625rem;font-weight:500}.desc-report .pdf-content .report-content .content .total .header .score-box .label{color:var(--role-color, #7246bb);font-size:var(--report-font);letter-spacing:-.046875rem}.desc-report .pdf-content .report-content .content .total .header .score-box .text{color:#212121;font-size:calc(var(--report-font) + .1rem);letter-spacing:-.01875rem}.desc-report .pdf-content .report-content .content .total .chart{display:flex;justify-content:center;align-items:center;height:15rem}.desc-report .pdf-content .report-content .content .topic{display:flex;flex-direction:column;justify-self:start;gap:.5rem}.desc-report .pdf-content .report-content .content .topic .number{color:var(--role-opposite-color);font-size:calc(var(--report-font) + .375rem);font-weight:600;letter-spacing:-.06875rem}.desc-report .pdf-content .report-content .content .topic .comment{margin-bottom:.75rem}.desc-report .pdf-content .report-content .content .topic .comment ul{height:fit-content;margin-left:1.25rem;list-style:disc}.desc-report .pdf-content .report-content .content .topic .sub-topic{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem}.desc-report .pdf-content .report-content .content .topic .sub-topic .question{font-size:var(--report-font);width:100%;margin-bottom:.5rem}.desc-report .pdf-content .report-content .content .topic .sub-topic .analysis{display:grid;grid-template-columns:2fr 3fr;align-items:start;gap:1.125rem}.desc-report .pdf-content .report-content .content .topic .sub-topic .analysis .chart{width:100%}.desc-report .pdf-content .report-content .content .topic .sub-topic .result{display:flex;justify-content:start;align-items:center;margin-bottom:1.875rem;margin-left:.575rem}.desc-report .pdf-content .report-content .content .topic .sub-topic .result .criteria{color:var(--role-color);font-size:var(--report-font);font-weight:500}.desc-report .pdf-content .report-content .content .topic .sub-topic .result .score{color:#212121;font-size:calc(var(--report-font) - .1rem);font-weight:400;margin:0 1.875rem 0 .875rem}.desc-report .pdf-content .report-content .content.students{width:30%;min-width:18rem;max-width:22rem;display:flex;flex-direction:column;justify-content:start;box-sizing:border-box}.desc-report .pdf-content .report-content .content.students .scroll-box{padding-right:.3rem;box-sizing:border-box}.desc-report .pdf-content .report-content .content.students .header{display:flex;justify-content:space-between}.desc-report .pdf-content .report-content .content.students .header .list-label{margin-right:1.7rem}.desc-report .pdf-content .report-content .content.students .student-list{display:flex;flex-direction:column;justify-content:start;align-items:center;padding-bottom:1rem;gap:.5rem;box-sizing:border-box}.desc-report .pdf-content .report-content .content.students .student-list .profile-box{width:95%;min-width:16.625rem;height:3rem;padding:.3rem 0;box-sizing:border-box;border:.0625rem solid #d3d3d3;border-radius:3.125rem;display:flex;justify-content:space-between;align-items:center}.desc-report .pdf-content .report-content .content.students .student-list .profile-box:hover{border-color:var(--role-color);box-shadow:0 .0625rem .34375rem #6835ff4d}.desc-report .pdf-content .report-content .content.students .student-list .profile-box:hover .current{color:var(--role-color);font-weight:600}.desc-report .pdf-content .report-content .content.students .student-list .profile-box .basic{width:60%;height:100%;display:flex;justify-content:space-between;align-items:center}.desc-report .pdf-content .report-content .content.students .student-list .profile-box .basic .profile{height:2.625rem;aspect-ratio:1;object-fit:cover;border-radius:6.25rem;margin-left:.8rem}.desc-report .pdf-content .report-content .content.students .student-list .profile-box .basic .name{width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.desc-report .pdf-content .report-content .content.students .student-list .profile-box .basic .number{color:#696969;font-size:.875rem;white-space:nowrap}.desc-report .pdf-content .report-content .content.students .student-list .profile-box .report{flex:1;display:flex;justify-content:center;align-items:center;gap:.2625rem;font-size:1rem}.desc-report .pdf-content .report-content .content.students .student-list .profile-box .report span{cursor:pointer}.desc-report .pdf-content .report-content .content.students .student-list .profile-box .report span:hover{font-weight:600;color:var(--role-color)}.desc-report .pdf-content .report-content .content.students .student-list .profile-box.active{transform:scale(1.025);border-color:var(--role-color);box-shadow:0 .0625rem .34375rem #6835ff4d}.desc-report .pdf-content .report-content .content.students .student-list .profile-box.active .current{color:var(--role-color);font-weight:600}.desc-report .report-button{position:absolute;bottom:0;left:50%;translate:-50%;border-radius:1.875rem;width:100%;height:9.375rem;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(to top,#fff,#fffc,#fff0)}.desc-report .report-button .button-container{width:100%;height:4.1875rem;display:flex;justify-content:center;align-items:center;gap:1.5rem}.desc-report .report-button .button-container .button{min-width:17.7%;width:20rem;height:100%;background:var(--role-gradient-color);color:#fff;border-radius:.75rem;border:none;transition:transform .1s;cursor:pointer}.desc-report .report-button .button-container .button:hover{transform:scale(1.05)}.desc-report .report-button .preview-button{position:absolute;transition:transform .1s;cursor:pointer}.desc-report .report-button .preview-button:hover{transform:scale(1.05)}.desc-report .report-button .preview-button.prev{left:0}.desc-report .report-button .preview-button.next{right:0}.desc-print-content{display:none}@media print{html{overflow-x:visible!important}.desc-print-content{width:210mm;height:297mm;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:10mm;padding:1mm;box-sizing:border-box}.desc-print-content .report-header{width:100%;padding:.75rem 1rem;box-sizing:border-box;border:.0625rem solid var(--role-color, #7246bb);border-radius:1rem}.desc-print-content .report-header .col{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;justify-content:center;align-content:center;row-gap:3mm;column-gap:10mm}.desc-print-content .report-header .col .info{width:fit-content;display:flex;justify-content:center;align-items:center;gap:.625rem;white-space:nowrap}.desc-print-content .report-header .col .info span{font-size:18px;font-weight:600;letter-spacing:-.05rem}.desc-print-content .report-header .col .info .label{color:var(--role-color, #7246bb)}.desc-print-content .report-header .col .info .text{font-weight:400;color:#696969}.desc-print-content .report-content{width:100%;display:flex;justify-content:start;align-items:start}.desc-print-content .report-content .content{width:100%;display:flex;flex-direction:column;justify-content:start;gap:5mm;box-sizing:border-box}.desc-print-content .report-content .content .comment{padding:.8125rem 1.25rem;border:.0625rem solid #e4e4e4;border-radius:.625rem;box-sizing:border-box;color:#212121;font-size:16px;font-weight:400;letter-spacing:-.05rem;margin-bottom:3mm}.desc-print-content .report-content .content .comment ul{height:fit-content;margin-left:1.25rem;list-style:disc}.desc-print-content .report-content .content .comment ul li{margin:.2rem 0}.desc-print-content .report-content .content .title-stroke-color:before{border-style:solid;border-width:.0625rem .179rem;border-radius:.625rem;margin-right:.75rem;content:"";color:var(--role-opposite-color, #00c896);border-left-color:var(--role-opposite-color, #00c896);border-right-color:var(--role-opposite-color, #00c896)}.desc-print-content .report-content .content .title-stroke-color.main-title{font-size:24px}.desc-print-content .report-content .content .stroke-label{display:flex;align-items:center;font-size:18px}.desc-print-content .report-content .content .stroke-label:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:"";color:var(--role-opposite-color, #00c896)}.desc-print-content .report-content .content .total{display:flex;flex-direction:column;justify-content:start}.desc-print-content .report-content .content .total .header{display:flex;justify-content:space-between;align-items:center}.desc-print-content .report-content .content .total .header .score-box{display:flex;align-items:center;gap:.625rem;font-weight:500}.desc-print-content .report-content .content .total .header .score-box .label{color:var(--role-color, #7246bb);font-size:18px;letter-spacing:-.046875rem}.desc-print-content .report-content .content .total .header .score-box .score{color:#212121;font-size:18px;letter-spacing:-.01875rem}.desc-print-content .report-content .content .total .chart{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.desc-print-content .report-content .content .divider{margin:5mm 0 8mm}.desc-print-content .report-content .content .topic-wrapper{display:flex;flex-direction:column;gap:10mm}.desc-print-content .report-content .content .topic-wrapper .topic{display:flex;flex-direction:column;justify-self:start}.desc-print-content .report-content .content .topic-wrapper .topic .topic-title{color:var(--role-opposite-color, #00c896);font-size:20px;font-weight:700;letter-spacing:-.06875rem;margin-bottom:3mm}.desc-print-content .report-content .content .topic-wrapper .topic .topic-title.total{font-size:18px}.desc-print-content .report-content .content .topic-wrapper .topic .report-info{margin-bottom:10mm}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper{display:flex;flex-direction:column;gap:10mm;margin-bottom:5mm}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic{display:flex;flex-direction:column;gap:3mm}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic .analysis{display:flex;align-items:start;gap:5mm}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic .analysis .sub{flex:1}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic .none-break-page{display:flex;flex-direction:column;gap:3mm;break-inside:avoid}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic .none-break-page .question{font-size:18px}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic .none-break-page .feedback{color:#00c896}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic .none-break-page .result{display:flex;justify-content:start;align-items:center;margin-left:.575rem}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic .none-break-page .result .criteria{color:var(--role-color, #7246bb);font-size:18px;font-weight:500}.desc-print-content .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic .none-break-page .result .score{color:#212121;font-size:18px;font-weight:400;margin:0 1.875rem 0 .875rem}}.answer-container{width:100%;height:100%;display:flex;flex-direction:column;font-family:Pretendard}.answer-container .answer-header{height:3.1875rem;border-radius:1.875rem;background-color:#00c896;color:#fff;padding:1rem 2rem;display:flex;justify-content:center;align-items:center}.answer-container .answer-header span{text-align:center}.answer-container .answer-header span:first-child{width:35%}.answer-container .answer-header span:last-child{flex:1}.answer-container .answer-items{max-height:calc(100% - 3.1875rem);height:calc(100% - 3.1875rem);display:flex;flex-direction:column;overflow-y:auto;padding:0 1rem}.answer-container .answer-items::-webkit-scrollbar{width:.3rem}.answer-container .answer-items::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.answer-container .answer-items::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.answer-container .answer-header,.answer-container .answer-item{display:flex;width:100%;box-sizing:border-box}.answer-container .answer-item{width:100%;border-bottom:1px solid #d3d3d3;padding:.75rem 1.5rem;cursor:pointer}.answer-container .answer-item span{width:100%;text-align:center;display:flex;justify-content:center}.answer-container .answer-item span:first-child{width:40%}.answer-container .answer-item span:last-child{flex:1}.create-desc-report{width:85vw;min-width:63.75rem;height:57.5rem;display:flex;flex-direction:column;justify-content:start;gap:2rem;padding:2.5rem 2rem 2.5rem 3.25rem;box-sizing:border-box;overflow:hidden}.create-desc-report .close-button{position:absolute;top:.75rem;right:.75rem;transition:transform .1s;cursor:pointer}.create-desc-report .close-button:hover{transform:scale(1.02)}.create-desc-report>main{width:100%;height:100%;display:flex;justify-content:start;gap:1.875rem;box-sizing:border-box;overflow-x:auto}.create-desc-report>main::-webkit-scrollbar{height:.5rem}.create-desc-report>main::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.create-desc-report>main::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.create-desc-report>main>span,.create-desc-report>main>form{height:100%;box-sizing:border-box}.create-desc-report>main>span>header .title:before,.create-desc-report>main>form>header .title:before{border-style:solid;border-width:.0625rem .156rem;border-radius:.625rem;margin-right:1rem;content:"";color:var(--role-opposite-color);border-left-color:var(--role-opposite-color);border-right-color:var(--role-opposite-color)}.create-desc-report>footer{position:absolute;bottom:0;left:50%;translate:-50%;border-radius:1.875rem;width:97%;height:7.375rem;justify-content:space-between;display:flex;align-items:center;background-image:linear-gradient(to top,#fff,#fffc,#fff0)}.create-desc-report>footer .hidden{visibility:hidden}.create-desc-report>footer .report,.create-desc-report>footer .correction{transition:transform .1s;cursor:pointer}.create-desc-report>footer .report:hover,.create-desc-report>footer .correction:hover{transform:scale(1.02)}.create-desc-report>footer .button-container{width:40%;display:flex;justify-content:space-between}.create-desc-report>footer .button-container button{width:45%;height:4rem;color:#fff;border:none;border-radius:1rem;background:linear-gradient(90deg,#330c90,#b440ce 50.57%);transition:transform .1s;cursor:pointer}.create-desc-report>footer .button-container button:disabled{cursor:not-allowed;background:#a0a0a0}.create-desc-report>footer .button-container button:hover{transform:scale(1.02)}.create-desc-report .teacher-text-field{width:100%}.create-desc-report .read-only-input .MuiInputBase-root{width:100%;cursor:default}.create-desc-report .read-only-input .teacher-text-field .MuiInputBase-input{cursor:default}.create-desc-report .read-only-input .teacher-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:#0000003b!important}.create-desc-report .read-only-input .teacher-text-field .Mui-focused fieldset{border:1px solid rgba(0,0,0,.23)!important}.create-desc-report .MuiInputBase-root .Mui-disabled{cursor:not-allowed}.create-desc-report .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0000003b!important}.create-desc-report>header{width:99%;height:5%}.create-desc-report>header .report-information-header{display:flex;justify-content:start;gap:2.5rem;padding:.7rem 1rem;border:.0625rem solid var(--role-color);border-radius:1rem}.create-desc-report>header .report-information-header .header-item{display:flex;gap:.625rem}.create-desc-report>header .report-information-header .header-item p{font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.8px}.create-desc-report>header .report-information-header .header-item .title{color:var(--role-color);white-space:nowrap}.create-desc-report>header .report-information-header .header-item .value{color:#696969;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.create-desc-report>header .report-information-header:nth-child(2){border-left:1px solid var(--role-color);border-right:1px solid var(--role-color)}.desc-answer-correction{height:100%;width:40%;min-width:35rem;display:flex;flex-direction:column;gap:2rem;box-sizing:border-box}.desc-answer-correction>main{width:100%;height:100%;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;padding-right:3%;padding-bottom:6.375rem}.desc-answer-correction>main::-webkit-scrollbar{width:.3rem}.desc-answer-correction>main::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-answer-correction>main::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-answer-correction>main .desc-topic{width:100%;display:flex;flex-direction:column;gap:1rem}.desc-answer-correction>main .desc-topic .desc-topic-header{display:flex;justify-content:space-between}.desc-answer-correction>main .desc-topic .desc-topic-header p{color:var(--role-opposite-color);font-family:Pretendard;font-size:1.375rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-1.1px}.desc-answer-correction>main .desc-topic .desc-topic-header button{display:flex;align-items:center;border:none;background:none;color:var(--role-color);margin-right:-1rem}.desc-answer-correction>main .desc-topic .sub-topics{width:100%}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container{width:100%;height:auto}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container:first-child .text-container{margin-top:0}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container .text-container{width:100%;display:flex;justify-content:space-between;margin-top:1rem}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container button{padding:.3rem 1rem;border:.0625rem solid var(--role-color);border-radius:1rem;background:none;color:var(--role-color);transition:transform .1s;cursor:pointer}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container button:hover{transform:scale(1.05)}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container button.confirmed{background-color:var(--role-color);color:#fff}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container .teacher-text-field{height:10rem;margin-bottom:1rem}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container .teacher-text-field:last-child{margin-bottom:0}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container .teacher-text-field .MuiInputBase-root{height:100%;padding:1rem;display:flex;flex-direction:column;border-radius:.75rem;font-size:1rem}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container .teacher-text-field .MuiInputBase-root textarea{height:100%}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container .teacher-text-field .MuiInputBase-root textarea::-webkit-scrollbar{width:.3rem}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container .teacher-text-field .MuiInputBase-root textarea::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-answer-correction>main .desc-topic .sub-topics .top-with-stroke-label-container .teacher-text-field .MuiInputBase-root textarea::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.create-desc-report-progress{flex:1;min-width:18rem;max-width:22rem;display:flex;flex-direction:column;gap:1rem}.create-desc-report-progress>header{width:100%;display:flex;flex-direction:column;gap:2rem;padding-right:.34375rem;box-sizing:border-box}.create-desc-report-progress>header .column-title{width:100%;display:flex;justify-content:start;padding-right:4%;box-sizing:border-box}.create-desc-report-progress>header .column-title p{color:#696969;font-family:Pretendard;font-size:1.0625rempx;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.85px}.create-desc-report-progress>header .column-title .name{width:67%;display:flex;align-items:center;white-space:nowrap}.create-desc-report-progress>header .column-title .name:before{width:.5rem;border:2px solid;border-radius:.625rem;margin-right:.5rem;content:"";color:var(--role-opposite-color)}.create-desc-report-progress>header .column-title .category{flex:1;display:flex;white-space:nowrap}.create-desc-report-progress>main{width:100%;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;flex-direction:column;padding:.1rem .34375rem 11rem 0;box-sizing:border-box}.create-desc-report-progress>main::-webkit-scrollbar{width:.3rem}.create-desc-report-progress>main::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.create-desc-report-progress>main::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.create-desc-report-progress>main .selective.member-container{transition:transform .1s;cursor:pointer}.create-desc-report-progress>main .selective.member-container:hover{transform:scale(1.02)}.create-desc-report-progress>main .member-container{width:98%;justify-content:start;align-items:center;padding:0 1rem;box-sizing:border-box}.create-desc-report-progress>main .member-container img{width:auto;height:85%;margin:0}.create-desc-report-progress>main .member-container .status-container{flex:1;display:flex;justify-content:start;align-items:center;padding:0;box-sizing:border-box}.create-desc-report-progress>main .member-container .status-container .name-student-number-container{flex:1;display:flex;justify-content:center;gap:.2rem;align-items:center;box-sizing:border-box}.create-desc-report-progress>main .member-container .status-container .name-student-number-container .name{flex:1;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.create-desc-report-progress>main .member-container .status-container .name-student-number-container .student-number{width:35%;text-align:center;color:#696969;font-family:Pretendard;font-size:.8715rem;font-style:normal;font-weight:400;letter-spacing:-.84px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.create-desc-report-progress>main .member-container .status-container .status-wrapper{width:35%;display:flex;justify-content:center}.create-desc-report-progress>main .member-container .status-container .status-wrapper .status{width:45%;box-sizing:border-box;display:flex;justify-content:end;white-space:nowrap;cursor:pointer}.create-desc-report-progress>main .member-container .status-container .status-wrapper .status:last-child{justify-content:start}.create-desc-report-progress>main .member-container .status-container .status-wrapper .status:hover{font-weight:700}.create-desc-report-progress>main .member-container .status-container .status-wrapper .status.unconfirmed{color:#a0a0a0;text-decoration-line:underline;text-underline-offset:.2rem}.create-desc-report-progress>main .member-container .status-container .status-wrapper .line{margin:0 .2rem}.create-desc-report-progress>main .member-container.selected{border-color:var(--role-color)}.create-desc-report-progress>main .member-container.selected .status.highlighted{color:var(--role-color)}.create-desc-report-progress span.line{height:1rem;margin:0 .5rem;border:1px solid #d3d3d3}.confirm-change-student{width:40svh;min-width:25rem;display:flex;flex-direction:column;gap:2rem;padding:3rem 5rem}.confirm-change-student>header{display:flex;justify-content:center}.confirm-change-student>main{display:flex;flex-direction:column;justify-content:center;align-items:center}.confirm-change-student>main h4{color:#f25116}.confirm-change-student>footer{display:flex;justify-content:space-between}.confirm-change-student>footer button{width:45%;padding:.7rem 3rem;border:none;border-radius:.8rem;color:#fff}.confirm-change-student>footer button.no{background-color:#a0a0a0}.confirm-change-student>footer button.close{background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.read-only-input .signup-form-container .left-label-container{position:relative}.read-only-input .signup-form-container .left-label-container .certified-icon-container{position:absolute;z-index:2;top:.5rem;right:.6vw}.read-only-input .signup-form-container .left-label-container .certified-icon-container .read-only-input-certified-icon{width:1.354vw;height:1.625rem}.read-only-input .teacher-text-field:hover .MuiOutlinedInput-notchedOutline,.read-only-input .student-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:#d3d3d3}.desc-question-and-answer{width:40%;min-width:35rem;display:flex;flex-direction:column;gap:2rem}.desc-question-and-answer>main{height:100%;display:flex;flex-direction:column;gap:1rem;padding-bottom:6.375rem;overflow-y:auto}.desc-question-and-answer>main::-webkit-scrollbar{width:.3rem}.desc-question-and-answer>main::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-question-and-answer>main::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-question-and-answer>main .multiline{height:auto}.desc-question-and-answer>main .desc-topic{display:flex;flex-direction:column;gap:1rem}.desc-question-and-answer>main .desc-topic .MuiFormControl-root{width:97%}.desc-question-and-answer>main .desc-topic p{color:var(--role-opposite-color);font-family:Pretendard;font-size:1.375rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-1.1px}.desc-question-and-answer>main .desc-topic .sub-topics{display:flex;flex-direction:column;gap:1rem}.create-desc-result-report{height:100%;width:40%;min-width:35rem;display:flex;flex-direction:column;gap:2rem;box-sizing:border-box}.create-desc-result-report>header{display:flex;justify-content:space-between}.create-desc-result-report>header button{display:flex;align-items:center;color:var(--role-color);border:none;background:none}.create-desc-result-report>header button:disabled{cursor:not-allowed;color:#696969}.create-desc-result-report>header button:disabled svg path{fill:#696969}.create-desc-result-report>main{width:100%;height:100%;overflow-y:auto;padding-right:3%;padding-bottom:6.375rem}.create-desc-result-report>main::-webkit-scrollbar{width:.3rem}.create-desc-result-report>main::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.create-desc-result-report>main::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.create-desc-result-report>main .teacher-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:var(--role-color)}.create-desc-result-report>main .teacher-text-field .Mui-focused fieldset{border:1px solid var(--role-color)}.create-desc-result-report>main .teacher-text-field textarea{height:100%}.create-desc-result-report>main .teacher-text-field textarea::-webkit-scrollbar{width:.3rem}.create-desc-result-report>main .teacher-text-field textarea::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.create-desc-result-report>main .teacher-text-field textarea::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.create-desc-result-report>main button{padding:.3rem 1rem;border:.0625rem solid var(--role-color);border-radius:2rem;background-color:#fff;color:var(--role-color);transition:transform .1s;cursor:pointer}.create-desc-result-report>main button:hover{transform:scale(1.05)}.create-desc-result-report>main button.confirmed{background-color:var(--role-color);color:#fff}.create-desc-result-report>main .stroke-label{display:flex;align-items:center}.create-desc-result-report>main .stroke-label:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:"";color:var(--role-opposite-color)}.create-desc-result-report>main .total{width:100%;display:flex;flex-direction:column;align-items:end;gap:1rem;box-sizing:border-box}.create-desc-result-report>main .total .header{width:100%;display:flex;justify-content:space-between}.create-desc-result-report>main .total .header h4{display:flex;align-items:center}.create-desc-result-report>main .total .header h4:before{width:.5rem;border:2px solid;border-radius:.625rem;margin-right:.5rem;content:"";color:var(--role-opposite-color)}.create-desc-result-report>main .total .header .score-box .label{margin-right:1rem}.create-desc-result-report>main .total .header .score-box .MuiInputBase-root{min-width:6rem;height:2rem;border-radius:.7rem}.create-desc-result-report>main .total .chart{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:15rem;box-sizing:border-box}.create-desc-result-report>main .total .chart .criteria-score-container{width:100%;display:flex;justify-content:space-between;box-sizing:border-box}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score{width:auto;display:flex;justify-content:center;align-items:center;gap:.5rem}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score .criteria{width:fit-content;max-width:6rem;text-align:center;color:var(--role-color);word-break:auto-phrase}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score .teacher-text-field{width:auto;max-width:2rem;height:2rem}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score .teacher-text-field.confirmed{color:#a0a0a0;background-color:#f2f2f2;border-radius:.75rem}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score .teacher-text-field input{text-align:center;padding:.5rem!important}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score .teacher-text-field .MuiInputBase-root{height:100%;display:flex;border-radius:.75rem;font-size:1rem}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score .teacher-text-field .MuiInputBase-root textarea{height:100%}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score .teacher-text-field .MuiInputBase-root textarea::-webkit-scrollbar{width:.3rem}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score .teacher-text-field .MuiInputBase-root textarea::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.create-desc-result-report>main .total .chart .criteria-score-container .criteria-score .teacher-text-field .MuiInputBase-root textarea::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.create-desc-result-report>main .MuiDivider-root{margin:2rem 0}.create-desc-result-report>main .topics{display:flex;flex-direction:column;gap:2rem}.create-desc-result-report>main .topics .topic{display:flex;flex-direction:column;justify-self:start;gap:1rem}.create-desc-result-report>main .topics .topic .number{color:var(--role-opposite-color);font-size:1.375rem;font-weight:600;letter-spacing:-.06875rem}.create-desc-result-report>main .topics .topic .comment{width:100%;margin-bottom:.75rem;padding:.8125rem 1.25rem;border:.0625rem solid #e4e4e4;border-radius:.625rem;box-sizing:border-box;color:#212121;font-size:1rem;font-weight:400;line-height:1.5rem;letter-spacing:-.05rem}.create-desc-result-report>main .topics .topic .comment.border-none{border:none;padding:.5125rem 1.25rem}.create-desc-result-report>main .topics .topic .comment ul{height:fit-content;margin-left:1.25rem;list-style:disc}.create-desc-result-report>main .topics .topic .button-container{display:flex;justify-content:end}.create-desc-result-report>main .topics .topic .sub-topic{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.create-desc-result-report>main .topics .topic .sub-topic .question{width:60%}.create-desc-result-report>main .topics .topic .sub-topic .analysis{height:fit-content;display:grid;grid-template-columns:2fr 3fr;align-items:center;padding:1rem 0;box-sizing:border-box;gap:1.125rem}.create-desc-result-report>main .topics .topic .sub-topic .analysis .chart{height:100%;width:100%}.create-desc-result-report>main .topics .topic .sub-topic .analysis .teacher-text-field{height:9em}.create-desc-result-report>main .topics .topic .sub-topic .analysis .teacher-text-field .MuiInputBase-root{height:100%;display:flex;border-radius:.75rem;font-size:1rem}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score{display:flex;justify-content:space-around;align-items:center}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper{display:flex;align-items:center;gap:1rem}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper p{font-size:1rem;color:var(--role-color)}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper .teacher-text-field{width:2.5rem;height:2rem}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper .teacher-text-field.confirmed{color:#a0a0a0;background-color:#f2f2f2;border-radius:.75rem}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper .teacher-text-field input{text-align:center;padding:.5rem!important}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper .teacher-text-field .MuiInputBase-root{height:100%;display:flex;border-radius:.75rem;font-size:1rem}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper .teacher-text-field .MuiInputBase-root textarea{height:100%}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper .teacher-text-field .MuiInputBase-root textarea::-webkit-scrollbar{width:.3rem}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper .teacher-text-field .MuiInputBase-root textarea::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.create-desc-result-report>main .topics .topic .sub-topic .criteria-score .criteria-wrapper .teacher-text-field .MuiInputBase-root textarea::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-student-answer{position:relative;max-width:80svw;min-width:63.75rem;height:57.5rem;height:95svh;padding:2.5rem 2rem 2.5rem 3.25rem;box-sizing:border-box;font-family:Pretendard;font-style:normal;line-height:normal}.desc-student-answer .close-button{position:absolute;top:.75rem;right:.75rem;transition:transform .1s;cursor:pointer}.desc-student-answer .close-button:hover{transform:scale(1.02)}.desc-student-answer .comment{padding:.8125rem 1.25rem;border:.0625rem solid #e4e4e4;border-radius:.625rem;box-sizing:border-box;color:#212121;font-size:var(--report-font);font-weight:400;line-height:normal;letter-spacing:-.05rem;overflow-y:auto}.desc-student-answer .comment::-webkit-scrollbar{width:.3rem}.desc-student-answer .comment::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-student-answer .comment::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-student-answer .comment.border-none{border:none;padding:.5125rem 1.25rem}.desc-student-answer .pdf-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1.875rem}.desc-student-answer .pdf-content .report-header{width:calc(100% - 2rem);padding:.75rem 1rem;box-sizing:border-box;border:.0625rem solid var(--role-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.6875rem}.desc-student-answer .pdf-content .report-header .row{width:100%;height:100%;display:flex;justify-content:start;align-items:center;gap:2.5rem}.desc-student-answer .pdf-content .report-header .row .divider{border-color:var(--role-color)}.desc-student-answer .pdf-content .report-header .row .col{width:100%;display:flex;justify-content:space-between;align-items:center;gap:2.5rem}.desc-student-answer .pdf-content .report-header .row .col.end{gap:5rem;justify-content:start}.desc-student-answer .pdf-content .report-header .row .info{width:fit-content;display:flex;justify-content:center;align-items:center;gap:.625rem}.desc-student-answer .pdf-content .report-header .row .info span{font-size:1rem;font-weight:600;letter-spacing:-.05rem}.desc-student-answer .pdf-content .report-header .row .info .label{color:var(--role-color)}.desc-student-answer .pdf-content .report-header .row .info .text{font-weight:500;color:#696969}.desc-student-answer .pdf-content .report-content{width:100%;height:100%;display:flex;justify-content:start;align-items:start;overflow-y:hidden;overflow-x:auto}.desc-student-answer .pdf-content .report-content::-webkit-scrollbar{height:.5rem}.desc-student-answer .pdf-content .report-content::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-student-answer .pdf-content .report-content::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-student-answer .pdf-content .report-content .content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;gap:1.25rem;box-sizing:border-box}.desc-student-answer .pdf-content .report-content .content .title-stroke-color{height:2.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:.125rem 0}.desc-student-answer .pdf-content .report-content .content .title-stroke-color:before{border-style:solid;border-width:.0625rem .179rem;border-radius:.625rem;margin-right:.75rem;content:"";color:var(--role-opposite-color);border-left-color:var(--role-opposite-color);border-right-color:var(--role-opposite-color)}.desc-student-answer .pdf-content .report-content .content .stroke-label{display:flex;align-items:center;font-size:calc(var(--report-font) + .1rem)}.desc-student-answer .pdf-content .report-content .content .stroke-label.criteria{font-size:calc(var(--report-font))}.desc-student-answer .pdf-content .report-content .content .stroke-label:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:"";color:var(--role-opposite-color)}.desc-student-answer .pdf-content .report-content .content .scroll-box{height:100%;display:flex;flex-direction:column;justify-content:start;gap:1.5rem;padding-right:1.34375rem;overflow-y:auto;overflow-x:hidden;padding-bottom:4.375rem}.desc-student-answer .pdf-content .report-content .content .scroll-box::-webkit-scrollbar{width:.3rem}.desc-student-answer .pdf-content .report-content .content .scroll-box::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.desc-student-answer .pdf-content .report-content .content .scroll-box::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.desc-student-answer .pdf-content .report-content .content .scroll-box .MuiDivider-root{border-style:dotted;border-color:#a0a0a0}.desc-student-answer .pdf-content .report-content .content.answer{flex:1;margin-right:1.625rem}.desc-student-answer .pdf-content .report-content .content.question{width:45%;margin-right:1.625rem}.desc-student-answer .pdf-content .report-content .content .total{display:flex;flex-direction:column;justify-content:start;gap:.875rem}.desc-student-answer .pdf-content .report-content .content .total .header{display:flex;justify-content:space-between;align-items:center}.desc-student-answer .pdf-content .report-content .content .total .header .score-box{display:flex;align-items:center;gap:.625rem;font-weight:500}.desc-student-answer .pdf-content .report-content .content .total .header .score-box .label{color:var(--role-color, #7246bb);font-size:var(--report-font);letter-spacing:-.046875rem}.desc-student-answer .pdf-content .report-content .content .total .header .score-box .text{color:#212121;font-size:calc(var(--report-font) + .1rem);letter-spacing:-.01875rem}.desc-student-answer .pdf-content .report-content .content .total .chart{display:flex;justify-content:center;align-items:center;height:15rem}.desc-student-answer .pdf-content .report-content .content .topic{display:flex;flex-direction:column;justify-self:start;gap:.5rem}.desc-student-answer .pdf-content .report-content .content .topic .number{color:var(--role-opposite-color);font-size:calc(var(--report-font) + .375rem);font-weight:600;letter-spacing:-.06875rem}.desc-student-answer .pdf-content .report-content .content .topic .comment{margin-bottom:.75rem}.desc-student-answer .pdf-content .report-content .content .topic .comment ul{height:fit-content;list-style:disc}.desc-student-answer .pdf-content .report-content .content .topic .sub-topic{display:flex;flex-direction:column;margin-bottom:1rem;gap:.25rem}.desc-student-answer .pdf-content .report-content .content .topic .sub-topic .question{font-size:var(--report-font);width:100%;margin-bottom:.5rem}.desc-student-answer .pdf-content .report-content .content .topic .sub-topic .analysis{display:grid;grid-template-columns:2fr 3fr;align-items:start;gap:1.125rem}.desc-student-answer .pdf-content .report-content .content .topic .sub-topic .analysis .chart{width:100%}.desc-student-answer .pdf-content .report-content .content .topic .sub-topic .result{display:flex;justify-content:start;align-items:center;margin-bottom:1.875rem;margin-left:.575rem}.desc-student-answer .pdf-content .report-content .content .topic .sub-topic .result .criteria{color:var(--role-color);font-size:var(--report-font);font-weight:500}.desc-student-answer .pdf-content .report-content .content .topic .sub-topic .result .score{color:#212121;font-size:calc(var(--report-font) - .1rem);font-weight:400;margin:0 1.875rem 0 .875rem}.desc-student-answer .pdf-content .report-content .content.students{width:15%;display:flex;flex-direction:column;justify-content:start;box-sizing:border-box}.desc-student-answer .pdf-content .report-content .content.students .scroll-box{padding-right:.3rem;box-sizing:border-box}.desc-student-answer .pdf-content .report-content .content.students .header{display:flex;justify-content:space-between}.desc-student-answer .pdf-content .report-content .content.students .header .list-label{margin-right:1.7rem}.desc-student-answer .pdf-content .report-content .content.students .student-list{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;padding-bottom:1rem;gap:.5rem;box-sizing:border-box}.desc-student-answer .pdf-content .report-content .content.students .student-list .profile-box{width:80%;min-width:13rem;height:3rem;padding:.3rem 1rem;box-sizing:border-box;border:.0625rem solid #d3d3d3;border-radius:3.125rem;display:flex;justify-content:space-between;align-items:center}.desc-student-answer .pdf-content .report-content .content.students .student-list .profile-box:hover{border-color:var(--role-color);box-shadow:0 .0625rem .34375rem #6835ff4d;cursor:pointer}.desc-student-answer .pdf-content .report-content .content.students .student-list .profile-box:hover .current{color:var(--role-color);font-weight:600}.desc-student-answer .pdf-content .report-content .content.students .student-list .profile-box .basic{flex:1;height:100%;display:flex;justify-content:space-between;align-items:center}.desc-student-answer .pdf-content .report-content .content.students .student-list .profile-box .basic .profile{height:2.625rem;aspect-ratio:1;object-fit:cover;border-radius:6.25rem}.desc-student-answer .pdf-content .report-content .content.students .student-list .profile-box .basic .name{width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.desc-student-answer .pdf-content .report-content .content.students .student-list .profile-box .basic .number{color:#696969;font-size:.875rem;white-space:nowrap}.desc-student-answer .pdf-content .report-content .content.students .student-list .profile-box.active{transform:scale(1.025);border-color:var(--role-color);box-shadow:0 .0625rem .34375rem #6835ff4d}.desc-student-answer .pdf-content .report-content .content.students .student-list .profile-box.active .current{color:var(--role-color);font-weight:600}.desc-student-answer .report-button{position:absolute;bottom:0;left:50%;translate:-50%;border-radius:1.875rem;width:100%;height:9.375rem;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(to top,#fff,#fffc,#fff0)}.desc-student-answer .report-button .button-container{width:100%;height:4.1875rem;display:flex;justify-content:center;align-items:center;gap:1.5rem}.desc-student-answer .report-button .button-container .button{min-width:17.7%;width:20rem;height:100%;background:var(--role-gradient-color);color:#fff;border-radius:.75rem;border:none;transition:transform .1s;cursor:pointer}.desc-student-answer .report-button .button-container .button:hover{transform:scale(1.05)}.desc-student-answer .report-button .preview-button{position:absolute;transition:transform .1s;cursor:pointer}.desc-student-answer .report-button .preview-button:hover{transform:scale(1.05)}.desc-student-answer .report-button .preview-button.prev{left:0}.desc-student-answer .report-button .preview-button.next{right:0}.desc-student-answer-content{display:none}@media print{html{overflow-x:visible!important}.desc-student-answer-content{width:210mm;height:297mm;display:flex;flex-direction:column}.desc-student-answer-content .none-break-page{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:5mm;padding:1mm;box-sizing:border-box;break-inside:avoid}.desc-student-answer-content .none-break-page .report-header{width:100%;padding:.75rem 1rem;box-sizing:border-box;border:.0625rem solid var(--role-color, #7246bb);border-radius:1rem}.desc-student-answer-content .none-break-page .report-header .col{width:100%;display:flex;justify-content:start;align-content:center;gap:10mm}.desc-student-answer-content .none-break-page .report-header .col .info{width:fit-content;display:flex;justify-content:center;align-items:center;gap:.625rem;white-space:nowrap}.desc-student-answer-content .none-break-page .report-header .col .info span{font-size:18px;font-weight:600;letter-spacing:-.05rem}.desc-student-answer-content .none-break-page .report-header .col .info .label{color:var(--role-color, #7246bb)}.desc-student-answer-content .none-break-page .report-header .col .info .text{font-weight:400;color:#696969}.desc-student-answer-content .none-break-page .report-content{width:100%;display:flex;justify-content:start;align-items:start}.desc-student-answer-content .none-break-page .report-content .content{width:100%;display:flex;flex-direction:column;justify-content:start;gap:5mm;box-sizing:border-box}.desc-student-answer-content .none-break-page .report-content .content .comment{width:100%;padding:.8125rem 1.25rem;border:.0625rem solid #e4e4e4;border-radius:.625rem;box-sizing:border-box;color:#212121;font-size:16px;font-weight:400;letter-spacing:-.05rem;white-space:pre-line}.desc-student-answer-content .none-break-page .report-content .content .comment.passage{margin-bottom:5mm}.desc-student-answer-content .none-break-page .report-content .content .comment ul{height:fit-content;list-style:disc}.desc-student-answer-content .none-break-page .report-content .content .comment ul li{margin:.2rem 0}.desc-student-answer-content .none-break-page .report-content .content .title-stroke-color:before{border-style:solid;border-width:.0625rem .179rem;border-radius:.625rem;margin-right:.75rem;content:"";color:var(--role-opposite-color, #00c896);border-left-color:var(--role-opposite-color, #00c896);border-right-color:var(--role-opposite-color, #00c896)}.desc-student-answer-content .none-break-page .report-content .content .title-stroke-color.main-title{font-size:24px}.desc-student-answer-content .none-break-page .report-content .content .stroke-label{display:flex;align-items:center;font-size:18px}.desc-student-answer-content .none-break-page .report-content .content .stroke-label:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:"";color:var(--role-opposite-color, #00c896)}.desc-student-answer-content .none-break-page .report-content .content .stroke-label.passage{margin-bottom:1mm}.desc-student-answer-content .none-break-page .report-content .content .total{display:flex;flex-direction:column;justify-content:start}.desc-student-answer-content .none-break-page .report-content .content .total .header{display:flex;justify-content:space-between;align-items:center}.desc-student-answer-content .none-break-page .report-content .content .total .header .score-box{display:flex;align-items:center;gap:.625rem;font-weight:500}.desc-student-answer-content .none-break-page .report-content .content .total .header .score-box .label{color:var(--role-color, #7246bb);font-size:18px;letter-spacing:-.046875rem}.desc-student-answer-content .none-break-page .report-content .content .total .header .score-box .score{color:#212121;font-size:18px;letter-spacing:-.01875rem}.desc-student-answer-content .none-break-page .report-content .content .total .chart{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.desc-student-answer-content .none-break-page .report-content .content .divider{margin:5mm 0 8mm}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper{display:flex;flex-direction:column;gap:7mm}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic{display:flex;flex-direction:column;justify-self:start}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .topic-title{color:var(--role-opposite-color, #00c896);font-size:20px;font-weight:700;letter-spacing:-.06875rem;margin-bottom:1mm}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .topic-title.total{font-size:18px}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .report-info{margin-bottom:5mm}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .sub-topic-wrapper{display:flex;flex-direction:column;gap:3mm;margin-bottom:5mm}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .sub-topic-wrapper .sub-topic{display:flex;flex-direction:column;gap:2mm}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .sub-topic-wrapper .none-break-page{display:flex;flex-direction:column;gap:1mm;break-inside:avoid}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .sub-topic-wrapper .none-break-page .question{font-size:18px}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .sub-topic-wrapper .none-break-page .feedback{color:#00c896}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .sub-topic-wrapper .none-break-page .result{display:flex;justify-content:start;align-items:center;margin-left:.575rem}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .sub-topic-wrapper .none-break-page .result .criteria{color:var(--role-color, #7246bb);font-size:18px;font-weight:500}.desc-student-answer-content .none-break-page .report-content .content .topic-wrapper .topic .sub-topic-wrapper .none-break-page .result .score{color:#212121;font-size:18px;font-weight:400;margin:0 1.875rem 0 .875rem}}.create-student-report.modal-with-title{position:relative;width:50vw;min-width:65.75rem;max-width:70.75rem;height:60rem;display:flex;flex-direction:column;justify-content:start;gap:2rem;padding:2.5rem 2.25rem 2.5rem 3.25rem;box-sizing:border-box;overflow-y:hidden}.create-student-report.modal-with-title::-webkit-scrollbar{width:.3rem}.create-student-report.modal-with-title::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.create-student-report.modal-with-title::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.create-student-report.modal-with-title .close-button{position:absolute;top:.75rem;right:.5%;transition:transform .1s;cursor:pointer}.create-student-report.modal-with-title .close-button:hover{transform:scale(1.05)}.create-student-report.modal-with-title>header{width:100%;height:fit-content;display:flex}.create-student-report.modal-with-title>header .create-student-report-header{width:98%;display:flex;flex-direction:column;gap:1rem;padding:.7rem 1.5rem;border:.0625rem solid var(--role-color);border-radius:1rem;box-sizing:border-box}.create-student-report.modal-with-title>header .create-student-report-header .information{width:100%;display:flex;justify-content:start;gap:2.5rem;box-sizing:border-box}.create-student-report.modal-with-title>header .create-student-report-header .information.member{width:30%}.create-student-report.modal-with-title>header .create-student-report-header .information.report{flex:1}.create-student-report.modal-with-title>header .create-student-report-header .information .header-item{display:flex;gap:.625rem;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:450;line-height:normal;letter-spacing:-.05rem}.create-student-report.modal-with-title>header .create-student-report-header .information .header-item .title{color:var(--role-color);white-space:nowrap}.create-student-report.modal-with-title>header .create-student-report-header .information .header-item .value{color:#696969;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.create-student-report.modal-with-title>main{width:100%;height:100%;display:flex;justify-content:start;gap:1rem;box-sizing:border-box}.create-student-report.modal-with-title>main header .title:before{border-style:solid;border-width:.0625rem .156rem;border-radius:.625rem;margin-right:1rem;content:"";color:var(--role-opposite-color);border-left-color:var(--role-opposite-color);border-right-color:var(--role-opposite-color)}.create-student-report.modal-with-title>main .create-report-body{width:75%;display:flex;flex-direction:column;justify-content:start;gap:2rem;overflow-y:scroll;padding:0 1rem 11rem 0}.create-student-report.modal-with-title>main .create-report-body::-webkit-scrollbar{width:.3rem}.create-student-report.modal-with-title>main .create-report-body::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.create-student-report.modal-with-title>main .create-report-body::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.create-student-report.modal-with-title>main .create-report-body .box{display:flex;flex-direction:column}.create-student-report.modal-with-title>main .create-report-body .box .stroke{display:flex;align-items:center;white-space:nowrap;margin-bottom:1rem}.create-student-report.modal-with-title>main .create-report-body .box .stroke:before{width:.5rem;border:2px solid;border-radius:.625rem;margin-right:.5rem;content:"";color:var(--role-opposite-color)}.create-student-report.modal-with-title>main .create-report-body .body-area>.chart-container{display:flex}.create-student-report.modal-with-title>main .create-report-body .body-area>.chart-container>div{display:inline-block;width:50%}.create-student-report.modal-with-title>main .create-report-body .body-report{height:18rem}.create-student-report.modal-with-title>footer{position:absolute;bottom:0;left:50%;translate:-50%;border-radius:1.875rem;width:97%;height:7.375rem;justify-content:center;display:flex;align-items:center;background-image:linear-gradient(to top,#fff,#fffc,#fff0)}.create-student-report.modal-with-title>footer .hidden{visibility:hidden}.create-student-report.modal-with-title>footer .report-button-container{width:100%;display:flex;justify-content:space-between;align-items:center}.create-student-report.modal-with-title>footer .report-button-container .button-wrapper{flex:1;display:flex;justify-content:center;gap:2rem}.create-student-report.modal-with-title>footer .report-button-container .button-wrapper button{width:25%;height:4rem;color:#fff;border:none;border-radius:1rem;background:linear-gradient(90deg,#330c90,#b440ce 50.57%);transition:transform .1s;cursor:pointer}.create-student-report.modal-with-title>footer .report-button-container .button-wrapper button:disabled{cursor:not-allowed;background:#a0a0a0}.create-student-report.modal-with-title>footer .report-button-container .button-wrapper button:hover{transform:scale(1.02)}.create-student-report.modal-with-title>footer .report-button-container .start-arrow{justify-self:start;transition:transform .1s;cursor:pointer}.create-student-report.modal-with-title>footer .report-button-container .start-arrow:hover{transform:scale(1.02)}.create-student-report.modal-with-title>footer .report-button-container .next-arrow{justify-self:end;transition:transform .1s;cursor:pointer}.create-student-report.modal-with-title>footer .report-button-container .next-arrow:hover{transform:scale(1.02)}.class-report-header{width:100%;height:100%;padding-right:5%;box-sizing:border-box;border:1px solid var(--role-color);border-radius:1rem;display:flex;justify-content:space-between}.class-report-header>.item{display:flex;justify-content:start;align-items:center;width:auto;height:100%;margin-left:1rem}.class-report-header>.item>span{padding-right:.5rem;font-family:Pretendard;font-style:normal;font-size:1rem;line-height:1.1875rem;letter-spacing:-.05em}.class-report-header>.item>.title{color:var(--role-color);white-space:nowrap}.class-report-header>.item>.data{color:#696969;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.student-report-header{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--role-color);border-radius:1rem;display:flex;flex-direction:column}.student-report-header>.exam-title{width:20rem}.student-report-header>div{width:100%;height:50%;display:flex;flex-direction:row;padding-left:2%;gap:2rem}.student-report-header>div>.item{display:flex;height:100%;align-items:center}.student-report-header>div>.item>span{padding-right:.5rem;font-family:Pretendard;font-style:normal;font-size:1rem;line-height:1.1875rem;letter-spacing:-.05em}.student-report-header>div>.item>.title{color:var(--role-color);white-space:nowrap}.student-report-header>div>.item>.data{color:#696969;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.student-report-header>div>.student-name>.form-ctl{width:7rem}.student-report-header>div>.student-name>.form-ctl>.select{height:1.5rem}.student-report-header>div>.student-name>.form-ctl .confirmed{color:#d3d3d3}.student-report-header>div>.student-name>.name-container{color:#696969}.MuiPaper-root ul li.confirmed{color:#d3d3d3}[role=student]{--modal-width: 43dvw}[role=teacher]{--modal-width: 53dvw}.report-student{width:var(--modal-width);max-height:95vh;min-width:62.75rem;max-width:80.75rem;box-sizing:border-box;overflow-y:hidden}.report-student .content{padding:1.5rem 2rem 2.5rem 3.25rem;display:flex;flex-direction:column;box-sizing:border-box}.report-student .content .report-header{width:100%;height:4.5625rem;box-sizing:border-box}.report-student .content .body-wrapper{width:100%;display:flex;align-items:start}.report-student .content .body-wrapper .report-body{flex:1;height:70dvh;margin-top:1.4rem;overflow-y:auto;padding:0 1rem 0 0}.report-student .content .body-wrapper .report-body::-webkit-scrollbar{width:.3rem}.report-student .content .body-wrapper .report-body::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.report-student .content .body-wrapper .report-body::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.report-student .content .body-wrapper .report-body header{margin-bottom:1.5rem}.report-student .content .body-wrapper .report-body>.body-errata{margin-bottom:2rem}.report-student .content .body-wrapper .report-body .body-area{margin-bottom:2rem}.report-student .content .body-wrapper .report-body .body-area .chart-container{display:flex}.report-student .content .body-wrapper .report-body .body-area .chart-container>div{display:inline-block;width:50%}.report-student .content .body-wrapper .report-body .body-area.stats{padding-bottom:3rem}.report-student .content .body-wrapper .report-body>.body-report{padding-bottom:4rem}.report-student .content .body-wrapper .students{width:25%;height:72dvh;display:flex;flex-direction:column;justify-content:start;box-sizing:border-box;padding:1.4rem 0 0 .5rem}.report-student .content .body-wrapper .students .scroll-box{height:100%;box-sizing:border-box;overflow-y:auto;padding-bottom:3rem}.report-student .content .body-wrapper .students .scroll-box::-webkit-scrollbar{width:.3rem}.report-student .content .body-wrapper .students .scroll-box::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.report-student .content .body-wrapper .students .scroll-box::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.report-student .content .body-wrapper .students .list-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.report-student .content .body-wrapper .students .list-header .stroke{padding:0}.report-student .content .body-wrapper .students .list-header .print-wrapper{padding:.3rem .5rem;border:1px solid var(--role-color);border-radius:10rem;display:flex;justify-content:center;gap:.5rem;transition:transform .1s;cursor:pointer}.report-student .content .body-wrapper .students .list-header .print-wrapper:hover{transform:scale(1.02)}.report-student .content .body-wrapper .students .list-header .print-wrapper img{height:auto;width:20%}.report-student .content .body-wrapper .students .list-header .print-wrapper .print-label{color:var(--role-color)}.report-student .content .body-wrapper .students .student-list{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;padding:.1rem 0 1rem .5rem;gap:.5rem;box-sizing:border-box}.report-student .content .body-wrapper .students .student-list .profile-box{width:95%;height:3rem;padding:.3rem 1rem;box-sizing:border-box;border:.0625rem solid #d3d3d3;border-radius:3.125rem;display:flex;justify-content:space-between;align-items:center}.report-student .content .body-wrapper .students .student-list .profile-box:hover{border-color:var(--role-color);box-shadow:0 .0625rem .34375rem #6835ff4d;cursor:pointer}.report-student .content .body-wrapper .students .student-list .profile-box:hover .current{color:var(--role-color);font-weight:600}.report-student .content .body-wrapper .students .student-list .profile-box .basic{flex:1;height:100%;display:flex;justify-content:space-between;align-items:center}.report-student .content .body-wrapper .students .student-list .profile-box .basic .profile{height:2.625rem;aspect-ratio:1;object-fit:cover;border-radius:6.25rem}.report-student .content .body-wrapper .students .student-list .profile-box .basic .name{width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.report-student .content .body-wrapper .students .student-list .profile-box .basic .number{color:#696969;font-size:.875rem;white-space:nowrap}.report-student .content .body-wrapper .students .student-list .profile-box.active{transform:scale(1.025);border-color:var(--role-color);box-shadow:0 .0625rem .34375rem #6835ff4d}.report-student .content .body-wrapper .students .student-list .profile-box.active .current{color:var(--role-color);font-weight:600}.report-student .content .report-footer{position:absolute;bottom:0;left:50%;translate:-50%;border-radius:1.875rem;width:100%;height:5.375rem;display:flex;justify-content:center;align-items:start;background-image:linear-gradient(to top,#fff,#fffc,#fff0)}.report-student .content .report-footer .student-submit{display:flex;justify-content:center;align-items:center;gap:1rem}.report-student .content .report-footer svg{cursor:pointer}.report-student .content .report-footer svg.disabled{cursor:not-allowed}.report-student .content .stroke{display:flex;align-items:center;padding-bottom:1rem;height:fit-content}.report-student .content .stroke:before{position:relative;width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;border-color:#00c896;content:""}.title-wrapper{width:100%;display:flex;align-items:start;justify-content:space-between}.title-wrapper .generate-button{border-radius:2rem;background-color:#fff;border:1px solid #a07bea;color:#a07bea;padding:.3rem .6rem;margin-bottom:.5rem;font-family:Pretendard;font-style:normal;font-size:.8125rem;line-height:1rem;white-space:nowrap}.title-wrapper .generate-button:hover{background:#a07bea;color:#fff}.comment-container{width:100%}.comment-container .write-field{width:96%;padding:0 1rem}.comment-container .write-field .MuiInputBase-root{padding:.8rem .4rem .8rem .6rem;box-sizing:border-box}.comment-container .write-field .MuiInputBase-root textarea{padding-right:.1rem}.comment-container .write-field .MuiInputBase-root textarea::-webkit-scrollbar{width:.3rem}.comment-container .write-field .MuiInputBase-root textarea::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.comment-container .write-field .MuiInputBase-root textarea::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.comment-container .text-field{width:100%;height:100%;max-height:15rem;box-sizing:border-box;white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word;padding:0 1rem;color:gray;line-height:1.3rem;letter-spacing:-.05em;font-size:1.1rem;line-height:2rem;overflow-y:auto}.comment-container .text-field::-webkit-scrollbar{width:.3rem}.comment-container .text-field::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.comment-container .text-field::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.errata-box{width:100%;font-size:1rem;font-family:Pretendard}.errata-box>.errata-header,.errata-box .question-row{display:flex;justify-content:space-between;padding:.625rem 0}.errata-box>.errata-header{background-color:var(--role-color);border-radius:10rem;color:#fff}.errata-box>.errata-header>span{flex:1;text-align:center}.errata-box .question-row{border-bottom:1px solid #ccc}.errata-box .question-row>span{flex:1;text-align:center}.report-exam{width:42vw;min-width:55.75rem;max-width:60.75rem;box-sizing:border-box;overflow-y:hidden}.report-exam .content{padding:1.5rem 2.25rem 2.5rem 3.25rem}.report-exam .content .report-header{width:100%;height:2.5625rem}.report-exam .content .report-body{width:100%;height:32rem;margin-top:1.4rem;display:grid;grid-template-rows:15rem 17rem}.report-exam .content .report-body .body-top{grid-row:1}.report-exam .content .report-body .body-bottom{grid-row:2;display:grid;grid-template-columns:1fr 1fr}.report-exam .content .report-body .body-bottom .body-left{grid-column:1}.report-exam .content .report-body .body-bottom .body-right{grid-column:2}.report-exam .content .report-body .body-bottom.stats{width:100%;display:flex}.report-exam .content .report-body .body-bottom.stats .body-left{width:100%}.report-exam .content .report-footer{display:flex;justify-content:center;align-items:center;margin-top:2rem;width:100%}.report-exam .content .stroke{display:flex;align-items:center;margin-bottom:1rem}.report-exam .content .stroke:before{position:relative;width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;border-color:#00c896;content:""}.modal-with-title.exam-management{min-width:45rem;width:35%}.modal-with-title.exam-management .content>main{display:flex;justify-content:space-between;gap:2%}.modal-with-title.exam-management .content>main .information{width:75%;display:flex;justify-content:space-between;padding:1rem;border:1px solid #d3d3d3;border-radius:1rem}.modal-with-title.exam-management .content>main .information p{font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.7px}.modal-with-title.exam-management .content>main .information .exam-information{width:40%;display:flex;flex-direction:column;gap:1rem}.modal-with-title.exam-management .content>main .information .exam-information .label-value-container{display:flex}.modal-with-title.exam-management .content>main .information .exam-information .label-value-container .label{width:3.5rem;padding-right:.8rem;border-right:1px solid #7246bb;color:#7246bb}.modal-with-title.exam-management .content>main .information .exam-information .label-value-container .value{width:fit-content;min-width:3.5rem;padding-left:.7rem;color:#696699}.modal-with-title.exam-management .content>main .information .not-submitted-member{flex:1;display:flex}.modal-with-title.exam-management .content>main .information .not-submitted-member .label-container{width:5.5rem}.modal-with-title.exam-management .content>main .information .not-submitted-member .label-container .label{border-right:1px solid #7246bb;color:#7246bb}.modal-with-title.exam-management .content>main .information .not-submitted-member .student-list{flex:1;height:100%;max-height:10rem;display:flex;flex-direction:column;padding-right:1rem;overflow-y:auto}.modal-with-title.exam-management .content>main .information .not-submitted-member .student-list::-webkit-scrollbar{width:.3rem}.modal-with-title.exam-management .content>main .information .not-submitted-member .student-list::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.modal-with-title.exam-management .content>main .information .not-submitted-member .student-list::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.modal-with-title.exam-management .content>main .information .not-submitted-member .student-list .student{width:fit-content;min-width:7rem;display:flex;padding:0 0 .4rem 1rem}.modal-with-title.exam-management .content>main .information .not-submitted-member .student-list .student p{color:#696699}.modal-with-title.exam-management .content>main .information .not-submitted-member .student-list .student p.student-number{width:2.5rem}.modal-with-title.exam-management .content>main .exam-status{width:6rem;height:7.5rem;display:flex;justify-content:space-evenly;flex-direction:column;gap:.5rem;padding:.5rem;border:1px solid #696969;border-radius:1rem}.modal-with-title.exam-management .content>main .exam-status .status-container{padding:1rem .5rem;border:none;border-radius:.625rem;background-color:#fff;cursor:pointer}.modal-with-title.exam-management .content>main .exam-status .status-container p{font-family:Pretendard;font-size:1.25rem;font-style:normal;font-weight:600;letter-spacing:-1.4px;text-align:center;color:#696969}.modal-with-title.exam-management .content>main .exam-status .status-container.selected{background-color:#7246bb}.modal-with-title.exam-management .content>main .exam-status .status-container.selected p{color:#fff}.modal-with-title.exam-management .content .switch-wrapper{display:flex;justify-content:end;gap:.625rem;margin:1rem .5rem .5rem 0}.modal-with-title.exam-management .content .switch-wrapper .switch-control{display:flex;gap:.5rem;margin-right:0}.modal-with-title.exam-management .content .switch-wrapper .switch-control .switch-label{white-space:nowrap}.modal-with-title.exam-management .content>footer.button-container{margin-top:.3rem}.modal-with-title.exam-management .content>footer.button-container.desc{margin-top:2rem}.modal-with-title.exam-management .content>footer.button-container button{width:50%;padding:1rem 0;border:none;border-radius:.75rem}.modal-with-title.exam-management .content>footer.button-container button.regrade{border:2px solid #7246bb;background-color:#fff}.modal-with-title.exam-management .content>footer.button-container button.regrade:disabled{cursor:not-allowed;border:2px solid #a0a0a0;background:#e4e4e4}.modal-with-title.exam-management .content>footer.button-container button.regrade:disabled h3{color:#a0a0a0}.modal-with-title.exam-management .content>footer.button-container button.regrade h3{color:#7246bb}.modal-with-title.exam-management .content>footer.button-container button.teacher-submit:disabled{cursor:not-allowed;background:#a0a0a0}.modal-with-title.exam-management .content>footer.button-container button.teacher-submit h3{color:#fff}.confirm-stastics-report{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 5rem}.confirm-stastics-report>header{display:flex;justify-content:center}.confirm-stastics-report>main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.confirm-stastics-report>main h4{color:#f25116}.confirm-stastics-report>footer{display:flex;justify-content:space-between;margin-top:.5rem}.confirm-stastics-report>footer button{width:45%;padding:.7rem 3rem;border:none;border-radius:.8rem;color:#fff}.confirm-stastics-report>footer button.no{background-color:#a0a0a0}.confirm-stastics-report>footer button.close{background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.check-update-exam-status{padding:3rem 5rem}.check-update-exam-status>main h4{text-align:center;color:#f25116;margin:1.5rem 0}.check-update-exam-status>footer.button-container{display:flex;justify-content:center;gap:6%}.check-update-exam-status>footer.button-container .button{width:40%;padding:1rem 0;border:none;border-radius:.75rem}.check-update-exam-status>footer.button-container .button.close{background-color:#a0a0a0}.check-update-exam-status>footer.button-container .button.teacher-submit{background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.check-update-exam-status>footer.button-container .button h3{color:#fff}.modal-with-title.regrade-exam .content form>main{margin-top:1rem}.modal-with-title.regrade-exam .content .swiper{padding-left:5%;padding-right:5%}.integrated-student{width:42vw;min-width:55.75rem;max-width:60.75rem}.integrated-student .content{padding:1.5rem 2.25rem 2.5rem 3.25rem}.integrated-student .content .report-header{width:100%;height:4.5625rem;padding-right:.5rem;box-sizing:border-box}.integrated-student .content .report-body{width:100%;height:37rem;margin-top:1.4rem;display:grid;grid-template-columns:50% 50%;grid-template-rows:20rem 17rem}.integrated-student .content .report-body .body-top{grid-column:1/span 2;grid-row:1}.integrated-student .content .report-body .body-left{grid-column:1;grid-row:2}.integrated-student .content .report-body .body-right{grid-column:2;grid-row:2}.integrated-student .content .report-footer{display:flex;justify-content:center;align-items:center;margin-top:2rem;width:100%}.integrated-student .content .stroke{display:flex;align-items:center;padding-bottom:1rem}.integrated-student .content .stroke:before{position:relative;width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;border-color:#00c896;content:""}.report-print-content{display:none}@media print{.report-print-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:4mm;padding:.7mm;box-sizing:border-box}.report-print-content .none-break-page{page-break-after:always}.report-print-content .title-stroke-color{width:100%;display:flex;font-family:twayair;font-size:24px;font-style:normal;font-weight:400;letter-spacing:-1.7px;margin:0}.report-print-content .title-stroke-color:before{border-style:solid;border-width:1px 3px;border-radius:10px;margin-right:3mm;content:"";color:var(--role-opposite-color, #00c896);border-left-color:var(--role-opposite-color, #00c896);border-right-color:var(--role-opposite-color, #00c896)}.report-print-content .report-header{width:100%;padding:1mm 1rem;box-sizing:border-box;border:.0625rem solid var(--role-color, #7246bb);border-radius:1rem;margin-top:3mm;margin-bottom:5mm}.report-print-content .report-header .row{width:100%;display:flex;flex-direction:column;gap:2mm;box-sizing:border-box}.report-print-content .report-header .row .col{width:100%;display:flex;justify-content:space-between;box-sizing:border-box}.report-print-content .report-header .row .col .info{display:flex;justify-content:start;align-items:center;gap:.625rem;white-space:nowrap;box-sizing:border-box}.report-print-content .report-header .row .col .info span{font-size:16px;font-weight:600;letter-spacing:-.05rem}.report-print-content .report-header .row .col .info .label{color:var(--role-color, #7246bb)}.report-print-content .report-header .row .col .info .text{font-weight:400;color:#696969}.report-print-content .report-content{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.report-print-content .report-content .content{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:5mm}.report-print-content .report-content .content .none-break-page{width:100%;display:flex;flex-direction:column;gap:3mm;break-inside:avoid;page-break-after:unset}.report-print-content .report-content .content .none-break-page .stroke-label{display:flex;align-items:center;font-size:18px}.report-print-content .report-content .content .none-break-page .stroke-label:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:"";color:var(--role-opposite-color, #00c896)}.report-print-content .report-content .content .none-break-page .errata-box{align-self:center;width:95%;font-family:Pretendard}.report-print-content .report-content .content .none-break-page .errata-box .errata-header,.report-print-content .report-content .content .none-break-page .errata-box .question-row{width:100%;display:flex;justify-content:start}.report-print-content .report-content .content .none-break-page .errata-box .errata-header{background-color:var(--role-color, #7246bb);border-radius:10rem;color:#fff;padding:2mm 0}.report-print-content .report-content .content .none-break-page .errata-box .errata-header span{font-size:18px;flex:1;text-align:center}.report-print-content .report-content .content .none-break-page .errata-box .question-row{width:100%;border-bottom:1px solid #ccc;padding:1.5mm 0}.report-print-content .report-content .content .none-break-page .errata-box .question-row span{font-size:16px;flex:1;text-align:center}.report-print-content .report-content .content .none-break-page .chart-container,.report-print-content .report-content .content .none-break-page .chart-container .chart-wrapper{width:100%;display:flex;justify-content:center;align-items:center;gap:10mm}.report-print-content .report-content .content .none-break-page .comment{padding:.5rem .95rem;width:auto;height:fit-content;min-height:135px;font-family:Pretendard;font-size:18px;font-style:normal;font-weight:400;letter-spacing:-.9px;word-break:keep-all;line-height:1.5;border:.0625rem solid var(--role-color, #7246bb);border-radius:10px}.report-print-content .diagnositc .report-content .content .none-break-page .errata-box .errata-header,.report-print-content .diagnositc.stats .report-content .content .none-break-page .errata-box .errata-header{padding:2mm 0}.report-print-content .diagnositc .report-content .content .none-break-page .errata-box .errata-header span,.report-print-content .diagnositc.stats .report-content .content .none-break-page .errata-box .errata-header span{font-size:18px}.report-print-content .diagnositc .report-content .content .none-break-page .errata-box .question-row,.report-print-content .diagnositc.stats .report-content .content .none-break-page .errata-box .question-row{padding:2mm 0}.report-print-content .diagnositc .report-content .content .none-break-page .errata-box .question-row span,.report-print-content .diagnositc.stats .report-content .content .none-break-page .errata-box .question-row span{font-size:16px}.report-print-content .stats .report-content .content .none-break-page .errata-box .errata-header{padding:1mm 0}.report-print-content .stats .report-content .content .none-break-page .errata-box .errata-header span{font-size:14px}.report-print-content .stats .report-content .content .none-break-page .errata-box .question-row{padding:1mm 0}.report-print-content .stats .report-content .content .none-break-page .errata-box .question-row span{font-size:12px}.report-print-content .diagnositc.stats .report-content .content .none-break-page .errata-box .errata-header{padding:2mm 0}.report-print-content .diagnositc.stats .report-content .content .none-break-page .errata-box .errata-header span{font-size:18px}.report-print-content .diagnositc.stats .report-content .content .none-break-page .errata-box .question-row{padding:2mm 0}.report-print-content .diagnositc.stats .report-content .content .none-break-page .errata-box .question-row span{font-size:16px}}.error-note-box{width:100%;padding-right:1rem}.error-note-box>.body-errata{margin-bottom:2rem}.error-note-box>.body-area{margin-bottom:2rem}.error-note-box>.body-area>.chart-container{display:flex}.error-note-box>.body-area>.chart-container>div{display:inline-block;width:50%}.error-note-box>.error-note-header,.error-note-box .question-row{display:flex;justify-content:space-between}.error-note-box>.error-note-header{padding:10px 1rem;background-color:var(--role-color);border-radius:10rem;color:#fff}.error-note-box>.error-note-header>span{text-align:center}.error-note-box>.error-note-header .flex1{flex:1}.error-note-box>.error-note-header .flex3{flex:3}.error-note-box .error-note-content{height:60vh;max-height:35rem;padding:0 1rem 5rem;overflow-y:auto}.error-note-box .error-note-content::-webkit-scrollbar{width:.3rem}.error-note-box .error-note-content::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.error-note-box .error-note-content::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.error-note-box .error-note-content .question-row{border-bottom:1px solid #ccc;padding:10px 0}.error-note-box .error-note-content .question-row>span{text-align:center}.error-note-box .error-note-content .question-row .flex1{flex:1}.error-note-box .error-note-content .question-row .flex2{flex:2}.error-note-box .error-note-content .question-row .flex3{flex:3}.error-note-box .error-note-content .question-row .fade-in{opacity:0;animation:fadeInAnimation .5s ease forwards}@keyframes fadeInAnimation{to{opacity:1}}.error-note-box .error-note-content .question-row .image{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.error-note-box .error-note-content .question-row .image img{width:80%;height:auto;transition:opacity .5s ease}.error-note-box .error-note-content .question-row>.button{cursor:pointer;color:var(--role-color)}.payment-history{max-width:95svw;width:50svw;min-width:65rem}.payment-history .content{width:100%}.payment-history .content header{width:100%}.payment-history .content header .current-point-wrapper{width:100%;display:flex;justify-content:end;align-items:end;gap:1rem}.payment-history .content header .current-point-wrapper .title{color:var(--role-color)}.payment-history .content header .current-point-wrapper .point-container{width:20%;display:flex;justify-content:end;align-items:start;gap:.25rem;border-bottom:1px solid var(--role-color);color:var(--role-color);padding-left:1rem}.payment-history .content header .current-point-wrapper .point-container h5{padding-top:.2rem}.payment-history .content header .current-point-wrapper .charge-button{padding:.5rem 1.5rem;display:flex;justify-content:center;align-items:center;margin-left:1rem;border-radius:.75rem;cursor:pointer}.payment-history .content header .current-point-wrapper .charge-button h4{color:#fff}.payment-history .content main .custom-table-container{height:fit-content;min-height:33.7949375rem}.payment-history .content main .custom-table-container .custom-table .table-head .table-head-row .MuiTableCell-root{padding:1rem 0}.payment-history .content main .custom-table-container .custom-table .table-body .table-body-row{cursor:default}.payment-history .content main .custom-table-container .custom-table .table-body .table-body-row:hover{transform:none}.payment-history .content main .custom-table-container .custom-table .table-body .table-body-row .MuiTableCell-root{padding:.8rem 0}.payment-history .content main .custom-table-container .custom-table .table-body .table-body-row .MuiTableCell-root .status{display:flex;justify-content:center;align-items:center;gap:3px}.purchase-point{min-width:20vw}.subscription-management .subscription-info{display:flex;flex-direction:column;gap:1rem}.subscription-management .subscription-info .next-payment-wrapper{display:flex;flex-direction:column;align-items:start}.subscription-management .subscription-info .next-payment-wrapper .stroke-label{display:flex;align-items:center;margin-bottom:.3rem}.subscription-management .subscription-info .next-payment-wrapper .stroke-label:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:"";color:var(--role-opposite-color)}.subscription-management .subscription-info .next-payment-wrapper .stroke-label .item{color:var(--role-color);margin-left:.5rem;margin-bottom:.3rem;align-self:flex-end}.subscription-management .subscription-info .next-payment-wrapper .next-payment-date{display:flex;flex-direction:column;gap:.3rem;width:100%;padding-left:1.3rem;color:#40464c}.subscription-management .subscription-info .next-payment-wrapper .next-payment-date h6{margin-top:-.25rem}.subscription-management .subscription-info .next-payment-wrapper .next-payment-date .period span{margin-left:.2rem;font-size:.9rem;color:#fa896b;vertical-align:top}.subscription-management .subscription-info .next-payment-wrapper .next-payment-date .next-payment{display:flex;padding-left:.5rem}.subscription-management .subscription-info .next-payment-wrapper .next-payment-date .next-payment span{display:flex;justify-content:start;gap:.2rem}.subscription-management .subscription-info .next-payment-wrapper .next-payment-date .next-payment .price{font-weight:400}.subscription-management .subscription-info .next-payment-wrapper .next-payment-date .next-payment .item{font-size:1.2rem}.subscription-management .subscription-info .next-payment-wrapper .next-payment-date .next-payment.cards{display:flex;justify-content:center;gap:2rem}.subscription-management .subscription-info .info-div{display:flex;align-items:center;gap:.5rem}.subscription-management .subscription-info .info-div p{font-size:1.3rem}.subscription-management .unsubscribe{width:100%;display:flex;justify-content:end}.subscription-management .unsubscribe button{border:none;background:none;color:#a0a0a0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.8px;text-decoration-line:underline}.subscription-management .subscription{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.subscription-management .subscription .subscription-benefit{max-width:100%;height:auto}.product{position:relative;min-width:10rem;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;align-items:center;border-radius:1rem;background-color:#f1f3f5;border:2px solid var(--role-opposite-color)}.product.not-checked{filter:grayscale(1);border:1px solid #c7c9cd}.product.not-checked .discount{background-color:#e4e5eb}.product .discount{max-width:8rem;margin-top:.5rem;padding:.2rem .5rem;border-radius:1rem;background-color:#dfe1ee;background-color:#f3ca71}.product .price{margin-top:.5rem;font-size:1.3rem;color:red;font-weight:500}.product .discount-description{display:flex;gap:.5rem}.product .discount-description .before{text-decoration-line:line-through;color:#b0b2b5}.product .free-description{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-top:.5rem}.product .free-description h4{font-size:1.1rem;font-weight:500;color:var(--role-color)}.product .description{position:absolute;bottom:1rem;color:#b0b2b5}.subscription-type-selection{min-width:22rem;width:fit-content}.subscription-type-selection>.content{display:flex;justify-content:center;gap:2rem}.subscription-type-selection>.content .product{position:relative;min-width:13rem;width:45%;height:14rem;padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid #c7c9cd;border-radius:1rem;background-color:#f7f9fd}.subscription-type-selection>.content .product.checked{border:2px solid var(--role-opposite-color)}.subscription-type-selection>.content .product.checked [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:max(2px,.1rem) solid var(--role-opposite-color);border-radius:50%;width:1.25em;height:1.25em}.subscription-type-selection>.content .product.checked [type=radio]:checked{border:.4rem solid var(--role-opposite-color)}.subscription-type-selection>.content .product .discount{margin-top:.5rem;padding:.2rem .5rem;border-radius:1rem;background-color:#dfe1ee}.subscription-type-selection>.content .product .discount.year{background-color:#f5be43}.subscription-type-selection>.content .product .price{margin-top:.5rem;font-size:1.3rem;color:red;font-weight:500}.subscription-type-selection>.content .product .discount-description{display:flex;gap:.5rem}.subscription-type-selection>.content .product .discount-description .before{text-decoration-line:line-through;color:#b0b2b5}.subscription-type-selection>.content .product .description{position:absolute;bottom:1rem;color:#b0b2b5}.subscription-type-selection>.footer button{width:50%}.card-registration{min-width:25rem}.card-registration .footer button{width:60%}.logout-modal{width:30vw;border-radius:3.4375rem;display:flex;align-items:center;flex-direction:column;padding:2.5rem 0}.logout-modal .img-container{margin-top:.25rem}.logout-modal .img-container img{width:100%;height:auto}.logout-modal .header{height:6rem;width:100%;display:flex;align-items:center;justify-content:center}.logout-modal .bottom-buttons{width:100%;display:flex;justify-content:center;gap:1.5rem;font-family:Pretendard;font-weight:600}.logout-modal .bottom-buttons .cancel-button{width:30%;height:4rem;font-size:1.5rem;color:#fff;background:#a0a0a0;border:none;border-radius:.75rem}.logout-modal .bottom-buttons .confirm-button{width:30%;height:4rem;font-size:1.5rem;color:#fff;background:linear-gradient(90deg,#330c90,#b440ce 50.57%);border:none;border-radius:.75rem}.header-container{position:fixed;top:0;width:100%;min-width:35rem;height:5.625rem;display:flex;justify-content:space-between;align-items:center;z-index:2}.header-container.home{background:#ffffff80;-webkit-backdrop-filter:blur(6.5px);backdrop-filter:blur(6.5px)}.header-container.main{background:linear-gradient(180deg,#f8f2ff 29.66%,#fff0)}.header-container.main .main-menu-wrapper{width:100%;display:flex;justify-content:start;gap:1rem}.header-container.main .main-menu-wrapper .menu-item{display:flex;justify-content:center;align-items:center;padding:0 2rem}.header-container.main .main-menu-wrapper .menu-item:hover .link:before{content:"•";position:absolute;top:-1rem;left:-.5rem}.header-container.main .main-menu-wrapper .menu-item:hover .sub-menu{display:flex}.header-container.main .main-menu-wrapper .menu-item .link{transition:transform .1s;cursor:pointer;margin-bottom:.625rem;text-align:center}.header-container.main .main-menu-wrapper .menu-item .link:hover{transform:scale(1.02)}.header-container.main .main-menu-wrapper .menu-item .link:hover,.header-container.main .main-menu-wrapper .menu-item .link:active{font-weight:700;background:none;color:var(--role-color)}.header-container.main .main-menu-wrapper .menu-item .link.disabled{pointer-events:none;color:#a0a0a0}.header-container.main .main-menu-wrapper .menu-item .sub-menu{height:7.5rem;aspect-ratio:176/120;position:absolute;top:4rem;display:none;flex-direction:column;justify-content:space-around;align-items:center;border-radius:.9375rem;border:1px solid var(--role-color);background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.header-container.main .main-menu-wrapper .menu-item .sub-menu .menu-divider{width:40%;border-width:.125rem;border-color:var(--role-color)}.header-container.main .main-menu-wrapper .menu-item .sub-menu .sub-menu-item{transition:transform .1s;cursor:pointer;width:82%;height:1.875rem;border-radius:1.25rem;border:1px solid var(--role-color);text-align:center;color:var(--role-color)}.header-container.main .main-menu-wrapper .menu-item .sub-menu .sub-menu-item:hover{transform:scale(1.02)}.header-container.main .main-menu-wrapper .menu-item .sub-menu .sub-menu-item h4{line-height:1.875rem}.header-container.main .main-menu-wrapper .menu-item .sub-menu .sub-menu-item:hover,.header-container.main .main-menu-wrapper .menu-item .sub-menu .sub-menu-item:active{color:#fff;border-color:#fff}.header-container.main .main-menu-wrapper .menu-item .sub-menu .sub-menu-item:hover{background-color:var(--role-menu-color);opacity:.5}.header-container.main .main-menu-wrapper .menu-item .sub-menu .sub-menu-item:active{background-color:var(--role-color)}.header-container.main .main-menu-wrapper .menu-item .sub-menu .sub-menu-item.disabled{pointer-events:none;color:#a0a0a0;transform:none}.header-container .logo-wrapper{width:15rem;min-width:8rem;height:4.5rem;display:flex;justify-content:start;align-items:center;padding-left:2rem;padding-right:1rem}.header-container .logo-wrapper img{height:100%;width:auto;cursor:pointer}.header-container .menu-wrapper{display:flex;justify-content:space-between;align-items:center;width:35rem;min-width:17rem;padding:0 2rem}.header-container .button-wrapper{width:auto;height:100%;display:flex;align-items:center;justify-content:center;gap:3rem}.header-container .button-wrapper.home{gap:1rem}.header-container .button-wrapper .home-button{transition:transform .1s;cursor:pointer;display:inline-flex;height:3rem;width:24%;min-width:11rem;box-sizing:border-box;padding:.625rem 1rem;justify-content:center;align-items:center;gap:1.25rem;flex-shrink:0;border-radius:1rem;border:1px solid transparent}.header-container .button-wrapper .home-button:hover{transform:scale(1.02)}.header-container .button-wrapper .home-button:nth-child(2){margin-right:1rem}.header-container .button-wrapper .home-button h3{white-space:nowrap;font-size:1.3rem}.header-container .button-wrapper .home-button:hover{border-color:var(--white-30, rgba(217, 217, 217, .3))}.header-container .button-wrapper .button{height:100%;transition:transform .1s;cursor:pointer;position:relative;background:none;border:none;padding:0}.header-container .button-wrapper .button:hover{transform:scale(1.02)}.header-container .button-wrapper .button:last-child{margin-right:3.5vw}.header-container .button-wrapper .button .icon{height:3.3rem;width:auto}.header-container .button-wrapper .button .icon.profile{width:3.3rem;border:.0625rem solid var(--role-color);border-radius:6.25rem}.header-container .button-wrapper .button .number-of-alert{position:absolute;width:fit-content;aspect-ratio:1/1;padding:.2rem;min-width:1.57rem;min-height:1.57rem;top:.7rem;right:-.3rem;box-sizing:border-box;border-radius:50%;color:#fff;background-color:red;display:flex;justify-content:center;align-items:center}#profile-popover .MuiMenuItem-root{gap:0}#profile-popover .MuiMenuItem-root .MuiListItemIcon-root{min-width:2.25rem}.alert-popover .MuiPaper-root{padding:0 .625rem}.alert-popover .item-wrapper{width:18.625rem;max-height:24.25rem;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:1.375rem;padding:.875rem 0;overflow-y:hidden}.alert-popover .item-wrapper .divider{width:40%}.alert-popover .item-wrapper .alert-list-wrapper{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:1.375rem;overflow-y:auto;overflow-x:hidden}.alert-popover .item-wrapper .alert-list-wrapper.empty{padding-right:0}.alert-popover .item-wrapper .alert-list-wrapper::-webkit-scrollbar{width:.3rem}.alert-popover .item-wrapper .alert-list-wrapper::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.alert-popover .item-wrapper .alert-list-wrapper::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper{width:95%;padding-right:.2rem}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.375rem;border:.0625rem solid #696969;padding:.375rem .5625rem;margin:.2rem;box-sizing:border-box;border-radius:.5rem;color:#696969;transition:transform .2s;transition:transform .1s;cursor:pointer}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item:hover{transform:scale(1.01)}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item .alert-title{width:100%;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item .alert-title:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item .alert-title span{font-size:.9rem;font-weight:500}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item .alert-content{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.4rem}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item .alert-content .content-desc{width:100%;height:fit-content;margin-left:.22rem;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item .emphasis{font-weight:700}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item.blur{background-color:#e4e3e380}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item.blur .alert-title{color:#8b8b8b}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item.blur .alert-title:before{background-color:#8b8b8b}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item.blur .emphasis{color:#8b8b8b}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-item.blur:hover{transform:scale(1.01)}.alert-popover .item-wrapper .alert-list-wrapper .alert-item-wrapper .alert-date{color:#696969;margin-top:.125rem;margin-left:2%}.alert-popover .teacher .divider{border:.1rem solid #7246bb}.alert-popover .teacher .empty-item{color:#7246bb}.alert-popover .teacher .alert-item:hover{background-color:#7346bb07}.alert-popover .teacher .alert-item .alert-title{color:#7246bb}.alert-popover .teacher .alert-item .alert-title:before{background-color:#7246bb}.alert-popover .teacher .emphasis,.alert-popover .teacher .delete-button{color:#7246bb}.alert-popover .student .divider{border:.1rem solid #00c896}.alert-popover .student .empty-item{color:#00c896}.alert-popover .student .alert-item:hover{background-color:#00c89607}.alert-popover .student .alert-item .alert-title{color:#00c896}.alert-popover .student .alert-item .alert-title:before{background-color:#00c896}.alert-popover .student .emphasis,.alert-popover .student .delete-button{color:#00c896}.delete-account p,.delete-classroom p{color:#a0a0a0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.8px;text-decoration-line:underline}.delete-account-modal,.delete-classroom-modal{display:flex;flex-direction:column;gap:1rem;padding:3rem 8rem!important}.delete-account-modal>header,.delete-classroom-modal>header{display:flex;justify-content:center}.delete-account-modal>header img,.delete-classroom-modal>header img{width:4rem}.delete-account-modal>main,.delete-classroom-modal>main{display:flex;flex-direction:column;align-items:center;gap:1rem}.delete-account-modal>main h4,.delete-classroom-modal>main h4{color:#f25116}.delete-account-modal>footer,.delete-classroom-modal>footer{display:flex;justify-content:space-between;gap:2rem}.delete-account-modal>footer button,.delete-classroom-modal>footer button{width:12rem;padding:1rem 0;border:none;border-radius:.75rem}.delete-account-modal>footer button h3,.delete-classroom-modal>footer button h3{color:#fff}.delete-account-modal>footer button.no-button,.delete-classroom-modal>footer button.no-button{background:#a0a0a0}.delete-account-modal>footer button.yes-student-button,.delete-classroom-modal>footer button.yes-student-button{background:linear-gradient(90deg,#c5f263 -.08%,#00c896 40.92%)}.delete-account-modal>footer button.yes-teacher-button,.delete-classroom-modal>footer button.yes-teacher-button{background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.update-my-information{overflow:hidden}.update-my-information .disabled{padding:.01rem 0 .625rem .625rem;margin-bottom:5px;background-color:#fffc;filter:blur(1.5px);pointer-events:none;border-radius:1rem;z-index:1}.update-my-information .wrapper{position:relative}.update-my-information .wrapper .warning-wrapper{width:auto;position:absolute;background-color:#fff;filter:none;top:45%;left:20%;z-index:2;text-align:end;padding:1rem 0}.update-my-information .wrapper .warning-wrapper .error{color:#f25116}.update-my-information .content{padding-right:2.5rem}.update-my-information .content .stroke{display:flex;align-items:center}.update-my-information .content .stroke:before{position:relative;width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:""}.update-my-information .content .stroke.teacher:before{border-color:#00c896}.update-my-information .content .stroke.student:before{border-color:#7246bb}.update-my-information .content form{height:42rem;overflow-y:auto;padding-right:.5rem}.update-my-information .content form::-webkit-scrollbar{width:.3rem}.update-my-information .content form::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.update-my-information .content form::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.update-my-information .content form main{margin-top:1rem}.update-my-information .content form main .container{display:flex;justify-content:space-between}.update-my-information .content form main .container .left-label-container{width:100%}.update-my-information .content form main .container .left-label-container .left-label-text-field-container{width:100%}.update-my-information .content form main .container .left-label-container .left-label-text-field-container .button-wrapper .button{width:100%;padding:.3125rem 0;border:none;border-radius:1.875rem;transition:transform .1s;cursor:pointer;background-color:var(--role-color)}.update-my-information .content form main .container .left-label-container .left-label-text-field-container .button-wrapper .button:hover{transform:scale(1.02)}.update-my-information .content form main .container .left-label-container .left-label-text-field-container .button-wrapper .button h4{color:#fff}.update-my-information .content form main .oauth{display:flex;justify-content:center;margin-top:1rem;margin-bottom:1rem}.update-my-information .content form main .oauth .kakao-button-wrapper{width:65%;display:flex;align-items:end;gap:1rem}.update-my-information .content form main .oauth .kakao-button-wrapper .kakao-link-button{display:flex;justify-content:center;flex-direction:column;align-items:center}.update-my-information .content form main .oauth .kakao-button-wrapper .kakao-link-button img{width:auto;height:3rem}.update-my-information .content form main .oauth .kakao-button-wrapper .unlink-kakao{cursor:pointer;margin-bottom:.2rem}.update-my-information .content form main .profile{margin:1rem 0;display:flex;align-items:center}.update-my-information .content form main .profile .left-label{font-weight:400}.update-my-information .content form main .profile .profile-content{width:80%;display:flex;align-items:center;justify-content:start;gap:1rem}.update-my-information .content form main .profile .profile-content .image-container img{object-fit:cover}.update-my-information .content form main .profile .profile-content .image-container img{width:4.0625rem;height:4.0625rem;border:2px solid;border-radius:6.25rem}.update-my-information .content form main .profile .profile-content .image-container img.teacher{border-color:#7246bb}.update-my-information .content form main .profile .profile-content .image-container img.student{border-color:#00c896}.update-my-information .content form main .profile .profile-content .button{padding:.3rem 1rem;border:none;border-radius:1.875rem;transition:transform .1s;cursor:pointer}.update-my-information .content form main .profile .profile-content .button:hover{transform:scale(1.02)}.update-my-information .content form main .profile .profile-content .button.teacher-edit{background-color:#7246bb}.update-my-information .content form main .profile .profile-content .button.student-edit{background-color:#00c896}.update-my-information .content form main .profile .profile-content .button.delete{background-color:#f25116}.update-my-information .content form main .profile .profile-content .button h4{color:#fff}.update-my-information .content form main .gender{display:flex}.update-my-information .content form main .gender .gender-radio-group{margin-left:.2rem;flex:1;display:flex;flex-direction:row;align-items:center}.update-my-information .content form main .stroke{margin-top:1rem}.update-my-information .content form .social-login-wrapper{display:flex;flex-direction:column;gap:1rem}.update-my-information .content .delete-account{display:inline-block;margin:2rem 0 0 90%;cursor:pointer}.update-my-information .content>footer{margin-top:2rem}.sms-verify-modal{width:42.708vw;height:41.25rem;display:flex;flex-direction:column;align-items:center;position:relative}.sms-verify-modal .close-button{position:absolute;top:1rem;right:1vw}.sms-verify-modal .sms-verify-modal-container{width:20.208vw;display:flex;flex-direction:column;align-items:center}.sms-verify-modal .sms-verify-modal-title{margin-top:3.75rem}.sms-verify-modal .sms-verify-modal-title h1{color:#0c1421}.sms-verify-modal .sms-verify-image-Lock{display:flex;justify-content:center;align-items:center;margin-top:1.375rem}.sms-verify-modal .sms-verify-image-Lock img{width:6.354vw;height:4.875rem}.sms-verify-modal .sms-verify-modal-hint{margin-top:1.5625rem;margin-bottom:1.625rem}.sms-verify-modal .sms-verify-modal-hint p{font-size:1.0625rem;font-weight:600;text-align:center;color:#f25116}.sms-verify-modal .sms-verify-modal-divider{width:100%;color:#d3d3d3}.sms-verify-modal .sms-verify-modal-phone{margin-top:1.625rem}.sms-verify-modal .sms-verify-modal-phone p{font-size:1.5rem;font-weight:600;color:#7246bb}.sms-verify-modal .sms-verify-modal-code-input{width:100%;margin-top:1rem;margin-bottom:.625rem}.sms-verify-modal .sms-verify-modal-submit-button{width:100%;display:flex;justify-content:center;align-items:center;margin-top:2.25rem;padding:1rem 0;border:none;border-radius:.75rem;background:linear-gradient(90deg,#330c90,#b440ce 50.57%);cursor:pointer}.sms-verify-modal .sms-verify-modal-submit-button h3{font-weight:600;color:#fff}.sms-verify-modal .sms-verify-modal-resend{margin-top:2.125rem;display:flex;align-items:center;gap:.25rem}.sms-verify-modal .sms-verify-modal-resend p{font-family:Pretendard;font-size:1.0625rem;font-weight:600;text-align:center;color:#696969}.sms-verify-modal .sms-verify-modal-resend .sms-verify-modal-resend-button{color:#7246bb;cursor:pointer}.sms-verify-modal .sms-verify-modal-resend .sms-verify-modal-resend-button.disabled{color:#d3d3d3;cursor:not-allowed}.timer{color:red}.findPw-container .left-label-container,.sms-verify-modal .left-label-container{height:4rem;margin:.2rem 0}.findPw-container .left-label-container .hint-container,.sms-verify-modal .left-label-container .hint-container{margin-left:20%}.findPw-container .top-label-container,.findPw-container .top-with-stroke-label-container,.sms-verify-modal .top-label-container,.sms-verify-modal .top-with-stroke-label-container{height:5.75rem}.findPw-container .left-label-text-field-container,.sms-verify-modal .left-label-text-field-container{display:flex;justify-content:space-between;align-items:center;white-space:pre-wrap}.findPw-container .left-label-text-field-container.button-field,.sms-verify-modal .left-label-text-field-container.button-field{justify-content:start}.findPw-container .left-label-text-field-container.button-field .teacher-text-field,.findPw-container .left-label-text-field-container.button-field .student-text-field,.findPw-container .left-label-text-field-container.button-field .error-text-field,.sms-verify-modal .left-label-text-field-container.button-field .teacher-text-field,.sms-verify-modal .left-label-text-field-container.button-field .student-text-field,.sms-verify-modal .left-label-text-field-container.button-field .error-text-field{width:80%}.findPw-container .left-label-text-field-container.button-field .left-label,.sms-verify-modal .left-label-text-field-container.button-field .left-label{width:20%}.findPw-container .left-label-text-field-container.button-field .button-wrapper,.sms-verify-modal .left-label-text-field-container.button-field .button-wrapper{display:flex;justify-content:end;margin-left:.4375rem;width:6.0625rem}.findPw-container .left-label-text-field-container.button-field .button-wrapper .MuiButton-root,.sms-verify-modal .left-label-text-field-container.button-field .button-wrapper .MuiButton-root{width:80%!important}.findPw-container .left-label-text-field-container .teacher-text-field,.findPw-container .left-label-text-field-container .student-text-field,.findPw-container .left-label-text-field-container .error-text-field,.sms-verify-modal .left-label-text-field-container .teacher-text-field,.sms-verify-modal .left-label-text-field-container .student-text-field,.sms-verify-modal .left-label-text-field-container .error-text-field{width:80%}.findPw-container .left-label-text-field-container .gender-radio-field,.sms-verify-modal .left-label-text-field-container .gender-radio-field{width:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#212121}.findPw-container .left-label-text-field-container .gender-radio-field .gender-radio-group,.sms-verify-modal .left-label-text-field-container .gender-radio-field .gender-radio-group{min-width:35%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.findPw-container .left-label-text-field-container .gender-radio-field.teacher .MuiOutlinedInput-notchedOutline,.sms-verify-modal .left-label-text-field-container .gender-radio-field.teacher .MuiOutlinedInput-notchedOutline{border-color:#7246bb}.findPw-container .left-label-text-field-container .gender-radio-field.teacher .Mui-selected,.sms-verify-modal .left-label-text-field-container .gender-radio-field.teacher .Mui-selected{color:#7246bb}.findPw-container .left-label-text-field-container .gender-radio-field.student .MuiOutlinedInput-notchedOutline,.sms-verify-modal .left-label-text-field-container .gender-radio-field.student .MuiOutlinedInput-notchedOutline{border-color:#00c896}.findPw-container .left-label-text-field-container .gender-radio-field .MuiInputBase-root,.sms-verify-modal .left-label-text-field-container .gender-radio-field .MuiInputBase-root{min-width:25%;border-radius:.625rem;border:1px solid #e4e4e4;background-color:#fff}.findPw-container .left-label-text-field-container .date-picker-field,.sms-verify-modal .left-label-text-field-container .date-picker-field{width:80%}.findPw-container .left-label-text-field-container .date-picker-field .teacher-text-field,.findPw-container .left-label-text-field-container .date-picker-field .student-text-field,.findPw-container .left-label-text-field-container .date-picker-field .error-text-field,.sms-verify-modal .left-label-text-field-container .date-picker-field .teacher-text-field,.sms-verify-modal .left-label-text-field-container .date-picker-field .student-text-field,.sms-verify-modal .left-label-text-field-container .date-picker-field .error-text-field{width:100%}.findPw-container .top-label-text-field-container,.findPw-container .top-with-stroke-label-text-field-container,.sms-verify-modal .top-label-text-field-container,.sms-verify-modal .top-with-stroke-label-text-field-container{display:flex;flex-direction:column;gap:.5rem}.findPw-container .left-label,.findPw-container .top-label,.sms-verify-modal .left-label,.sms-verify-modal .top-label{min-width:4.6875rem;color:#696969}.findPw-container .teacher-top-with-stroke-label,.findPw-container .student-top-with-stroke-label,.sms-verify-modal .teacher-top-with-stroke-label,.sms-verify-modal .student-top-with-stroke-label{display:flex;align-items:center}.findPw-container .teacher-top-with-stroke-label:before,.findPw-container .student-top-with-stroke-label:before,.sms-verify-modal .teacher-top-with-stroke-label:before,.sms-verify-modal .student-top-with-stroke-label:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:""}.findPw-container .teacher-top-with-stroke-label:before,.sms-verify-modal .teacher-top-with-stroke-label:before{border-color:#00c896}.findPw-container .student-top-with-stroke-label:before,.sms-verify-modal .student-top-with-stroke-label:before{border-color:#7246bb}.findPw-container .teacher-text-field .MuiOutlinedInput-root,.findPw-container .student-text-field .MuiOutlinedInput-root,.findPw-container .error-text-field .MuiOutlinedInput-root,.sms-verify-modal .teacher-text-field .MuiOutlinedInput-root,.sms-verify-modal .student-text-field .MuiOutlinedInput-root,.sms-verify-modal .error-text-field .MuiOutlinedInput-root{border-radius:.625rem}.findPw-container .teacher-text-field input,.findPw-container .student-text-field input,.findPw-container .error-text-field input,.sms-verify-modal .teacher-text-field input,.sms-verify-modal .student-text-field input,.sms-verify-modal .error-text-field input{padding:.625rem .9375rem!important;color:#696969;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.8px;height:2rem}.findPw-container .teacher-text-field input:read-only,.findPw-container .student-text-field input:read-only,.findPw-container .error-text-field input:read-only,.sms-verify-modal .teacher-text-field input:read-only,.sms-verify-modal .student-text-field input:read-only,.sms-verify-modal .error-text-field input:read-only{color:#a0a0a0}.findPw-container .teacher-text-field:hover .MuiOutlinedInput-notchedOutline,.sms-verify-modal .teacher-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:#7246bb!important}.findPw-container .student-text-field:hover .MuiOutlinedInput-notchedOutline,.sms-verify-modal .student-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:#00c896!important}.findPw-container .hint-container,.sms-verify-modal .hint-container{display:flex;flex-direction:row;justify-content:space-between}.findPw-container .hint-container .error-text-field fieldset,.sms-verify-modal .hint-container .error-text-field fieldset{border:1px solid #f25116!important}.findPw-container .hint-container .error-text,.sms-verify-modal .hint-container .error-text{align-self:start;font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin:0;color:#f25116!important}.findPw-container .hint-container .error-text.terms,.sms-verify-modal .hint-container .error-text.terms{margin-left:-.1%}.findPw-container .hint-container .timer,.sms-verify-modal .hint-container .timer{margin-left:auto}.findPw-container .teacher-text-field .Mui-focused fieldset,.sms-verify-modal .teacher-text-field .Mui-focused fieldset{border:1px solid #7246bb!important}.findPw-container .teacher-helper-text,.sms-verify-modal .teacher-helper-text{font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin:0;color:#7246bb!important}.findPw-container .student-text-field .Mui-focused fieldset,.sms-verify-modal .student-text-field .Mui-focused fieldset{border:1px solid #00c896!important}.findPw-container .student-helper-text,.sms-verify-modal .student-helper-text{font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin:0;color:#00c896!important}.findPw-modal .left-label-container,.sms-verify-modal .left-label-container{height:4rem;margin:.2rem 0}.findPw-modal .left-label-container .hint-container,.sms-verify-modal .left-label-container .hint-container{margin-left:20%}.findPw-modal .top-label-container,.findPw-modal .top-with-stroke-label-container,.sms-verify-modal .top-label-container,.sms-verify-modal .top-with-stroke-label-container{height:5.75rem}.findPw-modal .left-label-text-field-container,.sms-verify-modal .left-label-text-field-container{display:flex;justify-content:space-between;align-items:center;white-space:pre-wrap}.findPw-modal .left-label-text-field-container.button-field,.sms-verify-modal .left-label-text-field-container.button-field{justify-content:start}.findPw-modal .left-label-text-field-container.button-field .teacher-text-field,.findPw-modal .left-label-text-field-container.button-field .student-text-field,.findPw-modal .left-label-text-field-container.button-field .error-text-field,.sms-verify-modal .left-label-text-field-container.button-field .teacher-text-field,.sms-verify-modal .left-label-text-field-container.button-field .student-text-field,.sms-verify-modal .left-label-text-field-container.button-field .error-text-field{width:80%}.findPw-modal .left-label-text-field-container.button-field .left-label,.sms-verify-modal .left-label-text-field-container.button-field .left-label{width:20%}.findPw-modal .left-label-text-field-container.button-field .button-wrapper,.sms-verify-modal .left-label-text-field-container.button-field .button-wrapper{display:flex;justify-content:end;margin-left:.4375rem;width:6.0625rem}.findPw-modal .left-label-text-field-container.button-field .button-wrapper .MuiButton-root,.sms-verify-modal .left-label-text-field-container.button-field .button-wrapper .MuiButton-root{width:80%!important}.findPw-modal .left-label-text-field-container .teacher-text-field,.findPw-modal .left-label-text-field-container .student-text-field,.findPw-modal .left-label-text-field-container .error-text-field,.sms-verify-modal .left-label-text-field-container .teacher-text-field,.sms-verify-modal .left-label-text-field-container .student-text-field,.sms-verify-modal .left-label-text-field-container .error-text-field{width:80%}.findPw-modal .left-label-text-field-container .gender-radio-field,.sms-verify-modal .left-label-text-field-container .gender-radio-field{width:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#212121}.findPw-modal .left-label-text-field-container .gender-radio-field .gender-radio-group,.sms-verify-modal .left-label-text-field-container .gender-radio-field .gender-radio-group{min-width:35%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.findPw-modal .left-label-text-field-container .gender-radio-field.teacher .MuiOutlinedInput-notchedOutline,.sms-verify-modal .left-label-text-field-container .gender-radio-field.teacher .MuiOutlinedInput-notchedOutline{border-color:#7246bb}.findPw-modal .left-label-text-field-container .gender-radio-field.teacher .Mui-selected,.sms-verify-modal .left-label-text-field-container .gender-radio-field.teacher .Mui-selected{color:#7246bb}.findPw-modal .left-label-text-field-container .gender-radio-field.student .MuiOutlinedInput-notchedOutline,.sms-verify-modal .left-label-text-field-container .gender-radio-field.student .MuiOutlinedInput-notchedOutline{border-color:#00c896}.findPw-modal .left-label-text-field-container .gender-radio-field .MuiInputBase-root,.sms-verify-modal .left-label-text-field-container .gender-radio-field .MuiInputBase-root{min-width:25%;border-radius:.625rem;border:1px solid #e4e4e4;background-color:#fff}.findPw-modal .left-label-text-field-container .date-picker-field,.sms-verify-modal .left-label-text-field-container .date-picker-field{width:80%}.findPw-modal .left-label-text-field-container .date-picker-field .teacher-text-field,.findPw-modal .left-label-text-field-container .date-picker-field .student-text-field,.findPw-modal .left-label-text-field-container .date-picker-field .error-text-field,.sms-verify-modal .left-label-text-field-container .date-picker-field .teacher-text-field,.sms-verify-modal .left-label-text-field-container .date-picker-field .student-text-field,.sms-verify-modal .left-label-text-field-container .date-picker-field .error-text-field{width:100%}.findPw-modal .top-label-text-field-container,.findPw-modal .top-with-stroke-label-text-field-container,.sms-verify-modal .top-label-text-field-container,.sms-verify-modal .top-with-stroke-label-text-field-container{display:flex;flex-direction:column;gap:.5rem}.findPw-modal .left-label,.findPw-modal .top-label,.sms-verify-modal .left-label,.sms-verify-modal .top-label{min-width:4.6875rem;color:#696969}.findPw-modal .teacher-top-with-stroke-label,.findPw-modal .student-top-with-stroke-label,.sms-verify-modal .teacher-top-with-stroke-label,.sms-verify-modal .student-top-with-stroke-label{display:flex;align-items:center}.findPw-modal .teacher-top-with-stroke-label:before,.findPw-modal .student-top-with-stroke-label:before,.sms-verify-modal .teacher-top-with-stroke-label:before,.sms-verify-modal .student-top-with-stroke-label:before{width:7px;border:2px solid;border-radius:.625rem;margin-right:7px;content:""}.findPw-modal .teacher-top-with-stroke-label:before,.sms-verify-modal .teacher-top-with-stroke-label:before{border-color:#00c896}.findPw-modal .student-top-with-stroke-label:before,.sms-verify-modal .student-top-with-stroke-label:before{border-color:#7246bb}.findPw-modal .teacher-text-field .MuiOutlinedInput-root,.findPw-modal .student-text-field .MuiOutlinedInput-root,.findPw-modal .error-text-field .MuiOutlinedInput-root,.sms-verify-modal .teacher-text-field .MuiOutlinedInput-root,.sms-verify-modal .student-text-field .MuiOutlinedInput-root,.sms-verify-modal .error-text-field .MuiOutlinedInput-root{border-radius:.625rem}.findPw-modal .teacher-text-field input,.findPw-modal .student-text-field input,.findPw-modal .error-text-field input,.sms-verify-modal .teacher-text-field input,.sms-verify-modal .student-text-field input,.sms-verify-modal .error-text-field input{padding:.625rem .9375rem!important;color:#696969;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.8px;height:2rem}.findPw-modal .teacher-text-field input:read-only,.findPw-modal .student-text-field input:read-only,.findPw-modal .error-text-field input:read-only,.sms-verify-modal .teacher-text-field input:read-only,.sms-verify-modal .student-text-field input:read-only,.sms-verify-modal .error-text-field input:read-only{color:#a0a0a0}.findPw-modal .teacher-text-field:hover .MuiOutlinedInput-notchedOutline,.sms-verify-modal .teacher-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:#7246bb!important}.findPw-modal .student-text-field:hover .MuiOutlinedInput-notchedOutline,.sms-verify-modal .student-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:#00c896!important}.findPw-modal .hint-container,.sms-verify-modal .hint-container{display:flex;flex-direction:row;justify-content:space-between}.findPw-modal .hint-container .error-text-field fieldset,.sms-verify-modal .hint-container .error-text-field fieldset{border:1px solid #f25116!important}.findPw-modal .hint-container .error-text,.sms-verify-modal .hint-container .error-text{align-self:start;font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin:0;color:#f25116!important}.findPw-modal .hint-container .error-text.terms,.sms-verify-modal .hint-container .error-text.terms{margin-left:-.1%}.findPw-modal .hint-container .timer,.sms-verify-modal .hint-container .timer{margin-left:auto}.findPw-modal .teacher-text-field .Mui-focused fieldset,.sms-verify-modal .teacher-text-field .Mui-focused fieldset{border:1px solid #7246bb!important}.findPw-modal .teacher-helper-text,.sms-verify-modal .teacher-helper-text{font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin:0;color:#7246bb!important}.findPw-modal .student-text-field .Mui-focused fieldset,.sms-verify-modal .student-text-field .Mui-focused fieldset{border:1px solid #00c896!important}.findPw-modal .student-helper-text,.sms-verify-modal .student-helper-text{font-family:Pretendard;font-size:.8125rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin:0;color:#00c896!important}.sms-verify-check{padding:3rem 5rem}.sms-verify-check>main h4{text-align:center;color:#f25116;margin:1.5rem 0}.sms-verify-check>footer.button-container{display:flex;justify-content:center;gap:6%}.sms-verify-check>footer.button-container .button{width:40%;padding:1rem 0;border:none;border-radius:.75rem}.sms-verify-check>footer.button-container .button.close{background-color:#a0a0a0}.sms-verify-check>footer.button-container .button.teacher-submit{background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.sms-verify-check>footer.button-container .button h3{color:#fff}.institution{display:flex;flex-direction:column}.institution .institution-list{margin-left:20%;width:65%;height:15rem;margin-top:-1rem;margin-bottom:2rem;border:1px solid #e4e4e4;border-radius:.75rem;overflow-y:hidden}.institution .institution-list .list{width:100%;height:calc(100% - 1.5rem)}.institution .institution-list .list .list-item{height:3rem;overflow:hidden}.institution .institution-list .list .list-item .item-container h6{color:#a0a0a0}.unlink-kakao-modal-opener{color:#a0a0a0;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.8px;text-decoration-line:underline}.unlink-kakao-modal{display:flex;flex-direction:column;gap:1rem;padding:3rem 8rem!important}.unlink-kakao-modal>header{display:flex;justify-content:center}.unlink-kakao-modal>header img{width:4rem}.unlink-kakao-modal>main{display:flex;flex-direction:column;align-items:center;gap:1rem}.unlink-kakao-modal>main h4{color:#f25116}.unlink-kakao-modal>footer{display:flex;justify-content:space-between;gap:2rem}.unlink-kakao-modal>footer button{width:12rem;padding:1rem 0;border:none;border-radius:.75rem}.unlink-kakao-modal>footer button h3{color:#fff}.unlink-kakao-modal>footer button.no-button{background:#a0a0a0}.unlink-kakao-modal>footer button.yes-student-button{background:linear-gradient(90deg,#c5f263 -.08%,#00c896 40.92%)}.unlink-kakao-modal>footer button.yes-teacher-button{background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.home-content{width:100vw;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center}.home-content .home-intro-item{height:auto;display:flex;justify-content:center;flex-direction:column;align-items:center}.home-content .home-intro-item.first{width:68.9%;margin:10% 0}.home-content .home-intro-item.second{width:67%;margin:50px 0}.home-content .home-intro-item.third{width:64.6%;margin:8% 0}.home-content .home-intro-item.fourth{width:64.6%;margin:1% 0}.home-content.notice{background-color:#e4e4e4;display:flex;justify-content:center;background-image:url(/assets/home_notice_wrapper_0-cN-Ti1di.webp)}.home-content.notice .box-wrapper{margin:5% 0;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center;gap:4.3%}.home-content.notice .box-wrapper .box{cursor:pointer;aspect-ratio:268/248;padding:5%;display:grid;grid-template-rows:97fr 27fr;box-shadow:0 0 10px #0000001a;border-radius:1.25rem}.home-content.notice .box-wrapper .box.one{box-shadow:0 0 #0000;cursor:default;display:flex;align-items:flex-end}.home-content.notice .box-wrapper .box.one img{width:100%}.home-content.notice .box-wrapper .box.two{background-color:#00c89680;color:#00c896}.home-content.notice .box-wrapper .box.two img{width:55%}.home-content.notice .box-wrapper .box.three{background-color:#293ca680;color:#293ca6}.home-content.notice .box-wrapper .box.three img{width:35%}.home-content.notice .box-wrapper .box.four{background-color:#a07bea80;color:#a07bea}.home-content.notice .box-wrapper .box.four img{width:35%}.home-content.notice .box-wrapper .box .item{display:flex;justify-content:center;align-items:center}.home-content.notice .box-wrapper .box .label{text-align:center;vertical-align:center;background-color:#fff;padding:6%;border-radius:2.1875rem;white-space:nowrap}.home-content.footer{display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:#212121;padding:150px 0;color:#fff}.home-content.footer .home-intro-item img{width:18%;height:auto}.home-content.footer .home-intro-item .footer-link{width:100%;margin:30px 0;display:flex;align-items:center;justify-content:space-between}.home-content.footer .home-intro-item .footer-link .separate{margin:0 50px}.home-content.footer .home-intro-item .footer-link .terms-modal-open{cursor:pointer}.home-content.footer .home-intro-item .footer-info{margin:5px 0;height:1.5rem;display:flex;justify-content:center;gap:10px;color:#e9e9e9}.home-intro{width:100vw}.home-robot{position:absolute;bottom:-9.7%;right:6.76%;width:9.2%;height:auto;z-index:1}.home-content .swiper{width:100svw;height:100svh}.fullscreen-bg{position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover;z-index:-1}.slide-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-family:twayair;position:relative;z-index:2}.slide-wrapper .title{height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;position:absolute;top:20.6%;gap:14px}.slide-wrapper.video{justify-content:end}.slide-wrapper.video img{position:absolute;top:10.875rem;width:42.25em;height:auto}.slide-wrapper.video video{outline:none;border:none;mask-image:radial-gradient(#fff,#000);-webkit-mask-image:-webkit-radial-gradient(white,black);backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}.swiper-pagination{margin-bottom:1%}.swiper-pagination .swiper-pagination-bullet{background:#fff!important;opacity:100}.swiper-pagination .swiper-pagination-bullet-active{background-color:#7246bb!important}.slide-red{color:#f25116}.slide-green{color:#c5f263}.slide-purple{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(91deg,#3c0d9e -10.33%,#b440ce 39.34%)}.slide-mint{color:#00c896}.slide-white{color:#fff}.swiper-pagination-bullet{width:.5rem!important;height:.5rem!important;margin:0 .25rem!important}.service-terms{position:relative;width:44.833vw;min-width:60rem;height:51.5rem;padding:3rem 4rem 3.25rem;box-sizing:border-box;border-radius:1.875rem}.service-terms .close-button{position:absolute;right:2rem;top:2rem}.service-terms .service-terms-container{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:2rem}.service-terms .service-terms-container .terms-header{width:100%;display:flex;align-items:center;gap:2rem}.service-terms .service-terms-container .terms-header .title-container{display:flex;align-items:center;gap:1rem}.service-terms .service-terms-container .terms-header .title-container .divider{border:2px solid #7246bb;border-radius:1rem;height:1.25rem}.service-terms .service-terms-container .terms-header .title-container .title-wrapper{color:#d3d3d3;white-space:nowrap;transition:transform .1s;cursor:pointer}.service-terms .service-terms-container .terms-header .title-container .title-wrapper:hover{transform:scale(1.02)}.service-terms .service-terms-container .terms-header .title-container .title-wrapper.selected{color:#111}.service-terms .service-terms-container .terms-header .select-box-wrapper{flex:1}.service-terms .service-terms-container .terms-header .select-box-wrapper .select-box{min-width:16.375rem;width:50%;background-color:var(--role-color)}.service-terms .service-terms-container .terms-header .select-box-wrapper .select-box.MuiInputBase-root.MuiOutlinedInput-root{border-radius:0}.service-terms .service-terms-container .terms-header .select-box-wrapper .select-box.MuiInputBase-root .MuiOutlinedInput-notchedOutline{border-color:var(--role-color)}.service-terms .service-terms-container .terms-header .select-box-wrapper .select-box.MuiInputBase-root .MuiSelect-select{height:2.7rem;padding-top:0;padding-bottom:0;display:flex;align-items:center;background-color:#7246bb;color:#fff;border-radius:0}.service-terms .service-terms-container .terms-header .select-box-wrapper .select-box.MuiInputBase-root .MuiSvgIcon-root{fill:#fff}.service-terms .service-terms-container .terms-header .select-box-wrapper .select-box .select-item{font-family:Pretendard;font-size:1.1875rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.059375rem}.service-terms .service-terms-container .content{width:100%}.service-terms .service-terms-container .content .terms-content-container{width:100%;height:40.875rem;display:flex;padding-right:1rem;overflow-y:auto}.service-terms .service-terms-container .content .terms-content-container::-webkit-scrollbar{width:.3rem}.service-terms .service-terms-container .content .terms-content-container::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.service-terms .service-terms-container .content .terms-content-container::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.service-terms .service-terms-container .content .terms-content-container .terms-content{height:40.875rem;font-family:Pretendard;line-height:1.625rem;text-align:left;letter-spacing:-.08rem}.service-terms .service-terms-container .content .terms-content-container .terms-content .main-title{font-size:1.5rem;font-weight:500;letter-spacing:-.12rem}.service-terms .service-terms-container .content .terms-content-container .terms-content .title{font-size:1.25rem;font-weight:500}.service-terms .service-terms-container .content .terms-content-container .terms-content .sub-title{font-size:1.25rem;font-weight:400}.service-terms .service-terms-container .content .terms-content-container .terms-content .text{font-size:1rem;font-weight:300}.service-terms .service-terms-container .content .terms-content-container .terms-content .margin-text{font-size:1rem;font-weight:300;margin-left:1.35rem}.service-terms .service-terms-container .content .terms-content-container .terms-content .margin2-text{font-size:1rem;font-weight:300;margin-left:2.7rem}.service-terms .service-terms-container .content .terms-content-container .terms-content .title-hint{font-size:1.25rem;font-weight:400;letter-spacing:-.1rem}.service-terms .service-terms-container .content .terms-content-container .terms-content .blank-1{margin-top:1.5rem}#menu-service-terms .MuiPaper-root{width:auto;margin-top:.1rem;margin-left:.01807rem;padding:0;border:1px solid var(--role-color, #7246bb);border-radius:.5rem;box-shadow:0 0 10px #0000001a}#menu-service-terms .MuiPaper-root .MuiList-root{padding:0}#menu-service-terms .MuiPaper-root .MuiList-root .MuiMenuItem-root{border-bottom:1px solid var(--role-color, #7246bb);padding:.375rem 1.1rem;color:#696969;font-family:Pretendard;font-size:1.1rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.059375rem}#menu-service-terms .MuiPaper-root .MuiList-root .MuiMenuItem-root:last-child{border-bottom:none}#menu-service-terms .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover{background:none}#menu-service-terms .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover h5,#menu-service-terms .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover .select-item{font-weight:700}#menu-service-terms .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected{background:none}#menu-service-terms .MuiPaper-root,#menu-service-terms .MuiPaper-root .MuiList-root .MuiMenuItem-root{border-color:#7246bb}.kakao-modal{width:30vw;border-radius:3.4375rem;display:flex;align-items:center;flex-direction:column;padding:2.5rem 0}.kakao-modal .img-container{margin-top:.25rem}.kakao-modal .img-container img{width:100%;height:auto}.kakao-modal .header{height:6rem;width:100%;display:flex;align-items:center;justify-content:center}.kakao-modal .content{display:flex;flex-direction:column;margin-top:-1rem;margin-bottom:1rem}.kakao-modal .content p{font-size:.8rem;font-family:Pretendard;font-weight:500;color:#f25116;margin:.2rem;text-align:center}.kakao-modal .bottom-buttons{width:100%;display:flex;justify-content:center;gap:1.5rem;font-family:Pretendard;font-weight:600}.kakao-modal .bottom-buttons .cancel-button{width:30%;height:4rem;font-size:1.5rem;color:#fff;background:#a0a0a0;border:none;border-radius:.75rem}.kakao-modal .bottom-buttons .confirm-button{width:30%;height:4rem;font-size:1.5rem;color:#fff;background:linear-gradient(90deg,#330c90,#b440ce 50.57%);border:none;border-radius:.75rem}.login-body{width:100%;height:100%;display:flex;justify-content:center;align-items:end}.login-body .login-container{width:75%;min-width:65.25rem;max-width:90.25rem;max-height:55rem;height:85%;display:flex;justify-content:center;margin-bottom:4.125rem;padding:2rem;box-sizing:border-box;border-radius:1.875rem;box-shadow:0 0 .625rem #0000001a}.login-body .login-container .login-form{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:0 8rem}.login-body .login-container .login-form .title{width:100%;margin-bottom:1.5rem}.login-body .login-container .login-form .title h1{margin-bottom:.625rem}.login-body .login-container .login-form .title h4{width:100%;word-break:keep-all;line-height:1.5rem;color:#696969}.login-body .login-container .login-form .login-text-field{width:100%;display:flex;flex-direction:column;gap:.2rem}.login-body .login-container .login-form .find-information{width:100%;display:flex;justify-content:end;gap:1.25rem;margin-bottom:1.875rem;margin-top:.375rem}.login-body .login-container .login-form .find-information h4{color:#7246bb;transition:transform .1s;cursor:pointer}.login-body .login-container .login-form .find-information h4:hover{transform:scale(1.015)}.login-body .login-container .login-form .button{width:100%;margin-bottom:1.25rem;padding:.7rem 0;border:none;border-radius:.75rem;background:linear-gradient(90deg,#330c90,#b440ce 50.57%);transition:transform .1s;cursor:pointer}.login-body .login-container .login-form .button:hover{transform:scale(1.02)}.login-body .login-container .login-form .button h3{color:#fff}.login-body .login-container .login-form .sign-up-button{display:flex;justify-content:center;align-items:center;gap:.4375rem}.login-body .login-container .login-form .sign-up-button h5{color:#696969}.login-body .login-container .login-form .sign-up-button h4{color:#7246bb;transition:transform .1s;cursor:pointer}.login-body .login-container .login-form .sign-up-button h4:hover{transform:scale(1.015)}.login-body .login-container .login-form .kakao-login-button{width:100%;margin-top:2rem;padding:.7rem 1rem;box-sizing:border-box;border:none;border-radius:.75rem;background:#fee500;text-decoration:none;color:#000;transition:transform .1s;cursor:pointer}.login-body .login-container .login-form .kakao-login-button:hover{transform:scale(1.02)}.login-body .login-container .login-form .kakao-login-button .wrapper{width:100%;display:flex;justify-content:center;align-items:center;gap:.8rem}.login-body .login-container .login-form .kakao-login-button .wrapper .logo{margin-top:.3rem}.login-body .login-container .login-form .kakao-login-button .wrapper h3{font-size:1.3rem;justify-self:center;vertical-align:middle}.login-body .login-container .login-form .footer{margin-top:1.5rem;color:#696969}.login-body .login-container .login-image{width:50%}.login-body .login-container .login-image img{width:100%;height:100%}.signup-container{display:flex;justify-content:center;align-items:start;padding:8.25rem 0}.signup-container .signup-form-container{border-radius:.9375rem;border:.0625rem solid var(--light-gray, #d3d3d3);background:var(--ffffff, #fff);box-shadow:0 0 .625rem #0000001a;min-width:64rem;width:79%;height:auto;flex-shrink:0}.signup-container .signup-form-container .form-container{width:100%;height:100%;padding:4% 19% 1%;box-sizing:border-box}.signup-container .signup-form-container .form-container .header-wrapper{width:100%;height:22.375rem;padding-bottom:2.5rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;align-items:center;justify-content:space-between;border-bottom:3px solid}.signup-container .signup-form-container .form-container .header-wrapper.teacher{border-color:#7246bb}.signup-container .signup-form-container .form-container .header-wrapper.student{border-color:#00c896}.signup-container .signup-form-container .form-container .header-wrapper .title{height:4.4375rem;aspect-ratio:240/71;display:flex;align-items:center;justify-content:space-between}.signup-container .signup-form-container .form-container .header-wrapper .title img{width:auto;height:4.125rem}.signup-container .signup-form-container .form-container .header-wrapper .title span{font-family:twayair;font-size:2.8135rem;font-style:normal;font-weight:400;line-height:4.3875rem;letter-spacing:-.16875rem}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper{width:73.5%}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper .btn-box{width:100%;display:flex;justify-content:space-around;align-items:center}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper .btn-box .role-btn{height:8.75rem;aspect-ratio:312/140;border-radius:.9375rem;display:flex;justify-content:center;align-items:center;gap:5%;transition:transform .1s;cursor:pointer}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper .btn-box .role-btn:hover{transform:scale(1.02)}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper .btn-box .role-btn.teacher{border:2px solid var(--7246-bb, #7246bb);background:var(--a-07-bea, #a07bea);color:#fff}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper .btn-box .role-btn.student{border:2px solid var(--7246-bb, #9de979);background:var(--a-07-bea, #00c896);color:#fff}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper .btn-box .role-btn.none{border:2px solid var(--7246-bb, #d3d3d3);background:var(--a-07-bea, #fff);color:#212121}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper .btn-box .role-btn .profile{display:flex;justify-content:center;align-items:start;padding:.15rem;border-radius:50%;border:.1875rem solid #fff}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper .btn-box .role-btn .profile.none{border-color:#d3d3d3}.signup-container .signup-form-container .form-container .header-wrapper .role-btn-wrapper .btn-box .role-btn .profile img{border-radius:50%;overflow:hidden;height:4.5rem;width:auto}.signup-container .signup-form-container .form-container .form-wrapper,.signup-container .signup-form-container .form-container .form-wrapper .form-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.signup-container .signup-form-container .form-container .form-wrapper .form-content .title{display:flex;flex-direction:column;justify-content:start;align-items:center;margin:3.125rem 0 3rem}.signup-container .signup-form-container .form-container .form-wrapper .form-content .title span{color:var(--212121, #212121);text-align:center;font-size:1.4375rem;font-style:normal;font-weight:700;line-height:normal}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content{width:70%;height:100%}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control{width:100%;height:100%;display:grid;grid-template-columns:1fr 4fr;justify-content:start;align-items:start;box-sizing:border-box}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth{display:flex;flex-direction:column;justify-content:center;align-items:center}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .auth-box{transition:transform .1s;cursor:pointer;height:10rem;aspect-ratio:534/160;border-radius:.9375rem;border:1px solid var(--d-3-d-3-d-3, #d3d3d3);background-color:#fff}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .auth-box:hover{transform:scale(1.02)}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .auth-box .auth-wrapper{padding:1.1875rem 12.1%;box-sizing:border-box;display:grid;grid-template-columns:1fr 2fr;align-items:center;justify-content:center}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .auth-box .auth-wrapper img{height:7.625rem;aspect-ratio:90/122}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .auth-box .auth-wrapper .auth-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:10%}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .auth-box .auth-wrapper .auth-content .title{margin:0}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .auth-box .auth-wrapper .auth-content .text{color:#696969}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .auth-box.done{background-color:#f6f6f6;pointer-events:none;opacity:.8;filter:grayscale(100%)}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .error-text{color:#f25116}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control.phone-auth .check-form-control{flex-direction:row;align-self:start;margin:4% 0 1% -1.4%;color:#696969}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .MuiFormLabel-root{margin-top:10px}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper{height:4.75rem;width:100%;box-sizing:border-box;padding:0 1.4% 1rem}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement{height:auto;flex:1}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .title{margin:0;align-items:start}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;margin:1rem 0}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group h4{margin-bottom:.1875rem;color:#767676}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .all-radio{margin-bottom:1rem}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .all-radio .MuiCheckbox-root{align-self:start}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .all-radio .all{border-bottom:1px solid #dcdcdc}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .all-radio .all h4{margin-top:.5rem}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .all-radio .all h5{margin:.8rem 0;color:#979797}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .show-all{display:flex;align-items:center;gap:.5rem}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .show-all .label{display:flex;justify-content:start;align-items:center;gap:.2rem}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .show-all .arrow{display:flex;align-items:center;color:#767676;transition:transform .2s;cursor:pointer}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .show-all .arrow:after{content:"";width:.475rem;height:.475rem;border-top:.12rem solid #b6b6b6;border-right:.12rem solid #b6b6b6;transform:rotate(45deg)}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .form-control .field-wrapper.agreement .radio-group .show-all .arrow:hover{transform:scale(1.1)}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .button-field{gap:0}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .button-field .button-wrapper{flex:1}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .last-divider{border-bottom-width:3px}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .last-divider.teacher{border-color:#7246bb}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .last-divider.student{border-color:#00c896}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .notice-text{margin:.5rem 0;color:#00c896}.signup-container .signup-form-container .form-container .form-wrapper .form-content .content .duplicate-check-field{width:100%;display:flex;justify-content:space-between}.signup-container .signup-form-container .form-container .form-wrapper .form-content .button{transition:transform .1s;cursor:pointer;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:.75rem;color:#fff;border:none;white-space:nowrap}.signup-container .signup-form-container .form-container .form-wrapper .form-content .button:hover{transform:scale(1.02)}.signup-container .signup-form-container .form-container .form-wrapper .form-content .button.MuiButton-root{padding:.625rem .9375rem}.signup-container .signup-form-container .form-container .form-wrapper .form-content .button.teacher{background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.signup-container .signup-form-container .form-container .form-wrapper .form-content .button.student{background:linear-gradient(90deg,#c5f263 -.08%,#00c896 40.92%)}.signup-container .signup-form-container .form-container .form-wrapper .form-content .footer{margin:4% 0;text-align:center;color:#747474}.sign-up-check-dialog{width:42.7vw;min-width:50rem;height:80vh;max-height:60rem;display:flex;justify-content:center;align-items:center;padding:3.75rem 10rem;box-sizing:border-box;border-radius:3.4375rem;box-shadow:0 0 10px #0000001a}.sign-up-check-dialog.teacher .content .header .sub-title{color:#7246bb}.sign-up-check-dialog.teacher .content .information{border-color:#7246bb}.sign-up-check-dialog.teacher .content .information .form-content .value{color:#7246bb}.sign-up-check-dialog.teacher .content .information .form-content .field{border-bottom:1px solid #d3d3d3}.sign-up-check-dialog.teacher .content .information .form-content .field:last-child{border-bottom:none}.sign-up-check-dialog.teacher .content .footer .notice span{color:#7246bb}.sign-up-check-dialog.student .content .header .sub-title{color:#00c896}.sign-up-check-dialog.student .content .information{border-color:#00c896}.sign-up-check-dialog.student .content .information .info-title{margin-top:5%;color:var(--00-c-896, #00c896);font-size:1rem;font-style:normal;font-weight:600;line-height:1.875rem;letter-spacing:-.9px}.sign-up-check-dialog.student .content .information .form-content .value{color:#00c896}.sign-up-check-dialog.student .content .information .form-content .field{border-top:1px solid #d3d3d3}.sign-up-check-dialog.student .content .information .form-content .field:last-child{border-bottom:1px solid #d3d3d3}.sign-up-check-dialog.student .content .information .form-content.parent .field:last-child{border-bottom:none}.sign-up-check-dialog.student .content .footer .notice span{color:#00c896}.sign-up-check-dialog .content{width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;align-items:center}.sign-up-check-dialog .content .header{text-align:center;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.6rem}.sign-up-check-dialog .content .information{width:100%;max-height:40rem;border-top:1px solid;border-bottom:1px solid;box-sizing:border-box;margin-top:1rem;padding-right:1rem;overflow-y:auto}.sign-up-check-dialog .content .information::-webkit-scrollbar{width:.3rem}.sign-up-check-dialog .content .information::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.sign-up-check-dialog .content .information::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.sign-up-check-dialog .content .information::-webkit-scrollbar-thumb{background:#00c896}.sign-up-check-dialog .content .information .form-content{width:100%;display:flex;flex-direction:column;align-items:center}.sign-up-check-dialog .content .information .form-content.student .field:first-child{border-top:1px solid #d3d3d3}.sign-up-check-dialog .content .information .form-content.student .field:last-child{border-bottom:1px solid #d3d3d3}.sign-up-check-dialog .content .information .form-content .field{width:100%;display:grid;grid-template-columns:1fr 3fr 7fr;text-align:start;align-items:center;padding:.2rem 0}.sign-up-check-dialog .content .information .form-content .field .label{color:#696969;display:flex;justify-content:start;align-items:center;gap:7px}.sign-up-check-dialog .content .footer{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;box-sizing:border-box}.sign-up-check-dialog .content .footer .notice{width:85%;text-align:center;margin:3.7% 0}.sign-up-check-dialog .content .footer .button-wrapper{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.sign-up-check-dialog .content .footer .button-wrapper .button{transition:transform .1s;cursor:pointer;min-height:2.6875rem;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:.75rem;color:#fff;border:none;padding:.75rem 0;gap:1.125rem}.sign-up-check-dialog .content .footer .button-wrapper .button:hover{transform:scale(1.02)}.sign-up-check-dialog .content .footer .button-wrapper .button.teacher{background:linear-gradient(90deg,#330c90,#b440ce 50.57%)}.sign-up-check-dialog .content .footer .button-wrapper .button.student{background:linear-gradient(90deg,#c5f263 -.08%,#00c896 40.92%)}.sign-up-check-dialog .content .footer .button-wrapper .button.close{background:#a0a0a0}.create-classroom .content .classroom-select-container{display:flex;justify-content:space-between;gap:32px}.create-classroom .content .classroom-select-container .select{width:100%}.create-classroom .content .classroom-select-container .select h4{margin-bottom:9px;color:#7246bb}.create-classroom .content .classroom-select-container .select .year{height:2.7rem;display:flex;align-items:center;padding-left:1rem;border-radius:.1875rem;background-color:#7246bb}.create-classroom .content .classroom-select-container .select .year h5{color:#fff}.create-classroom .content .classroom-select-container .select .MuiInputBase-root{width:100%}.create-classroom .content .classroom-select-container .select .MuiInputBase-root .MuiSelect-select{height:2.7rem;padding-top:0;padding-bottom:0;display:flex;align-items:center;background-color:#7246bb;color:#fff}.create-classroom .content .classroom-select-container .select .MuiInputBase-root .MuiSvgIcon-root{fill:#fff}.create-classroom .content .classroom-detail-container{display:flex;flex-direction:column;gap:8px;margin-top:20px}.create-classroom .content .delete-classroom{display:inline-block;margin:0 0 1rem 85%;cursor:pointer}#menu-grade .MuiPaper-root,#menu-name .MuiPaper-root{margin-top:-.0625rem;margin-left:.01807rem;padding:0;border:1px solid #a07bea;border-radius:0;box-shadow:0 0 10px #0000001a}#menu-grade .MuiPaper-root .MuiList-root,#menu-name .MuiPaper-root .MuiList-root{padding:0}#menu-grade .MuiPaper-root .MuiList-root .MuiMenuItem-root,#menu-name .MuiPaper-root .MuiList-root .MuiMenuItem-root{border-bottom:1px solid #a07bea;padding:.4rem .7rem}#menu-grade .MuiPaper-root .MuiList-root .MuiMenuItem-root:last-child,#menu-name .MuiPaper-root .MuiList-root .MuiMenuItem-root:last-child{border-bottom:none}#menu-grade .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover,#menu-name .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover{background:none}#menu-grade .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover h5,#menu-name .MuiPaper-root .MuiList-root .MuiMenuItem-root:hover h5{font-weight:700}#menu-grade .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected,#menu-name .MuiPaper-root .MuiList-root .MuiMenuItem-root.Mui-selected{background:none}.check-enter-classroom,.classroom-information{width:20vw;min-width:50rem}.check-enter-classroom header,.classroom-information .content header{display:flex;flex-direction:column;align-items:center;gap:1rem}.check-enter-classroom header p,.classroom-information .content header p{color:#00c896;text-align:center;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.05rem}.check-enter-classroom header img,.classroom-information .content header img{height:10rem;width:auto;aspect-ratio:1;object-fit:cover;border:1px solid #00c896;border-radius:6.25rem}.check-enter-classroom main,.classroom-information .content main{overflow-y:auto}.check-enter-classroom main::-webkit-scrollbar,.classroom-information .content main::-webkit-scrollbar{width:.3rem}.check-enter-classroom main::-webkit-scrollbar-thumb,.classroom-information .content main::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.check-enter-classroom main::-webkit-scrollbar-track,.classroom-information .content main::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.check-enter-classroom main.information-container,.classroom-information .content main.information-container{display:flex;flex-direction:column;justify-content:center;gap:1rem}.check-enter-classroom main.information-container .top-with-stroke-label-container,.classroom-information .content main.information-container .top-with-stroke-label-container{height:auto;min-height:5.3125rem}.check-enter-classroom main.information-container .compact-input,.classroom-information .content main.information-container .compact-input{display:flex;justify-content:start;gap:1rem}.check-enter-classroom main.information-container .compact-input .read-only-input,.classroom-information .content main.information-container .compact-input .read-only-input{flex:1}.check-enter-classroom footer,.classroom-information .content footer{margin-top:1rem}.classroom-information .content>header p{display:none}.enter-classroom{min-width:35rem;width:30vw}.enter-classroom .content{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:1.5rem}.enter-classroom .content .description{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:.625rem;font-family:Pretendard;line-height:normal}.enter-classroom .content .description .bold{color:#212121;font-size:1.25rem;font-weight:600;letter-spacing:-.0875rem}.enter-classroom .content .description .light{color:#a0a0a0;font-size:1rem;font-weight:500;letter-spacing:-.05rem}.enter-classroom .content form{width:100%;display:flex;flex-direction:column;gap:.5rem}.classroom-invitation{min-width:45rem}.classroom-invitation .content{display:flex;flex-direction:column;justify-content:center;align-items:center}.classroom-invitation .content .invitation-container{width:100%;display:flex;flex-direction:column;justify-content:start}.classroom-invitation .content .invitation-container .invitation-title-wrapper{width:100%;display:flex;flex-direction:column;align-items:start;margin-bottom:1.5rem}.classroom-invitation .content .invitation-container .invitation-title-wrapper .title{margin-bottom:.35rem;display:flex;align-items:center}.classroom-invitation .content .invitation-container .invitation-title-wrapper .title:before{width:7px;border:2px solid var(--role-opposite-color);border-radius:.625rem;margin-right:7px;content:""}.classroom-invitation .content .invitation-container .invitation-title-wrapper span{margin-left:18px}.classroom-invitation .content .invitation-container .entry-code-box{padding:2.1875rem 23.6%;box-sizing:border-box;border-radius:1.875rem;border:1px solid #d3d3d3;margin-bottom:2.75rem}.classroom-invitation .content .invitation-container .entry-code-box .entry-code-wrapper{width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:start}.classroom-invitation .content .invitation-container .entry-code-box .entry-code-wrapper .entry-code{font-family:twayair;font-size:2.8135rem;font-style:normal;font-weight:400;line-height:70.2px;letter-spacing:-2.7px;color:#6300e1;font-size:45px;margin-bottom:1.5rem}.classroom-invitation .content .invitation-container .entry-code-box .entry-code-wrapper .validity{margin-bottom:1.25rem}.classroom-invitation .content .invitation-container .entry-code-box .entry-code-wrapper .invitation-message{word-wrap:break-word;color:#767676;text-align:center;font-family:Pretendard;font-size:1.2rem;font-style:normal;font-weight:500;line-height:22px;letter-spacing:-.85px}.classroom-invitation .content .invitation-container .entry-code-box .entry-code-wrapper .invitation-message .classroom-name{color:var(--role-color)}.my-classroom-container header .primary{justify-content:space-between}.my-classroom-container header .primary .title-year-selector-container{width:50%;height:33%;display:flex;align-items:center}.my-classroom-container header .primary .title-year-selector-container .year-selector{width:40%;height:2.5rem;margin-left:6%;padding-left:3%;border-radius:.625rem}.my-classroom-container header .primary .title-year-selector-container .year-selector option{color:#696969}.my-classroom-container header .primary .title-year-selector-container .year-selector.MuiOutlinedInput-root:hover fieldset,.my-classroom-container header .primary .title-year-selector-container .year-selector.MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--role-color)}.my-classroom-container header .primary .interaction-container{width:50%;height:33%;display:flex;justify-content:end}.my-classroom-container header .primary .interaction-container .interaction{width:26%;min-width:4.75rem;height:100%;display:flex;justify-content:center;align-items:center;border-radius:1rem;margin-left:4%;padding:1%;cursor:pointer}.my-classroom-container header .primary .interaction-container .interaction img{height:1.5625rem;width:auto}.my-classroom-container header .primary .interaction-container .interaction h4{margin-left:3%}.my-classroom-container header .teacher-classroom-full-name,.my-classroom-container header .student-classroom-full-name{margin-top:.4375rem;font-family:Pretendard;font-size:1.375rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-1.54px}.my-classroom-container header .teacher-classroom-full-name{color:#a07bea}.my-classroom-container header .student-classroom-full-name{color:#00c896}.my-classroom-container main{flex-direction:column;align-items:center}.my-classroom-container main .classroom-info-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.my-classroom-container main .classroom-info-container .additional-info-container{width:100%;display:grid;grid-auto-flow:row;grid-template-columns:1fr 1fr;gap:5%}.my-classroom-container main .classroom-info-container .additional-info-container .student-text-field{width:58%}.my-classroom-container main img{width:11%;height:auto}.my-classroom-container main h1{margin:2%}.my-classroom-container main h4{color:#696969}.my-classroom-container footer{display:flex;justify-content:center;align-items:center;gap:1rem}.my-classroom-container footer .purple-background{flex:1;background-color:#a07bea}.my-classroom-container footer .purple-background .image-container{width:70%!important}.my-classroom-container footer .green-background{flex:1;background-color:#00c896}.my-classroom-container footer .red-background{flex:1;background-color:#f25116}.my-classroom-container footer .grey-background{flex:1;background-color:#696969}.my-classroom-container footer .grey-background .image-container{justify-content:center!important}.my-classroom-container footer .support{width:100%;height:65%;display:flex;flex-direction:column;align-items:center;padding:2% 3%;border-radius:.75rem;cursor:pointer}.my-classroom-container footer .support.disabled{cursor:not-allowed;background-color:#a0a0a0;opacity:.8;filter:grayscale(100%)}.my-classroom-container footer .support .line{width:50%;border:1px solid #fff}.my-classroom-container footer .support .label-container{width:100%;height:45%;display:flex;flex-direction:column;justify-content:center;align-items:center}.my-classroom-container footer .support .label-container h4{color:#fff}.my-classroom-container footer .support .label-container p{color:#fff;font-family:Pretendard;font-size:1rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.7px}.my-classroom-container footer .support .image-container{width:80%;height:55%;display:flex;flex-direction:column;justify-content:end;align-items:center}.my-classroom-container footer .support .image-container img{width:auto;height:100%}.my-classroom-container footer .class-button{width:50%;height:fit-content;display:flex;justify-content:center;align-items:center;gap:.625rem;padding:1.25rem 0;box-sizing:border-box;border-radius:.75rem;transition:transform .1s;cursor:pointer;box-shadow:0 0 .625rem #0000001a}.my-classroom-container footer .class-button:hover{transform:scale(1.02)}.my-classroom-container footer .class-button h4{text-align:center;color:#fff}.my-classroom-container footer .class-button img{height:1.3rem;width:auto}.my-information-container header .primary{justify-content:space-between}.my-information-container header .primary .title{color:var(--role-color)}.my-information-container header .primary .edit-button{width:28%;min-width:11rem;height:30%;display:flex;justify-content:center;align-items:center;border-radius:.9375rem;padding:1%;cursor:pointer;border:1px solid var(--role-color)}.my-information-container header .primary .edit-button img{width:22%;height:auto}.my-information-container header .primary .edit-button h4{color:var(--role-color);margin-left:3.5%}.my-information-container main .profile-img-container{width:40%;height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.my-information-container main .profile-img-container img{height:11rem;aspect-ratio:1;border-radius:6.25rem;object-fit:cover;border:1px solid var(--role-color)}.my-information-container main .personal-info-container{width:60%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:.5rem;margin-top:1rem}.my-information-container main .personal-info-container .read-only-input .left-label-text-field-container{gap:1rem}.my-information-container footer{justify-content:end}.my-information-container footer .title{color:var(--role-color)}.my-information-container footer .disabled{cursor:not-allowed;opacity:.8;filter:grayscale(100%)}.my-information-container footer .point-container{width:30%;margin-left:2%;display:flex;justify-content:end;padding-bottom:5px;border-bottom:1px solid var(--role-color)}.my-information-container footer .point-container h3,.my-information-container footer .point-container h5{margin-left:3%;line-height:70%;color:var(--role-color)}.my-information-container footer .charge-button{width:13%;height:28%;display:flex;justify-content:center;align-items:center;margin-left:5%;border-radius:.75rem;cursor:pointer}.my-information-container footer .charge-button h4{color:#fff}.main-page{width:100%;height:100%;background-image:url(/assets/mainPageBackground-D6C9sZp9.avif);background-position:center;background-size:cover;overflow-x:auto;overflow-y:hidden}.main-page::-webkit-scrollbar{height:.5rem}.main-page::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.main-page::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.main-page .bottom{display:flex;justify-content:end}.main-page .bottom .guide{display:flex;flex-direction:column;align-items:end;margin-right:7%;padding-top:3rem}.main-page .bottom .guide .student-color{color:#293ca6}.main-page .bottom .guide .teacher-color{color:#7246bb}.main-page .bottom .guide .guide-button{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;padding:.625rem 1.5rem;border:1px solid #293ca6;border-radius:.75rem;background-color:#fff;box-shadow:0 0 10px #0000001a;transition:transform .1s;cursor:pointer}.main-page .bottom .guide .guide-button:hover{transform:scale(1.02)}.main-page .bottom .guide .guide-button.teacher{border-color:#7246bb}.main-body{height:100%;width:90rem;margin:0 auto;display:grid;grid-template-columns:42rem auto;grid-template-rows:32rem auto;gap:2rem;padding:12.875rem 2rem 0;box-sizing:border-box}.main-body .left,.main-body .right{width:42rem!important;height:32em}.main-body .left{grid-column:1;grid-row:1}.main-body .right{grid-column:2;grid-row:1}.main-body .bottom{width:100%;height:20rem;grid-column:1/span 2;grid-row:2}.classroom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:start}.classroom-container .classroom-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.classroom-container .classroom-wrapper .classroom-list-body{width:100%}.classroom-container .classroom-wrapper .classroom-list-body .classroom-notice{margin-bottom:2rem}.classroom-container .classroom-wrapper .classroom-list-body .custom-table-container{width:100%;height:1rem;overflow:hidden}.classroom-container .classroom-wrapper .classroom-list-body .list-body-title{box-sizing:border-box;margin-bottom:1.25rem}.classroom-container .classroom-wrapper .classroom-list-body .list-body-table.summary .custom-table-wrapper .custom-table-container{min-height:14.625rem}.classroom-container .classroom-wrapper .classroom-list-body .list-body-table.summary .custom-table-wrapper .custom-table-container .custom-table .table-head .MuiTableCell-root,.classroom-container .classroom-wrapper .classroom-list-body .list-body-table.summary .custom-table-wrapper .custom-table-container .custom-table .table-body .MuiTableCell-root{padding:1rem 0}.classroom-container .classroom-wrapper .footer{position:absolute;bottom:2rem;display:flex;justify-content:center}.classroom-container .classroom-wrapper .footer img{width:auto;height:10rem}.notice-container{width:100%;height:auto;display:flex;justify-content:center;align-items:start}.notice-container .notice-wrapper{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.notice-container .notice-wrapper .notice-list-body{width:100%}.notice-container .notice-wrapper .notice-list-body .list-body-title{box-sizing:border-box;margin-bottom:1.25rem}.notice-container .notice-wrapper .notice-list-body .list-body-table .custom-table-container{height:39.38rem}.notice-container .notice-wrapper .notice-list-body .list-body-table .custom-table-container .table-head .MuiTableCell-root{padding:.8135rem}.notice-container .notice-wrapper .notice-list-body .list-body-table .custom-table-container .table-head .MuiTableCell-root .MuiCheckbox-root{padding:0 .5625rem}.notice-container .notice-wrapper .notice-list-body .list-body-table .custom-table-container .table-body .MuiTableCell-root{padding:.7rem 0}.notice-container .notice-wrapper .notice-list-body .list-body-table .custom-table-container .table-body .MuiTableCell-root .MuiCheckbox-root{padding:0 .5625rem}.exam-sliders,.select-option-wrapper{display:grid;justify-content:start;align-items:center}.exam-sliders .issued-test-paper-box,.select-option-wrapper .issued-test-paper-box,.exam-sliders .discipline-test-paper-box,.select-option-wrapper .discipline-test-paper-box{height:100%}.exam-sliders .upload-test-paper-box,.select-option-wrapper .upload-test-paper-box{transition:transform .2s;cursor:pointer;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.875rem;padding:.75rem 0 1.25rem;box-sizing:border-box;border:2px solid var(--role-color);border-radius:1.875rem}.exam-sliders .upload-test-paper-box:hover,.select-option-wrapper .upload-test-paper-box:hover{transform:scale(1.05)}.exam-sliders .upload-test-paper-box .button-label,.select-option-wrapper .upload-test-paper-box .button-label{color:var(--role-color);text-align:center}.exam-sliders .upload-test-paper-box .button-image,.select-option-wrapper .upload-test-paper-box .button-image{display:flex;justify-content:center;width:100%}.exam-sliders .upload-test-paper-box .button-image img,.select-option-wrapper .upload-test-paper-box .button-image img{height:5.375rem;width:auto}.exam-sliders .upload-desc-test-paper-box,.select-option-wrapper .upload-desc-test-paper-box{transition:transform .2s;cursor:pointer;flex:1;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.875rem;padding:.75rem 0 1.25rem;box-sizing:border-box;border:2px solid var(--role-color);border-radius:1.875rem}.exam-sliders .upload-desc-test-paper-box:hover,.select-option-wrapper .upload-desc-test-paper-box:hover{transform:scale(1.05)}.exam-sliders .upload-desc-test-paper-box .button-label,.select-option-wrapper .upload-desc-test-paper-box .button-label{color:var(--role-color);text-align:center}.exam-sliders .upload-desc-test-paper-box .button-image,.select-option-wrapper .upload-desc-test-paper-box .button-image{display:flex;justify-content:center;width:100%}.exam-sliders .upload-desc-test-paper-box .button-image img,.select-option-wrapper .upload-desc-test-paper-box .button-image img{height:5.375rem;width:auto}.test-paper-container{width:100%;height:auto;display:flex;justify-content:center;align-items:start}.test-paper-container .test-paper-wrapper{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.test-paper-container .test-paper-wrapper .test-paper-list-body{width:100%}.test-paper-container .test-paper-wrapper .test-paper-list-body .list-body-title{box-sizing:border-box;margin-bottom:1.25rem}.test-paper-container .test-paper-wrapper .test-paper-list-body .select-option-wrapper{width:100%;height:9.5rem;display:flex;justify-content:start;margin-bottom:1.875rem;gap:1rem}.test-paper-container .test-paper-wrapper .test-paper-list-body .select-option-wrapper .issued-test-paper-box{height:100%;width:33%}.test-paper-container .test-paper-wrapper .test-paper-list-body .select-option-wrapper .discipline-test-paper-box{height:100%;width:47%}.test-paper-container .test-paper-wrapper .test-paper-list-body .select-option-wrapper .upload-test-paper-box{flex:1}.report-exam-container .select-option-wrapper{width:100%;height:9.5rem;justify-content:start;display:flex;align-items:center;gap:1rem}.report-exam-container .select-option-wrapper .discipline-exam-report-box{width:100%;height:9.5rem}.report-exam-container .select-option-wrapper .combine-report-box{height:9.5rem;flex:1;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:.75rem 0 1.25rem;box-sizing:border-box;border:.125rem solid var(--role-color);border-radius:1.875rem;transition:transform .1s;cursor:pointer}.report-exam-container .select-option-wrapper .combine-report-box:hover{transform:scale(1.05)}.report-exam-container .select-option-wrapper .combine-report-box.disabled{background-color:#f6f6f6;opacity:.8;filter:grayscale(100%);transition:transform .1s;cursor:pointer}.report-exam-container .select-option-wrapper .combine-report-box.disabled:hover{transform:scale(1)}.report-exam-container .select-option-wrapper .combine-report-box .button-label{color:var(--role-color);text-align:center}.report-exam-container .select-option-wrapper .combine-report-box .button-image{display:flex;justify-content:center;width:100%}.report-exam-container .select-option-wrapper .combine-report-box .button-image img{height:6.875rem;width:auto}.report-exam-container{width:100%;height:auto;display:flex;justify-content:center;align-items:start}.report-exam-container .report-exam-wrapper{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.report-exam-container .report-exam-wrapper .report-exam-list-body{width:100%;box-sizing:border-box}.report-exam-container .report-exam-wrapper .report-exam-list-body .list-body-title{width:100%;box-sizing:border-box;margin-bottom:1.25rem}.report-exam-container .report-exam-wrapper .report-exam-list-body .select-option-wrapper{width:100%;height:9.5rem;display:flex;justify-content:start;margin-bottom:1.875rem;gap:1rem}.report-exam-container .report-exam-wrapper .report-exam-list-body .select-option-wrapper .discipline-report-exam-box{width:80%;height:100%}.name-role{padding:0!important}.name-role h4,.name-role h5{overflow:hidden;white-space:normal!important;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.member-container{min-width:14rem;height:3rem;display:flex;align-items:center;flex-direction:row;margin-bottom:.4375rem;padding:0 .8rem;gap:.5rem;box-sizing:border-box;background:#fff;border-color:#d3d3d3;border-width:1px;border-style:solid;border-radius:3.125rem;justify-content:space-around}.member-container .profile{width:auto;height:88%;aspect-ratio:1;object-fit:cover;border-radius:6.25rem}.member-container .name-role{width:12rem;display:flex;justify-content:space-between;flex-direction:row;align-items:center}.member-container .name-role h4{white-space:nowrap;width:60%}.member-container .name-role .role{color:#a0a0a0;white-space:nowrap;width:40%;text-align:center}.report-of-student-container{width:100%;height:auto;display:flex;justify-content:center;align-items:start}.report-of-student-container .report-of-student-wrapper{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body{width:100%}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .list-body-title{box-sizing:border-box;margin-bottom:1.25rem}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper{width:100%;display:flex;align-items:start;gap:1rem;box-sizing:border-box}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box{min-width:18rem;height:13rem;border:none;border-radius:1.875rem;box-sizing:border-box;background-color:#7246bb;overflow-y:hidden;padding:.75rem 1rem .25rem}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:.75rem;box-sizing:border-box;padding:0;overflow:hidden}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .title{width:100%;color:#fff;font-family:Pretendard,serif;text-align:center}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .student-list{width:100%;height:inherit;padding:.2rem 3.2% .2rem 1%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .student-list::-webkit-scrollbar{width:.3rem}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .student-list::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .student-list::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .student-list::-webkit-scrollbar-thumb{background:#d3d3d3}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .student-list::-webkit-scrollbar-track{background:var(--role-color, #7246bb)}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .student-list .item-wrapper{transition:transform .1s;cursor:pointer}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .student-list .item-wrapper:hover{transform:scale(1.02)}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .classroom-student-box .reported-student-select-box .student-list .item-wrapper.non-selected{opacity:.8}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .discipline-select-box{flex:1;width:15rem;height:9.5rem;box-sizing:border-box}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .combine-report-box{max-width:12rem;height:9.5rem;width:22%;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:.75rem 0 1.25rem;box-sizing:border-box;border:.125rem solid var(--role-color);border-radius:1.875rem;transition:transform .1s;cursor:pointer}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .combine-report-box:hover{transform:scale(1.05)}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .combine-report-box.disabled{background-color:#f6f6f6;opacity:.8;filter:grayscale(100%);transition:transform .1s;cursor:pointer}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .combine-report-box.disabled:hover{transform:scale(1)}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .combine-report-box .button-label{color:var(--role-color);text-align:center}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .combine-report-box .button-image{display:flex;justify-content:center;width:100%}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .select-option-wrapper .combine-report-box .button-image img{height:6.875rem;width:auto}.report-of-student-container .report-of-student-wrapper .report-of-student-list-body .list-body-table{margin-top:-1.68rem}.student-exam-page{width:100%;height:auto;display:flex;justify-content:center;flex-direction:column}.student-exam-page .exam-sliders{margin-top:1.25rem;display:flex;height:9.5rem;justify-content:space-between;gap:2%;width:100%}.student-exam-page .exam-sliders .issued-test-paper-box{height:100%;width:34%}.student-exam-page .exam-sliders .discipline-test-paper-box{height:100%;width:64%}.student-exam-page .exam-list-body-table{margin-top:1.875rem;width:100%}.student-report-page{width:100%;height:auto;display:flex;justify-content:center;flex-direction:column}.student-report-page .list-body-title{box-sizing:border-box;margin-bottom:1.25rem}.student-report-page .student-report-slider-container{width:100%;height:9.5rem;justify-content:start;display:flex;align-items:center;gap:1rem}.student-report-page .student-report-slider-container .subject-slider-container{width:80%;height:9.5rem}.student-report-page .student-report-slider-container .subject-slider-container.desc{width:100%}.student-report-page .student-report-slider-container .combine-report-box{height:9.5rem;flex:1;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:.75rem 0 1.25rem;box-sizing:border-box;border:.125rem solid var(--role-color);border-radius:1.875rem;transition:transform .1s;cursor:pointer}.student-report-page .student-report-slider-container .combine-report-box:hover{transform:scale(1.05)}.student-report-page .student-report-slider-container .combine-report-box.disabled{background-color:#f6f6f6;opacity:.8;filter:grayscale(100%);transition:transform .1s;cursor:pointer}.student-report-page .student-report-slider-container .combine-report-box.disabled:hover{transform:scale(1)}.student-report-page .student-report-slider-container .combine-report-box .button-label{color:var(--role-color);text-align:center}.student-report-page .student-report-slider-container .combine-report-box .button-image{display:flex;justify-content:center;width:100%}.student-report-page .student-report-slider-container .combine-report-box .button-image img{height:6.875rem;width:auto}.student-report-page .list-body-table{margin-top:1.875rem;width:100%}.exam-container{width:100%;height:auto;display:flex;justify-content:center;align-items:start}.exam-container .exam-wrapper{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.exam-container .exam-wrapper .exam-list-body{width:100%}.exam-container .exam-wrapper .exam-list-body .list-body-title{box-sizing:border-box;margin-bottom:1.25rem}.exam-container .exam-wrapper .exam-list-body .select-option-wrapper{width:100%;height:9.5rem;display:flex;margin-bottom:1.875rem}.exam-container .exam-wrapper .exam-list-body .select-option-wrapper .discipline-exam-box{width:100%;height:100%}.exam-container .exam-wrapper .exam-list-body .select-option-wrapper .discipline-exam-box .swiper-wrapper{gap:1.5rem}.institution-teacher-container{justify-content:space-between}.institution-teacher-container .divider{margin-top:1rem;padding:0}.institution-teacher-container .title-wrapper{width:100%}.institution-teacher-container .title-wrapper .title{display:flex;align-items:center;margin-bottom:.35rem}.institution-teacher-container .title-wrapper .title:before{width:.4375rem;border:.125rem solid var(--role-opposite-color);border-radius:.625rem;margin-right:.4375rem;content:""}.institution-teacher-container header{height:fit-content!important}.institution-teacher-container header .input{flex:1;box-sizing:border-box;padding:0 .2rem}.institution-teacher-container header .input .MuiInputBase-root{padding:0;border-radius:.625rem}.institution-teacher-container header .input .MuiOutlinedInput-root input{padding:.55rem 1.25rem}.institution-teacher-container header .input .MuiOutlinedInput-root:hover fieldset{border-color:#7246bb}.institution-teacher-container header .input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#7246bb}.institution-teacher-container header .input .MuiFormHelperText-root{width:100%;margin:0;margin-top:.2rem;line-height:.8rem;font-size:.6rem;white-space:noWrap}.institution-teacher-container header .search-button{width:fit-content;display:flex;justify-content:center;align-items:center;padding:.375rem 1.25rem;border-radius:2rem;color:#fff;background:var(--role-opposite-color);border:none;white-space:nowrap;transition:transform .1s;cursor:pointer}.institution-teacher-container header .search-button:hover{transform:scale(1.02)}.institution-teacher-container header .search-button.red{background:#f25116;pointer-events:none}.institution-teacher-container header .search-header{width:100%;display:flex;flex-direction:column;gap:.2rem}.institution-teacher-container header .search-header .search-wrapper{display:flex;justify-content:start;align-items:center;gap:.375rem}.institution-teacher-container main{height:100%}.institution-teacher-container main .main-container{height:100%;width:100%;display:flex;justify-content:center;align-items:start}.institution-teacher-container main .main-container.list-container{display:flex;align-items:start}.institution-teacher-container main .main-container.list-container .table-container{width:calc(100% - .2rem);height:22rem;overflow-x:hidden;overflow-y:scroll;padding-right:.2rem}.institution-teacher-container main .main-container.list-container .table-container::-webkit-scrollbar{width:.3rem}.institution-teacher-container main .main-container.list-container .table-container::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.institution-teacher-container main .main-container.list-container .table-container::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.institution-teacher-container main .main-container.list-container .table-container:before{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.institution-teacher-container main .main-container.list-container .table-container .registration-table{border-collapse:separate}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .MuiTableCell-root{padding:0;height:2.5rem}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-head{width:100%}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-head .table-head-row{width:100%}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-head .table-head-row .table-head-cell{color:#fff;word-break:keep-all;background-color:#7246bb;border:none;padding:.4rem 0}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-head .table-head-row .table-head-cell:first-child{border-radius:1.875rem 0 0 1.875rem}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-head .table-head-row .table-head-cell:last-child{border-radius:0 1.875rem 1.875rem 0}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body{width:100%}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row{width:100%}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row:hover{background-color:#e1d7f06e;transition:transform .1s;cursor:pointer}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row:hover:hover{transform:scale(1.02)}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell{box-sizing:border-box}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .number-input{padding:0 .7rem;box-sizing:border-box}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .number-input .MuiInputBase-input{text-align:center}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .number-input .MuiOutlinedInput-root input{padding:.425rem 1.25rem}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .has-classroom-tag{display:flex;justify-content:center}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .MuiButtonBase-root .MuiSvgIcon-root{border-radius:.625rem;background-color:var(--role-opposite-color);fill:#fff}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .tag-wrapper{width:100%;display:flex;justify-content:center}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .tag-wrapper .tag{height:1.375rem;aspect-ratio:2/1;text-align:center;font-family:Pretendard;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.375rem;letter-spacing:-.05625rem;border-radius:6.25rem}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .tag-wrapper .tag.blue{background-color:#293ca61a;color:#293ca6}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .tag-wrapper .tag.green{background-color:#00c7951a;color:#00c896}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .round-button{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;padding:.4375rem;border-radius:50%;background-color:#f25116;transition:transform .1s;cursor:pointer}.institution-teacher-container main .main-container.list-container .table-container .registration-table .table-body .table-body-row .table-body-cell .round-button:hover{transform:scale(1.02)}.institution-teacher-container main .main-container.teacher-information{height:15rem;display:flex;flex-direction:column;gap:1rem}.institution-teacher-container main .main-container.teacher-information .title-wrapper{justify-content:space-between}.institution-teacher-container main .main-container.teacher-information .information-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.institution-teacher-container footer{height:fit-content!important;display:flex;justify-content:center;align-items:end;gap:1rem;padding-bottom:.7rem}.institution-teacher-container footer .purple-background{flex:1;background-color:#a07bea}.institution-teacher-container footer .purple-background .image-container{width:70%!important}.institution-teacher-container footer .green-background{flex:1;background-color:#00c896}.institution-teacher-container footer .red-background{flex:1;background-color:#f25116}.institution-teacher-container footer .grey-background{flex:1;background-color:#696969}.institution-teacher-container footer .grey-background .image-container{justify-content:center!important}.institution-teacher-container footer .support{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;padding:3%;border-radius:.75rem;cursor:pointer}.institution-teacher-container footer .support.disabled{cursor:not-allowed;background-color:#a0a0a0;opacity:.8;filter:grayscale(100%)}.institution-teacher-container footer .support .line{width:50%;border:1px solid #fff}.institution-teacher-container footer .support .label-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.institution-teacher-container footer .support .label-container h3{color:#fff}.my-information-container,.my-classroom-container,.my-organization-container,.institution-teacher-container{width:100%;height:100%;box-sizing:border-box;padding:2.5rem 3% 1%;box-shadow:0 0 10px #0000001a;border-radius:1rem;background-color:#fff;display:flex;flex-direction:column}.my-information-container:hover,.my-classroom-container:hover,.my-organization-container:hover,.institution-teacher-container:hover{outline:1px solid var(--role-color)}.my-information-container>header,.my-classroom-container>header,.my-organization-container>header,.institution-teacher-container>header{height:22%}.my-information-container>header .primary,.my-classroom-container>header .primary,.my-organization-container>header .primary,.institution-teacher-container>header .primary{display:flex}.my-information-container main,.my-classroom-container main,.my-organization-container main,.institution-teacher-container main{height:fit-content;display:flex;align-items:center}.my-information-container footer,.my-classroom-container footer,.my-organization-container footer,.institution-teacher-container footer{height:38%;display:flex;align-items:center}.teacher-color{color:#7246bb}.student-color{color:#00c896}.teacher-simple-border{border:1px solid #7246bb}.student-simple-border{border:1px solid #00c896}.teacher-simple-border-bottom{border-bottom:1px solid #7246bb}.student-simple-border-bottom{border-bottom:1px solid #00c896}.teacher-background-color{background-color:#7246bb}.student-background-color{background-color:#00c896}.my-organization-container header .primary{justify-content:space-between}.my-organization-container header .primary .title{color:var(--role-color)}.my-organization-container header .primary .button-container{width:80%;display:flex;justify-content:end;gap:1rem}.my-organization-container header .primary .button-container .edit-button{width:22%;min-width:8rem;height:1.5rem;display:flex;justify-content:center;align-items:center;border-radius:.9375rem;padding:1%;cursor:pointer;border:1px solid var(--role-color)}.my-organization-container header .primary .button-container .edit-button img{width:22%;height:auto}.my-organization-container header .primary .button-container .edit-button h4{color:var(--role-color);margin-left:3.5%}.my-organization-container main .profile-img-container{width:40%;height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.my-organization-container main .profile-img-container img{height:11rem;aspect-ratio:1;border-radius:6.25rem;object-fit:cover;border:1px solid var(--role-color)}.my-organization-container main .personal-info-container{width:60%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:.5rem;margin-top:1rem}.my-organization-container main .personal-info-container .read-only-input .left-label-text-field-container{gap:1rem}.my-organization-container footer{flex-direction:column;align-items:end;justify-content:space-around;gap:2rem}.my-organization-container footer .point-wrapper{width:100%;display:flex;justify-content:end;padding-top:1rem}.my-organization-container footer .point-wrapper .title{color:var(--role-color)}.my-organization-container footer .point-wrapper .point-container{width:40%;margin-left:2%;display:flex;justify-content:end;padding-bottom:5px;border-bottom:1px solid var(--role-color)}.my-organization-container footer .point-wrapper .point-container h3,.my-organization-container footer .point-wrapper .point-container h5{margin-left:3%;line-height:70%;color:var(--role-color)}.my-organization-container footer .exit-button{width:15%;min-width:5rem;height:1rem;display:flex;justify-content:center;align-items:center;border-radius:.6375rem;padding:1%;cursor:pointer;border:1px solid var(--role-color);white-space:nowrap}.my-organization-container footer .exit-button img{width:22%;height:auto}.my-organization-container footer .exit-button h4{color:var(--role-color);margin-left:3.5%}.manage-organization{width:58svw;min-width:67rem;max-height:90svh;box-sizing:border-box;font-family:Pretendard}.manage-organization .point-wrapper{width:100%;display:flex;justify-content:end;padding-top:1rem}.manage-organization .point-wrapper .title{color:var(--role-color)}.manage-organization .point-wrapper .point-container{width:30%;margin-left:2%;display:flex;justify-content:end;padding-bottom:5px;border-bottom:1px solid var(--role-color)}.manage-organization .point-wrapper .point-container h3,.manage-organization .point-wrapper .point-container h5{margin-left:3%;line-height:70%;color:var(--role-color)}.manage-organization .content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;box-sizing:border-box}.manage-organization .content .manage-organization-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;gap:.375rem}.manage-organization .content .manage-organization-container .manage-organization-header{width:100%;display:flex;flex-direction:column;gap:.2rem}.manage-organization .content .manage-organization-container .manage-organization-header .title-wrapper{width:100%}.manage-organization .content .manage-organization-container .manage-organization-header .title-wrapper .title{display:flex;align-items:center;margin-bottom:.35rem}.manage-organization .content .manage-organization-container .manage-organization-header .title-wrapper .title:before{width:.4375rem;border:.125rem solid var(--role-opposite-color);border-radius:.625rem;margin-right:.4375rem;content:""}.manage-organization .content .manage-organization-container .manage-organization-header .search-wrapper{display:flex;justify-content:start;align-items:center;gap:.375rem}.manage-organization .content .manage-organization-container .manage-organization-body{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;padding-bottom:1rem}.manage-organization .content .manage-organization-container .manage-organization-body:last-child{margin-top:1rem}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:2rem;box-sizing:border-box}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container{width:calc(100% - .2rem);height:16rem;overflow-x:hidden;overflow-y:scroll;padding-right:.2rem}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container::-webkit-scrollbar{width:.3rem}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container::-webkit-scrollbar-thumb{background:var(--role-color, #7246bb);border-radius:.7rem}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container::-webkit-scrollbar-track{background:#d3d3d3;border-radius:.7rem}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container:before{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table{border-collapse:separate}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .MuiTableCell-root{padding:0;height:3rem}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-head,.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-head .table-head-row{width:100%}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-head .table-head-row .table-head-cell{color:#fff;word-break:keep-all;background-color:#7246bb;border:none;padding:.7rem 0}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-head .table-head-row .table-head-cell:first-child{border-radius:1.875rem 0 0 1.875rem}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-head .table-head-row .table-head-cell:last-child{border-radius:0 1.875rem 1.875rem 0}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body,.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row{width:100%}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell{box-sizing:border-box}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .number-input{padding:0 .7rem;box-sizing:border-box}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .number-input .MuiInputBase-input{text-align:center}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .number-input .MuiOutlinedInput-root input{padding:.425rem 1.25rem}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .has-classroom-tag{display:flex;justify-content:center}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .MuiButtonBase-root .MuiSvgIcon-root{border-radius:.625rem;background-color:var(--role-opposite-color);fill:#fff}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .tag-wrapper{width:100%;display:flex;justify-content:center}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .tag-wrapper .tag{height:1.375rem;aspect-ratio:2/1;text-align:center;font-family:Pretendard;font-size:.9375rem;font-style:normal;font-weight:500;line-height:1.375rem;letter-spacing:-.05625rem;border-radius:6.25rem}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .tag-wrapper .tag.blue{background-color:#293ca61a;color:#293ca6}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .tag-wrapper .tag.green{background-color:#00c7951a;color:#00c896}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .round-button{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;padding:.4375rem;border-radius:50%;background-color:#f25116;transition:transform .1s;cursor:pointer}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .table-container .teacher-table .table-body .table-body-row .table-body-cell .round-button:hover{transform:scale(1.02)}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .button-container{width:100%}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .button-container .register-button{background:var(--role-gradient-color)}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .teacher-submit:disabled{cursor:not-allowed;background-color:var(--role-gradient-color)}.manage-organization .content .manage-organization-container .manage-organization-body .teacher-list .teacher-submit h3{color:#fff}.manage-organization .input{flex:1;box-sizing:border-box;padding:0 .2rem}.manage-organization .input .MuiInputBase-root{padding:0;border-radius:.625rem}.manage-organization .input .MuiOutlinedInput-root input{padding:.55rem 1.25rem}.manage-organization .input .MuiOutlinedInput-root:hover fieldset,.manage-organization .input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#7246bb}.manage-organization .input .MuiFormHelperText-root{width:100%;margin:0;margin-top:.2rem;line-height:.8rem;font-size:.6rem;white-space:noWrap}.manage-organization .search-button{width:fit-content;display:flex;justify-content:center;align-items:center;padding:.375rem 1.25rem;border-radius:2rem;color:#fff;background:var(--role-opposite-color);border:none;white-space:nowrap;transition:transform .1s;cursor:pointer}.manage-organization .search-button:hover{transform:scale(1.02)}.manage-organization .search-button.red{background:#f25116}.organization-point-history{width:58svw;min-width:67rem;max-height:90svh;box-sizing:border-box;font-family:Pretendard}.organization-point-history .point-wrapper{width:100%;display:flex;justify-content:end;padding-top:1rem}.organization-point-history .point-wrapper .title{color:var(--role-color)}.organization-point-history .point-wrapper .point-container{width:30%;margin-left:2%;display:flex;justify-content:end;padding-bottom:5px;border-bottom:1px solid var(--role-color)}.organization-point-history .point-wrapper .point-container h3,.organization-point-history .point-wrapper .point-container h5{margin-left:3%;line-height:70%;color:var(--role-color)}.organization-point-history .content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:3rem;box-sizing:border-box}.organization-point-history .content .point-history-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;gap:.375rem}.organization-point-history .content .point-history-container .custom-table-container{height:fit-content;min-height:31rem}.organization-point-history .content .point-history-container .custom-table-container .custom-table{padding-right:.3rem}.organization-point-history .content .point-history-container .custom-table-container .custom-table .table-head-cell{padding:.9rem 0!important}.organization-point-history .content .point-history-container .custom-table-container .custom-table .table-body-cell{padding:.7rem 0!important}.organization-point-history .content .point-history-container .custom-table-container .custom-table .table-body-cell .blue{color:#5082e6}.organization-point-history .content .point-history-container .custom-table-container .custom-table .table-body-cell .red{color:#e65050}