@charset "utf-8";

/* AI 대입 설계 - 상담참고프로그램 */

.page-consulting-ref .teacher-name {
  text-align: right;
}

.page-consulting-ref .teacher-name span {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 6px;
  background: #666;
  color: #fff;
  font-size: 14px;
}

.page-consulting-ref .step-list {
  margin-bottom: 10px;
}

.page-consulting-ref .step-list .step {
  width: 118px;
}

.page-consulting-ref .step-list .step > span::after {
  width: 118px;
}

/* 상담참고프로그램 - 1. 성적등록 */

.page-consulting-ref .txt-box {
  margin-bottom: 40px;
}

.page-consulting-ref.page-simulator .outbox {
  padding: 30px;
}

.page-consulting-ref.page-simulator .outbox .con .tit-wrap p.tit > span {
  line-height: 0;
}

.page-consulting-ref .outbox .con-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  max-width: 700px;
  margin: 0 auto;
  padding: 30px 0;
  border: 1px dashed #bbb;
  border-radius: 8px;
}

.page-consulting-ref .outbox .con-upload .right-wrap p {
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
}

.page-consulting-ref .file-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}

.page-consulting-ref .upload-box .file-wrap {
  margin-top: 0;
}

.page-consulting-ref .file-wrap input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.page-consulting-ref .file-wrap .upload-name {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 10px;
  padding: 0;
  border-radius: 0;
  background: unset;
  text-align: center;
  color: #888;
  border: 0;
}

.page-consulting-ref .file-wrap .btn-file {
  min-width: 120px;
  color: #fff;
  border: 0;
  background: #4c82c6;
}

.page-consulting-ref .file-wrap .btn-file:hover {
  background: #3672bc;
}

.page-consulting-ref .outbox .con .download-wrap {
  padding: 60px;
  border-radius: 8px;
  background: #fff;
}

.page-consulting-ref .outbox .con .download-wrap .download-stepList {
  display: flex;
  justify-content: center;
}

.page-consulting-ref
  .outbox
  .con
  .download-wrap
  .download-stepList
  .download-step {
  text-align: center;
}

.page-consulting-ref .outbox .con .download-wrap .download-stepList p {
  margin-top: 15px;
  text-align: center;
  font-weight: 700;
  color: #333;
}

.page-consulting-ref
  .outbox
  .con
  .download-wrap
  .download-stepList
  .dashed-line {
  width: 55px;
  height: 1px;
  margin: 34px 20px 0 20px;
  border-bottom: 1px dashed #9cadcc;
}

.page-consulting-ref .outbox .con .download-wrap .download-des {
  margin-top: 50px;
  text-align: center;
  line-height: 1.4;
  color: #666;
}

.page-consulting-ref .outbox .con .tit-wrap .btn-guide {
  margin-left: 6px;
  cursor: pointer;
}

.page-consulting-ref .outbox .con table input {
  width: 100%;
}

.page-consulting-ref .outbox .con .read-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.page-consulting-ref .outbox .con .read-list > li:not(:last-of-type)::after {
  content: ",";
}

.page-consulting-ref .outbox ~ .btn-wrap {
  margin-top: 50px;
}

.page-consulting-ref .outbox .con .btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-consulting-ref .outbox .con .btn-delete:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(/imgs/common/ico_close_sm.svg) center center no-repeat;
  background-size: contain;
}

/* 성적 업로드 방법 팝업 */

.popup-guide.popup-wrap .popup {
  max-width: 1060px;
}

.popup-guide .guide-list {
  display: flex;
  justify-content: space-between;
}

.popup-guide .guide-list > li {
  width: calc((100% - 24px) / 2);
}

.popup-guide .guide-list > li p {
  margin-bottom: 15px;
}

.popup-guide .guide-list > li .img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-guide .guide-list > li.first .img-wrap img,
.popup-guide .guide-list > li.fourth .img-wrap img {
  width: calc(100% - 44px);
}

.popup-guide .guide-list > li.second img,
.popup-guide .guide-list > li.third img {
  width: 100%;
}

.popup-guide .guide-list > li .img-wrap:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 40px;
  margin-left: 24px;
  background: url(/imgs/entrance/arw_guide.svg) center center no-repeat;
}

.popup-guide .guide-list > li.second .img-wrap {
  flex-direction: column;
}

.popup-guide .guide-list > li.second .img-wrap:after {
  transform: rotate(90deg);
  margin: 20px 0;
}

.popup-guide .guide-list:last-of-type {
  flex-direction: row-reverse;
}

.popup-guide .guide-list > li.third .img-wrap:after {
  display: none;
}

.popup-guide .guide-list > li.fourth .img-wrap:after {
  transform: rotate(180deg);
}

.popup-guide .guide-list > li p > span {
  margin-right: 10px;
  color: #297de4;
  font-weight: 900;
}

.popup-guide .popup .btn-wrap {
  margin-top: 50px;
}

.popup-guide .popup .btn-wrap .btn {
  width: auto;
}

/* 상담참고프로그램 - 2. 성적확인 */

.page-consulting-ref .con-wrap ~ .con-wrap {
  margin-top: 60px;
}

.page-consulting-ref .con-wrap .top-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 15px 0;
}

.page-consulting-ref .con-wrap .top-title .title-wrap h4 {
  font-size: 18px;
  font-weight: 500;
}

.page-consulting-ref .con-wrap .top-title .title-wrap h4 strong {
  color: #297de4;
  font-weight: 700;
}

.page-consulting-ref .con-wrap .top-title .title-wrap h4::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: -2px 6px 0 0;
  border-radius: 50%;
  background: #297de4;
  vertical-align: middle;
}

.page-consulting-ref .con-wrap .top-title .title-wrap p.sub-tit {
  margin-top: 8px;
  line-height: 1.4;
  color: #666;
}

.page-consulting-ref .con-wrap .top-title .select-wrap {
  display: flex;
  align-items: center;
  column-gap: 4px;
}

.page-consulting-ref .con-wrap .top-title.position {
  position: relative;
  min-height: 42px;
}

