.asterisk {
  color: #ed2024;
}
.classic-table-mb--8 {
  margin-bottom: 0.5rem;
}
.classic-table {
  width: 100%;
}
.classic-table__th {
  height: 2.5rem;
  padding: 0 0.5rem;
  font-weight: 700;
  border: 1px solid #ddd;
  background-color: #f1f1f1;
  text-align: center;
  vertical-align: middle;
}

.classic-table__td {
  height: 2.5rem;
  padding: 0 0.5rem;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}
.classic-table__div {
  padding: 1rem 0;
}
.classic-table__div--bg {
  background-color: #f1f1f1;
}
.classic-table__td--flex {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.classic-table__td--left {
  text-align: left;
  padding: 0 1rem;
  word-break: break-word;
}
.classic-table__td--bg {
  background-color: #f1f1f1;
}
.classic-table__td--title {
  font-weight: 700;
  border: 1px solid #ddd;
  background-color: #f1f1f1;
  width: 8.75rem;
  text-align: left;
  padding: 0 1rem;
}
@media (max-width: 750px) {
  .classic-table__td--title {
    width: 5.25rem;
    word-break: keep-all;
  }
}

.classic-pagination {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.classic-pagination-button {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3px;
  color: #222;
  cursor: pointer;
  border: none;
  background-color: transparent;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.classic-pagination-button:hover span {
  text-decoration: underline;
}

.classic-pagination-button--active {
  background-color: #555;
  color: #fff;
}
.classic-pagination-button--move {
  background-color: #f1f1f1;
  border: 1px solid #ddd;
}

.classic-select-wrap {
  position: relative;
}
.classic-select {
  width: 100%;
  height: 2.5rem;
  text-align: center;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
}
.classic-select--between {
  padding: 0 1rem;
  justify-content: space-between;
}
.classic-select--gray {
  background-color: red;
  border-color: #555;
  background-color: #999;
  color: #fff;
}
.classic-select-ul {
  display: none;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  z-index: 2;
  background-color: #fff;
  transform: translateX(-50%);
  top: 3rem;
}
.classic-select-ul--top {
  top: -7.438rem;
}
.classic-select-ul--gray {
  background-color: #999;
  border-color: #555;
}
.classic-select-ul--footer-left {
  top: -32.438rem !important;
}
.classic-select-ul--footer-right {
  top: -72.438rem !important;
}
.classic-select-ul--scroll {
  height: 150px !important;
  overflow: auto !important;
  top: -7.438rem;
}
.classic-select-ul--gray {
  background-color: #999;
  border-color: #555;
}
.classic-select-list {
  width: 100%;
  height: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #ddd;
  border-top: 0;
  background-color: #f4f4f4;
}
.classic-select-list--gray {
  border-color: #555;
  color: #fff;
  background-color: #999;
}
.classic-select-list--gray:first-child {
  border-top: 1px solid #555;
}

.classic-input-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #ddd;
  position: relative;
}
.classic-input {
  height: 2.5rem;
  border: none;
  width: 100%;
  padding: 0 0.5rem;
  font-family: "Pretendard";
  font-size: 1rem;
  font-weight: 400;
}
.classic-input::placeholder {
  font-family: "Pretendard";
  font-size: 1rem;
  font-weight: 400;
}
.classic-input--with-icon {
  width: calc(100% - 3.5rem);
}
.classic-input--disabled {
  background-color: #f1f1f1;
}
.classic-input-img {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.classic-button-wrap {
  width: 100%;
  display: flex;
}
.classic-button-wrap--center {
  align-items: center;
  justify-content: center;
}
.classic-button {
  height: 2.5rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  font-weight: 400;
  white-space: nowrap;
}
.classic-button--wide {
  width: 112px;
}
.classic-button--lg {
  height: 3rem;
}
.classic-button--dark {
  color: #fff;
  border-color: #999;
  background-color: #555;
}
.classic-button--black {
  color: #fff;
  border-color: #222;
  background-color: #222;
}
.classic-text-area {
  width: 100%;
  border: 0;
  font-family: "Pretendard";
  font-size: 1rem;
  font-weight: 400;
  padding: 1rem;
}
.classic-text-area::placeholder {
  font-family: "Pretendard";
  font-size: 1rem;
  font-weight: 400;
}

@media (max-width: 750px) {
  /*.mobile-section{*/
  /*  margin-top: 80px;*/
  /*}*/
  .mobile-section--modal {
    padding: 1rem 0;
  }
  .mobile-table-filter-cover {
    margin-top: 8px;
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    gap: 16px;
  }
  .mobile-search-wrap {
    padding: 1rem;
  }
  .mobile-search-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 150% */
    letter-spacing: -0.48px;
    margin-bottom: 8px;
  }
  .mobile-table-wrap {
    padding: 0 1rem;
  }
  .mobile-table-wrap--mb {
    margin-bottom: 1.5rem;
  }
  .mobile-table-title__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
  }
  .mobile-table-title__wrap {
    align-items: flex-end;
  }
  .mobile-table-main-title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #222;
    margin-bottom: 1.875rem;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .mobile-table-title__cover {
    display: flex;
    align-items: center;
  }
  .mobile-table-title__circle {
    font-size: 2rem;
    font-weight: 700;
    transform: translateY(-1px);
  }
  .mobile-table-title__text {
    font-size: 1.25rem;
    font-weight: 700;
  }
  .mobile-table-title__text--type2 {
  }
  .mobile-table-title__bar {
    margin: 0 0.5rem;
    font-size: 0.6125rem;
  }
  .mobile-table-title__count {
    font-weight: 400;
  }
  .mobile-table-title__count span {
    color: #ed2024;
    font-weight: 700;
  }
  .mobile-table-title__more {
    display: flex;
    gap: 0.5rem;
  }
  .mobile-table-bottom-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-top: 0;
    gap: 0.5rem;
  }
  .mobile-table-bottom-button button {
    width: 100%;
    font-size: 1rem;
  }
}

.security-code-section {
  margin: 1rem 0;
}