/* 메인 문구 아래에 가로줄 긋는 효과 추가 */
.main-kor.main-block {
  position: relative; /* 가상 요소의 기준 위치를 위해 필요 */
  display: inline-block; /* 너비를 문구 크기에 맞추기 위해 필요 */
}

.main-kor.main-block::after {
  content: ''; /* 가상 요소를 생성 */
  position: absolute; /* 절대 위치로 배치 */
  left: 0;
  bottom: -10px; /* 문구 아래에 위치하도록 조정 */
  width: 0; /* 초기 너비를 0으로 설정 */
  height: 4px; /* 가로줄의 두께 */
  background-color: hsl(0, 89%, 45%); /* 가로줄의 색상 */
  animation: drawLine 0.5s ease-in-out forwards; /* drawLine 애니메이션 적용 */
  animation-delay: 0.1s; /* 다른 애니메이션이 끝난 후 시작하도록 딜레이 설정 */
}

/* 가로줄을 그리는 애니메이션 정의 */
@keyframes drawLine {
  from {
    width: 0; /* 시작: 너비 0 */
  }
  to {
    width: 100%; /* 끝: 너비 100% */
  }
}