.page-consulting-ref .con-wrap .top-title.position .select-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
}

.page-consulting-ref .import-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  padding: 24px 0;
  background: #fafafa;
  border: 1px solid #ddd;
}

.page-consulting-ref .import-box select {
  margin-right: 5px;
}

.page-consulting-ref .table-wrap p.tit {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
}

.page-consulting-ref .con-wrap ~ .btn-wrap {
  margin-top: 50px;
}

.page-consulting-ref .table-wrap table {
  table-layout: fixed;
}

.page-consulting-ref .list-table-wrap .list-table {
  position: relative;
  max-height: 320px;
  overflow-y: auto;
  overscroll-behavior: none;
}

.page-consulting-ref .list-table-wrap .list-table table ~ table {
  border-top: none;
}

.page-consulting-ref .table-wrap.list-table-wrap table tbody tr {
  transition: all 0.1s ease-in;
  cursor: pointer;
}

.page-consulting-ref .table-wrap.list-table-wrap table tbody tr:hover td,
.page-consulting-ref .table-wrap.list-table-wrap table tbody tr.active td {
  background: #feffe5;
}

.page-consulting-ref .con-wrap .pdf-wrap {
  width: 100%;
  height: 1018px;
  margin-top: 15px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #888;
}

.page-consulting-ref .table-wrap.list-table-wrap .btn-wrap {
  margin-top: 30px;
}

/* 상담참고프로그램 - 3. 개인별 환산 성적표 */

.page-consulting-ref .outbox .view-toggle {
  display: flex;
  column-gap: 4px;
  width: fit-content;
  margin-left: auto;
  padding: 4px;
  border-radius: 6px;
  background: #dadde0;
}

.page-consulting-ref .outbox .view-toggle > li {
  width: 34px;
  height: 30px;
  border-radius: 4px;
  cursor: pointer;
}

.page-consulting-ref .outbox .view-toggle > li.view-vertical {
  background: url(/imgs/entrance/ico_vertical_off.svg) no-repeat center center;
}

.page-consulting-ref .outbox .view-toggle > li.view-vertical.active {
  background: #fff url(/imgs/entrance/ico_vertical_on.svg) no-repeat center
    center;
}

.page-consulting-ref .outbox .view-toggle > li.view-horizontal {
  background: url(/imgs/entrance/ico_horizontal_off.svg) no-repeat center center;
}

.page-consulting-ref .outbox .view-toggle > li.view-horizontal.active {
  background: #fff url(/imgs/entrance/ico_horizontal_on.svg) no-repeat center
    center;
}

.page-consulting-ref .outbox .vertical-box {
  display: flex;
  justify-content: space-between;
  column-gap: 35px;
}

.page-consulting-ref .outbox .vertical-box .con:not(:last-child) {
  margin-bottom: 0;
}

.page-consulting-ref .outbox .horizontal-box .con:not(:last-child) {
  margin-bottom: 30px;
}

.page-consulting-ref .outbox .horizontal-box table tr td {
  padding: 8px 0px;
}

.page-consulting-ref table tr td a:not(.btn-delete) {
  text-decoration: underline;
}

.page-consulting-ref table tr td.blue-txt {
  color: #4c82c6;
}

.page-consulting-ref table tr td.blue-bg {
  background: #e6effa;
  border-right: 1px solid #fff;
}

.page-consulting-ref table tr th {
  padding: 10px 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #e6effa;
  text-align: center;
  font-weight: 500;
  vertical-align: middle;
  word-break: keep-all;
  line-height: 1.2;
}

.page-consulting-ref .table-container {
  display: flex;
  align-content: stretch;
  justify-content: space-between;
}

.page-consulting-ref .table-container .table-wrap {
  width: calc(50% - 45px);
}

.page-consulting-ref .student-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 30px 0;
}

.page-consulting-ref .student-wrap .select-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.page-consulting-ref .student-wrap .select-wrap label {
  margin-right: 10px;
}

.page-consulting-ref .student-wrap .box {
  width: 100%;
  padding: 30px;
  background: #f3f5f6;
  border-radius: 6px;
  text-align: center;
  font-size: 18px;
}

.page-consulting-ref .print-btn-wrap {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.page-consulting-ref .print-btn-wrap .btn-print:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(/imgs/common/ico_print.svg) center center no-repeat;
  vertical-align: middle;
}

.page-consulting-ref .table-container.uni-table-container {
  margin-top: 0;
}

.page-consulting-ref .table-container.uni-table-container .table-wrap {
  width: calc(50% - 15px);
}

.page-consulting-ref .table-container.uni-table-container table tbody th {
  background: #f7f8f9;
  vertical-align: middle;
}

.page-consulting-ref .table-container.uni-table-container table tbody td {
  padding: 14px 5px;
}

.page-consulting-ref .table-container.uni-table-container table a:hover {
  color: #297de4;
  font-weight: 700;
}

.page-consulting-ref .print-area ~ .btn-wrap {
  margin-top: 60px;
}

/* 전형 상세요강 팝업 */

.type-detail-popup.popup {
  max-width: 1100px;
}

.type-detail-popup .con ~ .con {
  margin-top: 24px;
}

.type-detail-popup .con .con-tit {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
}

.type-detail-popup .con .con-tit::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  margin-right: 10px;
  background: #4c82c6;
}

.type-detail-popup .con .con-tit .btn-guide {
  margin-left: 6px;
  cursor: pointer;
}

.type-detail-popup .con .box-gray {
  padding: 20px;
  border-radius: 4px;
  background: #f7f8f9;
  border: 1px solid #eaeced;
}

.type-detail-popup .con .box-gray .guide-icon {
  display: flex;
  align-items: center;
}

.type-detail-popup .con .box-gray .guide-icon::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 6px;
  border-radius: 50%;
  background: #333;
}

.type-detail-popup .con .box-gray .guide-icon img {
  width: 22px;
  height: 22px;
  margin-right: 4px;
}

.type-detail-popup .con .box-gray .total-score {
  text-align: center;
  line-height: 1.3;
}

