/* 반응형 줄바꿈 헬퍼 (footer 등에서 공통 사용) */
.mobile-br {
  display: none;
}
.mobile-br::after {
  content: "\A";
  white-space: pre;
}

/* 데스크탑 줄바꿈 */
.web-br {
  display: inline;
}
.web-br::after {
  content: "\A";
  white-space: pre;
}

/* 테블릿 줄바꿈 */
.tab-br {
  display: none;
}
.tab-br::after {
  content: "\A";
  white-space: pre;
}

@media (max-width: 767px) {
  .mobile-br {
    display: inline;
  }
  .web-br {
    display: none;
  }
  .tab-br {
    display: none;
  }
}