.tjb-news {
    padding: 14rem 0;
}
.tjb-news section{
    display: flex;
    padding: 4rem 2rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    align-self: stretch;
    width: 100%;
}


/* 탑 뉴스 */
.tjb-news .top-news{
    background: #FFF;
    /* margin-top: -10rem; */
}
.tjb-news .top-news .section-title h1{
 color: var(--color0f0f0f);
}
.tjb-news .top-news .contents{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    align-self: stretch;
}
.tjb-news .top-news .t-news{
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}
.tjb-news .top-news .news-txt .headline a{
    color: var(--color0f0f0f);
}

section.top-main{
    background: url('https://www.tjb.co.kr/html1/images/noimg.png') lightgray 50% / cover no-repeat;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 0 !important;
    height: 24rem;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
section.top-main .contetns{
    width: 100% !important;
}
section.top-main .headline{
    display: flex;
    width: 100%;
    height: 13rem;
    padding: 2rem;
    justify-content: center;
    align-items: center;
    /* gap: 1rem; */
    flex-shrink: 0;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}
section.top-main .headline a{
    color: #FFF;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.96px;
}

.news-tab{
    display: inline-flex;
    padding: 2rem;
    gap: .4rem;
    width: 100%;
    overflow-x: scroll;
}
.news-tab > a{
    border-radius: 99px;
    background: #F4F4F4;
    display: flex;
    padding: .8rem 1.6rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #253352;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.64px;
    white-space: nowrap;
    display: inline-block;
}
.news-tab > a.active{
  border: solid 2px #253352;
}

.news-thum img {
    width: 15rem;  
    height: auto;
    flex-shrink: 0;
    border-radius: 4px;
    object-fit: cover;
  }
  .time-top .news-thum img{
    width: 100% !important;
  }
  .t-news{
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
  }
  .time-news{
    background: #F4F4F4;
  }
  .time-news .contents{
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;

  }
  .eightnews .contents , .time-news .contents , .news-wrap .contents{
    gap: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;

  }

  /* 배너영역 */
  .banner{
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    padding: 2rem;
  }
  .banner .bn-bg{
    width: 100%;
    height: 11.8rem;
    background: url(/css/images/img-banner.png) lightgray 50% / cover no-repeat;
  }
  .tv-replay{
    display: flex;
    padding: 2rem;
    border-radius: 1rem;
    background: linear-gradient(270deg, #30ADD6 0%, #5C87E9 100%);
    flex-direction: column;
    align-items: flex-end;
    gap: 2rem;
    align-self: stretch;
  }
  .tv-replay > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .6rem;
    align-self: stretch;
  }
  .tv-replay > div h2{
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 130%; /* 23.4px */
    letter-spacing: -0.72px;
  }
  .tv-replay > div p{
    color: #FFF;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.56px;
  }
  .tv-replay .btn{
    display: flex;
    padding: 1rem 3rem;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 99rem;
    background: #FFF;
    color: #101010;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 130%; /* 1.1375rem */
  }

  .news-item img {
    width: 100%;
    aspect-ratio: 16 / 9;          /* ✅ 비율 유지 */
    object-fit: cover;             /* ✅ 채워 넣기 */
    border-radius: 6px;
  }