/* section1Top.css */

/* 전체 섹션 */
.section1-top {
  display: flex;
  flex-direction: column;
  align-items: center; /* 중앙 정렬 */
  padding: 20px;
}

/* 날짜/시간 + 요일 */
.section1-top .date-time {
  text-align: center;
  margin-bottom: 20px;
}

.section1-top .date-time h2 {
  font-size: 1.2rem;
  margin: 0;
  font-weight: bold;
}

.section1-top .date-time p {
  margin: 5px 0 0 0;
  font-size: 0.9rem;
  color: #666; /* 필요 시 color.css 변수로 */
}

/* 지수 정보 래퍼: 가로 나열 */
.section1-top .index-info {
  display: flex;
  gap: 100px; /* 지수 간 간격 */
  justify-content: center;
}

/* 각 지수 블록 */
.section1-top .stock-item {
  text-align: center;
}

/* 지수명 (예: 코스피지수, 코스피 50, 코스닥) */
.section1-top .stock-item .label {
  display: block;
  font-size: 0.9rem;
  font-weight: bold;
  margin-bottom: 5px;
}

/* 지수 값 (예: 2,612.34) */
.section1-top .stock-item .value {
  font-size: 1.5rem;
  font-weight: bold;
}

/* 상승/하락 표시 (예: +1.65 +0.06%) */
.section1-top .stock-item .change {
  display: block;
  margin-top: 5px;
  font-size: 0.9rem;
}