#pc-footer{ display:none; }
    @media (min-width:1025px){
      #pc-footer{ display:block; }
    }

    #pc-footer{
      --ink: #e5e5e5;
      --muted: #8892a0;
      --accent: #C5A869; /* 브라운스톤 샴페인 골드 */
      --line: rgba(255,255,255,0.08);
      background: #1a1a1a; /* 브라운스톤 다크 차콜 베이스 */
      color: var(--ink);
      font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
      position: relative; 
      overflow: hidden;
      border-top: 2px solid var(--accent); /* 상단 브라운스톤 골드 포인트 라인 */
    }
    
    #pc-footer .inner{
      max-width: 1400px; /* 전체 너비를 모던하게 넓힘 */
      margin: 0 auto; 
      padding: 60px 24px 70px;
    }
    
    #pc-footer h1{
      font-weight: 800; 
      font-size: 24px; 
      letter-spacing: -0.5px;
      color: #fff; 
      margin: 0 0 16px; 
      display: flex; 
      align-items: center;
    }
    
    #pc-footer h1::before {
      content: '';
      display: inline-block;
      width: 4px;
      height: 20px;
      background-color: var(--accent); /* 타이틀 앞 골드 포인트 */
      margin-right: 12px;
    }

    #pc-footer .divider{ height:1px; background:var(--line); margin:30px 0; }

    /* 2단 분리를 위한 grid 구조 */
    #pc-footer .info{
      display: grid; 
      grid-template-columns: 1fr 1fr; 
      gap: 10px 40px;
      line-height: 1.7; 
      font-size: 15px;
    }
    
    #pc-footer .info-col {
      display: flex; 
      flex-direction: column; 
      gap: 10px;
    }
    
    #pc-footer .info strong{ 
      color: #fff; 
      font-weight: 700; 
      display: inline-block;
      width: 110px; /* 라벨 너비 고정으로 정렬 */
    }
    
    #pc-footer .info b{ 
      color: var(--accent); 
      font-weight: 800; 
    }

    #pc-footer .subtext{
      font-size: 13px; 
      color: var(--muted); 
      line-height: 1.7; 
      margin-top: 20px;
      letter-spacing: -0.3px;
    }

    /* ===== 하단바 ===== */
    #pc-footer .bottom{
      border-top: 1px solid var(--line);
      margin-top: 30px; 
      padding-top: 20px;
      display: flex; 
      justify-content: space-between; 
      align-items: center;
      font-size: 13px; 
      color: var(--muted);
    }
    
    #pc-footer .bottom-left {
      display: flex; 
      align-items: center; 
      gap: 25px;
    }

    #pc-footer .copy{ 
      color: #7a828e; 
      font-weight: 500; 
      letter-spacing: 0.5px;
    }

    /* 패밀리 사이트 드롭다운 */
    #pc-footer .family-site {
      position: relative;
    }
    
    #pc-footer .family-site select {
      background: rgba(255,255,255,0.03);
      color: #ccc;
      border: 1px solid rgba(255,255,255,0.15);
      padding: 8px 35px 8px 15px;
      border-radius: 0; /* 모던한 직선 형태 */
      font-family: inherit;
      font-size: 13px;
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      outline: none;
      transition: all 0.3s ease;
    }
    
    #pc-footer .family-site select:hover,
    #pc-footer .family-site select:focus {
      border-color: var(--accent);
      color: #fff;
      background: rgba(255,255,255,0.08);
    }
    
    #pc-footer .family-site::after {
      content: '▼';
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 9px;
      color: var(--muted);
      pointer-events: none;
    }
    
    #pc-footer .family-site select option {
      background: #1a1a1a;
      color: #fff;
    }

    /* ⭐ 청년시장 텍스트 로고 */
    #pc-footer .finder-box{
      display: flex; 
      flex-direction: column; 
      align-items: flex-end;
      gap: 5px; 
      text-align: right;
    }
    
    #pc-footer .finder-logo-text{
      font-family: 'Montserrat', sans-serif;
      font-weight: 800;
      font-size: 20px;
      color: #fff;
      letter-spacing: -0.5px;
      display: flex; 
      align-items: center;
    }
    
    #pc-footer .finder-logo-text span{
      display: inline-block;
      width: 6px; 
      height: 6px;
      background: var(--accent); /* 전체 톤앤매너에 맞춘 골드 점 (직선미 강조를 위해 사각형 유지) */
      margin-left: 5px;
    }

    /* 링크 */
    #pc-footer .finder-link{
      color: var(--accent); 
      font-weight: 600;
      text-decoration: none;
      transition: color 0.2s ease;
    }
    
    #pc-footer .finder-link:hover{
      color: #fff;
    }

    /* 저작 문구 */
    #pc-footer .finder-designed{
      color: #6a717d;
      font-size: 12px;
    }

    /* 상단 이동 버튼 */
    #pc-footer .to-top{
      position: fixed; 
      right: 30px; 
      bottom: 30px;
      width: 48px; 
      height: 48px; 
      border-radius: 0; /* 모던한 사각형 */
      background: #2a2a2a; 
      color: #fff;
      border: 1px solid var(--line);
      display: grid; 
      place-items: center;
      cursor: pointer; 
      transition: all 0.3s ease;
    }
    
    #pc-footer .to-top:hover{ 
      background: var(--accent); 
      border-color: var(--accent);
      transform: translateY(-3px); 
    }
    
    @media (max-width:1024px){ #pc-footer .to-top{ display:none; } }
  

@media(min-width:1025px){#mobile-footer{display:none!important}}

#mobile-footer{
--ink:#F4F1EB;
--muted:rgba(255,255,255,.52);
--accent:#B8A078;
--accent-light:#D2C2A4;
--line:rgba(255,255,255,.09);
background:#242320;
color:var(--ink);
font-family:'Noto Sans KR',Pretendard,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
position:relative;
overflow:hidden;
padding:54px 22px 82px;
text-align:left;
border-top:1px solid var(--accent);
}

#mobile-footer *{box-sizing:border-box;margin:0;padding:0;list-style:none;letter-spacing:-.5px}

/* TITLE */
#mobile-footer .footer-eyebrow{
display:flex;
align-items:center;
gap:10px;
margin-bottom:14px;
font-family:'Montserrat',sans-serif;
font-size:9px;
font-weight:600;
color:var(--accent-light);
letter-spacing:2.5px;
}

