/* /theme/basic_s/skin/latest/tab_latest/style.css */

/* 50mm 톤: 깨끗한 카드 + 탭 강조 */
.tablest .card { border-radius: 1rem; }

/* nav-tabs 커스터마이즈 */
.tablatest-nav .nav-link {
  font-weight: 600;
  border: none;
  border-bottom: 2px solid transparent;
}
.tablatest-nav .nav-link:hover {
  border-color: rgba(0,0,0,.1);
}
.tablatest-nav .nav-link.active {
  color: #0d6efd;
  border-color: #0d6efd;
}

/* 내용 여백 */
.tablatest-content { background: #fff; border-radius: 0 0 1rem 1rem; }

/* 카드 및 탭 라운드 */
.tablatest { border-radius: 1rem; }

/* 탭바: 모바일 가로 스크롤 가능 */
.tablatest-nav {
  gap: .25rem;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: thin;
}
.tablatest-nav .nav-link {
  font-weight: 600;
  /* 반응형 폰트: 14px~16px 사이에서 뷰포트에 따라 자연 조정 */
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.4;
  border: none;
  border-bottom: 2px solid transparent;
}
.tablatest-nav .nav-link:hover { border-color: rgba(0,0,0,.1); }
.tablatest-nav .nav-link.active {
  color: #0d6efd;               /* 50mm 브랜드 블루 톤 */
  border-color: #0d6efd;
}

/* 내용 카드 */
.tablatest-content { background: #fff; border-radius: 0 0 1rem 1rem; }

/* 내부 latest 스킨에서 제목(보드명) 출력 시 강제 숨김 — 중복 방지 */
.tablatest .lt_title,
.tablatest .latest_title,
.tablatest .latest-title,
.tablatest .lt_hd,
.tablatest .bo_subject,
.tablatest h2,
.tablatest h3 {
  display: none !important;
}

/* 리스트 텍스트 반응형(너무 작지 않게) */
.tablatest .lt li a,
.tablatest .list-group-item a,
.tablatest .latest li a,
.tablatest li a {
  font-size: clamp(14px, 1.5vw, 15.5px);
}

/* 날짜/부가정보(있다면) 살짝 줄임 */
.tablatest .lt .lt_date,
.tablatest .lt .lt_more,
.tablatest .latest .lt_date {
  font-size: clamp(12px, 1.2vw, 13px);
  opacity: .8;
}
/* 기본: 모바일을 우선해 가로 스크롤 허용 */
.tablatest-nav{
  display: flex;
  gap: .25rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: thin;     /* Firefox */
}

/* 스크롤바 안보이게(선택) */
.tablatest-nav::-webkit-scrollbar{ height: 0; }

/* PC 이상에서는 스크롤 완전히 해제 + 줄바꿈 허용 */
@media (min-width: 768px){
  .tablatest-nav{
    overflow-x: visible;     /* 스크롤 제거 */
    white-space: normal;     /* 줄바꿈 허용 */
    flex-wrap: wrap;         /* 길면 다음 줄로 */
  }
}

/* 탭바가 패딩 때문에 살짝 넘치는 현상 보정 */
.tablatest .nav-tabs{
  margin-bottom: 0;
  box-sizing: border-box;
  width: 100%;
}

/* --- 더보기 정렬/겹침 문제 해결 패치 --- */

/* 헤더 래퍼(.lt_hd)는 살리고, 제목 텍스트만 숨김 */
.tablatest .lt_hd{
  display:flex !important;
  align-items:center;
  gap:.5rem;
  padding:.25rem .5rem;
  background:transparent;
  border:0;
}

/* 헤더 안의 보드명/제목만 숨김(중복 방지) */
.tablatest .lt_hd .lt_title,
.tablatest .lt_hd .latest_title,
.tablatest .lt_hd .latest-title,
.tablatest .lt_hd .bo_subject,
.tablatest .lt_hd h2,
.tablatest .lt_hd h3{
  display:none !important;
}

/* 더보기는 우측 정렬, 줄바꿈 방지, 절대/float 금지 */
.tablatest .lt_hd .lt_more,
.tablatest .lt_more{
  margin-left:auto !important;
  position:static !important;
  float:none !important;
  display:inline-flex !important;
  align-items:center;
  line-height:1.2;
  white-space:nowrap;
  gap:4px;
  padding-left:.5rem;
  z-index:auto;
}

/* 더보기 링크 기본 사이즈 및 호버 */
.tablatest .lt_more a{
  font-size: clamp(13px, 1.4vw, 14px);
  text-decoration:none;
}
.tablatest .lt_more a:hover{ text-decoration:underline; }

/* 헤더 아래 목록이 겹치지 않도록 여백 확보 */
.tablatest .latest,
.tablatest .lt{
  padding-top:.25rem; /* 상단 살짝 띄움 */
}
.tablatest .latest ul,
.tablatest .lt ul{
  margin-top:.25rem;  /* 헤더와 리스트 사이 공간 */
}

/* 모바일 최적화: 패딩/폰트 정리 */
@media (max-width: 576px){
  .tablatest .lt_hd{ padding:.25rem .5rem; }
  .tablatest .lt_more a{ font-size:14px; }
  .tablatest .tablatest-content{ padding:.75rem !important; }
}
/* ===== Tab Latest: 전체 행 회색 하이라이트 ===== */
.tablatest .tab-pane ul{margin:0; padding:0; list-style:none;}
.tablatest .tab-pane ul li{
  display:flex;                  /* 제목과 날짜가 나란히 있을 때 정렬 */
  align-items:center;
  justify-content:space-between; /* 제목 | 날짜 구조에 적합 */
  gap:.5rem;
  padding:.45rem .75rem;         /* 클릭 영역 확대 */
  border-radius:.5rem;           /* 둥근 모서리 */
  transition:background-color .15s ease-in-out;
}
.tablatest .tab-pane ul li:hover{
  background:#f5f6f7;            /* 연한 회색 하이라이트 */
}

/* 링크 밑줄 제거 + 말줄임 처리(긴 제목 대비) */
.tablatest .tab-pane ul li > a{
  flex:1 1 auto;
  min-width:0;
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tablatest .tab-pane ul li > a:hover,
.tablatest .tab-pane ul li > a:focus{
  text-decoration:none;          /* 호버시 밑줄 유지하지 않음 */
}