/* 사이트 제목 */
#home-title {
  font-family: Arial, sans-serif;
}

/* 부제(homeSubtitle1/2) */
#home-subtitle {
  font-family: Arial, sans-serif;
}

/* 전체 사이트 글꼴 */
body, h1, h2, h3, h4, h5, h6, p, li, a {
  font-family: Arial, sans-serif !important;
  font-style: normal !important; /* 모든 기울임 제거 */
  color: #ffffff !important; /* 글자색을 흰색으로 설정 */
}

html {
  background: #909090; /* 사용자 정의 회색 배경 */
}

header {
  background-color: #676765 !important; /* 헤더 배경색 변경 */
}

.header-image {
  margin-bottom: 20px;  /* 제목과의 간격 (20px → 원하시는 값으로 조정 가능) */
}

.header-image img {
  width: 100%;       /* 전체 폭 맞춤 (화면 폭에 자동 반응) */
  max-height: 200px; /* 원하는 높이 제한 */
  object-fit: cover; /* 이미지 비율 유지하면서 꽉 채움 */
  display: block;
  margin: 0 auto;    /* 가운데 정렬 */
}

.content a {
  word-wrap: break-word;
  border: none;
  box-shadow: inset 0 -4px 0 #7d828a;
  transition-property: box-shadow;
  transition-duration: .1s;

  &:hover {
    box-shadow: inset 0 -1em 0 #7d828a; 
  }
}