@media screen and (max-width: 768px) {
  /* 모바일 화면에서 배경 이미지가 잘리지 않고 전체가 보이도록 설정 */
  .site-header, .header-image, .page-header, .custom-header {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
  }
}
/* 사파리 모바일 대응 및 배경 잘림 방지 */
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 768px) {
    /* 배경 이미지가 사파리에서 크게 확대되는 현상 방지 */
    .site-header, .header-image, .page-header, .custom-header, section, div {
      background-attachment: scroll !important;
      background-size: contain !important;
      background-position: center top !important;
    }
  }
}