@charset "UTF-8";
/* 푸터 — 검정 배경, 높이 800, 하단에 대형 DANARO 워드마크 */

.footer {
    position: relative;
    height: 800px;
    background: #000;
    overflow: hidden;
    color: var(--white);
}

.footer-inner { height: 100%; }

/* 고객센터 */
.footer-cs {
    position: absolute;
    top: 80px;
    left: 0;
    width: 112px;
}
.footer-cs-title { font-size: 14px; font-weight: 700; line-height: normal; }
.footer-cs-tel   { margin-top: 16px; font-size: 22px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
.footer-cs-time  { margin-top: 6px; font-size: 14px; line-height: 1.5; color: #ddd; }

/* 우측 링크 */
.footer-links {
    position: absolute;
    top: 80px;
    right: 0;
    display: flex;
    gap: 32px;
    font-size: 14px;
    white-space: nowrap;
}
.footer-links a { transition: opacity .2s ease; }
.footer-links a:hover { opacity: .7; }

/* 사업자 정보 — 시안의 세로 위치를 그대로 쓴다 (224 / 257 / 350) */
.footer-company { position: static; }
.footer-company-title {
    position: absolute;
    top: 224px;
    left: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
}
.footer-company-text {
    position: absolute;
    top: 257px;
    left: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #ddd;
}
.footer-company-text a { text-decoration: none; }
.footer-copyright {
    position: absolute;
    top: 350px;
    left: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--muted);
}

/* 하단 대형 워드마크 — 콘텐츠 폭(1680)에 꽉 차게 */
.footer-wordmark {
    position: absolute;
    top: 487.7px;
    left: 0;
    width: 100%;
    height: auto;
}

/* ============================================================
   모바일 (≤768) — 시안 MO_footer 기준 390 폭, 높이 760
   링크가 세로로 쌓이고 사업자 정보가 여러 줄로 흐른다.
   ============================================================ */
/* 모바일 전용 줄바꿈은 common.css 의 .br-mo 규칙을 쓴다 */

@media (max-width: 768px) {
    .footer { height: 760px; }
    .footer-company-text .sep--pc { display: none; }
    /* absolute 자식이 padding 을 무시하므로 여백을 주지 않고 좌표로 직접 잡는다 */
    .footer-inner { width: 100%; max-width: none; padding: 0; }

    /* 링크 — 위로 올라와 세로 나열 */
    .footer-links {
        top: 50px;
        right: auto;
        left: 20px;
        flex-direction: column;
        gap: 20px;
        line-height: 1.8;
    }

    /* 고객센터 — 링크 아래로 내려온다 */
    .footer-cs { top: 205px; left: 20px; width: auto; }
    .footer-cs-title { line-height: 1.8; }
    .footer-cs-tel   { margin-top: 12px; }
    .footer-cs-time  { margin-top: 6px; line-height: 1.8; }

    /* 시안: 205 에서 시작해 묶음 사이 30 간격 */
    .footer-company-title { top: 361px; left: 20px; line-height: 1.8; }
    .footer-company-text  { top: 399px; left: 20px; line-height: 1.8; }
    .footer-copyright     { top: 605px; left: 20px; }

    .footer-wordmark {
        top: 683.62px;
        left: 5px;
        width: 379.999px;
    }
}