/* 리스트 */
.tbl-stat {clear:both; width:100%; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:16px}
/* .tbl-stat caption { font-size:1px; line-height:1px; text-indent:-1000em; visibility:hidden; width:1px; height:1px; overflow:hidden;} */
.tbl-stat thead th, .tbl-stat tbody th {padding:20px; border:solid #e0e0e0; border-width:0 1px 1px 1px; background:#f6f6f6; color:#333; word-wrap:break-word; }
.tbl-stat tbody th {background:#fcfcfc}
.tbl-stat thead th:first-child, .tbl-stat tbody th:first-child,.tbl-stat tbody td:first-child, .tbl-stat tfoot td:first-child {border-left:0px;}
.tbl-stat thead th:last-child, .tbl-stat tbody th:last-child, .tbl-stat tbody td:last-child, .tbl-stat tfoot td:last-child { border-right:0}
.tbl-stat tbody td {padding:20px 10px; text-align:center;  border:1px solid #e0e0e0; border-width:1px;word-break: break-all; line-height:1.6}
.tbl-stat .left,.tbl-stat .l {padding-left:20px}/*여백 재설정이 필요할 경우*/
.tbl-stat tfoot th {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 0px; text-align:center; padding:10px 0; color:#e6360d;}
.tbl-stat tfoot td {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 1px; text-align:center;  padding:10px 0; color:#333; font-weight:bold;}
.tbl-stat tbody td h2 { font-size:18px; font-weight:bold}

/* th 정렬 */
.tbl-stat thead th.sort a {display:inline-block;  padding-right:15px; margin:0px 3px; font-weight:bold;}
.tbl-stat thead th.sort a:hover, .tbl-stat thead th a:focus, .tbl-stat thead th.sort a:active {text-decoration:underline;color:#e6360d; }
.tbl-stat thead th.sort_up a {color:#e6360d;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_up a:hover, .tbl-stat thead th.sort_up a:focus, .tbl-stat thead th.sort_up a:active {text-decoration:underline;}
.tbl-stat thead th.sort_dw a  {color:#e6360d;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_dw a:hover, .tbl-stat thead th.sort_dw a:focus, .tbl-stat thead th.sort_dw a:active {text-decoration:underline;}
.tbl-stat td.sort {color:#e6360d; font-weight:bold;}

/* 포인트 색 */
.tbl-stat .point1 {background:#f8f5f3;}
.tbl-stat .point2 {background:#90cbfb;}
.tbl-stat .point3a {background:#ff7e79; color:#ffffff;}
.tbl-stat .point3b {background:#fff9f6;}
.tbl-stat .colorred {color:#f94444;}


.tl_product_box_wrap {
  --rate-strong: #56616d;
  --rate-strong-dark: #414a54;
  --rate-strong-soft: #f0f2f4;
  --rate-accent: #d5a347;
  --rate-accent-dark: #785714;
  --rate-accent-soft: #fbf5e9;
  --rate-accent-soft-strong: #f3e2be;
  --rate-accent-border: #ddc58f;
  --rate-summary-soft: #f4f5f5;
  --rate-border: #d9dde1;
  --rate-text: #2b3138;
  --rate-white: #ffffff;
}

#tbl-rank.tbl-stat {
  color: var(--rate-text);
  border-top-color: var(--rate-strong-dark);
}

#tbl-rank.tbl-stat tbody td {
  color: var(--rate-text);
  border-color: var(--rate-border);
}

/* 통신사 헤더: 쿨 슬레이트와 연한 샌드 베이지로 통신사 그룹을 구분 */
#tbl-rank.tbl-stat .point1 {
  background-color: var(--rate-accent-soft-strong);
}

#tbl-rank.tbl-stat .point1 > td:not(.point3a) {
  background-color: var(--rate-accent-soft-strong);
  border-color: var(--rate-accent-border);
}

#tbl-rank.tbl-stat .point3a {
  color: var(--rate-white);
  background-color: var(--rate-strong);
  border-color: var(--rate-strong);
}

/* KT·LG U+ 데이터 열: 파란색 없이 이어지는 연한 쿨 그레이 */
#tbl-rank.tbl-stat .point3b {
  background-color: var(--rate-strong-soft);
}

/* 좌측 등급 비교 셀: 파랑과 대비되는 앰버 계열 */
#tbl-rank.tbl-stat td[rowspan] {
  color: var(--rate-accent-dark);
  background-color: var(--rate-accent-soft);
}

/* 월 기본료 */
#tbl-rank.tbl-stat tbody tr:nth-last-child(2) > td {
  color: var(--rate-text);
  background-color: var(--rate-summary-soft);
}

/* 약정 할인 */
#tbl-rank.tbl-stat tbody tr:last-child > td {
  background-color: var(--rate-accent-soft);
}

#tbl-rank.tbl-stat .colorred {
  color: var(--rate-accent-dark);
}

#tbl-rank.tbl-stat .colorred strong{
  color: #ff0000;
}


/* 표 항목 서브타이틀 공통 */
#tbl-rank .table-column-title > td:not([rowspan]) {
  height: 44px;
  padding: 8px 5px;
  color: #38414a;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  border-top: 0;
  border-bottom: 1px solid #bfc6ce;
}

/* KT, LG U+ 서브타이틀 */
#tbl-rank .table-column-title > td.point3b {
  background-color: #e3e7eb !important;
}

/* 세종텔레콤, SK브로드밴드 서브타이틀 */
#tbl-rank .table-column-title > td:not(.point3b):not([rowspan]) {
  background-color: #f7ecd6 !important;
}

/* 통신사 3개 열 단위 구분선 */
#tbl-rank .table-column-title > td:nth-child(4),
#tbl-rank .table-column-title > td:nth-child(7),
#tbl-rank .table-column-title > td:nth-child(10) {
  border-right: 1px solid #aeb6bf;
}

@media screen and (max-width: 600px) {

	
	.tbl-stat tbody td { padding:10px}
	
}
