@charset "UTF-8";
article {
  padding: 1rem 2rem;
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
article.full {
  padding: 0;
}

table td {
  padding: 2px 6px;
}
table thead td {
  background-color: #eee;
}

.user-ok {
  font-variant: small-caps;
  color: #1eadd4;
  font-weight: bold;
}

.user-disabled {
  font-variant: small-caps;
  color: #d45858;
}

.overlay-main {
  position: absolute;
  left: 200px;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.overlay-main .over-back {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(92, 92, 92, 0.2078431373);
}
.overlay-main .over-body {
  padding: 1rem;
  background-color: #ffffff;
  z-index: 99999;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2862745098);
}
.overlay-main .paper-selector {
  min-width: 380px;
}

.logo {
  text-align: center;
  margin: 30px 0;
}
.logo .title {
  color: #26b09f;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.logo img {
  width: 50%;
}

.pin {
  background-color: #333;
  color: #ffffff;
  font-size: 9px;
  padding: 2px 4px;
  margin-left: 2px;
  border-radius: 3px;
}
.pin.large {
  font-size: 1rem;
}
.pin.finish {
  background-color: #1f93a8;
}
.pin.submit {
  background-color: #c067ca;
}

.btn-blank {
  border: none !important;
  padding: 0 !important;
  background-color: transparent;
}

.gray5 {
  color: #999;
}

.login-box {
  display: flex;
  flex-wrap: wrap;
}
.login-box .login {
  width: 500px;
}
.login-box .login section {
  margin-bottom: 4rem;
}

.form-control.w-auto {
  display: inline-block;
}
.form-control.mini {
  padding: 1px 10px;
}

.utitle {
  display: flex;
  align-items: center;
}
.utitle .ico {
  opacity: 0.3;
}
.utitle .fname {
  font-size: 1.2rem;
}
.utitle .uname {
  margin-left: 1rem;
  margin-top: 4px;
  font-size: 0.8rem;
  color: #c4bf64;
}

textarea:focus, input:focus, button:focus {
  outline: none !important;
  box-shadow: none !important;
}

tox .tox-edit-area::before {
  border: 1px solid #999 !important;
}

.home {
  margin: 1rem 1.2rem;
  display: flex;
}
.home .right {
  margin-left: 3rem;
  max-width: 370px;
}
.home .right .recent-sheets .sheets-box > div {
  max-width: 90px;
}
.home .right .recent-sheets .sheets-box img {
  margin-top: 8px;
  width: 90px;
  height: 116px;
}

.err-bound {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
}

@keyframes fadeInFromNone {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loading {
  animation: fadeInFromNone 0.3s ease-out;
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  color: #cccccc;
}
.loading .progress {
  width: 300px;
  height: 10px;
}
.loading .progress .progress-bar {
  width: 100%;
}

.start-exam {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(170, 170, 170, 0.9333333333);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.start-exam .start {
  padding: 4rem 10rem;
  background-color: #ffffff;
  border-radius: 1rem;
  text-align: center;
}
.start-exam .start > div {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.start-exam .start .name {
  font-size: 1.5rem;
  margin-top: 0;
}
.start-exam .start button {
  margin-top: 4rem;
}

mjx-frac {
  font-size: 130% !important;
}

.katex .mfrac {
  font-size: 1.2em !important; /* 원하는 크기로 조정 */
}

.bi-house-door-fill-nav-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-list-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0m0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0m0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}

.bi-pencil {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325'/%3E%3C/svg%3E");
}

.bi-pencil-dark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325'/%3E%3C/svg%3E");
}

.ico-bookmark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='black' viewBox='0 -960 960 960'%3E%3Cpath d='M220-150v-610q0-25.59 18.39-44.08 18.39-18.48 44.18-18.48h394.86q25.79 0 44.18 18.48Q740-785.59 740-760v610L480-261.54 220-150Zm50.26-76.97L480-316.36l209.74 89.39V-760q0-4.61-3.84-8.46-3.85-3.85-8.47-3.85H282.57q-4.62 0-8.47 3.85-3.84 3.85-3.84 8.46v533.03Zm0-545.34h419.48-419.48Z'/%3E%3C/svg%3E");
}

/*.bi-bookmark-marked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='red' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M220-150v-610q0-25.59 18.36-44.08 18.36-18.48 44.21-18.48h394.86q25.85 0 44.21 18.48Q740-785.59 740-760v610L480-261.54 220-150Z'/%3E%3C/svg%3E");
}*/
.ico-bookmark-marked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23333333' viewBox='0 -960 960 960'%3E%3Cpath d='M220-150v-610q0-25.59 18.36-44.08 18.36-18.48 44.21-18.48h394.86q25.85 0 44.21 18.48Q740-785.59 740-760v610L480-261.54 220-150Z'/%3E%3C/svg%3E");
}

