/* Footer */
.footer { background-color: var(--color-solid-white); }

/* Footer Top */
.footer__top { border-top: 1px solid var(--color-line-150); }
.footer__top .container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-block: 16px; }

/* Footer Policy Links */
.footer__policy-nav { display: flex; flex-wrap: wrap; align-items: center; row-gap: 10px; }
.footer__policy-link { position: relative; margin-right: 14px; padding-right: 14px; font-size: 14px; font-weight: 500; line-height: 1.5; color: var(--color-text-400); text-decoration: none; }
.footer__policy-link:first-child { padding-left: 0; }
.footer__policy-link:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 11px; background-color: var(--color-line-200); transform: translateY(-50%); }
.footer__policy-link:hover,
.footer__policy-link:focus-visible { color: var(--color-text-600); }
.footer__policy-link--emphasis { font-weight: 700; color: var(--color-text-500); }
.footer__util { display: flex; align-items: center; gap: 10px; }

/* Footer Language */
.footer__lang { position: relative; }
.footer__lang-btn { display: inline-flex; align-items: center; gap: 4px; height: 48px; padding-inline: 20px; border: 1px solid var(--color-line-150); border-radius: 24px; font-size: 14px; font-weight: 600; color: var(--color-text-500); background-color: var(--color-solid-white); }
.footer__lang-btn:hover,
.footer__lang-btn:focus-visible { border-color: var(--color-line-300); }
.footer__lang-btn .icon-arrow-down { width: 14px; height: 14px; transition: transform 0.2s ease; }
.footer__lang-btn.active .icon-arrow-down { transform: rotate(180deg); }
.footer__lang .select-list { display: none; position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 200; min-width: 120px; margin: 0; padding: 4px 0; list-style: none; background-color: var(--color-solid-white); border: 1px solid var(--color-line-150); border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); overflow: hidden; }
.footer__lang .select-list.active { display: block; }
.footer__lang .select-list li { margin: 0; }
.footer__lang .select-list a { display: block; padding: 8px 16px; font-size: 14px; font-weight: 500; color: var(--color-text-500); text-decoration: none; }
.footer__lang .select-list a:hover,
.footer__lang .select-list a:focus-visible { background-color: var(--color-solid-200); color: var(--color-text-600); }

/* Footer Social */
.footer__social { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.footer__social-link { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid var(--color-line-150); border-radius: 50%; color: var(--color-text-300); transition: border-color 0.2s ease, color 0.2s ease; }
.footer__social-link:hover,
.footer__social-link:focus-visible { border-color: var(--color-line-300); color: var(--color-text-400); }

/* Footer Body */
.footer__body { padding-block: 48px; border-top: 1px solid var(--color-line-150); background-color: var(--color-solid-white); }
.footer__inner { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 56px; }
.footer__info { width: 100%; }
.footer__address { margin: 0 0 16px; }
.footer__info-list { margin: 0; padding: 0; list-style: none; }
.footer__info-list > li { font-size: 14px; line-height: 1.5; color: var(--color-text-400); }
.footer__contact { margin-bottom: 28px; font-size: 14px; line-height: 1.5; color: var(--color-text-400); }
.footer__contact p { margin: 0; }
.footer__badges { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; }
.footer__badge-link { display: block; height: 39px; }
.footer__badge-link img { display: block; height: 100%; }

/* Footer Navigation */
.footer__nav { display: flex; flex-shrink: 0; gap: 56px; }
.footer__link-title { margin-bottom: 16px; font-size: 14px; font-weight: 700; color: var(--color-text-500); }
.footer__link-list a { display: block; padding-block: 7px; font-size: 14px; color: var(--color-text-300); }
.footer__link-list a:hover,
.footer__link-list a:focus-visible { color: var(--color-text-500); }


@media (max-width: 1024px) {
    .footer { padding-bottom: 50px; }
    
    /* Footer Top */
    .footer__top .container { flex-direction: column; align-items: flex-start; gap: 28px; }

    /* Footer Policy Links */
    .footer__policy-nav { margin-top: 8px; }
    .footer__policy-link { margin-right: 10px; padding-right: 10px; font-size: 13px; }
    
    /* Footer Body */
    .footer__body { padding-block: 24px 32px; }
    .footer__nav { gap: 40px; }
}

@media (max-width: 768px) {
    /* Footer Top */
    .footer__lang-btn { height: 40px; }
    .footer__lang .select-list.active { top: calc(100% + 6px); bottom: auto; }
    .footer__social-link { width: 40px; height: 40px; }
    .icon-sns { transform: scale(0.8); }

    /* Footer Body */
    .footer__inner { flex-direction: column; gap: 32px; }
    .footer__badges { gap: 14px; }
    .footer__badge-link { height: 34px; }
}