/* ══════════════════════════════════════════════════════════════
   zlgoon clone — footer.css
   ft_nav(블랙 2등분) + ft(#F5F5F5 정보) + btnTop 플로팅 버튼
   ══════════════════════════════════════════════════════════════ */

.ft_nav { background: var(--color-dark-1); }
.ft_nav a {
  flex: 1 1 50%;
  max-width: 50%;
  text-align: center;
  font-size: 1.8rem;
  font-weight: var(--font-weight-semi-bold);
  color: #FFFFFF;
  padding: 3rem 0;
}
.ft_nav a:hover { color: var(--color-secondary); }

.ft { background: var(--color-grey-5); padding-top: 3.9rem; padding-bottom: 3.9rem; }

.ft-logo { width: 7rem; height: auto; display: block; }

.ft-bottom { margin-top: 2.2rem; }

.ft-info-txt p { font-size: 1.2rem; line-height: 2.24rem; color: var(--color-grey-1); }
.ft-info-txt .ft-co { margin-bottom: 0.3rem; }

.ft-info .split,
.ft-policy .split {
  display: inline-block;
  width: 1px;
  height: 1.1rem;
  margin: -0.1rem 0.55rem 0;
  background: #CCCCCC;
  vertical-align: middle;
}

.ft-link { text-decoration: underline; text-underline-offset: 0.2rem; }

.ft-policy { margin-top: 1.6rem; }
.ft-policy a { font-size: 1.2rem; font-weight: 600; color: var(--color-dark-3); }

.copy { margin-top: 1.4rem; font-size: 1.2rem; color: var(--color-grey-1); }

/* Family Site 드롭업 */
.dropup { position: relative; }
.dropup .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2.4rem;
  font-size: 1rem;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid var(--color-grey-2);
  border-radius: 0.35rem;
  padding: 0.9rem 1.5rem;
}
.dropup .plus { font-size: 1.2rem; line-height: 1; }
.dropup .dropdown-menu {
  display: none;
  position: absolute;
  bottom: calc(100% + 0.6rem);
  right: 0;
  min-width: 100%;
  background: #FFFFFF;
  border: 1px solid var(--color-grey-3);
  border-radius: 0.5rem;
  padding: 0.6rem 0;
  box-shadow: 0 0.6rem 2rem rgba(0, 0, 0, 0.1);
}
.dropup.open .dropdown-menu { display: block; }
.dropup .dropdown-item {
  display: block;
  font-size: 1.1rem;
  color: #4B4B4B;
  padding: 0.55rem 1.5rem;
  white-space: nowrap;
  text-align: left;
}
.dropup .dropdown-item:hover { background: var(--color-grey-5); color: #111111; }

.ft-sns { display: none; }
.ft-sns a {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--color-dark-3);
  margin-left: 0.55rem;
}

/* btnTop */
#btnTop {
  position: fixed;
  bottom: 2.375rem;
  right: 2.375rem;
  width: 5.75rem;
  height: 5.75rem;
  border-radius: 50%;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#btnTop.show { opacity: 1; pointer-events: auto; }
#btnTop:hover { transform: translateY(-0.4rem); }
#btnTop svg { width: 2rem; height: 2rem; }

@media (max-width: 1024px) {
  .ft_nav a { font-size: 1.5rem; padding: 2.6rem 0; }
  .ft { padding-top: 3.2rem; padding-bottom: 3.2rem; }
  .ft-bottom { margin-top: 1.8rem; }
  .ft-info-txt p { font-size: 1.25rem; line-height: 2.1rem; }
  .ft-info-txt p br { display: none; }
  #btnTop { width: 5rem; height: 5rem; bottom: 2rem; right: 2rem; }
}