.ico-home {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 -960 960 960'%3E%3Cpath d='M242-202h154v-233.5h168V-202h154v-357.5L480-740 242-559.67V-202Zm-25.5 25.5v-396L480-772l263.5 199.83v395.67h-205V-410h-117v233.5h-205ZM480-471Z'/%3E%3C/svg%3E");
}

.ico-comment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 -960 960 960'%3E%3Cpath d='M269-428.5h263.5V-454H269v25.5Zm0-119h422V-573H269v25.5Zm0-119h422V-692H269v25.5Zm-132 479v-578.56q0-24.38 16.53-40.91 16.53-16.53 40.75-16.53h571.44q24.22 0 40.75 16.53T823-766.2v412.4q0 24.24-16.53 40.77-16.53 16.53-40.75 16.53H246l-109 109ZM235.5-322h530q12 0 22-10t10-22v-412q0-12-10-22t-22-10h-571q-12 0-22 10t-10 22v517l73-73Zm-73 0v-476 476Z'/%3E%3C/svg%3E");
}

.ico-pdf {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 -960 960 960'%3E%3Cpath d='M360-460h40v-80h40q17 0 28.5-11.5T480-580v-40q0-17-11.5-28.5T440-660h-80v200Zm40-120v-40h40v40h-40Zm120 120h80q17 0 28.5-11.5T640-500v-120q0-17-11.5-28.5T600-660h-80v200Zm40-40v-120h40v120h-40Zm120 40h40v-80h40v-40h-40v-40h40v-40h-80v200ZM320-240q-33 0-56.5-23.5T240-320v-480q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H320Zm0-80h480v-480H320v480ZM160-80q-33 0-56.5-23.5T80-160v-560h80v560h560v80H160Zm160-720v480-480Z'/%3E%3C/svg%3E");
}

.ico-user35 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='40' height='40' viewBox='0 -960 960 960'%3E%3Cpath d='M242-272q59-38 116-55t122-17q65 0 122 17t116 55q41-46 60.5-97.5T798-480q0-130.67-93.73-224.34Q610.54-798 479.77-798 349-798 255.5-704.34 162-610.67 162-480q0 59 19.5 110.5T242-272Zm238.11-138Q421-410 379.5-451.39T338-551.89q0-59.11 41.39-100.61t100.5-41.5q59.11 0 100.61 41.39t41.5 100.5q0 59.11-41.39 100.61T480.11-410Zm.17 294q-74.28 0-140.82-28.26-66.53-28.27-116.5-78.5Q173-273 144.5-339.46 116-405.92 116-480.96t28.5-140.54Q173-687 222.96-737.24q49.97-50.23 116.46-78.5Q405.92-844 480.96-844q75.04 0 140.54 28.5Q687-787 737-737t78.5 115.64Q844-555.71 844-480.28q0 74.28-28.26 140.82-28.27 66.53-78.5 116.5Q687-173 621.36-144.5 555.71-116 480.28-116Zm-.28-46q50 0 105.5-20t97.5-56q-43-28-95.5-44T480-298q-55 0-108.5 15T277-238q42 36 97.5 56T480-162Zm0-294q38 0 67-29t29-67q0-38-29-67t-67-29q-38 0-67 29t-29 67q0 38 29 67t67 29Zm0-96Zm0 317Z'/%3E%3C/svg%3E");
}