.type-detail-popup .con .box-gray .total-score strong {
  color: #297de4;
}

/* 환산점수 산출 팝업 */

.type-detail-popup .con .subject-list-wrap .subject-list h5 {
  text-align: center;
  line-height: 40px;
  font-weight: 600;
  background: #4c82c6;
  color: #fff;
}

.type-detail-popup .con .subject-list-wrap .subject-list ul {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.type-detail-popup .con .subject-list-wrap .subject-list ul > li {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ddd;
}

.type-detail-popup .con .subject-list-wrap .subject-list ul p.subject-nm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  padding: 8px 5px;
  text-align: center;
  line-height: 1.4;
  font-weight: 500;
  word-break: keep-all;
  color: #4c82c6;
  background: #f5f5f5;
}

.type-detail-popup .con .subject-list-wrap .subject-list ul .dl-wrap {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 160px);
}

.type-detail-popup .con .subject-list-wrap .subject-list ul .dl-wrap dl {
  display: flex;
  width: calc(100% / 4);
}

.type-detail-popup .con .subject-list-wrap .subject-list ul .dl-wrap dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  padding: 8px 5px;
  text-align: center;
  line-height: 1.4;
  background: #f5f5f5;
  border-left: 1px solid #ddd;
}

.type-detail-popup .con .subject-list-wrap .subject-list ul .dl-wrap dl dd {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 130px);
  padding: 8px 5px;
  text-align: center;
  line-height: 1.4;
  word-break: keep-all;
  border-left: 1px solid #ddd;
}

/* 산출참고표 팝업 */

.calculat-formula-popup .popup {
  max-width: 1300px;
}

.calculat-formula-popup .tab-con {
  margin-top: 20px;
}

.calculat-formula-popup .tab-con .scroll-section {
  position: relative;
  max-height: 52vh;
  overflow-y: auto;
  overflow-x: auto;
  overscroll-behavior: none;
}

.calculat-formula-popup .tab-con .con {
  display: none;
}

.calculat-formula-popup .tab-con .con.on {
  display: block;
}

.calculat-formula-popup .tab-con .con p.con-tit {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
}

.calculat-formula-popup .tab-con .con p.con-tit::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  margin-right: 10px;
  background: #4c82c6;
}

.calculat-formula-popup .tab-con .con p.des {
  margin-top: 15px;
}

/* 검증프로그램 팝업 */

.page-verify-popup {
  background: #f9f9f9;
}
.page-verify-popup .popup {
  width: 1000px;
  margin: 0 auto;
  background: #fff;
}

.page-verify-popup .popup .popup-header {
  padding: 0 35px;
}

.page-verify-popup .popup .popup-header p.tit {
  padding: 35px 0 30px 0;
  border-bottom: 2px solid #171717;
  font-size: 28px;
  font-weight: 700;
}

.page-verify-popup .popup .content-wrap {
  padding: 30px 35px;
}

.page-verify-popup .popup .content-wrap .box {
  margin-bottom: 20px;
  padding: 25px 30px;
  border-radius: 12px;
  border: 1px solid #ddd;
}

.page-verify-popup .popup .content-wrap .box:last-of-type {
  margin-bottom: 0;
}

.page-verify-popup .popup .content-wrap .box p.tit {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.page-verify-popup .popup .content-wrap .box .des-list li {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 5px;
  line-height: 1.4;
}

.page-verify-popup .popup .content-wrap .box .des-list li > span {
  width: 100%;
  margin-top: 3px;
  padding-left: 12px;
  font-size: 15px;
  color: #f06460;
}

.page-verify-popup .popup .content-wrap .box .des-list li:before {
  content: "";
  width: 4px;
  height: 4px;
  margin: 8px 8px 0 0;
  border-radius: 2px;
  background: #297de4;
}

.page-verify-popup .popup .content-wrap .box .des-list li:last-of-type {
  margin-bottom: 0;
}

.page-verify-popup .popup .content-wrap .box.table-box {
  border: 0;
  background: #f7f8f9;
  overflow-y: auto;
}

/* 진학상담신청 */

.page-consulting-apply .write-wrap {
  padding: 30px;
  background: #f7f8f9;
  border-top: 3px solid #555;
}

.page-consulting-apply .write-wrap {
  border-top: 3px solid #555;
}

.page-consulting-apply .select-wrap {
  display: flex;
  align-items: center;
}

.page-consulting-apply .select-wrap label {
  margin-right: 8px;
}

.page-consulting-apply .write-wrap textarea {
  width: 100%;
  height: 100px;
  margin: 12px 0;
  resize: none;
}

.page-consulting-apply .write-wrap .btn-wrap {
  justify-content: flex-end;
}

.page-consulting-apply .search-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 70px 0 45px 0;
  padding: 20px;
  background: #f7f8f9;
  border: 1px solid #dde1e5;
}

.page-consulting-apply .search-wrap .select-wrap {
  margin-right: 30px;
}

.page-consulting-apply .search-wrap .field-wrap select {
  width: 200px;
}

.page-consulting-apply .search-wrap .select-wrap.input-wrap {
  margin: 0;
}

.page-consulting-apply .search-wrap .select-wrap .date-wrap input {
  width: 140px;
}

.page-consulting-apply .search-wrap .select-wrap.input-wrap input[type="text"] {
  margin: 0 5px;
}

.page-consulting-apply .list-wrap .top {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #333;
}

.page-consulting-apply .list-wrap .question-list > li:not(:last-of-type) {
  margin-bottom: 40px;
}

.page-consulting-apply .list-wrap .question-list .num {
  display: inline-block;
  min-width: 45px;
  height: 26px;
  margin-bottom: 10px;
  padding: 0 15px;
  background: #4c82c6;
  border-radius: 13px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
}

