/* ===== 디폴트 데이터테이블에서 필요없는 부분 수정 ===== */

/* 왼쪽 아래 총 몇개중 몇개를 보여준다 정보 */
.dataTables_info {
  display: none;
}

/* 왼쪽 위 총 몇개씩 보여줄까 창*/
.dataTables_length {
  display: none
}

/* 기본 검색창*/
.dataTables_filter {
  display: none
}

/* 페이지 넘기기*/
.dataTables_paginate {
  display: block
}

/* ===== 디폴트 데이터테이블에서 필요없는 부분 수정 끝 ===== */

/* ===== 위키런 데이터테이블 ===== */

/*넚이*/
.wikirun-datatable {
  width: 100%;
}

/*th td 줄바꿈 없애기*/
.wikirun-datatable td,
.wikirun-datatable th {
  white-space: nowrap
}

/*첫번째랑 마지막 th 위아래에 라인 앞에*/
.wikirun-datatable>:not(:last-child)>:last-child>* {
  border-top: none;
  border-bottom: none;
}

/*테이블 맨위 th에 x축 패딩 (.wikirun-datatable 앞에 상위 요소 아이디나 클래스명 넣어줘야 적용)*/
#prime-file .wikirun-datatable>:not(caption)>*>* {
  padding-right: 1rem;
  padding-left: 1rem
}

/* 데이터 테이블 맨위 thead 보더
.wikirun-datatable.dataTable thead {
  border-bottom: 1px solid rgb(188, 205, 255);
}*/

/* 데이터 테이블 맨위 th 라인(대표 매뉴) 백그라운드 색상*/
.wikirun-datatable.dataTable thead th {
  background: #EBF2FA;
  cursor: pointer;
  font-size: 15px;
}

@media (max-width: 575.98px) {
  .wikirun-datatable.dataTable thead th {
    font-size: 14px;
  }
}

/* th 패딩주기*/
.wikirun-datatable.dataTable>thead>tr>th {
  padding:6px;
}

/* td 폰트사이즈 색상 패딩*/
.wikirun-datatable tbody td {
  color: #454545;
  font-size: 16px;
  padding: 7px 0px; 
}


@media (max-width: 575.98px) {
  .wikirun-datatable tbody td {
    font-size: 15px;
  }
}

/* th 폰트사이즈 색상 패딩*/
.wikirun-datatable thead th {
  color: #454545;
  font-size: 18px;
  font-weight:500;
}

@media (max-width: 575.98px) {
  .wikirun-datatable thead th {
    font-size: 17px;
  }
}

/*데이터테이블 검색결과 전체박스*/
.wikirun-datatable.dataTable.no-footer {
  border:none;
}

/*데이터테이블 마지막 td에만 요소주기*/
.wikirun-datatable>tbody>tr:last-child>td {
  padding:8px;
}

/*확인필요*/
.wikirun-datatable.dataTable tbody tr {
  background-color: transparent;
}

/* 데이터 테이블 페이지 버튼*/
.dataTables_wrapper .dataTables_paginate{
  float:left;
  margin-right:0rem;
  margin-top:0rem;
  padding-bottom:0.5rem;
}

@media (max-width: 575.98px) {
  .dataTables_wrapper .dataTables_paginate {
      float: none;
      text-align: center;
      margin-top: .5em;
      padding-bottom:0.8rem;
  }
}

/* 데이터 테이블 이전 다음 넘기는 버튼*/
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
  cursor: pointer;
  color: #454545;
  background: #fff;
  box-shadow: none;
  min-width: 1em;
  padding: .5em .5em;
  font-weight:400;
  font-size:16px;
}

@media (max-width: 575.98px) {
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    font-size:15px;
  }
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
  cursor: pointer;
  color: #454545;
  /*background: rgba(231, 234, 243, .3);*/
  box-shadow: none
}

/*솔팅 세모 아이콘 밑으로 안가게*/
.wikirun-datatable.dataTable thead span.sort-icon {
  display: inline-block;
}

/* ====== 전체적용 ====== */

/*페이지 넘기기 버튼*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1rem;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #454545;
  border: 1px solid transparent;
  background: transparent;
  box-shadow:none;
  font-size:16px
}

@media (max-width: 575.98px) {
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size:15px;
  }
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #454545;
  font-weight:700;
  background: transparent;
  font-size:16px;
}

@media (max-width: 575.98px) {
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    font-size:15px;
  }
}


/* ===== 기출테이블과 일반테이블 분리하기 =====*/

/*일반 테이블 커스텀*/

.dataTables_wrapper {
  padding-bottom: 20px;
}

.wikirun-datatable>:not(caption)>*>* {
  padding-right: 1.8rem;
  padding-left: 2.1rem
}