.ico-save {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='20' height='20' fill='black' viewBox='0 -960 960 960'%3E%3Cpath d='M776-655.08v414.46q0 24.32-16.15 40.47T719.38-184H240.62q-24.32 0-40.47-16.15T184-240.62v-478.76q0-24.32 16.15-40.47T240.62-776h414.46L776-655.08ZM744-642 642-744H240.62q-10.77 0-17.7 6.92-6.92 6.93-6.92 17.7v478.76q0 10.77 6.92 17.7 6.93 6.92 17.7 6.92h478.76q10.77 0 17.7-6.92 6.92-6.93 6.92-17.7V-642ZM528.04-330.42Q548-350.38 548-378.46t-19.96-48.04q-19.96-19.96-48.04-19.96t-48.04 19.96Q412-406.54 412-378.46t19.96 48.04q19.96 19.96 48.04 19.96t48.04-19.96ZM294.77-561.23h272.92v-104H294.77v104ZM216-629v413-528 115Z'/%3E%3C/svg%3E");
}

.ico-clock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='20' height='20' fill='black' viewBox='0 -960 960 960'%3E%3Cpath d='m614-338.46-150-150V-700h32v198.46L636.54-361 614-338.46Zm-439.15 16.15q-17.85-32.84-27.5-68.96-9.66-36.11-11.89-72.73h32.23q1.23 33.77 9.93 64.5 8.69 30.73 23.84 60.19l-26.61 17ZM136.46-496q2.23-36.62 11.77-72.35t26.62-69.34l27.61 16q-15.92 29.46-24.73 61.07Q168.92-529 167.69-496h-31.23Zm158.46 304.38q-30.61-19.76-57.46-45.34-26.84-25.58-46.61-56.19l27.61-17.77q16.85 28.23 40.54 51.42 23.69 23.19 51.92 41.04l-16 26.84Zm-76.46-457.46-27.61-16q19.77-31.61 46.11-57.57 26.35-25.97 57.96-45.73l16 26.84q-28 17.85-51.3 40.66-23.31 22.8-41.16 51.8ZM464-135.46q-36.62-2.23-72.35-12.27t-69.34-27.12l16-26.61q29.46 15.92 61.07 24.23 31.62 8.31 64.62 9.54v32.23ZM339.31-757.54l-17-27.61q33.61-17.08 69.34-27.12 35.73-10.04 72.35-12.27v32.23q-33 1.23-64.12 10.04-31.11 8.81-60.57 24.73ZM496-135.46v-32.23q33-1.23 64.62-9.54 31.61-8.31 61.07-24.23l16 26.61q-33.61 17.08-69.34 27.12-35.73 10.04-72.35 12.27Zm125.69-623.08q-29.46-15.92-61.07-24.23-31.62-8.31-64.62-9.54v-32.23q36.62 2.23 72.35 12.27t69.34 27.12l-16 26.61Zm43.39 566.92-16-25.84q29-17.85 51.8-41.66 22.81-23.8 40.66-51.8l26.84 17q-19.76 30.61-46.23 56.19-26.46 25.58-57.07 46.11Zm76.46-458.23q-17.85-28-41.16-50.92-23.3-22.92-51.3-40.77l16-26.84q30.61 20.53 57.07 46.11 26.47 25.58 47 56.19l-27.61 16.23ZM792.31-496q-1.23-33-9.93-64.12-8.69-31.11-24.61-61.34l27.38-16.23q17.85 32.84 27.5 68.57 9.66 35.74 11.89 73.12h-32.23Zm-7.16 173.69-26.61-16q15.92-29.46 24.23-61.07 8.31-31.62 9.54-64.62h32.23q-2.23 36.62-12.27 72.35t-27.12 69.34Z'/%3E%3C/svg%3E");
}