.page-consulting-apply .list-wrap .question-list .box {
  padding: 25px 30px 30px 30px;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.page-consulting-apply .list-wrap .question-list .box .type {
  display: inline-block;
  height: 28px;
  margin-bottom: 15px;
  padding: 0 15px;
  background: #e5f1ff;
  border-radius: 14px;
  color: #297de4;
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
}

.page-consulting-apply .list-wrap .question-list .box .type:before {
  content: "# ";
}

.page-consulting-apply .list-wrap .question-list .box li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.page-consulting-apply .list-wrap .question-list .box li.answer {
  padding: 25px 20px;
  border-radius: 12px;
  background: #f3f5f6;
  margin-top: 30px;
}

/* .page-consulting-apply .list-wrap .question-list .box li.question:after {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    margin: 30px 0;
    border: 1px dashed #ddd;
} */

.page-consulting-apply .list-wrap .question-list .box li.question:before {
  content: "Q";
  width: 18px;
  margin-right: 15px;
  color: #297de4;
  font-size: 20px;
  font-weight: 700;
}

.page-consulting-apply .list-wrap .question-list .box li.answer:before {
  content: "A";
  width: 18px;
  margin-right: 15px;
  color: #77d756;
  font-size: 20px;
  font-weight: 700;
}

.page-consulting-apply .list-wrap .question-list .box li .con-wrap {
  width: calc(100% - 33px);
}

.page-consulting-apply .list-wrap .question-list .box li .info {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.page-consulting-apply .list-wrap .question-list .box li .info .name {
  margin-right: 10px;
  font-weight: 700;
}

.page-consulting-apply .list-wrap .question-list .box li .info .date {
  color: #888;
}

.page-consulting-apply .list-wrap .question-list .box li .con {
  line-height: 1.5;
}

.page-consulting-apply .list-wrap .question-list .box li.incompleted .con {
  color: #999;
}

.page-consulting-apply .list-wrap .question-list .box li .btn-wrap {
  justify-content: flex-start;
  margin-top: 20px;
}

.page-consulting-apply .list-wrap .question-list .box li .btn-wrap .btn:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.page-consulting-apply
  .list-wrap
  .question-list
  .box
  li
  .btn-wrap
  .btn.btn-edit:before {
  background: url(/imgs/common/ico_edit_sm.svg) center center no-repeat;
  background-size: contain;
}

.page-consulting-apply
  .list-wrap
  .question-list
  .box
  li
  .btn-wrap
  .btn.btn-delete:before {
  background: url(/imgs/common/ico_delete_sm.svg) center center no-repeat;
  background-size: contain;
}

@media (max-width: 1200px) {
  .page-consulting-apply .search-wrap {
    flex-direction: column;
    margin: 50px 0 30px 0;
  }
  .page-consulting-apply .search-wrap .select-wrap,
  .page-consulting-apply .search-wrap .select-wrap.input-wrap {
    margin: 2px 0;
  }
  .page-consulting-apply .search-wrap .field-wrap select {
    max-width: 298px;
    width: 100%;
  }
  .page-consulting-apply .list-wrap .question-list .box {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .page-consulting-apply .write-wrap {
    padding: 20px;
  }
  .page-consulting-apply .write-wrap .select-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-consulting-apply .write-wrap .select-wrap label {
    margin: 0 0 10px 0;
  }
  .page-consulting-apply .search-wrap {
    margin: 25px 0;
  }
  .page-consulting-apply .list-wrap .question-list .box {
    padding: 15px 15px 15px 12px;
  }
  .page-consulting-apply .list-wrap .question-list .num {
    min-width: 40px;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
  }
  .page-consulting-apply .list-wrap .question-list .box .type {
    height: 26px;
    font-size: 13px;
    line-height: 26px;
  }
  .page-consulting-apply .list-wrap .question-list .box li.question:before,
  .page-consulting-apply .list-wrap .question-list .box li.answer:before {
    width: 100%;
    margin: 0 0 12px 0;
  }
  .page-consulting-apply .list-wrap .question-list .box li .con-wrap {
    width: 100%;
  }
  .page-consulting-apply .list-wrap .question-list .box li.answer {
    margin-top: 20px;
    padding: 15px 20px;
  }
}

@media (max-width: 500px) {
  .page-consulting-apply .write-wrap {
    padding: 20px 15px;
  }
  .page-consulting-apply .write-wrap .select-wrap select {
    width: 100%;
  }
  .page-consulting-apply .search-wrap {
    padding: 20px 15px;
  }
  .page-consulting-apply .search-wrap .select-wrap {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .page-consulting-apply .search-wrap .select-wrap label {
    width: 51px;
  }
  .page-consulting-apply .search-wrap .select-wrap select,
  .page-consulting-apply .search-wrap .select-wrap .date-wrap {
    max-width: 100%;
    width: calc(100% - 59px);
  }
  .page-consulting-apply .search-wrap .select-wrap .date-wrap input {
    width: calc(50% - 9px);
  }
  .page-consulting-apply .search-wrap .select-wrap.input-wrap {
    flex-wrap: wrap;
    margin: 0;
  }
  .page-consulting-apply .search-wrap .select-wrap.input-wrap select {
    width: 90px;
  }
  .page-consulting-apply
    .search-wrap
    .select-wrap.input-wrap
    input[type="text"] {
    width: calc(100% - 94px);
    margin: 0 0 0 4px;
  }
  .page-consulting-apply .search-wrap .select-wrap.input-wrap .btn {
    width: 100%;
    margin: 20px 0 0 0;
  }
}

/* 정시 상담 참고 프로그램 */

.page-regular-consulting .con-wrap .outbox .table-wrap .btn-wrap {
  margin-bottom: 12px;
  justify-content: flex-end;
}

.page-regular-consulting .con-wrap table.register-table thead th {
  padding: 10px 5px;
}

.page-regular-consulting .con-wrap table.register-table thead .radio {
  margin-bottom: 5px;
}

.page-regular-consulting
  .con-wrap
  table.register-table
  thead
  .radio:last-of-type {
  margin-bottom: 0;
}

.page-regular-consulting .con-wrap table.register-table thead .radio label {
  display: inline-block;
  width: 112px;
  text-align: left;
}

.page-regular-consulting .con-wrap table.register-table tbody th {
  background: #e6effa;
  border-top: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}

.page-regular-consulting .con-wrap table.register-table tbody td {
  padding: 10px 15px;
}

.page-regular-consulting .con-wrap table.register-table select,
.page-regular-consulting .con-wrap table.register-table input[type="text"],
.page-regular-consulting .con-wrap table.register-table input[type="number"] {
  width: 100%;
}

.page-regular-consulting .con-wrap .list-table {
  max-height: 240px;
}

.page-regular-consulting table td.border-right {
  border-right: 1px solid #ddd;
}

.page-regular-consulting .con-wrap table.register-table tbody td .slash-line {
  width: 100%;
  height: 1px;
  background: #ddd;
  transform: rotate(45deg);
}

.page-regular-consulting .upload-wrap {
  display: flex;
  margin-top: 10px;
}

.page-consulting-ref.page-regular-consulting .upload-wrap .file-wrap {
  margin-top: 0;
}

/* 정시 상담 참고 프로그램 - 채점확인 페이지 */

.page-regular-consulting .con-container .list-table-wrap {
  margin-bottom: 100px;
}

.page-regular-consulting .grade-table-container h4 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
}

.page-regular-consulting .grade-table-container .table-wrap:not(:last-of-type) {
  margin-bottom: 70px;
}

.page-regular-consulting .grade-table-container .table-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.page-regular-consulting .grade-table-container .table-header .tab-menu > li {
  width: 170px;
  height: 48px;
  line-height: 48px;
}

.page-regular-consulting .grade-table-container .table-header select {
  width: 150px;
}

.page-regular-consulting .grade-table-container table {
  border: 0;
  border-top: 2px solid #1a4478;
  font-size: 14px;
  letter-spacing: -0.03em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

thead th {
  padding: 8px 2px;
  background: #f4f4f4;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

.page-regular-consulting .grade-table-container table thead th.bg-yellow {
  background: #f9e8ce;
}

.page-regular-consulting .grade-table-container table thead th.bg-green {
  background: #d7f2e2;
}

.page-regular-consulting .grade-table-container table thead th.bg-purple {
  background: #ece9ff;
}

.page-regular-consulting .grade-table-container table tbody tr {
  cursor: pointer;
}

.page-regular-consulting .grade-table-container table tbody tr:hover td {
  background: #feffe5;
}

.page-regular-consulting .grade-table-container table tbody td.alignLeft {
  padding: 10px 8px;
}

.page-regular-consulting .grade-table-container table tbody td:not(.alignLeft) {
  padding: 10px 4px;
}

.page-regular-consulting .grade-table-container table tbody td.txt-yellow {
  color: #ed950f;
  font-weight: 700;
}

.page-regular-consulting .grade-table-container table tbody td.txt-bold {
  font-weight: 700;
}

.page-regular-consulting .grade-table-container table tbody td.txt-green {
  color: #3cba6e;
  font-weight: 700;
}

.page-regular-consulting .grade-table-container table tbody td.txt-purple {
  color: #8d62e9;
  font-weight: 700;
}

.page-regular-consulting .ref-score-popup .popup .header {
  margin-bottom: 30px;
}

.page-regular-consulting .ref-score-popup .popup {
  max-width: 900px;
}

.page-regular-consulting .ref-score-popup .popup dl {
  padding: 20px;
  background: #f7f8f9;
  text-align: center;
}

.page-regular-consulting .ref-score-popup .popup dl dt {
  margin-bottom: 10px;
  color: #297de4;
  font-weight: 700;
}

.page-regular-consulting .ref-score-popup .popup dl dd {
  font-size: 20px;
  font-weight: 700;
}

.page-regular-consulting .ref-score-popup .popup ul > li {
  margin-top: 20px;
}

.page-regular-consulting .ref-score-popup .popup ul > li span {
  display: inline-block;
  height: 26px;
  margin-bottom: 8px;
  padding: 0 15px;
  border-radius: 13px;
  background: #194478;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

.page-regular-consulting .ref-score-popup .popup table th {
  padding: 11px 5px;
}

.page-regular-consulting .con-wrap .search-box {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  padding: 30px;
  background: #f7f8f9;
  border-radius: 8px 8px 0px 0px;
}

.page-regular-consulting .grade-table-container {
  display: flex;
  align-items: flex-start;
  background: #f7f8f9;
  border-radius: 0px 0px 0px 8px;
}

.page-regular-consulting .grade-table-container .type-list {
  padding: 0px 14px 14px 14px;
}

.page-regular-consulting .grade-table-container .type-list > li {
  width: 120px;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}

.page-regular-consulting .grade-table-container .type-list > li ~ li {
  margin-top: 8px;
}

.page-regular-consulting .grade-table-container .type-list > li p {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.3;
}

.page-regular-consulting .grade-table-container .type-list > li p span {
  color: #888;
}

.page-regular-consulting
  .grade-table-container
  .type-list
  > li.selected::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/imgs/entrance/ico_selected.svg) no-repeat center center;
}

.page-regular-consulting .grade-table-container .type-list > li.selected {
  display: flex;
  align-items: center;
  column-gap: 6px;
  background: #e6effa;
  border: 1px solid #297de4;
}

.page-regular-consulting .grade-table-container .type-list > li.selected p {
  width: calc(100% - 20px);
  font-weight: 700;
  color: #297de4;
}

.page-regular-consulting
  .grade-table-container
  .type-list
  > li.selected
  p
  span {
  color: #297de4;
}

.page-regular-consulting .grade-table-container .type-list > li:hover {
  border: 1px solid #297de4;
}

/* AI 진학 시뮬레이터 */

.page-simulator .simulator-container .con-wrap h4 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  color: #77d756;
}

.page-simulator .simulator-container .txt-box {
  margin-bottom: 40px;
}

.page-simulator .simulator-container .con-wrap:not(:last-child) {
  margin-bottom: 70px;
}

.page-simulator .outbox {
  padding: 30px 30px 40px 30px;
  border-radius: 8px;
  background: #f6f8f9;
}

.page-simulator .outbox .txt-box {
  background: #fff;
}

.page-simulator .outbox .con:not(:last-child) {
  margin-bottom: 35px;
}

.page-simulator .outbox hr.divider {
  display: block;
  height: 1px;
  margin: 35px 0;
  border: 0;
  background: #aaa;
}

.page-simulator .outbox .con .tit-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 10px;
}

.page-simulator .outbox .con .tit-wrap p.tit {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
}

.page-simulator .outbox .con .tit-wrap p.tit > span {
  display: inline-block;
  margin-left: 10px;
  color: #888;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.page-simulator .outbox .con .sub-des {
  margin-top: 8px;
  color: #297de4;
  line-height: 1.3;
}

.page-simulator .outbox .con ul > li .table-wrap table {
  table-layout: fixed;
}

.page-simulator .outbox .con ul > li.white-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  padding: 20px 30px;
  border-radius: 8px;
  background: #fff;
}

.page-simulator .outbox .con ul > li.white-box .radio:not(:last-child) {
  margin-right: 30px;
}

.page-simulator .simulator-container .outbox .con ul > li:not(:last-child) {
  margin-bottom: 12px;
}

.page-simulator .simulator-container .con-wrap ul > li .sm-table-wrap {
  display: flex;
  column-gap: 30px;
}

.page-simulator
  .simulator-container
  .con-wrap
  ul
  > li
  .sm-table-wrap
  table.sm-table {
  width: calc((100% - 60px) / 3);
}

.page-simulator .simulator-container .con-wrap ul > li table.sm-table {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.page-simulator .simulator-container .con-wrap ul > li table {
  table-layout: fixed;
}

.page-simulator .simulator-container .con-wrap ul > li table tbody th {
  border-bottom: 1px solid #fff;
  background: #e6effa;
  text-align: center;
  vertical-align: middle;
}

.page-simulator
  .simulator-container
  .con-wrap
  ul
  > li
  table
  tbody
  tr:first-of-type
  th {
  border-top: 1px solid #fff;
}

.page-simulator
  .simulator-container
  .con-wrap
  ul
  > li
  table
  tbody
  tr:last-of-type
  th {
  border-bottom: 0;
  line-height: 1.2;
}

.page-simulator .simulator-container .con-wrap ul > li table tbody td {
  padding: 10px 20px;
}

.page-simulator
  .simulator-container
  .con-wrap
  ul
  > li
  table.input-table
  tbody
  td {
  padding: 10px 12px;
}

.page-simulator .simulator-container .con-wrap ul > li table td select,
.page-simulator
  .simulator-container
  .con-wrap
  ul
  > li
  table
  td
  input[type="text"],
.page-simulator
  .simulator-container
  .con-wrap
  ul
  > li
  table
  td
  input[type="number"] {
  width: 100%;
}

.page-simulator .outbox .con ul > li .btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-simulator .outbox .con ul > li .btn-delete:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(/imgs/common/ico_close_sm.svg) center center no-repeat;
  background-size: contain;
}

.page-simulator .simulator-container .con-wrap ul > li .con-tit {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 15px;
}

.page-simulator .simulator-container .con-wrap ul > li .con-tit > p {
  font-size: 17px;
  font-weight: 500;
}

.page-simulator .simulator-container .con-wrap ul > li .radio-wrap {
  display: flex;
  padding: 10px 0;
  column-gap: 20px;
}

.page-simulator .outbox .con .btn-add {
  display: flex;
  align-items: center;
}

.page-simulator .outbox .con .btn-add:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(/imgs/common/ico_plus.svg) center center no-repeat;
  background-size: cover;
}

