/* 푸터 SNS 이동 버튼(components/chrome/FooterSns.tsx). 4개 레이아웃 전부에 로드된다.
 *
 * 원본 테마 CSS는 수정 금지라 별도 파일로 얹는다(chrome/mobile.css와 같은 관례).
 * 푸터는 검정 배경(#000)에 #999 텍스트 — 아이콘도 그 톤을 따르고, 호버에서만 밝아진다.
 * 디자인 시스템 원칙(여백이 톤, 포인트는 존재만 알리는 정도)에 맞춰 작고 조용하게. */

.ft_sns {
  display: flex;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ft_sns li { margin: 0; padding: 0; }
.ft_sns a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #999;
  border: 1px solid #333;
  border-radius: 50%;
  transition: color .15s, border-color .15s;
}
.ft_sns a:hover,
.ft_sns a:focus-visible { color: #fff; border-color: #777; outline: none; }
.ft_sns svg { width: 16px; height: 16px; display: block; }

/* 데스크톱: #ft_wr(position:relative) 기준 우상단 — 왼쪽의 로고(#ft_catch)와 대칭. */
#ft_wr > .ft_r_box .ft_sns { position: absolute; right: 0; top: 0; }

/* 모바일(#ft_copy 안): 링크 묶음과 사업자 정보 사이에 한 줄. */
#ft_copy .ft_sns { justify-content: flex-start; margin: 12px 0 14px; }
#ft_copy .ft_sns a { width: 34px; height: 34px; }
#ft_copy .ft_sns svg { width: 17px; height: 17px; }