/* 기존 유지 */
.history {
  max-width: 900px;    /* 원하는 최대 너비 지정 */
  margin: 0 auto;      /* 좌우 중앙 정렬 */
  padding: 20px;
  box-sizing: border-box;

}

.year-block {
  width: 100%;
  position: relative;
  margin-bottom: 70px;
}

/* 연도를 li 첫 줄과 맞추기 */
.year-block .year-title {
    font-size: 28px;
    color: #0A2B3D;
    font-weight: bold;
    margin: 0;       /* 위아래 마진 초기화 */
    padding: 0;      /* 패딩 초기화 */
    position: absolute;
    left: -80px;     /* 왼쪽으로 빼기 */
    top: -6px;       /* 음수 값으로 위로 올려서 정렬 맞춤 (필요시 조절) */
}

/* ul 자체는 왼쪽으로 약간 들여쓰기 */
.year-block ul {
    list-style: none;
    margin: 0;
    padding-left: 60px; /* ← 연도 공간 확보 */
}

.year-block li {
    margin-bottom: 10px;
    line-height: 1.6;
    position: relative;
    padding-left: 0;
}

@media (max-width: 600px) {
  .history {
    padding-left: 60px;
    padding-right: 60px;
  }
  .year-block {
    padding-left: 0;          /* 연도 왼쪽 공간 제거 */
  }

  .year-block .year-title {
    position: static;         /* 절대 위치 해제 */
    left: auto;
    top: auto;
    margin-bottom: 15px;       /* 연도와 리스트 사이 간격 */
    font-size: 28px;          /* 필요하면 크기 조절 */
  }

  .year-block ul {
    padding-left: 0;       /* 월 텍스트 왼쪽 여백 조절 */
  }
}