.q-page {
  display: flex;
  flex-direction: column;
}
.q-page .top-row {
  position: sticky;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  align-content: space-between;
  height: 68px;
  padding: 0 1rem;
  background-color: #e6edf8;
  background-repeat: repeat-x;
  background-position-y: bottom;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.q-page .top-row .top-left {
  flex: 1;
}
.q-page .top-row .top-left .exam {
  font-variant: small-caps;
  font-size: 9px;
  font-weight: bold;
  color: #961cd7;
  margin-left: 5px;
}
.q-page .top-row .top-right {
  flex: 1;
  text-align: right;
}
.q-page .top-row select {
  background-color: transparent;
  border-color: #777;
}
.q-page .top-row .title {
  justify-self: center;
  font-size: 1.5rem;
}
.q-page .top-row .title .ico-clock {
  margin-left: 2rem;
  margin-right: 0;
}
.q-page .top-row .title #timeLeft {
  display: inline-block;
  font-size: 1rem;
}
.q-page .top-row .title #timeLeft.over {
  color: #ff3232;
}
.q-page .top-row .title .examTime {
  display: inline-block;
  font-size: 1rem;
  margin-left: 4px;
  color: #0aa7d1;
}
.q-page .top-row .title .examTime.over {
  color: #ff3232;
}
.q-page .top-row .title .examTime.over::before {
  content: "+";
}
.q-page .bottom-row {
  position: sticky;
  bottom: 0;
  z-index: 999;
  padding: 5px;
  height: 59px;
  background-color: #e6edf8;
  justify-self: end;
  display: flex;
  align-items: center;
  align-content: space-between;
  justify-content: center;
  background-repeat: repeat-x;
  background-position-y: top;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.q-page .bottom-row .bottom-left {
  flex: 1;
}
.q-page .bottom-row .mcq-nav {
  width: 154px;
  height: 34px;
  background-color: #1e1e1e;
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  justify-self: center;
}
.q-page .bottom-row .mcq-nav-btns {
  flex: 1;
  text-align: right;
}
.q-page .bottom-row .mcq-nav-btns button {
  background-color: #324DC7;
  color: #fff;
  border-radius: 20px;
  padding: 8px 20px;
  border: none;
  margin-right: 8px;
  transition: all 0.5s;
}
.q-page .bottom-row .mcq-nav-btns button:hover {
  background-color: #0e1d62;
}
.q-page .bottom-row .qs-selector {
  position: absolute;
  bottom: 80px;
}

.rev-mark {
  border: none;
  padding: 0;
}

.box-qitem {
  display: flex;
  flex: 1;
  min-height: 0;
  position: relative;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
}
.box-qitem .qitem-wrapper {
  display: flex;
  margin: 2px;
  flex: 1;
  position: relative;
}
.box-qitem .q-wrapper {
  flex: 1 1;
  justify-content: center;
  overflow-y: auto;
  scrollbar-width: thin !important;
  padding-bottom: 1rem;
  display: flex;
}
.box-qitem .q-title {
  display: flex;
  background-color: #f0f0f0;
  align-items: center;
}
.box-qitem .q-title .num {
  width: 26px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-bottom: 4px;
  background-color: #000;
  color: #fff;
}
.box-qitem .vline {
  width: 4px;
  background-color: #888888;
}
.box-qitem .mcq-right {
  padding: 1rem 38px;
  flex: 1;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  scrollbar-width: thin !important;
}
.box-qitem .q-body {
  margin: 1rem 38px;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 667px;
  scrollbar-width: thin !important;
  overflow-y: auto;
}
.box-qitem .q-text {
  padding: 1rem 0px;
  max-width: 667px;
  display: flex;
  flex-direction: column;
  scroll-margin: 4rem;
  width: 100%;
  flex: 1;
}
.box-qitem .q-question {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.box-qitem .answer-editor {
  flex: 1;
  margin-bottom: auto;
  display: flex;
  margin-top: 2px;
  font-size: 12px;
  position: relative;
}
.box-qitem .answer-editor .tab-item {
  flex: 1;
}
.box-qitem .btn-save-frqs {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 99999;
}
.box-qitem .btn-save-frqs.hide {
  display: none;
}
.box-qitem .btn-save-frqs button {
  background-color: #caf199;
  border-color: #a6ce73;
  padding: 3px 12px;
  transition: all 0.3s;
}
.box-qitem .btn-save-frqs button:hover {
  background-color: #b1e46c;
}
.box-qitem .mcq-choice {
  border: 1px solid #000000;
  border-radius: 9px;
  padding: 11px;
  cursor: pointer;
  /*     transition: all .2s;*/
  margin-top: 1rem;
  box-sizing: content-box;
  justify-content: start;
}
.box-qitem .mcq-choice:hover {
  background-color: #e0f0f3;
}
.box-qitem .mcq-choice.selected {
  border: 3px solid #e59700;
}
.box-qitem .mcq-choice.selected .choice-num {
  color: #fff;
  background-color: #155d8f;
  font-weight: bold;
}
.box-qitem .mcq-choice.answer {
  background-color: #b6e5eb;
}
.box-qitem .choice-num {
  font-size: 12px;
  padding: 0;
  color: #333333;
  border: 2px solid #333;
  border-radius: 15px;
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center;
}
.box-qitem .choice-sel {
  margin-left: 10px;
  /*background-color: #f0f0f0;*/
  padding: 17px 13px 21px 13px;
  flex: 1;
}
.box-qitem .dashed {
  height: 2px;
  min-height: 2px;
}
.box-qitem.simple {
  display: block;
  overflow-y: auto;
  padding: 1rem;
}
.box-qitem.simple .qitem-wrapper {
  flex-direction: column;
  align-items: center;
}
.box-qitem.simple .qitem-wrapper > div {
  max-width: 667px;
  flex: 1;
  width: 100%;
}
.box-qitem.simple .vline {
  display: none;
}
.box-qitem.simple .q-wrapper {
  overflow-y: unset;
  flex: 0 1;
}
.box-qitem blockquote {
  margin: 1.5rem 0 !important;
  background-color: #f0f0f0;
  padding: 1rem;
  margin-right: auto !important;
  letter-spacing: 0.3px;
}

.add-mcq input[type=text] {
  min-width: 300px;
}
.add-mcq .form-control {
  width: auto;
}
.add-mcq .choice-num {
  width: 28px;
  font-size: 1.2em;
  padding-right: 0.5em;
  color: #ffffff;
  text-align: right;
}
.add-mcq .parse-btns {
  width: 28px;
  padding-top: 2px;
}
.add-mcq .parse-btns .btn-parse {
  padding: 0;
  width: 25px;
  height: 25px;
  margin-top: 2px;
  font-size: 0.8em;
  border: 1px solid #777;
}
.add-mcq .t-number {
  width: 80px;
  min-width: 80px;
}
.add-mcq .tab-item {
  height: 0;
}
.add-mcq .tab-item.show {
  height: 845px;
}

.box-amcq {
  height: 1200px;
  background-color: #c4ccd1;
}

.mcq-choice {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 2px;
}

.btn-submit-exam {
  background-color: #278b48;
  color: #fff;
  border-radius: 20px;
  padding: 8px 20px;
  border: none;
  margin-right: 8px;
  transition: all 0.5s;
}

.btn-submit-exam:hover {
  background-color: #105727;
}

.dashed {
  background-repeat: repeat-x;
  background-position-y: bottom;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.mcq-pager {
  display: flex;
  flex-direction: row;
}

.t-mcq {
  width: 100px !important;
  min-width: 100px !important;
}

.t-paper {
  width: 250px;
}

.q-page {
  height: 100vh !important;
}

.answer-select {
  position: relative;
  min-height: 30px;
}
.answer-select .btn-save-frqs {
  position: absolute;
  right: 0;
  top: 0;
}
.answer-select .btn-save-frqs.hide {
  display: none;
}
.answer-select .btn-save-frqs button {
  background-color: #caf199;
  border-color: #a6ce73;
  padding: 3px 12px;
  transition: all 0.3s;
}
.answer-select .btn-save-frqs button:hover {
  background-color: #b1e46c;
}

.my-subject {
  font-size: 1.2rem;
  font-variant: small-caps;
  margin-bottom: 2px;
  font-weight: 600;
}

.my-qtype {
  background-color: #f8f8f8;
  font-variant: small-caps;
  margin-bottom: 1px;
  font-weight: 600;
  padding: 4px;
}
.my-qtype .desc {
  font-size: 0.8rem;
  margin-left: 1rem;
  color: #aaa;
}

.paper-list {
  min-width: 350px;
  margin: 0 4px;
}
.paper-list .my-paper {
  padding: 8px 12px 3px 12px;
  margin: 5px 0;
  border-radius: 4px;
  border: 1px solid #2ab690;
  cursor: pointer;
  font-size: 0.9rem;
}
.paper-list .my-paper .frow {
  display: flex;
  align-items: center;
}
.paper-list .my-paper .progress {
  height: 4px;
  margin: 5px 0 0 0;
}
.paper-list .my-paper .name {
  width: 180px;
  text-overflow: ellipsis;
  font-weight: 600;
}
.paper-list .my-paper .count {
  margin-left: auto;
  font-size: 0.85rem;
}
.paper-list .my-paper .status {
  font-size: 0.85rem;
  color: #777;
}
.paper-list .my-paper .status .percent {
  color: #0ebee6;
  margin-left: 12px;
  font-size: 1.1rem;
}
.paper-list .my-paper:hover {
  border: 1px solid #3cdbaf;
  background-color: #ecfaf6;
}

.paper-list2 {
  min-width: 350px;
  margin-bottom: 3rem;
}
.paper-list2 .my-paper {
  padding: 0 4px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  font-size: 0.9rem;
  cursor: pointer;
}
.paper-list2 .my-paper:first-child {
  border-top: 1px solid #ccc;
}
.paper-list2 .my-paper .frow {
  display: flex;
  align-items: center;
  padding: 8px 4px 0 2px;
}
.paper-list2 .my-paper .progress {
  height: 2px;
  margin: 2px 0 4px 0;
  background-color: transparent !important;
}
.paper-list2 .my-paper .name {
  width: 180px;
  text-overflow: ellipsis;
  font-weight: 500;
  color: #000;
}
.paper-list2 .my-paper .count {
  margin-left: auto;
  font-size: 0.8rem;
  font-variant: small-caps;
  color: #999;
}
.paper-list2 .my-paper .status {
  text-align: right;
  font-size: 0.88rem;
  color: #777;
}
.paper-list2 .my-paper .status .percent {
  color: #0ebee6;
  margin-left: 12px;
  font-size: 0.9rem;
}
.paper-list2 .my-paper:hover {
  /*border: 1px solid #3cdbaf;*/
  background-color: #ecfaf6;
}

.paper-list-box {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.qs-selector-bg {
  z-index: 1;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.0196078431);
  top: 0;
  right: 0;
  bottom: 0;
  left: 200px;
}

.qs-selector {
  z-index: 999;
  background-color: #ffffff;
  box-shadow: #ccc 0 0 10px;
  padding: 25px;
  border-radius: 8px;
  display: none;
}
.qs-selector:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -25px;
  width: 0;
  height: 0;
  border-top: solid 25px #ffffff;
  border-left: solid 25px transparent;
  border-right: solid 25px transparent;
  filter: drop-shadow(0 5px 5px #ccc);
}
.qs-selector.show {
  display: block;
}
.qs-selector .q-sel {
  background-color: #ffffff;
  border: 1px dashed #777;
  width: 20px;
  height: 20px;
  position: relative;
}
.qs-selector .q-sel.ans {
  background-color: #258cfb;
  color: #fff;
}
.qs-selector .q-sel.wrong {
  background-color: #c63232;
  color: #fff;
}
.qs-selector .q-sel.ico {
  background-color: none;
  border: none;
}
.qs-selector .q-sel .ico {
  position: absolute;
  left: 1px;
  top: -8px;
}
.qs-selector .q-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 460px;
}
.qs-selector .q-list .q-sel {
  width: 30px;
  height: 30px;
  margin: 8px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.hwork {
  display: flex;
  flex-direction: column;
}
.hwork .top-row {
  position: sticky;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  align-content: space-between;
  height: 68px;
  padding: 0 1rem;
  background-color: #eaeaea;
  background-repeat: repeat-x;
  background-position-y: bottom;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.hwork .top-row .top-left {
  flex: 1;
}
.hwork .top-row .top-right {
  flex: 1;
  text-align: right;
}
.hwork .top-row select {
  background-color: transparent;
  border-color: #777;
}
.hwork .top-row .title {
  justify-self: center;
  font-size: 1.5rem;
}
.hwork .bottom-row {
  position: sticky;
  bottom: 0;
  z-index: 999;
  padding: 5px;
  height: 59px;
  background-color: #e6edf8;
  justify-self: end;
  display: flex;
  align-items: center;
  align-content: space-between;
  justify-content: center;
  background-repeat: repeat-x;
  background-position-y: top;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='2' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='6' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='24%2c6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.hwork .bottom-row .bottom-left {
  flex: 1;
}
.hwork .bottom-row .mcq-nav {
  width: 154px;
  height: 34px;
  background-color: #1e1e1e;
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  justify-self: center;
}
.hwork .bottom-row .mcq-nav-btns {
  flex: 1;
  text-align: right;
}
.hwork .bottom-row .mcq-nav-btns button {
  background-color: #324DC7;
  color: #fff;
  border-radius: 20px;
  padding: 8px 20px;
  border: none;
  margin-right: 8px;
  transition: all 0.5s;
}
.hwork .bottom-row .mcq-nav-btns button:hover {
  background-color: #0e1d62;
}
.hwork .bottom-row .qs-selector {
  position: absolute;
  bottom: 80px;
}

.add-sheet {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.add-sheet .t-name {
  min-width: 400px !important;
}
.add-sheet .doc {
  margin-top: 5px;
  flex: 1;
}
.add-sheet .pdf input {
  height: 80px;
}
.add-sheet .files {
  display: flex;
}
.add-sheet .files input {
  height: 80px;
}
.add-sheet .files > div {
  flex: 1;
  margin-right: 1rem;
}

.hw-list .hw {
  display: flex;
  align-items: center;
}
.hw-list .hw > div {
  padding: 0 0.3rem;
}

.box-modal {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 997;
}
.box-modal.show {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-modal .modal-bg {
  background-color: rgba(92, 92, 92, 0.2078431373);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.box-modal .modal-body {
  background-color: #ffffff;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  min-width: 400px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  overflow: auto;
}
.box-modal .modal-body.size-normal {
  max-width: 50%;
}
.box-modal .modal-body.size-wide90 {
  max-width: 90%;
}
.box-modal .modal-body.size-wide95 {
  max-width: 95%;
}
.box-modal .modal-body.vsize-wide90 {
  max-height: 90%;
  height: 90%;
}
.box-modal .modal-body.vsize-wide95 {
  max-height: 95%;
  height: 95%;
}
.box-modal .rbtns {
  position: absolute;
  top: 10px;
  right: 10px;
}

.sheets-box {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 8px;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 0.85rem;
}
.sheets-box > div:first-child {
  white-space: nowrap;
  max-width: 130px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  text-align: center;
  border-bottom: 1px dashed #ccc;
}
.sheets-box.yel {
  color: #6d6d6d;
  font-weight: 600;
  font-size: 0.85rem;
}
.sheets-box img {
  margin-top: 8px;
  width: 130px;
  height: 169px;
}

.recent-sheets {
  display: flex;
  flex-wrap: wrap;
}

.recent-papers {
  white-space: nowrap;
}
.recent-papers .paper {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 2px 8px;
}
.recent-papers .paper .sub {
  font-size: 0.8rem;
  width: 150px;
  color: #999;
}
.recent-papers .paper .name {
  font-size: 0.9rem;
}
.recent-papers .paper .name .bi {
  opacity: 0.3;
}

.sub-notes {
  margin-left: 2rem;
}

.home-login {
  display: flex;
}
.home-login .h5 {
  font-variant: small-caps;
  color: #111;
}
.home-login .ads-subjects {
  display: flex;
}
.home-login .ads-subjects > div {
  display: flex;
  flex-direction: column;
  margin-right: 14px;
}
.home-login .ads-subjects img {
  margin-bottom: 14px;
}
.home-login .ads-temp {
  width: 720px;
  margin-top: 2rem;
}
.home-login .right {
  margin-left: 50px;
}
.home-login .right .login, .home-login .right .recent-papers {
  width: 400px;
}

.sub-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.sub-main .sub-title .name {
  font-size: 1.5rem;
  font-variant: small-caps;
}
.sub-main .qtype {
  font-variant: small-caps;
  color: #7c57d9;
  font-weight: 600;
  margin-bottom: 4px;
}
.sub-main .qtype.frq {
  color: #c37e4b;
}
.sub-main .sub-body {
  flex: 1;
  display: flex;
  padding-top: 1rem;
}
.sub-main .sub-body .left {
  padding-left: 1rem;
}

.note-box {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.note-box .content {
  flex: 1;
  display: flex;
}
.note-box .content embed {
  flex: 1;
  background-color: #ffffff;
}

.mng {
  font-size: 12px;
}
.mng .form-control {
  padding: 2px 8px;
  font-size: 12px;
}

.mng-paper-list {
  font-size: 12px;
  width: auto;
}
.mng-paper-list .form-control {
  padding: 2px 8px;
  font-size: 12px;
}
.mng-paper-list .hide {
  display: none;
}

.mcq-answers tr {
  border-bottom: 1px solid #dddddd;
}
.mcq-answers tr.r5 {
  border-color: #999999;
}
.mcq-answers tr td {
  padding: 2px 12px;
}

.user-answers .mcq-num {
  font-size: 12px;
  color: #999;
}
.user-answers td {
  padding: 0;
}
.user-answers td.r5 {
  border-right: 1px solid #cccccc;
}
.user-answers thead td {
  font-size: 14px;
  text-align: center;
}
.user-answers .user-answer {
  font-weight: 500;
  font-size: 17px;
  padding: 1px 4px;
  /*        margin-left: 2px;
  width: 16px;
  display: inline-block;*/
}
.user-answers .user-answer.correct, .user-answers .user-answer.all {
  color: #0793c1;
}
.user-answers .user-answer.wrong {
  color: #ed5757;
}
.user-answers .user-answer.no-answer {
  color: #7a7a7a;
}
.user-answers .user-answer.partial {
  color: #de7ade;
}
.user-answers .user-answer.none {
  color: #aaa;
}

.user-frq-answer .answers {
  display: flex;
}
.user-frq-answer .answers .answer:not(:first-child) {
  padding-left: 3rem;
}