/* =============================================
   Footer #3 — Dark Premium (본사 톤 참고 + 디자인 개선)
   대상: 단열공사 (daneol.geongi.net) ys_no=3
   ============================================= */

.f3-root {
    width: 100%;
    position: relative;
    background: linear-gradient(180deg, #252937 0%, #1B1F2A 100%);
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    /* font-family 강제 지정 없음 — 사이트 본문 폰트 상속 */
}
.f3-root *,
.f3-root *::before,
.f3-root *::after { box-sizing: border-box; }

/* 상단 시안 hairline (위 콘텐츠와 부드러운 분리) */
.f3-root::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(23, 187, 225, 0.45) 50%, transparent 100%);
    pointer-events: none;
}

.f3-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 56px 20px 36px;
    display: flex;
    align-items: center;
    gap: 56px;
    flex-wrap: wrap;
}

/* 좌측 로고 영역 */
.f3-logo-area {
    flex: 0 0 300px;
    text-align: center;
}
.f3-logo-area a { display: inline-block; }
.f3-logo-area img {
    max-width: 280px;
    width: 100%;
    height: auto;
    display: block;
}
.f3-brand-name {
    margin-top: 16px;
    font-family: 'NanumBarunGothic', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: -0.005em;
    line-height: 1.5;
}
.f3-brand-name span {
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
}
.f3-brand-name .f3-brand-sep {
    margin: 0 8px;
    color: #17BBE1;
    opacity: 0.75;
    font-weight: 500;
}

/* 우측 정보 영역 - 시안 액센트로 시각적 구분 */
.f3-info-area {
    flex: 1;
    min-width: 320px;
    text-align: left;
    position: relative;
    padding-left: 36px;
}
.f3-info-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: linear-gradient(180deg, transparent 0%, rgba(23, 187, 225, 0.5) 30%, rgba(23, 187, 225, 0.5) 70%, transparent 100%);
}

/* 약관 링크 */
.f3-policies {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.f3-policies a {
    display: inline-block;
    color: #E8ECF3;
    text-decoration: none;
    font-size: 13.5px;
    margin-right: 22px;
    font-weight: 500;
    position: relative;
    transition: color 0.2s;
}
.f3-policies a:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
}
.f3-policies a:last-child { margin-right: 0; }
.f3-policies a:hover { color: #17BBE1; }

/* 회사정보 ul */
.f3-info {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13.5px;
    line-height: 2;
}
.f3-info li {
    display: inline-block;
    margin-right: 24px;
    color: #9CA3B0;
}
.f3-info-key {
    color: #6E7585;
    font-weight: 500;
    margin-right: 6px;
    font-size: 12.5px;
}
.f3-info-val {
    color: #DFE3EA;
    font-weight: 500;
}
.f3-info-val.f3-num {
    letter-spacing: 0.01em;
}

/* 대표번호 시안 강조 박스 — 더 세련된 디자인 */
.f3-tel-bx {
    display: inline-block;
    color: #17BBE1;
    background: rgba(23, 187, 225, 0.09);
    border: 1px solid rgba(23, 187, 225, 0.3);
    padding: 3px 12px;
    border-radius: 4px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: all 0.22s ease;
}
.f3-tel-bx:hover {
    background: rgba(23, 187, 225, 0.18);
    border-color: rgba(23, 187, 225, 0.65);
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(23, 187, 225, 0.15);
}

/* 카피라이트 영역 - 더 깊은 다크 */
.f3-copy-area {
    background: #14171F;
    text-align: center;
    padding: 22px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}
.f3-copy-inner {
    max-width: 1200px;
    margin: 0 auto;
    color: #ABB1BC;
    font-size: 13px;
    letter-spacing: 0.025em;
}
.f3-copy-inner strong {
    color: #FFFFFF;
    font-weight: 700;
}
.f3-copy-inner .f3-copy-mark {
    color: #17BBE1;
    margin-right: 6px;
    font-weight: 700;
}
.f3-copy-inner .f3-copy-dot {
    margin: 0 8px;
    color: rgba(255, 255, 255, 0.25);
}

/* ===== 모바일 ===== */
@media all and (max-width: 880px) {
    .f3-wrap {
        flex-direction: column;
        text-align: center;
        gap: 28px;
        padding: 40px 20px 28px;
    }
    .f3-logo-area { flex: 0 0 auto; }
    .f3-info-area {
        text-align: center;
        min-width: 0;
        width: 100%;
        padding: 28px 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .f3-info-area::before {
        display: none;
    }
    .f3-policies {
        text-align: center;
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
    .f3-policies a { margin: 0 8px; }
    .f3-policies a:not(:last-child)::after { display: none; }
    .f3-info li {
        display: block;
        margin: 0;
        line-height: 1.95;
    }
    .f3-copy-area { padding: 20px 18px; }
    .f3-copy-inner { font-size: 12.5px; }
    .f3-copy-inner .f3-copy-dot { display: none; }
}

@media all and (max-width: 480px) {
    .f3-logo-area img { max-width: 220px; }
    .f3-policies a { margin: 0 6px; font-size: 13px; }
    .f3-info { font-size: 13px; }
    .f3-info-key { font-size: 12px; }
    .f3-tel-bx { font-size: 13px; padding: 2px 10px; }
}