/* ============================================================================
   랜딩 페이지 보강 스타일 (landing.css) — 2026-10-27
   · 입금계좌 카드 2장 (구매대행/배송대행)
   · 가이드 카드 호버
   · 섹션 간격 정리
   ============================================================================ */

/* 가이드 카드 호버 */
.banner-wrap .guide-card { transition: transform .2s, box-shadow .2s; }
.banner-wrap .guide-card:hover { transform: translateY(-3px); box-shadow: 0 .5rem 1rem rgba(0, 14, 34, .12); }
.banner-wrap .guide-card .guide-arrow { transition: transform .2s; }
.banner-wrap .guide-card:hover .guide-arrow { transform: translateX(4px); }

/* 입금계좌 카드 2장 */
.bq-acct-grid { max-width: 26rem; }
.bq-acct-card { padding: .75rem .375rem; }
.bq-acct-badge {
  display: inline-block; padding: .2rem .7rem; border-radius: 2rem;
  font-size: .75rem; font-weight: 700; line-height: 1.4; color: #fff; white-space: nowrap;
}
.bq-acct-badge.is-buy { background: #0b57d0; }
.bq-acct-badge.is-del { background: #0b7f5b; }
.bq-acct-logo {
  display: flex; align-items: center; justify-content: center;
  width: 6rem; max-width: 100%; aspect-ratio: 3 / 2; padding: .45rem .55rem;
  background: #fff; border: 1px solid #dee2e6; border-radius: .875rem;
  box-shadow: 0 .375rem .875rem rgba(15, 23, 42, .08);
}
.bq-acct-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.bq-acct-holder {
  display: flex; align-items: center; justify-content: center;
  min-height: 2.6em; line-height: 1.3;
  font-size: .8125rem; color: #212529; word-break: keep-all;
}
.bq-acct-number {
  font-size: .875rem; font-weight: 700; letter-spacing: .01em;
  color: #111; white-space: nowrap;
}
.bq-acct-bank { font-size: .75rem; color: #6c757d; }

@media (min-width: 1400px), (max-width: 991.98px) {
  .bq-acct-number { font-size: 1rem; }
}
@media (min-width: 992px) and (max-width: 1199.98px), (max-width: 575.98px) {
  .bq-acct-col { flex: 0 0 100%; max-width: 100%; }
  .bq-acct-number { font-size: 1rem; }
}

/* 환율 카드 높이 (모바일) */
@media (max-width: 767.98px) {
  .banner-wrap .exchange-rate { height: 19rem; }
}

/* 스케줄 ↔ 배송조회 ↔ 배너모음 간격 리듬 */
.main section:has(.schedule-wrap) { padding-bottom: 0; }
#banners { margin-top: 24px; padding-top: 0; }

/* 배너모음 ↔ 주요연결 간격: 기존 9rem(144px)의 절반으로 축소,
    주요연결 ↔ 푸터 사이에는 여백을 새로 확보(2026-10-27 사용자 지시) */
#shortcut { margin-top: 4.5rem; padding-bottom: 4rem; }
@media (max-width: 1199.98px) {
  #shortcut { margin-top: 3.5rem; }
}
@media (max-width: 991.98px) {
  #shortcut { margin-top: 2rem !important; padding-bottom: 3rem; }
}
@media (max-width: 767.98px) {
  #shortcut { margin-top: 1.5rem !important; padding-bottom: 2.5rem; }
}

/* 푸터 카드 제목: 테마의 고정 heading 색을 부모(text-light) 색으로 되돌린다 */
footer .card h3,
footer .card h4,
footer .card h5 { color: inherit; }

/* 히어로 최신공지 카드 (최대 4건: 제목 - 공지일)
   주의: .main-visual .link-wrap ul li (바로가기 타일) 스타일을 상속하므로 초기화 필요 */
.center-link .box.notice:hover { transform: none; }
.center-link .box.notice .notice-item,
.center-link .box.notice .notice-item:hover {
  min-width: 0; padding: 0; background: transparent;
  border: 0; box-shadow: none; backdrop-filter: none; transform: none;
}
.center-link .box.notice .notice-item + .notice-item {
  padding-top: .6rem; border-top: 1px solid rgba(0, 0, 0, .08);
}
.center-link .notice-item-title { min-width: 0; }
.center-link .notice-item-date { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.center-link .notice-item-link { min-width: 0; }
.center-link .notice-item-link:hover .notice-item-title {
  color: var(--bs-primary) !important; text-decoration: underline;
}
@media (min-width: 992px) {
  .center-link .notice-item { font-size: .9375rem; }
  .center-link .notice-item-date { font-size: .8125rem; }
}

/* 히어로 문구 한글/영어 교차 반복 (index.css 의 1회성 애니메이션을 덮어씀)
   10s 루프: 영어 4s → 크로스페이드 1s → 한글 4s → 크로스페이드 1s */
.main-visual .hero-text { display: grid; place-items: center; }
.main-visual .hero-text > div { grid-area: 1 / 1; width: 100%; }
.main-visual .hero-text > div:first-child {
  opacity: 1; transform: none;
  animation: bqHeroFadeEn 10s ease-in-out infinite;
}
.main-visual .hero-text > div:last-child {
  opacity: 0; transform: none;
  animation: bqHeroFadeKo 10s ease-in-out infinite;
}
@keyframes bqHeroFadeEn {
  0%, 40%  { opacity: 1; transform: translateX(0); }
  50%, 90% { opacity: 0; transform: translateX(-3rem); }
  100%     { opacity: 1; transform: translateX(0); }
}
@keyframes bqHeroFadeKo {
  0%, 40%  { opacity: 0; transform: translateX(3rem); }
  50%, 90% { opacity: 1; transform: translateX(0); }
  100%     { opacity: 0; transform: translateX(-3rem); }
}
@media (prefers-reduced-motion: reduce) {
  .main-visual .hero-text > div:first-child { animation: none; opacity: 0; }
  .main-visual .hero-text > div:last-child { animation: none; opacity: 1; transform: none; }
}

/* 히어로 문구 위 여백 — 하단 여백을 줄여 콘텐츠 전체를 아래로 이동 */
@media (min-width: 992px) {
  .main-visual .link-wrap { bottom: 1.5rem; }
}

/* 제휴/최신공지 카드 높이 축소 + 히어로 문구 위치 조정 (데스크톱) */
@media (min-width: 992px) {
  .center-link .row.row-cols-lg-2 { height: 300px; }
  .main-visual .hero-text { padding-top: 2.5rem; }
}