/* 托普沃德(TopWorld) 마케팅 SPA 오버라이드
   - 앵커 스크롤 오프셋 / 언어 토글 숨김
   - 정사각 로고 크기 보정, 헤더 로그인·회원가입, 푸터 기술지원
   - 연락처 탭 hover 일관성, 여백 현대화 */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

/* 언어 전환(CN/KR) 메뉴 숨김 — 중국어 단일 버전.
   header.js 가 요소를 참조하므로 DOM 은 두고 화면에서만 감춘다. */
.header .lang-menu {
  display: none !important;
}

/* ── 로고: 원본이 정사각(256×256)이라 기존 width:100%(최대 140px) 규칙이
   세로로 과대해져 헤더(80px)를 넘침. 헤더 높이에 맞춰 세로 기준으로 축소 ── */
.header .logo-main {
  width: auto;
  max-width: none;
  min-height: 0;
  display: flex;
  align-items: center;
}
.header .logo-main > img {
  width: auto;
  height: 44px;
  display: block;
}
@media (max-width: 575px) {
  .header .logo-main > img { height: 38px; }
}

/* ── 헤더 우측: 문의 버튼 대신 로그인 / 회원가입 ── */
.header .auth-links {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header .auth-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 1.1rem;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.header .auth-links .loginBt {
  color: #409750;
  background: transparent;
  border: 1px solid #409750;
}
.header .auth-links .loginBt:hover {
  background: rgba(64, 151, 80, 0.08);
}
.header .auth-links .signupBt {
  color: #fff;
  background: #409750;
  border: 1px solid #409750;
}
.header .auth-links .signupBt:hover {
  background: #347c42;
  border-color: #347c42;
}
@media (max-width: 575px) {
  .header .auth-links { gap: 0.375rem; }
  .header .auth-links a {
    height: 34px;
    padding: 0 0.7rem;
    font-size: 0.875rem;
  }
}

/* ── 연락처 탭(총부/연구개발/물류): 위치 아이콘을 상시 노출(비활성=회색)하고
   hover 피드백을 추가해 '그냥 보일 때 ↔ 마우스 오버 ↔ 선택' 상태를 일관화.
   기존엔 active 에만 아이콘이 나타나 레이아웃이 밀리고 hover 반응이 없었음 ── */
.section03 ul.tab-inner li {
  transition: color 0.2s ease;
}
.section03 ul.tab-inner li:hover {
  color: #409750;
}
.section03 ul.tab-inner li .tabImg {
  display: inline-block;
  height: auto;
  max-width: 1.5rem;
  margin-right: 0.625rem;
  vertical-align: middle;
  opacity: 0.35;
  filter: grayscale(1);
  transition: opacity 0.2s ease, filter 0.2s ease;
}
.section03 ul.tab-inner li:hover .tabImg,
.section03 ul.tab-inner li .tabImg.active {
  opacity: 1;
  filter: none;
}

/* ── 푸터 로고: 정사각 아이콘이 10rem(160px)로 과대 → 아이콘 크기로 축소 ── */
.footer .footer-directory-column > img {
  width: 3.5rem;
  height: auto;
  margin-top: 1.5rem;
}

/* ── 푸터: 기술지원 바(技术支持：延吉一心科技信息有限公司) 노출 제거 요청 → 숨김 ── */
.footer .footer-content {
  flex-direction: column;
}
.footer .footer-bottom {
  display: none !important;
}

/* ── 헤더 로고 옆에 브랜드명(托普沃德) 노출 ── */
.header .logo-main::after {
  content: "托普沃德";
  margin-left: 0.625rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #409750;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .header .logo-main::after {
    font-size: 1.05rem;
    margin-left: 0.5rem;
  }
}

/* ── WMS(section04) 가로줄 제거 ──
   about.css 의 `.section04::after`(원본 about 페이지 전용 구분선)가
   단일 페이지로 합쳐지며 홈 WMS 영역으로 새어 들어와 회색 가로줄이 그려지던 문제 제거 ── */
.section04::after {
  display: none !important;
}

/* ── 한국 회사 설립 절차: 'STEP 0X' 아이콘 줄(.imgBoxWrap) 전체 제거 ── */
#arrowWrap .imgBoxWrap {
  display: none !important;
}

/* ── '一站式跨境电商 解决方案' 타이틀 윗여백 추가 ── */
.section03 .titleWrap {
  margin-top: 3rem;
}

/* ── 콘텐츠 카드 hover 리프트/그림자 효과 제거 요청 ──
   (서비스 아이콘·매장·파트너 카드 등에 마우스 올릴 때 떠오르던 효과 삭제) ── */

img {
  max-width: 100%;
}