@media (max-width: 575.98px) {
.wikirun-datatable>:not(caption)>*>* {
    padding-right: 0.5rem;
    padding-left: 0.75rem
  }
}

.dataTables_wrapper .dataTables_paginate{
  float: none;
  text-align: center;
  margin-right:0rem;
  margin-top:24px;
  padding-bottom:0.5rem;
}

@media (max-width: 575.98px) {
.dataTables_wrapper .dataTables_paginate {
      float: none;
      text-align: center;
      margin-top: 16px;
      padding-bottom:0.8rem;
  }
}

/* tr 마우스오버(기출에서는 빼야함)*/
.wikirun-datatable.dataTable>tbody>tr:hover>* {
  background:rgba(231, 234, 243, .3);
  cursor: pointer;
}

.sat-search.dataTable>tbody>tr:hover>* {
  background:#fff;
  cursor: pointer;
}


/* 일반 데이터테이블 세모 솔팅 아이콘*/
.wikirun-datatable.dataTable thead .sorting span {
  transform: translate(6px, 4px);
  padding: 10px;
  background: url('../images/datatable/sort-both.png');
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 0px center;
}

.wikirun-datatable.dataTable thead .sorting_asc span {
  transform: translate(6px, 4px);
  padding: 10px;
  background: url('../images/datatable/sort-up.png');
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 0px center;
}

.wikirun-datatable.dataTable thead .sorting_desc span {
  transform: translate(6px, 4px);
  padding: 10px;
  background: url('../images/datatable/sort-down.png');
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 0px center;
}

.wikirun-datatable.dataTable thead .sorting_desc_disabled span {
  transform: translate(6px, 4px);
  padding: 10px;
  background: url('../images/datatable/sort-disable.png');
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 0px center;
}


/* 기출문제 커스텀*/
#prime-sat .wikirun-datatable>:not(caption)>*>* {
  padding-right: 1.8rem;
  padding-left: 2.1rem
}

@media (max-width: 575.98px) {
  #prime-sat .wikirun-datatable>:not(caption)>*>* {
    padding-right: 0.5rem;
    padding-left: 0.75rem
  }
}

.sat-search.dataTable thead .sorting span {
  transform: translate(0px, 3px);
  padding: 10px;
  background: url('../images/datatable/sort-both.png');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 0px center;
  float:inline-end
}

.sat-search.dataTable thead .sorting_asc span {
  transform: translate(0px, 3px);
  padding: 10px;
  background: url('../images/datatable/sort-up.png');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 0px center;
  float:inline-end
}

.sat-search.dataTable thead .sorting_desc span {
  transform: translate(0px, 3px);
  padding: 10px;
  background: url('../images/datatable/sort-down.png');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 0px center;
  float:inline-end
}

.sat-search.dataTable thead .sorting_desc_disabled span {
  transform: translate(0px, 3px);
  padding: 10px;
  background: url('../images/datatable/sort-disable.png');
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 0px center;
  float:inline-end
}

/*
.result-info{
  display:flex;
  flex-wrap:wrap;
  font-size:18px;
  margin-top: .5rem;
  margin-bottom:1rem;

}

@media (min-width:1200px) {
  .result-info {
      margin-bottom: 1.5rem;
  }
}

@media (max-width:575.98px) {
  .result-info {
      font-size: 16px;
      flex-direction: column;
  }
}

.result-info .info{
  margin-right: 1.5rem;
}

.indicator {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  background-color: #bdc5d1;
  border-radius: 50%;
  margin-right: .4375rem;
  margin-bottom:3px;
}

@media (max-width:575.98px) {
  .indicator {
      transform: translate(0px, 1px)
  }
}

.indicator.blue{
  background-color: #0d6efd;
}

.indicator.green{
  background-color: #198754;
}

.indicator.red{
  background-color: #dc3545;
}

.indicator.yellow{
  background-color: #ffc107;
}

.result-img {
  width: 85%;
  display: block;
  margin-bottom:1rem;
}

@media all and (min-width:575.98px) and (max-width:1198.98px) {
  .result-img {
      width: 85%;
  }
}

@media (max-width:575.98px) {
  .result-img {
      width: 100%;
      margin-bottom:0.5rem
  }
}

.btn-answer {
  background: rgba(231, 234, 243, .7);
  color: #020202;
  font-size: 18px;
  font-weight: 400;
  padding: 0.2rem 0.75rem;
  margin-bottom:1rem;
  border:none;
  outline:none;
  box-shadow:none;
}

.btn.btn-answer:focus{
  border:none;
  outline:none;
  box-shadow:none;
}

@media (max-width:575.98px) {
  .btn.btn-answer {
      font-size: 0.9rem;
      font-weight: 500;
      padding: 0.2rem 0.75rem;
      margin-bottom:0.5rem;
  }
}
*/