#mobile-footer .footer-eyebrow::before{
content:'';
width:26px;
height:1px;
background:var(--accent);
}

#mobile-footer h1{
font-weight:500;
font-size:22px;
color:#fff;
margin-bottom:27px;
letter-spacing:-1px;
line-height:1.4;
}

/* INFO */
#mobile-footer .info-wrap{
display:flex;
flex-direction:column;
gap:9px;
font-size:13px;
line-height:1.7;
}

#mobile-footer .info-row{
display:flex;
align-items:baseline;
gap:8px;
white-space:nowrap;
}

#mobile-footer .info-row strong{
flex-shrink:0;
}

#mobile-footer .info-row span{
font-size:clamp(10px,2.8vw,13px);
}

#mobile-footer .info-wrap strong{
color:var(--accent-light);
font-weight:500;
}

#mobile-footer .info-wrap span{
color:rgba(255,255,255,.78);
font-weight:300;
word-break:keep-all;
}

#mobile-footer .info-wrap a{
color:#fff;
font-family:'Montserrat',sans-serif;
font-weight:600;
font-size:17px;
text-decoration:none;
letter-spacing:.3px;
}

/* DIVIDER */
#mobile-footer .divider{
height:1px;
background:var(--line);
margin:28px 0;
}

/* NOTICE */
#mobile-footer .subtext{
font-size:10.5px;
color:var(--muted);
line-height:1.75;
word-break:keep-all;
font-weight:300;
}

/* FAMILY */
#mobile-footer .family-wrap{margin-top:28px}

#mobile-footer .family-label{
font-family:'Montserrat',sans-serif;
font-size:9px;
font-weight:600;
color:rgba(255,255,255,.35);
letter-spacing:2px;
margin-bottom:11px;
text-transform:uppercase;
}

#mobile-footer .family-link{
display:inline-flex;
align-items:center;
gap:9px;
background:rgba(255,255,255,.03);
border:1px solid rgba(210,194,164,.24);
padding:11px 15px;
color:#E9E4DC;
font-family:'Montserrat',sans-serif;
font-size:12px;
font-weight:500;
text-decoration:none;
transition:.2s;
}

#mobile-footer .family-link:active{
background:rgba(184,160,120,.10);
border-color:var(--accent);
}

#mobile-footer .family-link svg{
width:14px;
height:14px;
stroke:var(--accent-light);
flex-shrink:0;
}

/* BOTTOM */
#mobile-footer .bottom{
border-top:1px solid var(--line);
margin-top:28px;
padding-top:26px;
display:flex;
flex-direction:column;
gap:18px;
}

#mobile-footer .copy{
color:rgba(255,255,255,.42);
font-family:'Montserrat',sans-serif;
font-weight:400;
font-size:10px;
letter-spacing:.3px;
}

#mobile-footer .finder-box{
display:flex;
flex-direction:column;
gap:5px;
}

#mobile-footer .finder-logo-text{
font-family:'Montserrat',sans-serif;
font-weight:600;
font-size:17px;
color:#fff;
letter-spacing:-.3px;
display:flex;
align-items:center;
}

#mobile-footer .finder-logo-text span{
display:inline-block;
width:5px;
height:5px;
background:var(--accent);
margin-left:5px;
}

#mobile-footer .finder-designed{
color:var(--muted);
font-size:11px;
font-weight:300;
}

#mobile-footer .finder-link{
color:var(--accent-light);
font-weight:500;
text-decoration:none;
font-size:12px;
margin-top:2px;
}

/* TO TOP */
#mobile-footer .to-top{
position:fixed;
right:15px;
bottom:85px;
width:44px;
height:44px;
background:#2D2C29;
color:#fff;
border:1px solid rgba(210,194,164,.25);
display:grid;
place-items:center;
cursor:pointer;
z-index:9999;
box-shadow:0 5px 18px rgba(0,0,0,.28);
transition:.2s;
}

#mobile-footer .to-top:active{
background:var(--accent);
border-color:var(--accent);
}

#mobile-footer .to-top svg{
width:19px;
height:19px;
}