/* =============================================
   Footer #4 — White Centered (Clean Modern)
   대상: 철거|원상복구업체 (dm.geongi.net) ys_no=4
   ※ footer3(다크 좌우)와 완전 대비: 라이트 + 중앙 적층
   ============================================= */

.f4w-root {
    width: 100%;
    position: relative;
    background: #FFFFFF;
    color: #555;
    margin: 0;
    padding: 0;
    text-align: center;
    /* font-family 강제 지정 없음 — 사이트 본문 폰트 상속 */
}
.f4w-root *,
.f4w-root *::before,
.f4w-root *::after { box-sizing: border-box; }

/* 상단 4px 시안 그라데이션 라인 */
.f4w-root::before {
    content: "";
    display: block;
    height: 4px;
    background: linear-gradient(90deg, transparent 0%, #17BBE1 25%, #17BBE1 75%, transparent 100%);
}

.f4w-wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 52px 20px 28px;
}

/* 브랜드: 가운데 큰 로고 + 사이트명 */
.f4w-brand {
    margin-bottom: 30px;
}
.f4w-brand a { display: inline-block; }
.f4w-brand img {
    max-height: 56px;
    width: auto;
    display: inline-block;
}
.f4w-brand-title {
    margin: 18px 0 6px;
    font-family: 'NanumSquare', 'NanumBarunGothic', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #1A2332;
    letter-spacing: -0.005em;
    line-height: 1.3;
}
.f4w-brand-title .f4w-brand-divider {
    display: inline-block;
    width: 36px;
    height: 2px;
    background: #17BBE1;
    margin: 6px auto 8px;
    vertical-align: middle;
    border-radius: 1px;
}
.f4w-brand-sub {
    margin: 0;
    font-family: 'NanumBarunGothic', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13px;
    color: #8A95A8;
    letter-spacing: 0.01em;
    font-weight: 500;
}

/* 회사정보 — 한 줄 슬래시 (중앙 정렬, footer3과 완전 다른 표현) */
.f4w-info {
    margin: 0 auto 24px;
    padding: 22px 0;
    border-top: 1px solid #ECEFF3;
    border-bottom: 1px solid #ECEFF3;
    max-width: 1080px;
}
.f4w-info-line {
    font-family: 'NanumBarunGothic', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    font-size: 13.5px;
    color: #666;
    line-height: 2;
    margin: 0;
}
.f4w-info-line .f4w-info-key {
    color: #98A1B4;
    font-weight: 500;
    margin-right: 5px;
}
.f4w-info-line .f4w-info-val {
    color: #2A3242;
    font-weight: 500;
}
.f4w-info-line .f4w-info-sep {
    display: inline-block;
    margin: 0 10px;
    color: #D5DAE3;
    font-weight: 400;
}

/* 전화번호: 큰 중앙 강조 (시안색, 박스 없이 깔끔) */
.f4w-tel {
    margin: 0 0 28px;
    font-family: 'NanumBarunGothic', sans-serif;
    color: #555;
}
.f4w-tel .f4w-tel-label {
    display: inline-block;
    font-size: 11.5px;
    letter-spacing: 0.28em;
    color: #98A1B4;
    font-weight: 700;
    margin-right: 14px;
    vertical-align: middle;
    text-transform: uppercase;
}
.f4w-tel .f4w-tel-num {
    font-family: 'Roboto Slab', 'NanumBarunGothic', serif;
    color: #17BBE1;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-decoration: none;
    vertical-align: middle;
    transition: color 0.2s;
}
.f4w-tel .f4w-tel-num:hover { color: #0E94B0; }
.f4w-tel .f4w-tel-ext {
    margin-left: 8px;
    color: #98A1B4;
    font-size: 13px;
    vertical-align: middle;
}

/* 약관 영역 */
.f4w-policies {
    margin: 0 0 18px;
}
.f4w-policies a {
    font-family: 'NanumBarunGothic', sans-serif;
    color: #5A6478;
    text-decoration: none;
    font-size: 13px;
    margin: 0 10px;
    font-weight: 600;
    position: relative;
    transition: color 0.2s;
}
.f4w-policies a:not(:last-child)::after {
    content: "·";
    position: absolute;
    right: -13px;
    top: 50%;
    transform: translateY(-50%);
    color: #C5CCD8;
    font-weight: 700;
}
.f4w-policies a:hover { color: #17BBE1; }

/* 카피라이트 (별도 영역, 옅은 회색 배경) */
.f4w-copy-area {
    background: #F7F9FC;
    padding: 18px 20px;
    border-top: 1px solid #ECEFF3;
}
.f4w-copy {
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'NanumBarunGothic', sans-serif;
    font-size: 12.5px;
    color: #98A1B4;
    letter-spacing: 0.02em;
}
.f4w-copy strong {
    color: #2A3242;
    font-weight: 700;
}

/* ===== 모바일 ===== */
@media all and (max-width: 720px) {
    .f4w-wrap { padding: 40px 18px 22px; }
    .f4w-brand img { max-height: 46px; }
    .f4w-brand-title { font-size: 17px; }
    .f4w-info { padding: 18px 0; }
    .f4w-info-line { font-size: 12.5px; line-height: 1.95; }
    .f4w-info-line .f4w-info-sep { display: none; }
    .f4w-info-line br.f4w-info-mobile-br { display: inline; }
    .f4w-info-line .f4w-info-block { display: block; margin: 2px 0; }
    .f4w-tel { margin-bottom: 22px; }
    .f4w-tel .f4w-tel-label { display: block; margin: 0 0 6px; }
    .f4w-tel .f4w-tel-num { font-size: 22px; }
    .f4w-policies a { margin: 0 8px; font-size: 12.5px; }
    .f4w-copy-area { padding: 16px 18px; }
    .f4w-copy { font-size: 12px; }
}

@media all and (max-width: 480px) {
    .f4w-brand { margin-bottom: 22px; }
    .f4w-brand img { max-height: 40px; }
    .f4w-brand-title { font-size: 15.5px; }
    .f4w-brand-sub { font-size: 12px; }
    .f4w-tel .f4w-tel-num { font-size: 20px; }
    .f4w-policies a { margin: 0 6px; font-size: 12px; }
}