@charset "utf-8";

/* 다른 기사 보기 영역 탭 리스트 스타일 */
#other_tab {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.other-tab-item {
  width: 100%;
}

/* 탭 기본 스타일 */
.other-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 16px;
  /* 왼쪽 보더와 텍스트 사이의 간격을 위한 패딩 */
  background-color: transparent;
  color: #8c8c8c;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 500;
  border: none;
  border-left: 2px solid #e0e0e0;
  /* 마우스 왼쪽 보드 두께 2, 나머지 보드 삭제 */
  border-radius: 0;
  /* 라디우스 삭제 */
  transition: all 0.3s ease;
}

/* 마우스 오버 효과 */
.other-tab:hover {
  color: #ff8c00;
  border-left-color: #ff8c00;
  /* 오버 시 텍스트 및 보드 색상 변경 */
}

/* 활성화 상태 효과 */
.other-tab.active {
  color: #ff8c00;
  border-left-color: #ff8c00;
  font-weight: 700;
}

/* 웹 접근성 탭(키보드) 이동 시 포커스 링 표시 */
.other-tab:focus-visible {
  outline: 3px solid #ffc107;
  outline-offset: 2px;
  border-left-color: transparent;
}

.content-title-wrap.content-title-wrap-mb-20{
  margin-bottom: 100px;
}

@media (max-width: 768px) {
  .other-tab {
    display: none;
  }
  #banner {
    margin-bottom: 1rem;
  }
}