a {
  text-decoration: none; /* 기본 상태에서는 밑줄 제거 */
  position: relative; /* 가상 요소를 위해 필요 */
}
a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px; /* 라인 두께 */
  background-color: currentColor; /* 글자 색과 같게 */
  transition: width 0.3s ease;
}

a:hover::after {
  width: 100%; /* 마우스 오버 시 라인 표시 */
}

a.one, a.whitelink {
  text-decoration: none;
}

a.one {
  color: yellowgreen;
}

a.one:visited {
  color: yellowgreen;
}

a.whitelink {
  color: white;
}

a.whitelink:visited {
  color: white;
}
/* 방문한 링크도 동일한 스타일 유지 */
a.one:visited, a.whitelink:visited {
  color: inherit;
  text-decoration: none;
}