/* 원본 CSS 위에 덮어쓰는 보정 규칙 (원본 파일은 그대로 두고 여기서만 수정) */

/* 푸터: 원본은 480px 이하에서만 모바일 배치를 쓰고, 그보다 넓은 태블릿 폭(약 481~700px)에서는
   메뉴 링크(.footer_wrap1)가 오른쪽에 절대 위치로 떠서 회사명/주소와 겹칩니다.
   768px 이하에서는 링크를 회사 정보 위쪽에 따로 쌓아 겹침을 없앱니다. */
@media (max-width: 768px) {
  .footer_wrap1 { position: relative; align-items: flex-start; margin-bottom: 3rem; }
  .footer_wrap1 .web_link1 { flex-wrap: wrap; row-gap: 1rem; }
  .footer_wrap1 .web_link1 li { margin-left: 0; margin-right: 2.4rem; }
  .footer_wrap1 .web_link2 { margin-top: 2rem; margin-right: 0; }
  .footer_wrap1 .web_link2 li { margin-left: 0; margin-right: 1rem; }
}

/* TOP/SHOP 버튼(.q_menu)의 가로 위치: 채널톡 버튼 중심에 맞춰 ChannelTalk 컴포넌트가 --q-right 를 계산해 넣습니다.
   채널톡이 없거나 아직 로드 전이면 원본 값(데스크톱 3.5rem, 480px 이하 14px)을 그대로 씁니다. */
.q_menu { right: var(--q-right, 3.5rem); }
@media (max-width: 480px) {
  .q_menu { right: var(--q-right, 14px); }
}