.page-simulator .simulator-container .con-wrap ul li.d-flex {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.page-simulator .simulator-container .con-wrap .dl-wrap {
  display: flex;
  align-items: flex-end;
  column-gap: 10px;
}

.page-simulator .simulator-container .con-wrap .dl-wrap dl dt {
  margin-bottom: 8px;
  font-size: 17px;
  font-weight: 500;
}

.page-simulator .simulator-container .con-wrap .dl-wrap dl dd .input-wrap {
  display: flex;
  column-gap: 5px;
}

.page-simulator
  .simulator-container
  .con-wrap
  .dl-wrap
  dl
  dd
  .input-wrap
  input[type="text"] {
  width: calc(100% / 3);
}

.page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-xs {
  width: 190px;
}

.page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-s {
  width: 250px;
}

.page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-m {
  width: 430px;
}

.page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-l {
  width: 780px;
}

.page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-100 {
  width: 1270px;
}

.page-simulator
  .simulator-container
  .con-wrap
  .dl-wrap
  dl
  dd
  input[type="text"] {
  width: 100%;
}

.page-simulator .simulator-container .con-wrap ul li.d-flex .btn-delete {
  margin-bottom: 13px;
}

.page-simulator .simulator-container > .txt {
  margin-bottom: 40px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 1440px) {
  .page-simulator .simulator-container > .txt {
    margin-bottom: 30px;
  }
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-s {
    width: 245px;
  }
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-m {
    width: 380px;
  }
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-l {
    width: 530px;
  }
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-100 {
    width: 1040px;
  }
  .page-simulator .simulator-container .con-wrap ul > li .sm-table-wrap {
    column-gap: 10px;
  }
  .page-simulator
    .simulator-container
    .con-wrap
    ul
    > li
    .sm-table-wrap
    table.sm-table {
    width: calc((100% - 20px) / 3);
  }
}

@media (max-width: 1200px) {
  .page-simulator .simulator-container .con-wrap ul li .table-wrap {
    overflow-x: auto;
  }
  .page-simulator .simulator-container .con-wrap ul li .table-wrap table {
    min-width: 500px;
  }
  .page-simulator
    .simulator-container
    .con-wrap
    ul
    li
    .table-wrap
    table.input-table {
    min-width: 1100px;
  }
  .page-simulator .simulator-container .con-wrap .dl-wrap {
    width: calc(100% - 70px);
    flex-direction: column;
    row-gap: 15px;
  }
  .page-simulator .simulator-container .con-wrap .dl-wrap dl {
    width: 100%;
  }
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-xs,
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-s,
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-m,
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-l,
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd.width-size-100 {
    width: 100%;
  }
  .page-simulator .simulator-container .con-wrap ul > li .sm-table-wrap {
    flex-direction: column;
    row-gap: 15px;
  }
  .page-simulator
    .simulator-container
    .con-wrap
    ul
    > li
    .sm-table-wrap
    table.sm-table {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .page-simulator .simulator-container h4 {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .page-simulator .simulator-container .con-wrap .tit-wrap p.tit {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-simulator .simulator-container .con-wrap .tit-wrap p.tit > span {
    margin: 10px 0 0 0;
  }
  .page-simulator .simulator-container .con-wrap ul li.d-flex {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }
  .page-simulator .simulator-container .con-wrap ul li.d-flex .btn-delete {
    margin: 0;
  }
  .page-simulator .simulator-container .con-wrap .dl-wrap {
    width: 100%;
  }
  .page-simulator .simulator-container .con-wrap ul > li .con-tit > p,
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dt {
    font-size: 16px;
  }
  .page-simulator .simulator-container .con-wrap .outbox:not(.none),
  .page-simulator .simulator-container .con-wrap ul > li.white-box {
    padding: 20px;
  }
}

@media (max-width: 500px) {
  .page-simulator .simulator-container > .txt {
    margin-bottom: 20px;
  }
  .page-simulator .simulator-container .con-wrap .tit-wrap {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }
  .page-simulator .simulator-container .con-wrap h4 {
    font-size: 19px;
  }
  .page-simulator .simulator-container .con-wrap .tit-wrap p.tit {
    font-size: 17px;
  }
  .page-simulator .simulator-container .con-wrap .tit-wrap p.tit > span {
    font-size: 15px;
  }
  .page-simulator .simulator-container .con-wrap .dl-wrap dl dd .input-wrap {
    flex-direction: column;
    row-gap: 4px;
  }
  .page-simulator
    .simulator-container
    .con-wrap
    .dl-wrap
    dl
    dd
    .input-wrap
    input[type="text"] {
    width: 100%;
  }
  .page-simulator .simulator-container .con-wrap .outbox:not(.none),
  .page-simulator .simulator-container .con-wrap ul > li.white-box {
    padding: 18px 15px;
  }
}

/* 수시 참고 프로그램(학생용) */

.page-simulator .student-container ul.txt-box {
  margin-bottom: 20px;
}

.page-simulator .student-container ul.txt-box .tit {
  color: #297de4;
  font-size: 18px;
  font-weight: 700;
}

.page-simulator .student-container ul.txt-box .tit:before {
  display: none;
}

.page-simulator .student-container .con-wrap ~ .btn-wrap {
  margin-top: 50px;
}

.page-simulator .student-container > h4 {
  margin-bottom: 15px;
  text-align: left;
  color: #297de4;
  font-size: 20px;
  font-weight: 700;
}

.page-consulting-ref .con table.input-table td input.size-s {
  min-width: unset;
  padding: 0 10px;
  text-align: center;
}

.page-consulting-ref .con table.input-table td .bracket-mark {
  position: relative;
}

.page-consulting-ref .con table.input-table td .bracket-mark::before {
  content: "(";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: #ccc;
}

.page-consulting-ref .con table.input-table td .bracket-mark::after {
  content: ")";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: #ccc;
}

.page-consulting-ref .con table.input-table td .row {
  display: flex;
  align-items: center;
  column-gap: 4px;
}

.page-consulting-ref .con table.input-table td .row ~ .row {
  margin-top: 4px;
}

/* 길마중 상담프로그램 */

.page-roadmap-consulting .tab-menu > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  word-break: keep-all;
}

.page-roadmap-consulting .data-load-box {
  padding: 40px 30px;
  overflow-x: auto;
  border-top: 2px solid #1a4478;
  border-bottom: 1px solid #ddd;
}

.page-roadmap-consulting .data-load-box.data-scroll {
  max-height: 85vh;
  overflow-y: auto;
  overscroll-behavior: none;
}

.page-roadmap-consulting .data-load-box .table-w100 table {
  width: 100% !important;
}

.page-roadmap-consulting .data-load-box table {
  white-space: nowrap;
}

.page-roadmap-consulting .data-load-box .data-title {
  margin-bottom: 20px;
  padding: 13px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: #1a4478;
}

.page-roadmap-consulting .data-load-box .con-title {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
}

.page-roadmap-consulting .data-load-box .con-title::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  margin-right: 10px;
  background: #4c82c6;
}

.page-roadmap-consulting .data-load-box .con-wrap .con p {
  margin-bottom: 4px;
  line-height: 1.5;
}

.page-roadmap-consulting .data-load-box .con-wrap .con ul > li {
  padding-left: 10px;
  line-height: 1.5;
}

.page-roadmap-consulting .data-load-box .con-wrap:not(:last-of-type) {
  margin-bottom: 30px;
}

.page-roadmap-consulting .data-load-box .con-wrap .con:not(:last-of-type) {
  margin-bottom: 15px;
}

.page-roadmap-consulting .data-load-box .data-table-wrap .scroll-table {
  position: relative;
  max-height: 80vh;
  overflow: auto;
  overscroll-behavior: none;
}

.page-roadmap-consulting
  .data-load-box
  .data-table-wrap
  .scroll-table
  table.fix-thead {
  position: sticky;
  top: 0;
  border-top: 1px solid #ddd;
}

.page-roadmap-consulting .data-load-box .data-table-wrap .scroll-table table {
  table-layout: fixed;
  white-space: unset;
  word-break: keep-all;
  border-top: 0;
}

.page-roadmap-consulting .data-load-box .data-table-wrap table thead th {
  color: #1a4478;
}

.page-roadmap-consulting .data-load-box .data-table-wrap table thead th.bg-gr {
  color: #333;
  background: #d7f2e2;
}

.page-roadmap-consulting .data-load-box .data-table-wrap table thead th.bg-or {
  color: #333;
  background: #f9e8ce;
}

.page-roadmap-consulting .data-load-box .data-table-wrap table thead th.bg-ye {
  color: #333;
  background: #f9f5ce;
}

.page-roadmap-consulting
  .data-load-box
  .data-table-wrap
  table
  tbody
  td.bg-ligr {
  background: #f9fffb;
}

.page-roadmap-consulting
  .data-load-box
  .data-table-wrap
  table
  tbody
  td.bg-lior {
  background: #fffcf6;
}

.page-roadmap-consulting
  .data-load-box
  .data-table-wrap
  table
  tbody
  td.bg-liye {
  background: #fffef5;
}

.page-roadmap-consulting table .bg-gray {
  font-weight: 500;
  background: #f5f5f5;
}

.page-roadmap-consulting .mo-table .row i.title {
  font-weight: 500;
  color: #4c82c6;
}

@media (max-width: 1440px) {
  .page-roadmap-consulting .data-load-box {
    padding: 30px 0px;
  }
}

@media (max-width: 768px) {
  .page-roadmap-consulting .data-load-box .data-table-wrap .scroll-table {
    overscroll-behavior: auto;
  }
  .page-roadmap-consulting .data-load-box .data-title {
    font-size: 18px;
  }
  .page-roadmap-consulting .data-load-box .con-title {
    font-size: 16px;
  }
}

@media (max-width: 500px) {
  .page-roadmap-consulting .data-load-box .data-title {
    font-size: 17px;
  }
  .page-roadmap-consulting .data-load-box .con-wrap .con ul > li {
    padding-left: 6px;
  }
}

/* AI 진학 시뮬레이터 선택 입력 추가_202508 */

.page-simulator .input-label {
  display: inline-block;
  margin-bottom: 16px;
  padding: 8px 16px;
  border-radius: 18px;
  background: rgba(119, 215, 86, 0.15);
  color: #77d756;
  font-size: 18px;
  font-weight: 700;
}

.page-simulator .outbox.none {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.page-simulator .outbox.none ul.txt-box > li span:not(.sub-txt) {
  font-weight: 400;
}

.page-simulator .outbox.none .radio-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 10px;
  padding: 20px 30px;
  border-radius: 8px;
  background: #f6f8f9;
}

.page-simulator .simulator-container .outbox.none .con .radio-box .radio {
  margin-bottom: 0;
}

.page-simulator .input-container {
  padding: 24px 30px 24px 20px;
  border: 1px solid #ccc;
  border-top: 2px solid #171717;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.page-simulator .input-container ul.title-row {
  display: flex;
  justify-content: end;
  column-gap: 20px;
  padding-left: 220px;
}

.page-simulator .input-container ul.title-row li {
  width: 100%;
  height: 42px;
  border-radius: 8px;
  background: #4c82c6;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 42px;
}

.page-simulator .input-container .input-tr {
  display: flex;
  column-gap: 20px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.page-simulator .input-container .input-th {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding: 20px 15px;
  background: #e6effa;
  text-align: center;
  font-weight: 500;
  line-height: 1.3;
  word-break: keep-all;
}

.page-simulator .input-container .input-td {
  width: calc(50% - 120px);
  padding: 20px 0;
}

.page-simulator .input-container .input-tr:not(:last-of-type) .input-td {
  border-bottom: 1px dashed #999;
}

.page-simulator .input-container .input-td .radio-box {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  row-gap: 8px;
  height: 100%;
  padding: 20px 10px;
  font-size: 15px;
}

.page-simulator .input-container .input-td .td-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-simulator .input-container .input-td .td-top .txt-wrap span {
  color: #999;
  font-size: 14px;
  line-height: 1.4;
}

.page-simulator .input-container .input-td .td-top .txt-wrap p.des {
  margin-top: 4px;
  color: #297de4;
  font-size: 14px;
  line-height: 1.4;
}

.page-simulator .input-container .input-td .td-top button {
  flex-shrink: 0;
}

.page-simulator .input-td ul.activity-list li {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-top: 8px;
  padding: 16px 24px;
  border-radius: 8px;
  background: #f6f8f9;
}

.page-simulator .input-td ul.activity-list li .btn-delete {
  position: absolute;
  top: 20px;
  right: 16px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/imgs/common/ico_close_sm.svg) center center no-repeat;
  background-size: contain;
}

.page-simulator .input-td ul.activity-list li .row {
  display: flex;
  align-items: center;
  column-gap: 24px;
}

.page-simulator .input-td ul.activity-list li .row dl {
  display: flex;
}

.page-simulator .input-td ul.activity-list li dl {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.page-simulator .input-td ul.activity-list li dd input {
  min-width: unset;
}

.page-simulator .input-td ul.activity-list li .append-input {
  position: relative;
}

.page-simulator .input-td ul.activity-list li .append-input span {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

@media (max-width: 1440px) {
  .page-simulator .input-td ul.activity-list li .row {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
  }
  .page-simulator .input-td ul.activity-list li dt.size-sm {
    width: 85px;
  }
  .page-simulator .input-td ul.activity-list li dt.size-lg {
    width: 120px;
  }
}

@media (max-width: 1200px) {
  .page-simulator .input-container {
    width: 100%;
    overflow-x: auto;
  }
  .page-simulator .input-container .list-wrap {
    min-width: 1160px;
  }
  .page-simulator .input-container .input-th {
    width: 150px;
  }
  .page-simulator .input-container ul.title-row {
    padding-left: 170px;
  }
  .page-simulator .input-container .input-td {
    width: calc(50% - 95px);
  }
}

@media (max-width: 500px) {
  .page-simulator .input-container {
    padding: 20px;
  }
  .page-simulator .input-container .input-th {
    width: 120px;
  }
  .page-simulator .input-container ul.title-row {
    padding-left: 140px;
  }
  .page-simulator .input-container .input-td {
    width: calc(50% - 80px);
  }
}