/* css/hwaon_real_estate_1.css — html/real_estate.php 인라인 <style> 블록 1 추출 (S64-A · 순서 보존) */
.re-page{font-family:var(--font-body);overflow-x:hidden;color:var(--hw-text);overflow-y:visible}
.re-page{overflow:visible!important}

/* ══════════════════════════════════════════════════════════════
 * 부동산 분쟁 전담센터 — Warm Luxury · Editorial Premium
 * 변수 일부는 hwaon_landings_common.css에서 상속
 * ══════════════════════════════════════════════════════════════ */
:root{
    --re-navy:var(--hw-navy,#1B2A4A);
    --re-navy-deep:#0D1B35;
    --re-orange:#EA5514;
    --re-gold:#C9A96E;
    --re-gold-dim:rgba(201,169,110,.12);
    --re-cream:#F5F0EB;
    --re-bg:#FAFAF7;
    --re-text:#2C2C2C;
    --re-text-sub:#6B6B6B;
    --re-border:#E8E2DA;
    --font-display:'Cormorant Garamond','Playfair Display',Georgia,serif;
    --font-serif:'Noto Serif KR','Nanum Myeongjo',serif;
    --font-body:'Pretendard Variable','Pretendard',-apple-system,sans-serif;
}

body{background:var(--re-bg);color:var(--re-text);}
/* [세션 95-E2 후속] max-width:100%!important 추가 — divorce·sex_crime과 동일한 full-bleed 허용 */
#sub-container{padding:0!important;max-width:100%!important;}
#content,#con_left{width:100%!important;max-width:100%!important;float:none!important;padding:0!important;}
/* [이슈 4 수정] 다른 전담센터 랜딩과 동일하게 그누보드 기본 sub-visual 숨김 */
#sub-visual-wrap,.sub-visual-wrap,#visual,.sub-visual{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
.sv_wrap,.sub_title_wrap,.page_title,.sub_visual,.location_box{display:none!important;}
::selection{background:var(--re-orange);color:#fff;}

/* ══ HERO ══ */

/* [세션 140 호흡5] hero-ornament — 골드 4 모서리 detail (Canon §6 punctuation) */
.re-hero-ornament{position:absolute;inset:0;pointer-events:none;z-index:3}
.re-hero-ornament span{position:absolute;width:42px;height:42px;border:1px solid rgba(201,169,110,.45);transition:opacity 0.8s ease 0.4s;opacity:0;animation:hero-orn-fade-in 1.4s ease-out 0.6s forwards}
.re-orn-tl{top:28px;left:28px;border-right:none;border-bottom:none}
.re-orn-tr{top:28px;right:28px;border-left:none;border-bottom:none}
.re-orn-bl{bottom:28px;left:28px;border-right:none;border-top:none}
.re-orn-br{bottom:28px;right:28px;border-left:none;border-top:none}
@keyframes hero-orn-fade-in{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}
@media(max-width:768px){
    .re-hero-ornament span{width:28px;height:28px;top:18px;left:18px;right:18px;bottom:18px}
}

.re-hero{
    position:relative;
    background:var(--re-navy-deep);
    color:#fff;
    padding:0 0 0;
    overflow:hidden;
    min-height:720px;
    margin-top:0;
}
.re-hero::before{
    content:'';position:absolute;inset:0;
    background-image:
        repeating-linear-gradient(90deg,transparent,transparent 119px,rgba(255,255,255,.015) 119px,rgba(255,255,255,.015) 120px),
        repeating-linear-gradient(0deg,transparent,transparent 119px,rgba(255,255,255,.015) 119px,rgba(255,255,255,.015) 120px);
    pointer-events:none;
}
.re-hero::after{
    content:'';position:absolute;
    bottom:-100px;right:-100px;
    width:600px;height:600px;border-radius:50%;
    background:radial-gradient(circle,rgba(234,85,20,.08) 0%,transparent 65%);
    pointer-events:none;
}
.re-hero-body{
    position:relative;z-index:2;
    max-width:1320px;margin:0 auto;
    padding:120px 40px 80px;
    display:grid;grid-template-columns:minmax(0,1fr) 440px;
    gap:80px;align-items:start;
}
.re-hero-body .hw-firm-eyebrow{
    grid-column:1/-1;
    display:flex;align-items:center;gap:12px;
    margin-bottom:36px;
    color:var(--re-gold);
    font-family:var(--font-display);
    font-size:12px;letter-spacing:6px;
    text-transform:uppercase;font-weight:600;
}
.hw-firm-eyebrow-logo{font-weight:700;letter-spacing:8px;}
.hw-firm-eyebrow-sep{display:inline-block;width:30px;height:1px;background:var(--re-gold);opacity:.6;}
.hw-firm-eyebrow-text{opacity:.85;letter-spacing:3px;font-size:11px;}

.re-hero-left{position:relative;z-index:3;}

.hw-editorial-kicker{
    display:inline-flex;align-items:center;gap:14px;
    margin-bottom:28px;
    color:var(--re-gold);
    font-family:var(--font-display);
    font-size:13px;letter-spacing:3.5px;
    text-transform:uppercase;font-weight:500;
    animation:re-fu .9s cubic-bezier(.22,1,.36,1) .2s both;
}
.hw-kicker-rule{display:inline-block;width:24px;height:1px;background:var(--re-gold);opacity:.7;}

.re-hero-divider{
    width:48px;height:2px;background:var(--re-gold);
    margin-bottom:36px;
    animation:re-fu .9s cubic-bezier(.22,1,.36,1) .3s both;
}

.re-hero-h1{
    font-family:var(--font-serif);
    font-size:clamp(38px,4.2vw,60px);
    font-weight:700;line-height:1.15;letter-spacing:-.03em;
    color:#fff;margin:0 0 28px;
    animation:re-fu .9s cubic-bezier(.22,1,.36,1) .4s both;
}
.re-hero-h1 em{
    font-style:normal;color:var(--re-gold);
    position:relative;
}
.re-hero-h1 em::after{
    content:'';position:absolute;
    left:0;right:0;bottom:4px;height:8px;
    background:rgba(201,169,110,.25);
    z-index:-1;
}
.re-hero-signature{
    font-family:var(--font-display);
    font-style:italic;
    font-size:clamp(18px,1.8vw,22px);
    color:var(--re-gold);
    margin-bottom:20px;letter-spacing:.5px;
    animation:re-fu .9s cubic-bezier(.22,1,.36,1) .45s both;
}
.re-hero-sub{
    font-family:var(--font-body);
    font-size:16.5px;line-height:1.85;
    color:rgba(255,255,255,.82);
    margin:0 0 44px;max-width:560px;
    animation:re-fu .9s cubic-bezier(.22,1,.36,1) .5s both;
    word-break:keep-all;
}
.re-hero-sub strong{color:#fff;font-weight:600;}

.re-hero-btns{
    display:flex;flex-wrap:wrap;gap:12px;
    margin-bottom:40px;
    animation:re-fu .9s cubic-bezier(.22,1,.36,1) .6s both;
}
.re-btn-primary,.re-btn-ghost{
    display:inline-flex;align-items:center;gap:10px;
    padding:16px 32px;border-radius:50px;
    font-family:var(--font-body);
    font-size:14.5px;font-weight:700;letter-spacing:-.01em;
    text-decoration:none;
    transition:transform .4s cubic-bezier(.19,1,.22,1),box-shadow .4s cubic-bezier(.19,1,.22,1),background .4s cubic-bezier(.19,1,.22,1);
}
.re-btn-primary{
    background:var(--re-orange);color:#fff;
    box-shadow:0 12px 32px rgba(234,85,20,.35);
}
.re-btn-primary:hover{
    background:#d14a10;color:#fff;text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 16px 40px rgba(234,85,20,.42);
}
.re-btn-ghost{
    background:transparent;color:#fff;
    border:1px solid rgba(255,255,255,.3);
}
.re-btn-ghost:hover{
    background:rgba(255,255,255,.08);color:#fff;
    text-decoration:none;border-color:rgba(201,169,110,.6);
}

.re-hero-creds{
    display:flex;flex-wrap:wrap;gap:10px;
    animation:re-fu .9s cubic-bezier(.22,1,.36,1) .7s both;
}
.re-hero-cred{
    display:inline-flex;align-items:center;gap:6px;
    font-size:11px;color:var(--re-gold);
    border:1px solid rgba(201,169,110,.35);
    border-radius:4px;padding:5px 13px;
    background:rgba(201,169,110,.08);
    letter-spacing:.3px;
}
.re-hero-cred i{font-size:9px;}

/* ── Hero 우측: 오정환 메인 + 3인 전담팀 ── */
.re-hero-right{
    position:relative;z-index:3;
    animation:re-fu 1s cubic-bezier(.22,1,.36,1) .5s both;
}
.re-sc{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(201,169,110,.2);
    border-radius:4px;
    padding:32px 28px;margin-bottom:20px;
}
.re-hero-sc-title{
    display:block;
    font-family:var(--font-display);
    font-size:11px;letter-spacing:4px;
    color:var(--re-gold);text-transform:uppercase;
    font-weight:600;margin-bottom:22px;
}
.re-sc-item{
    display:grid;grid-template-columns:42px 1fr;gap:14px;
    padding:16px 0;
    border-top:1px solid rgba(255,255,255,.07);
}
.re-sc-item:first-of-type{border-top:none;padding-top:4px;}
.re-sc-icon{
    width:42px;height:42px;
    background:rgba(201,169,110,.1);
    border:1px solid rgba(201,169,110,.3);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:var(--re-gold);font-size:16px;
}
.re-sc-label{
    font-family:var(--font-serif);
    font-size:14.5px;font-weight:700;
    color:#fff;line-height:1.4;
    display:block;margin-bottom:6px;
}
.re-sc-desc{
    font-size:12px;line-height:1.65;
    color:rgba(255,255,255,.65);
    display:block;
}

/* 담당 변호사 미니 카드 — LEAD만 표시 (Support는 _landing_senior_partners.php 파셜) */
.re-attys{
    display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.re-mini-atty{
    position:relative;display:block;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(201,169,110,.15);
    padding:14px 12px;border-radius:4px;
    text-decoration:none;
    transition:all .4s cubic-bezier(.19,1,.22,1);
}
.re-mini-atty.is-lead{
    border:2px solid var(--re-gold);
    background:rgba(201,169,110,.08);
    box-shadow:0 6px 20px rgba(201,169,110,.12);
}
.re-mini-atty.is-lead::before{
    content:'LEAD';
    position:absolute;top:-9px;left:50%;transform:translateX(-50%);
    background:var(--re-gold);color:var(--re-navy-deep);
    font-family:var(--font-display);
    font-size:9px;font-weight:700;letter-spacing:2px;
    padding:3px 10px;border-radius:2px;
}
.re-mini-atty:hover{
    background:rgba(255,255,255,.08);text-decoration:none;
    transform:translateY(-3px);
    border-color:rgba(201,169,110,.4);
}
.re-mini-photo{
    width:64px;height:64px;border-radius:50%;
    overflow:hidden;margin:6px auto 10px;
    border:2px solid rgba(201,169,110,.25);
}
.re-mini-atty.is-lead .re-mini-photo{
    width:72px;height:72px;
    border-color:var(--re-gold);
}
.re-mini-photo img{width:100%;height:100%;object-fit:cover;object-position:top;}
.re-mini-pos{
    display:block;text-align:center;
    font-family:var(--font-display);
    font-size:9.5px;letter-spacing:2.5px;
    color:var(--re-gold);
    text-transform:uppercase;font-weight:600;
    margin-bottom:4px;
}
.re-mini-name{
    display:block;text-align:center;
    font-family:var(--font-serif);
    font-size:15.5px;font-weight:700;color:#fff;
    margin-bottom:4px;
}
.re-mini-cred{
    display:block;text-align:center;
    font-size:10.5px;line-height:1.4;
    color:rgba(255,255,255,.55);
    letter-spacing:-.1px;
}

/* Hero 하단 수치 바 */
.re-hero-stats{
    position:relative;z-index:2;
    max-width:1320px;margin:0 auto;
    padding:28px 40px;
    display:flex;align-items:center;justify-content:space-around;
    border-top:1px solid rgba(255,255,255,.08);
    background:rgba(0,0,0,.25);
}
.re-stat{text-align:center;padding:6px 10px;flex:1;}
.re-stat-n{
    display:block;
    font-family:var(--font-display);
    font-size:clamp(28px,3vw,38px);
    font-weight:700;color:var(--re-gold);
    line-height:1;margin-bottom:6px;
}
.re-stat-l{
    display:block;
    font-size:11px;color:rgba(255,255,255,.65);
    letter-spacing:.5px;
}
.re-stat-div{width:1px;height:32px;background:rgba(201,169,110,.25);}

@keyframes re-fu{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}

/* ══ 공통 섹션 ══ */
.re-section{padding:100px 0;position:relative;}
/* [세션 95-E2 후속] re-sec-light 배경 #FAFAF7 → #FFFFFF 변경
   Senior Partners 크림(#F5F0EB)과 명도 대비 강화로 full-bleed 배경 분리감 확보 */
.re-sec-light{background:#FFFFFF;}
.re-sec-cream{background:var(--re-cream);}
.re-sec-dark{background:var(--re-navy);color:#fff;}
.re-inner{max-width:1280px;margin:0 auto;padding:0 40px;}

.re-sec-eyebrow{
    display:block;text-align:center;
    font-family:var(--font-display);
    font-size:12px;letter-spacing:5px;
    color:var(--hw-gold-ink); /* [η-2] 12px 소형 · gold-ink · 별칭 --re-gold 우회 */
    text-transform:uppercase;
    font-weight:600;margin-bottom:20px;
}
.re-sec-title{ text-align:center;
    font-family:var(--font-serif);
    font-size:clamp(30px,3.5vw,46px);
    font-weight:700;line-height:1.25;
    letter-spacing:-.03em;
    color:var(--re-navy);margin:0 0 60px;
}
.re-sec-dark .re-sec-title{color:#fff;}
.re-sec-title em{font-style:normal;color:var(--re-orange);position:relative;}
.re-sec-title em::after{
    content:'';position:absolute;left:0;right:0;bottom:3px;
    height:8px;background:rgba(234,85,20,.18);z-index:-1;
}
.re-sec-sub{ text-align:center;max-width:780px;margin:-44px auto 56px;
    font-size:16px;line-height:1.85;
    color:var(--re-text-sub);word-break:keep-all;
}
.re-head-title + .re-sec-sub{margin-top:8px}

/* ── [R1] 분쟁 유형 맵 ── */
.re-disputes{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.re-dispute-card{
    background:#fff;border:1px solid var(--re-border);
    padding:40px 32px;border-radius:4px;
    transition:all .5s cubic-bezier(.19,1,.22,1);
    position:relative;overflow:hidden;
    display:block;text-decoration:none;color:inherit;
}
.re-dispute-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--re-gold),var(--re-orange));
    transform:scaleX(0);transform-origin:left;
    transition:transform .6s cubic-bezier(.19,1,.22,1);
}
.re-dispute-card:hover{
    border-color:var(--re-gold);color:inherit;text-decoration:none;
    transform:translateY(-6px);
    box-shadow:0 16px 48px rgba(27,42,74,.1);
}
.re-dispute-card:hover::before{transform:scaleX(1);}
.re-dispute-num{
    font-family:var(--font-display);font-style:italic;
    font-size:42px;font-weight:400;
    color:rgba(201,169,110,.3);
    line-height:1;margin-bottom:20px;
}
.re-dispute-title{
    font-family:var(--font-serif);
    font-size:19px;font-weight:700;
    color:var(--re-navy);margin:0 0 14px;
    letter-spacing:-.02em;
}
.re-dispute-keys{
    display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;
}
.re-dispute-key{
    font-size:11px;color:var(--re-orange);
    background:rgba(234,85,20,.08);
    padding:3px 10px;border-radius:20px;
    letter-spacing:-.1px;
}
.re-dispute-desc{
    font-size:13.5px;line-height:1.75;
    color:var(--re-text-sub);
    margin-bottom:22px;word-break:keep-all;
}
.re-dispute-law{
    font-size:11.5px;color:var(--re-navy);
    padding-top:14px;border-top:1px dashed var(--re-border);
    font-weight:600;letter-spacing:-.1px;
}
.re-dispute-law i{color:var(--re-gold);margin-right:5px;}

/* ── [R2] @deprecated — 세션 95-E2: re-oh-hero 단독 섹션 제거 후 Lead Attorney 공통 파셜로 이관. 관련 CSS 제거. ── */

/* ── [R3] Supporting 2인 섹션 → 세션 95-D에서 Senior Partners 공통 파셜(_landing_senior_partners.php)로 이관. 관련 CSS·섹션 제거 ── */

/* ── [R4] 대응 프로세스 ── */
.re-process-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
    margin-top:40px;
}
.re-process-step{
    background:#fff;border:1px solid var(--re-border);
    padding:36px 26px;position:relative;border-radius:4px;
    transition:all .4s cubic-bezier(.19,1,.22,1);
}
.re-process-step:hover{
    border-color:var(--re-gold);
    transform:translateY(-4px);
    box-shadow:0 12px 32px rgba(27,42,74,.08);
}
.re-process-num{
    font-family:var(--font-display);font-style:italic;
    font-size:52px;font-weight:400;
    color:rgba(201,169,110,.35);
    line-height:1;margin-bottom:18px;display:block;
}
.re-process-title{
    font-family:var(--font-serif);
    font-size:16.5px;font-weight:700;
    color:var(--re-navy);margin:0 0 12px;letter-spacing:-.02em;
}
.re-process-desc{
    font-size:12.5px;line-height:1.75;color:var(--re-text-sub);
}
.re-process-time{
    display:inline-block;margin-top:14px;
    font-family:var(--font-display);
    font-size:10.5px;letter-spacing:2px;color:var(--re-orange);
    text-transform:uppercase;font-weight:700;
}

/* ── [R5] FAQ ── */
.re-faq-list{max-width:900px;margin:0 auto;}
.re-faq-item{
    border-bottom:1px solid var(--re-border);
    padding:0;
}
.re-faq-q{
    display:flex;align-items:flex-start;gap:18px;
    padding:26px 4px;cursor:pointer;
    font-family:var(--font-serif);
    font-size:17px;font-weight:700;
    color:var(--re-navy);line-height:1.5;
    transition:color .3s ease;
}
.re-faq-q:hover{color:var(--re-orange);}
.re-faq-q-mark{
    font-family:var(--font-display);
    font-size:20px;color:var(--re-gold);font-weight:600;
    flex-shrink:0;line-height:1.3;
}
.re-faq-q-text{flex:1;word-break:keep-all;}
.re-faq-q-icon{
    flex-shrink:0;margin-top:4px;color:var(--re-gold);
    transition:transform .4s ease;font-size:14px;
}
.re-faq-item.open .re-faq-q-icon{transform:rotate(180deg);}
.re-faq-a{
    display:none;padding:0 28px 28px 48px;
    font-size:14.5px;line-height:1.9;
    color:var(--re-text-sub);word-break:keep-all;
}
.re-faq-a strong{color:var(--re-navy);font-weight:600;}
.re-faq-item.open .re-faq-a{display:block;animation:re-fu .5s ease;}

/* ── [R6] CTA Bottom ── */
.re-cta-bottom{
    background:var(--re-navy-deep);color:#fff;padding:100px 0;
    position:relative;overflow:hidden;
}
.re-cta-bottom::before{
    content:'';position:absolute;
    top:-50%;left:50%;transform:translateX(-50%);
    width:800px;height:800px;
    background:radial-gradient(circle,rgba(201,169,110,.12) 0%,transparent 60%);
    pointer-events:none;
}
.re-cta-inner{
    max-width:1000px;margin:0 auto;padding:0 40px; text-align:center;position:relative;z-index:2;
}
.re-cta-eyebrow{
    font-family:var(--font-display);
    font-size:12px;letter-spacing:5px;
    color:var(--re-gold);text-transform:uppercase;
    font-weight:600;margin-bottom:20px;display:block;
}
.re-cta-title{
    font-family:var(--font-serif);
    font-size:clamp(30px,3.5vw,48px);
    font-weight:700;line-height:1.25;color:#fff;
    margin:0 0 28px;letter-spacing:-.03em;
}
.re-cta-title em{font-style:normal;color:var(--re-gold);}
.re-cta-sub{
    font-size:17px;line-height:1.85;
    color:rgba(255,255,255,.75);
    margin-bottom:40px;word-break:keep-all;
}
.re-cta-btns{
    display:flex;justify-content:center;flex-wrap:wrap;gap:12px;
}
.re-cta-contact{
    margin-top:40px;padding-top:40px;
    border-top:1px solid rgba(255,255,255,.12);
    display:flex;flex-wrap:wrap;justify-content:center;
    gap:20px 36px;font-size:13px;color:rgba(255,255,255,.55);
}
.re-cta-contact b{color:var(--re-gold);font-weight:600;}

/* 반응형 */
@media(max-width:1024px){
    .re-hero-body{grid-template-columns:1fr;padding:24px 30px;}
    .re-disputes{grid-template-columns:repeat(2,1fr);}
    .re-process-grid{grid-template-columns:repeat(2,1fr);}
    .re-support-grid{grid-template-columns:1fr;}  /* @deprecated: 공통 파셜로 이관, 잔존 참조 방지용 */
}
/* ══ [NEW] 성공사례 섹션 ══ */
.re-cases-grid{
    display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:20px;
}
.re-case-card{
    flex:1 1 calc(33.333% - 15px);max-width:calc(33.333% - 15px);
}
.re-cases-more-wrap{text-align:center;margin-top:48px}
.re-case-card{
    display:flex;flex-direction:column;align-items:flex-start;
    background:#fff;border:1px solid var(--re-border);
    padding:32px 28px;text-decoration:none;color:inherit;border-radius:4px;
    position:relative;transition:all .5s cubic-bezier(.19,1,.22,1);
    overflow:hidden;min-height:240px;
}
.re-case-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--re-gold),var(--re-orange));
    transform:scaleX(0);transform-origin:left;
    transition:transform .6s cubic-bezier(.19,1,.22,1);
}
.re-case-card:hover{
    border-color:var(--re-gold);color:inherit;text-decoration:none;
    transform:translateY(-4px);box-shadow:0 16px 40px rgba(27,42,74,.08);
}
.re-case-card:hover::before{transform:scaleX(1);}
.re-case-badge{
    display:inline-block;font-size:10.5px;letter-spacing:1.5px;font-weight:700;
    color:var(--re-orange);background:rgba(234,85,20,.08);
    padding:4px 10px;border-radius:3px;margin-bottom:16px;
}
.re-case-title{
    font-family:var(--font-serif);
    font-size:16.5px;font-weight:700;color:var(--re-navy);
    line-height:1.5;margin:0 0 12px;letter-spacing:-.02em;
    word-break:keep-all;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;min-height:48px;
}
.re-case-summary{
    font-size:13px;line-height:1.75;color:var(--re-text-sub);
    margin-bottom:18px;word-break:keep-all;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;flex:1;align-self:stretch;
}
.re-case-result{
    display:inline-flex;align-items:center;gap:6px;
    font-size:12px;font-weight:700;letter-spacing:-.01em;
    padding:5px 12px;border-radius:2px;margin-top:auto;
}
.re-rc-gold{background:rgba(201,169,110,.12);color:var(--hw-gold-ink);border:1px solid rgba(201,169,110,.3);}
.re-rc-blue{background:rgba(27,42,74,.08);color:var(--re-navy);border:1px solid rgba(27,42,74,.2);}
.re-rc-green{background:rgba(71,140,90,.12);color:#478C5A;border:1px solid rgba(71,140,90,.3);}

.re-empty-box{ text-align:center;padding:56px 24px;
    background:rgba(27,42,74,.03);border:1px solid rgba(27,42,74,.08);
    border-radius:4px;max-width:760px;margin:0 auto;
}
.re-empty-box i{font-size:30px;color:rgba(201,169,110,.55);margin-bottom:18px;}
.re-empty-box h3{
    font-family:var(--font-serif);font-size:19px;font-weight:700;
    color:var(--re-navy);margin:0 0 12px;letter-spacing:-.01em;
}
.re-empty-box p{font-size:14px;color:var(--re-text-sub);line-height:1.75;margin:0 0 22px;}
.re-empty-cta{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--re-orange);color:#fff;padding:12px 26px;
    border-radius:30px;text-decoration:none;font-size:13px;font-weight:700;
    transition:all .4s ease;
}
.re-empty-cta:hover{background:#d14a10;color:#fff;text-decoration:none;transform:translateY(-2px);}

.re-more-btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:14px 32px;border:1px solid var(--re-navy);
    color:var(--re-navy);text-decoration:none;
    font-size:13.5px;font-weight:700;letter-spacing:-.01em;
    border-radius:2px;transition:all .4s ease;margin-top:32px;
}
.re-more-btn:hover{background:var(--re-navy);color:#fff;text-decoration:none;}

/* [세션 95-E2 후속 / 단계 2] re-reviews-wrap + re-rv-* CSS 제거 — _landing_reviews_slider.php 공통 파셜로 이관 */

/* ══ [NEW] 인사이트 섹션 ══ */
.re-news-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
}
.re-news-item{
    display:grid;grid-template-columns:auto 1fr;gap:18px;
    background:#fff;border:1px solid var(--re-border);
    padding:22px 28px;border-radius:4px;
    text-decoration:none;color:inherit;align-items:center;
    transition:all .4s cubic-bezier(.19,1,.22,1);
}
.re-news-item:hover{
    border-color:var(--re-gold);color:inherit;text-decoration:none;
    transform:translateX(4px);box-shadow:0 8px 24px rgba(27,42,74,.08);
}
.re-nb{
    font-family:var(--font-display);
    font-size:10px;letter-spacing:1.5px;font-weight:700;
    padding:4px 10px;border-radius:2px;text-transform:uppercase;
    white-space:nowrap;
    /* [세션 95-E2 후속] 뱃지 폭 통일 — 분류와 무관하게 제목 시작 위치 정렬 */
    min-width:92px;text-align:center;
    display:inline-flex;align-items:center;justify-content:center;
}
.re-nb-guide{background:rgba(27,42,74,.08);color:var(--re-navy);}
.re-nb-column{background:rgba(234,85,20,.1);color:var(--re-orange);}
.re-nb-press{background:rgba(201,169,110,.15);color:var(--hw-gold-ink);}
.re-news-title{
    font-family:var(--font-serif);font-size:14.5px;font-weight:600;
    color:var(--re-navy);line-height:1.55;letter-spacing:-.01em;
    word-break:keep-all;
}
.re-news-date{font-size:11.5px;color:#999;white-space:nowrap;}

@media(max-width:1024px){
    .re-case-card{flex:1 1 calc(50% - 11px);max-width:calc(50% - 11px);}
    .re-news-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
    .re-case-card{flex:1 1 100%;max-width:100%;}
    .re-news-item{grid-template-columns:1fr;gap:10px;}
}

/* ══════════════════════════════════════════════════════════
   [세션 95-E2] hw-lslider 슬라이더 CSS — sex_crime.php 기반 이식
   (real_estate는 기존 슬라이더 섹션이 없어 CSS 누락 상태였음)
   ══════════════════════════════════════════════════════════ */
/* 슬라이더 섹션 전체 wrapper — 페이지 폭 전체에 네이비 배경 */
.re-lawyers-section{
    background:linear-gradient(180deg,var(--re-navy) 0%,var(--re-navy-deep) 100%);
    padding:90px 0 100px;
    position:relative;
    overflow:hidden;
}
.re-lawyers-section::before{
    content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
    width:64px;height:1px;background:rgba(201,169,110,.5);
}
.re-lawyers-section::after{
    content:'';position:absolute;inset:0;pointer-events:none;
    background:repeating-linear-gradient(90deg,transparent 0,transparent 119px,rgba(255,255,255,.008) 119px,rgba(255,255,255,.008) 120px);
}
.re-lawyers-section > *{position:relative;z-index:2;}
@media(max-width:768px){
    .re-lawyers-section{padding:64px 0 72px;}
}
/* 슬라이더 레이아웃 */
/* nav·dots */
/* 섹션 컨테이너 */
/* 헤더 */
/* 반응형 */

/* ════ CHECKLIST — 부동산 변호사 필요 상황 ════ */
.re-checklist{padding:100px 0;background:#fff}
.re-head{text-align:center;margin-bottom:60px}
.re-head-en{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:12px;display:block}
.re-head-en.gold{color:var(--hw-gold-ink)} /* [η-1] 밝은 문맥 · gold-ink */
.re-head-en.orange{color:var(--hw-orange)}
.re-head-title{font-family:var(--font-serif);font-size:clamp(28px,4vw,42px);font-weight:700;margin-bottom:24px;text-align:center}
.re-head-title.dark{color:var(--hw-navy)}
.re-head-title.light{color:#fff}
.re-head-lead{max-width:780px;margin:0 auto;font-size:16px;line-height:1.8;color:var(--hw-text-sub,#6B6B6B)}
.re-check-list{max-width:780px;margin:50px auto 0;list-style:none;padding:0}
.re-check-list li{font-size:16px;line-height:1.8;color:var(--hw-text,#333);padding:14px 0;border-bottom:1px solid var(--hw-border);display:flex;align-items:flex-start;gap:14px}
.re-check-list li:last-child{border-bottom:none}
.re-check-list li i{color:var(--hw-orange);font-size:20px;flex-shrink:0;padding-top:2px}
.re-check-note{max-width:780px;margin:32px auto 0;text-align:center;font-size:15px;color:var(--hw-text-sub,#6B6B6B);font-style:italic}

/* ════ TYPES — 부동산 분쟁 유형별 ════ */
.re-types{padding:100px 0;background:var(--hw-bg)}
.re-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.re-type-card{background:#fff;border:1px solid var(--hw-border);border-radius:14px;padding:36px 28px;transition:var(--transition);word-break:keep-all}
.re-type-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(27,42,74,.12);border-color:var(--hw-orange)}
.re-type-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--hw-bg) 0%,#fff 100%);border:1px solid var(--hw-border);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--hw-orange);margin-bottom:22px;transition:var(--transition)}
.re-type-card:hover .re-type-icon{background:var(--hw-navy);color:var(--hw-gold);border-color:var(--hw-navy)}
.re-type-title{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--hw-navy);margin-bottom:14px;letter-spacing:-.02em}
.re-type-desc{font-size:14px;line-height:1.7;color:var(--hw-text-sub,#6B6B6B)}

/* ════ FRAUD — 전세사기 긴급 대응 ════ */
.re-fraud{padding:100px 0;background:#fff}
.re-fraud-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;position:relative}
.re-fraud-steps::before{content:'';position:absolute;top:30px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--hw-orange),var(--hw-gold));z-index:0}
.re-fraud-step{text-align:center;padding:0 20px;position:relative;z-index:1}
.re-fraud-num{font-family:var(--font-display);font-size:12px;letter-spacing:0;color:var(--hw-orange);font-weight:700;display:inline-block;width:60px;height:60px;line-height:60px;background:#fff;border:2px solid var(--hw-orange);border-radius:50%;margin-bottom:22px}
.re-fraud-title{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--hw-navy);margin-bottom:12px}
.re-fraud-desc{font-size:14px;line-height:1.7;color:var(--hw-text-sub,#6B6B6B);word-break:keep-all}

/* ════ COMMERCIAL — 상가임대차 ════ */
.re-commercial{padding:100px 0;background:var(--hw-bg)}
.re-commercial-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}
.re-commercial-col{background:#fff;border:1px solid var(--hw-border);border-radius:14px;padding:36px 32px}
.re-commercial-subtitle{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--hw-navy);margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--hw-gold)}
.re-commercial-list{list-style:none;padding:0;margin:0}
.re-commercial-list li{font-size:15px;line-height:1.8;color:var(--hw-text,#333);padding:10px 0;padding-left:20px;position:relative}
.re-commercial-list li::before{content:'▸';position:absolute;left:0;color:var(--hw-orange);font-weight:700}

/* ════ REDEV — 재건축·재개발 ════ */
.re-redev{padding:100px 0;background:#fff}
.re-redev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:60px}
.re-redev-card{background:var(--hw-bg);border:1px solid var(--hw-border);border-radius:14px;padding:32px 30px;transition:var(--transition)}
.re-redev-card:hover{background:#fff;border-color:var(--hw-orange);box-shadow:0 8px 24px rgba(27,42,74,.08)}
.re-redev-title{font-family:var(--font-serif);font-size:19px;font-weight:700;color:var(--hw-navy);margin-bottom:14px}
.re-redev-desc{font-size:14px;line-height:1.75;color:var(--hw-text-sub,#6B6B6B)}

/* ════ COST — 부동산 변호사 선임 비용 ════ */
.re-cost{padding:100px 0;background:var(--hw-bg)}
.re-cost-lead{max-width:780px;margin:32px auto 0;font-size:16px;line-height:1.8;color:var(--hw-text-sub,#6B6B6B);text-align:center}
.re-cost-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.re-cost-card{background:#fff;border:1px solid var(--hw-border);border-radius:14px;padding:36px 28px;position:relative;transition:var(--transition);word-break:keep-all}
.re-cost-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(27,42,74,.12);border-color:var(--hw-orange)}
.re-cost-num{font-family:var(--font-display);font-size:11px;letter-spacing:3px;color:var(--hw-gold-ink);font-weight:700;display:block;margin-bottom:18px} /* [η-1] 11px 소형 · gold-ink */
.re-cost-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--hw-bg) 0%,#fff 100%);border:1px solid var(--hw-border);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--hw-orange);margin-bottom:22px;transition:var(--transition)}
.re-cost-card:hover .re-cost-icon{background:var(--hw-navy);color:var(--hw-gold);border-color:var(--hw-navy)}
.re-cost-tag{display:inline-block;font-size:11px;font-weight:700;color:var(--hw-navy);background:var(--hw-bg);border:1px solid var(--hw-border);border-radius:20px;padding:5px 12px;margin-bottom:14px;letter-spacing:.3px}
.re-cost-title{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--hw-navy);margin-bottom:14px;letter-spacing:-.02em}
.re-cost-desc{font-size:14px;line-height:1.7;color:var(--hw-text-sub,#6B6B6B)}
.re-cost-promise{max-width:860px;margin:50px auto 0;background:#fff;border-left:4px solid var(--hw-gold);border-radius:0 14px 14px 0;padding:28px 34px;display:flex;align-items:flex-start;gap:20px;box-shadow:0 4px 20px rgba(27,42,74,.06)}
.re-cost-promise i{color:var(--hw-gold);font-size:26px;flex-shrink:0;padding-top:4px}
.re-cost-promise p{font-size:15px;line-height:1.85;color:var(--hw-text,#333);margin:0}
.re-cost-promise p strong{color:var(--hw-navy);font-weight:700}

/* ════ FAQ — 부동산 상담 자주 묻는 질문 ════ */
.re-faq{padding:100px 0;background:#fff}
.re-faq-wrap{max-width:880px;margin:60px auto 0}
.re-faq-item{border-bottom:1px solid var(--hw-border)}
.re-faq-q{width:100%;background:none;border:none;padding:24px 0;display:flex;align-items:flex-start;gap:16px;cursor:pointer;text-align:left;font-family:inherit}
.re-faq-q-num{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--hw-orange);flex-shrink:0;padding-top:2px}
.re-faq-q-text{flex:1;font-size:17px;font-weight:700;color:var(--hw-navy);line-height:1.5}
.re-faq-q-icon{color:var(--hw-gold);font-size:14px;transition:transform 0.3s;padding-top:4px}
.re-faq-item.open .re-faq-q-icon{transform:rotate(180deg)}
.re-faq-a{display:none;padding:0 0 24px 38px}
.re-faq-item.open .re-faq-a{display:block}
.re-faq-a p{font-size:15px;line-height:1.85;color:var(--hw-text,#333);margin:0}

/* ════ 반응형 ════ */
@media (max-width:1024px){
    .re-types-grid{grid-template-columns:repeat(2,1fr)}
    .re-cost-grid{grid-template-columns:repeat(2,1fr)}
    .re-fraud-steps{grid-template-columns:repeat(2,1fr);gap:40px 20px}
    .re-fraud-steps::before{display:none}
    .re-commercial-body{grid-template-columns:1fr}
    .re-redev-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
    .re-checklist,.re-types,.re-fraud,.re-commercial,.re-redev,.re-cost,.re-faq{padding:60px 0}
    .re-types-grid,.re-cost-grid,.re-fraud-steps{grid-template-columns:1fr;gap:20px;margin-top:40px}
    .re-type-card,.re-cost-card{padding:28px 22px}
    .re-cost-promise{flex-direction:column;gap:14px;padding:24px;margin-top:36px}
    .re-commercial-col{padding:28px 22px}
    .re-commercial-body{gap:20px}
    .re-cost-lead,.re-head-lead{font-size:15px}
    .re-faq-q-text{font-size:16px}
    .re-faq-a{padding-left:28px}
}



/* Hot-fix 4: Real Estate maintenance CSS additions */
.re-icon-sm {
    font-size: 10px;
}

.re-center {
    text-align: center;
}

/* Enhanced button consistency */
.re-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--hw-navy);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.re-more-btn:hover {
    color: var(--hw-orange);
}

.re-more-btn i {
    font-size: 10px;
}

/* ===== S66-A merged from css/hwaon_real_estate_2.css — 순서 보존(_1 뒤) · 규칙 무변 ===== */
/* css/hwaon_real_estate_2.css — html/real_estate.php 인라인 <style> 블록 2 추출 (S64-A · 순서 보존) */
.re-pre-sale-link{padding:80px 0;background:linear-gradient(135deg,var(--hw-cream,#F5F0EB) 0%,#FAFAF7 100%)}
.re-pre-sale-inner{max-width:1100px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.re-pre-sale-eyebrow{font-family:'Cormorant Garamond','Noto Serif KR',serif;font-size:13px;letter-spacing:5px;font-weight:700;color:var(--hw-gold-ink);text-transform:uppercase;margin:0 0 14px} /* [η-1] 13px 소형 · gold-ink */
.re-pre-sale-h2{font-family:'Noto Serif KR',serif;font-size:28px;font-weight:700;color:var(--hw-navy,#1B2A4A);margin:0 0 14px;line-height:1.45;letter-spacing:-0.3px;word-break:keep-all}
.re-pre-sale-desc{font-size:15px;line-height:1.85;color:var(--hw-text,#2C2C2C);margin:0;word-break:keep-all;max-width:680px}
.re-pre-sale-desc strong{color:var(--hw-orange,#EA5514);font-weight:600}
.re-pre-sale-cta{display:inline-flex;align-items:center;gap:8px;padding:18px 32px;background:var(--hw-navy,#1B2A4A);color:#fff;border-radius:6px;font-size:15px;font-weight:600;text-decoration:none;letter-spacing:0.3px;white-space:nowrap;transition:transform .3s,box-shadow .3s}
.re-pre-sale-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(27,42,74,0.2);background:var(--hw-orange,#EA5514)}
@media (max-width:768px){.re-pre-sale-inner{grid-template-columns:1fr;gap:24px}.re-pre-sale-h2{font-size:22px}.re-pre-sale-desc{font-size:14px}.re-pre-sale-cta{width:100%;justify-content:center}}