PageSourceSearch

https://gudhouse.kr/

html gudhouse.kr collected 2026-10-08 13:03:27 UTC 36,743 bytes, 715 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ko">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <title>GudHouse — 검증된 매물 — 보기부터 입주까지 동행</title>
7  <meta name="description" content="검증된 매물 — 보기부터 입주까지 동행">
8  <link rel="icon" type="image/svg+xml" href="/static/img/gudhouse-mark.d6923e3e0413.svg">
9  <link rel="alternate" hreflang="en" href="https://gudhouse.kr/en/">
10  <link rel="alternate" hreflang="zh" href="https://gudhouse.kr/zh/">
11  <link rel="alternate" hreflang="ja" href="https://gudhouse.kr/ja/">
12  <link rel="alternate" hreflang="es" href="https://gudhouse.kr/es/">
13  <link rel="alternate" hreflang="ko" href="https://gudhouse.kr/">
14  <link rel="alternate" hreflang="x-default" href="https://gudhouse.kr/en/">
15  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16  <link href="https://fonts.googleapis.com/css2?display=swap&amp;family=Inter:wght@400;600;800&amp;family=Noto+Sans+KR:wght@400;700" rel="stylesheet">
17  
18  <style>
19    :root{
20      --ink:#0f172a; --body:#374151; --muted:#6b7280; --line:#e8eaed; --bg:#ffffff; --soft:#f7f8fa;
21      --gold:#B8860B; --gold-2:#9a7209; --navy:#0F172A;
22      --radius:16px; --shadow:0 1px 3px rgba(16,24,40,.06); --shadow-h:0 12px 30px rgba(16,24,40,.12);
23      --maxw:1180px;
24      --head-font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans KR","Helvetica Neue",Arial,sans-serif;
25      --body-font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans KR","Helvetica Neue",Arial,sans-serif;
26      --head-ls:-.02em; --img-filter:none; --card-bg:#ffffff; --header-bg:rgba(255,255,255,.9);
27      --card-border:1px solid var(--line);
28    }
29    :root{ --gold:#2563EB;--gold-2:#1d4ed8;--navy:#1e293b;--bg:#ffffff;--soft:#f7f8fa;--line:#e8eaed;--ink:#0f172a;--body:#374151;--muted:#6b7280;--card-bg:#ffffff;--header-bg:rgba(255,255,255,.9);--head-ls:-.02em;--img-filter:none;--card-border:1px solid var(--line);--head-font:"Inter","Noto Sans KR",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans KR","Helvetica Neue",Arial,sans-serif;--body-font:"Inter","Noto Sans KR",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans KR","Helvetica Neue",Arial,sans-serif }
30    *{box-sizing:border-box}
31    html,body{margin:0}
32    body{font-family:var(--body-font);
33         color:var(--body); background:var(--bg); line-height:1.65; -webkit-font-smoothing:antialiased;
34         word-break:keep-all; overflow-wrap:break-word;}
35    h1,h2,h3,.brand,.section-title{font-family:var(--head-font)}
36    a{color:inherit; text-decoration:none}
37    img{max-width:100%}
38    .wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px}
39
40    /* Header — 유동형(풀블리드 정렬·모바일 햄버거·언어 드롭다운) */
41    header.site{position:sticky; top:0; z-index:50; background:var(--header-bg);
42      backdrop-filter:saturate(180%) blur(10px); border-bottom:1px solid var(--line)}
43    header.site .hwrap{display:flex; align-items:center; gap:clamp(10px,2vw,26px);
44      min-height:64px; padding:0 clamp(14px,2.2vw,26px); width:100%}
45    header.site .brand{display:flex; align-items:center; font-weight:800;
46      font-size:clamp(1.05rem,1.6vw,1.3rem); color:var(--navy); letter-spacing:-.02em; white-space:nowrap}
47    /* 헤더 검색 (홈 제외) */
48    form.hsrch{flex:1 1 200px; max-width:380px; display:flex; align-items:center; gap:8px;
49      border:1.5px solid var(--line); border-radius:10px; padding:0 12px; background:var(--card-bg)}
50    form.hsrch:focus-within{border-color:var(--gold)}
51    form.hsrch svg{flex:none; color:var(--muted)}
52    form.hsrch input{border:none; outline:none; background:transparent; padding:9px 0;
53      font-size:.92rem; width:100%; color:var(--ink)}
54    /* 모바일: 검색을 헤더 둘째 줄 풀폭으로 (숨기지 않음) */
55    @media (max-width:680px){
56      header.site .hwrap{flex-wrap:wrap; padding-top:10px; padding-bottom:10px}
57      form.hsrch{order:10; flex:1 1 100%; max-width:none}
58      form.hsrch input{padding:8px 0}
59    }
60    header.site nav.hnav{display:flex; align-items:center; gap:clamp(12px,1.6vw,22px)}
61    header.site nav.hnav a{color:var(--muted); font-size:.95rem; font-weight:700; white-space:nowrap}
62    header.site nav.hnav a:hover{color:var(--ink)}
63    header.site nav.hnav a.on{color:var(--ink); position:relative}
64    header.site nav.hnav a.on::after{content:''; position:absolute; left:0; right:0; bottom:-21px;
65      height:3px; background:var(--gold); border-radius:2px}
66    .hright{margin-left:auto; display:flex; align-items:center; gap:clamp(8px,1.2vw,14px)}
67    a.nav-cta{background:var(--gold); color:#fff; padding:9px clamp(12px,1.6vw,20px);
68      border-radius:10px; font-weight:800; font-size:.88rem; transition:.15s; white-space:nowrap}
69    a.nav-cta:hover{background:var(--gold-2); color:#fff}
70
71    /* 언어: 컴팩트 드롭다운 (5개 필 나열 대신) */
72    details.langdd{position:relative}
73    details.langdd>summary{list-style:none; cursor:pointer; display:flex; align-items:center; gap:6px;
74      border:1.5px solid var(--line); border-radius:10px; padding:8px 12px;
75      font-size:.85rem; font-weight:800; color:var(--ink); background:var(--card-bg); white-space:nowrap}
76    details.langdd>summary::-webkit-details-marker{display:none}
77    details.langdd>summary::after{content:'▾';
77 color:var(--muted); font-size:.7rem}
78    details.langdd[open]>summary{border-color:var(--gold)}
79    .langdd-menu{position:absolute; right:0; top:calc(100% + 8px); z-index:60; min-width:150px;
80      background:var(--card-bg); border:1px solid var(--line); border-radius:12px;
81      box-shadow:0 14px 34px rgba(16,24,40,.16); padding:6px; }
82    .langdd-menu a{display:flex; justify-content:space-between; align-items:center; gap:10px;
83      padding:9px 12px; border-radius:8px; font-size:.9rem; font-weight:600; color:var(--body)}
84    .langdd-menu a:hover{background:var(--soft); color:var(--ink)}
85    .langdd-menu a.active{color:var(--gold); font-weight:800}
86
87    /* 모바일: 햄버거 + 슬라이드 메뉴 */
88    .hburger{display:none; border:1.5px solid var(--line); background:var(--card-bg);
89      border-radius:10px; width:40px; height:40px; cursor:pointer; color:var(--ink);
90      align-items:center; justify-content:center; font-size:1.1rem}
91    .hmenu{display:none}
92    @media (max-width:860px){
93      header.site nav.hnav{display:none}
94      .hburger{display:flex}
95      body.menu-open .hmenu{display:block; position:absolute; top:100%; left:0; right:0;
96        background:var(--header-bg); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);
97        padding:8px 14px 16px; box-shadow:0 18px 30px rgba(16,24,40,.14)}
98      .hmenu a{display:block; padding:13px 8px; font-size:1.02rem; font-weight:700;
99        color:var(--ink); border-bottom:1px solid var(--line)}
100      .hmenu a:last-child{border-bottom:none}
101      .hmenu .langrow{display:flex; gap:6px; flex-wrap:wrap; padding:12px 8px 0}
102      .hmenu .langrow a{display:inline-block; border:1.5px solid var(--line); border-radius:999px;
103        padding:6px 14px; font-size:.85rem; border-bottom:1.5px solid var(--line)}
104      .hmenu .langrow a.active{border-color:var(--gold); color:var(--gold)}
105    }
106    @media (max-width:520px){ a.nav-cta{padding:8px 12px; font-size:.8rem} }
107
108    /* Buttons */
109    .btn{display:inline-flex; align-items:center; justify-content:center; gap:6px; background:var(--gold); color:#fff;
110         padding:11px 20px; border-radius:12px; font-weight:700; border:none; cursor:pointer; transition:.15s; font-size:.95rem}
111    .btn:hover{background:var(--gold-2)}
112    .btn.ghost{background:#fff; color:var(--ink); border:1px solid var(--line)}
113    .btn.ghost:hover{border-color:var(--ink)}
114
115    /* Typography */
116    h1.page{font-size:2rem; line-height:1.2; margin:30px 0 6px; color:var(--ink); letter-spacing:var(--head-ls); font-weight:800}
117    .section-title{font-size:1.35rem; font-weight:800; margin:38px 0 16px; color:var(--ink); letter-spacing:var(--head-ls)}
118    .muted{color:var(--muted); font-size:.9rem}
119
120    /* Card grid */
121    .grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(252px,1fr)); gap:22px}
122    .card{display:block; background:var(--card-bg); border:var(--card-border); border-radius:var(--radius); overflow:hidden;
123          box-shadow:var(--shadow); transition:transform .18s, box-shadow .18s}
124    .card:hover{transform:translateY(-4px); box-shadow:var(--shadow-h)}
125    .card .ph{aspect-ratio:4/3; background:#eef2f7 center/cover no-repeat; position:relative; filter:var(--img-filter)}
126    .card .ph.empty{background:linear-gradient(135deg,#0F172A,#185FA5)}
127    .card .bd{padding:14px 15px 16px}
128    .badge{display:inline-block; font-size:.72rem; font-weight:700; color:#fff; background:var(--navy);
129           padding:4px 11px; border-radius:999px}
130    .card .ph .badge{position:absolute; top:10px; left:10px; background:rgba(15,23,42,.82); backdrop-filter:blur(4px)}
131    /* 카드 이중 배지 (2026-09-04) — 거래유형은 색으로, 매물종류는 오른쪽에.
132       목록을 훑을 때 «무슨 거래인지»를 글자를 읽기 전에 색으로 가른다. */
133    .ph .badge.tt-JEONSE{background:var(--gold)}
134    .ph .badge.tt-MONTHLY{background:#0f766e}
135    @supports (background:color-mix(in srgb, red 50%, blue)){
136      .ph .badge.tt-MONTHLY{background:color-mix(in srgb, var(--gold) 45%, #0f766e)}
137    }
138    /* ⚠ `.card .ph .badge`(0,3,0)가 `.badge.pt`(0,2,0)를 이겨 left
138:10px 이 남는다 —
139       같은 특이도로 맞추고 뒤에 둔다 (!important 금지 규약) */
140    .ph .badge.pt{left:auto; right:10px; background:rgba(15,23,42,.6); font-weight:600;
141              backdrop-filter:blur(4px)}
142    .card h3{margin:.45rem 0 .2rem; font-size:1.02rem; color:var(--ink); font-weight:700; letter-spacing:-.01em}
143    .price{color:var(--gold); font-weight:800; font-size:1.08rem}
144    .price .fx{color:var(--muted); font-weight:600; font-size:.82rem}
145
146    /* Footer — 데코 4컬럼 + 신뢰 블록 */
147    footer.site{margin-top:56px; background:var(--navy); color:#cbd5e1; font-size:.88rem}
148    footer.site .ftop{width:90%; max-width:none; margin:0 auto; padding:44px 0 34px;
149      display:grid; grid-template-columns:1.4fr 1fr 1.4fr .8fr; gap:34px}
150    footer.site .fb{font-family:var(--head-font); font-weight:800; font-size:1.25rem; color:#fff;
151      letter-spacing:var(--head-ls)}
152    footer.site .ftag{margin-top:8px; line-height:1.65; color:#94a3b8}
153    footer.site .fchips{display:flex; gap:8px; flex-wrap:wrap; margin-top:14px}
154    footer.site .fchips span{border:1px solid rgba(255,255,255,.18); border-radius:999px;
155      padding:5px 12px; font-size:.75rem; color:#cbd5e1}
156    footer.site h4{margin:0 0 12px; font-size:.78rem; letter-spacing:.14em; text-transform:uppercase;
157      color:var(--gold); font-weight:800}
158    footer.site .fcol a{display:block; color:#cbd5e1; padding:5px 0; font-weight:600}
159    footer.site .fcol a:hover{color:#fff}
160    footer.site .frow{display:flex; gap:8px; padding:3px 0; color:#94a3b8}
161    footer.site .frow b{color:#e2e8f0; font-weight:600}
162    footer.site .fphone{display:inline-flex; align-items:center; gap:8px; margin-top:10px;
163      background:var(--gold); color:#fff; font-weight:800; padding:9px 16px; border-radius:10px}
164    footer.site .fphone:hover{background:var(--gold-2); color:#fff}
165    footer.site .fbot{border-top:1px solid rgba(255,255,255,.1)}
166    footer.site .fbot .in{width:90%; max-width:none; margin:0 auto; padding:16px 0;
167      display:flex; gap:8px 20px; flex-wrap:wrap; align-items:center; color:#64748b; font-size:.8rem}
168    footer.site .fbot a{color:#94a3b8}
169    footer.site .fbot a:hover{color:#fff}
170    footer.site .fbot .langs2{margin-left:auto; display:flex; gap:10px}
171    @media (max-width:900px){ footer.site .ftop{grid-template-columns:1fr 1fr} }
172    @media (max-width:560px){ footer.site .ftop{grid-template-columns:1fr; gap:26px} }
173
174    /* ── 🧱 그리드 변형 (토큰 grid) ── */
175    .g-magazine .grid > .card:first-child{grid-column:span 2}
176    .g-magazine .grid > .card:first-child .ph{aspect-ratio:16/8}
177    .g-compact .grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr)); gap:14px}
178    .g-compact .card h3{font-size:.92rem}
179    .g-list .grid{grid-template-columns:1fr; gap:14px}
180    .g-list .grid .card{display:flex}
181    .g-list .grid .card .ph{width:280px; flex:none; aspect-ratio:4/3}
182    .g-list .grid .card .bd{flex:1; align-self:center}
183    @media (max-width:640px){
184      .g-magazine .grid > .card:first-child{grid-column:span 1}
185      .g-list .grid .card{display:block}
186      .g-list .grid .card .ph{width:100%}
187    }
188
189    /* ── 🌗 다크 팔레트 보정 ── */
190    .t-dark .langs{background:rgba(255,255,255,.08)}
191    .t-dark .langs a.active{background:rgba(255,255,255,.14); color:var(--ink)}
192    .t-dark .btn.ghost{background:transparent; color:var(--ink); border-color:var(--line)}
193    .t-dark .card .ph{background-color:#1f2430}
194
195    @media (max-width:640px){ h1.page{font-size:1.6rem} .grid{gap:16px} }
196  </style>
197  
198  
198<script type="application/ld+json">{"@context":"https://schema.org","@type":"RealEstateAgent",
199    "name":"GudHouse","url":"https://gudhouse.kr/",
200    "areaServed":[{"@type":"City","name":"Hanam-si"},{"@type":"AdministrativeArea","name":"Gyeonggi-do"}],
201    "knowsLanguage":["ko","en","zh","ja","es"],
202    "description":"Licensed Korean real estate agency in Hanam — verified listings and field-written guides, from viewing to move-in."}</script>
202
203  
204<style>
205  main.home-full{max-width:none; margin:0; padding:0}
206  main.home-full .ad-slot{max-width:1180px; margin-left:auto; margin-right:auto; padding:0 20px}
207  .sec{max-width:1180px; margin:0 auto; padding:0 22px}
208
209  /* ══ 히어로: 큰 이미지 + 검색 ══ */
210  .hero{position:relative; min-height:min(560px, 68vh); display:flex; align-items:center;
211    justify-content:center; text-align:center; overflow:hidden;
212    background:linear-gradient(135deg, var(--navy), #33507a) center/cover no-repeat}
213  /* 오버레이 — 흰 글씨 대비 확보 (2026-09-04). 사진이 밝으면 제목이 뿌옇게 읽혀
214     기준 미달이었다. 사진이 아예 없을 때(.nophoto)는 브랜드 그라데이션이므로 더 옅게. */
215  .hero::before{content:''; position:absolute; inset:0;
216    background:linear-gradient(180deg, rgba(8,12,22,.30) 0%, rgba(8,12,22,.40) 62%, rgba(8,12,22,.52) 100%)}
217  .hero.nophoto{background:linear-gradient(135deg, var(--navy) 0%, #2b4570 55%, #33507a 100%)}
218  .hero.nophoto::before{background:linear-gradient(180deg, rgba(8,12,22,0) 0%, rgba(8,12,22,.18) 100%)}
219  .hero .in{position:relative; width:min(860px, 92%); padding:70px 0 64px}
220  /* 강조색이 어두운 사진 위에서 잘 안 읽혀 밝은 쪽으로 섞는다 (2026-09-04) */
221  .hero .kick{color:#dbe6ff; font-weight:800; font-size:.82rem; letter-spacing:.28em;
222    text-transform:uppercase; margin-bottom:12px; text-shadow:0 1px 8px rgba(0,0,0,.55)}
223  @supports (color:color-mix(in srgb, red 50%, blue)){
224    .hero .kick{color:color-mix(in srgb, var(--gold) 35%, #fff)}
225  }
226  /* 크레딧 — 아래 소개 박스(z-index:2)가 덮어 글자가 잘리던 자리에서 위로 올림 */
227  .hero .credit{position:absolute; right:16px; bottom:58px; color:rgba(255,255,255,.5);
228    font-size:.66rem; z-index:3; text-shadow:0 1px 6px rgba(0,0,0,.5)}
229  @media (max-width:860px){ .hero .credit{bottom:14px} }
230  .hero h1{color:#fff; font-size:clamp(1.7rem, 3.6vw, 2.9rem); line-height:1.18;
231    letter-spacing:var(--head-ls); margin:0 0 12px; font-weight:800;
232    text-shadow:0 2px 20px rgba(0,0,0,.6); word-break:keep-all}
233  .hero .sub{color:rgba(255,255,255,.92); font-size:clamp(.95rem, 1.4vw, 1.12rem); margin:0 0 30px;
234    word-break:keep-all; text-shadow:0 1px 12px rgba(0,0,0,.55)}
235  .hsearch{display:flex; gap:0; background:#fff; border-radius:14px; padding:7px;
236    box-shadow:0 18px 44px rgba(0,0,0,.35); max-width:720px; margin:0 auto}
237  .hsearch input{flex:1; border:none; outline:none; padding:14px 16px; font-size:1.02rem;
238    color:#0f172a; background:transparent; min-width:0}
239  .hsearch .btn{border-radius:10px; padding:13px 26px; font-size:1rem}
240  .chips{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:26px}
241  .chips span{background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28);
242    backdrop-filter:blur(6px); color:#fff; font-size:.85rem; font-weight:700;
243    padding:8px 16px; border-radius:999px}
244  /* 모바일: 검색 버튼이 검색바 절반을 차지하던 문제 — 컴팩트 버튼으로 (2026-07-24) */
245  @media (max-width:640px){
246    .hsearch{gap:6px}
247    .hsearch input{padding:12px 12px; font-size:.98rem}
248    .hsearch .btn{flex:none; padding:11px 18px; font-size:.92rem}
249  }
250
251  /* ══ 매매·전세·월세 소개 박스 (사진 3개) ══ */
252  .tradeb{margin-top:-46px; position:relative; z-index:2}
253  .tradeb .row3{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px}
254  .tb{position:relative; display:flex; flex-direction:column; justify-content:flex-end;
255    min-height:280px; border-radius:16px; overflow:hidden; box-shadow:var(--shadow-h);
256    background:linear-gradient(135deg, var(--navy), #33507a) center/cover no-repeat;
257    transition:transform .18s}
258  .tb:hover{transform:translateY(-5px)}
259  .tb::before{content:''; position:absolute; inset:0;
260    background:linear-gradient(180deg, rgba(8,12,22,0) 30%, rgba(8,12,22,.82) 100%)}
261  .tb .bd{position:relative; padding:20px 22px}
262  .tb .tt{color:#fff; font-size:1.3rem; font-weight:800; font-family:var(--head-font);
263    letter-spacing:var(--head-ls)}
264  .tb .ds{color:rgba(255,255,255,.85); font-size:.86rem; line-height:1.55; margin:7px 0 13px}
265  .tb .go{display:inline-flex; align-items:center; gap:6px; background:var(--gold); color:#fff;
266    font-size:.83rem; font-weight:800; padding:8px 15px; border-radius:999px; width:fit-content}
267  .tb:hover .go{background:var(--gold-2)}
268  /* 0건 유형 — «0건 보기»로 두면 «없는 곳»처럼 읽힌다. 취급은 하되 준비 중임을 밝힌다.
269     (숨기면 «매매만 하는 곳»으로 오해받으므로 숨기지 않는다 — 2026-09-04 결정) */
270  .tb.soon{filter:grayscale(.85) brightness(.82)}
271  .tb.soon:hover{transform:none}
272  .tb.soon .go{background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.32)}
273  .tb.soon:hover .go{background:rgba(255,255,255,.24)}
274  @media (max-width:860px){ .tradeb .row3{grid-template-columns:1fr} .tb{min-height:210px} }
275
276  /* ══ 최신 매물 ══ */
277  .sechead{display:flex; align-items:baseline; gap:14px; margin:52px 0 18px}
278  .sechead h2{margin:0; font-size:1.45rem; color:var(--ink); letter-spacing:var(--head-ls)}
279  .sechead .sub{color:var(--muted); font-size:.9rem}
280  .sechead .more{margin-left:auto; color:var(--gold); font-weight:800; font-size:.9rem; white-space:nowrap}
281
282  /* ══ About Korea 스토리 밴드 ══ */
283  .story{background:var(--soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line);
284    margin-top:56px; padding:50px 0 56px}
285  .story .kicker{color:var(--gold); font-weight:800; font-size:.82rem; letter-spacing:.14em;
286    text-transform:uppercase; margin-bottom:8px}
287  .story h2{margin:0 0 6px; font-size:clamp(1.4rem, 2.4vw, 1.9rem); color:var(--ink);
288    letter-spacing:var(--head-ls)}
289  .story .sub{color:var(--muted); margin-bottom:26px}
290  .story .arts{display:grid; grid-template-columns:repeat(auto-fill, minmax(255px, 1fr)); gap:16px}
291  .story .arts a{display:flex; flex-direction:column; background:var(--card-bg);
292    border:1px solid var(--line); border-radius:14px; overflow:hidden;
293    box-shadow:var(--shadow); transition:transform .16s, box-shadow .16s}
294  .story .arts a:hover{transform:translateY(-4px); box-shadow:var(--shadow-h)}
295  .story .arts .aph{aspect-ratio:16/9; background:#eef2f7 center/cover no-repeat; filter:var(--img-filter)}
296  .story .arts .aph.empty{background:linear-gradient(135deg, var(--navy), #33507a);
297    display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.85); font-size:1.5rem}
298  .story .arts .abd{padding:15px 18px 16px; display:flex; flex-direction:column; flex:1}
299  .story .arts h3{margin:0 0 8px; font-size:1rem; color:var(--ink); line-height:1.45;
300    letter-spacing:var(--head-ls)}
301  .story .arts .ex{color:var(--body); font-size:.85rem; line-height:1.6; flex:1}
302  .story .arts .rd{color:var(--gold); font-weight:800; font-size:.82rem; margin-top:12px}
303  .story .allbtn{text-align:center; margin-top:28px}
304</style>
305
306</head>
307<body class="h-split g-list m-trust">
308  <header class="site">
309    <div class="hwrap">
310      <a class="brand" href="/" style="gap:9px">
311        
312        <img src="/static/img/gudhouse-mark.d6923e3e0413.svg" alt="" width="30" height="30"
313             style="flex:none;border-radius:8px">
314        GudHouse</a>
315
316      
317      
318
319      
320      <nav class="hnav">
321        <a href="/listings/" >전체 매물</a>
322        <a href="/articles/" >Real in Korea</a>
323      </nav>
324
325      <div class="hright">
326        
327        <details class="langdd" id="langdd">
328          <summary>🌐 KO</summary>
329          <div class="langdd-menu">
330            
331            <a href="/en/" hreflang="en" class="">
332              English <span style="font-size:.75rem;color:var(--muted)">EN</span>
333            </a>
334            
335            <a href="/zh/" hreflang="zh" class="">
336              中文 <span style="font-size:.75rem;color:var(--muted)">ZH</span>
337            </a>
338            
339            <a href="/ja/" hreflang="ja" class="">
340              日本語 <span style="font-size:.75rem;color:var(--muted)">JA</span>
341            </a>
342            
343            <a href="/es/" hreflang="es" class="">
344              Español <span style="font-size:.75rem;color:var(--muted)">ES</span>
345            </a>
346            
347            <a href="/" hreflang="ko" class="active">
348              한국어 <span style="font-size:.75rem;color:var(--muted)">KO</span>
349            </a>
350            
351          </div>
352        </details>
353        
354        <a href="/contact/" class="nav-cta">문의하기</a>
355        <button type="button" class="hburger" id="hburger" aria-label="menu">☰</button>
356      </div>
357    </div>
358
359    
360    <div class="hmenu">
361      <a href="/">홈</a>
362      <a href="/listings/">전체 매물</a>
363      <a href="/articles/">Real in Korea</a>
364      <a href="/contact/">문의하기</a>
365      
366      <div class="langrow">
367        <a href="/en/" class="">EN</a><a href="/zh/" class="">ZH</a><a href="/ja/" class="">
367JA</a><a href="/es/" class="">ES</a><a href="/" class="active">KO</a>
368      </div>
369      
370    </div>
371  </header>
372  
372<script>
373  (function(){
374    var b = document.getElementById('hburger');
375    if (b) b.addEventListener('click', function(){ document.body.classList.toggle('menu-open'); });
376    document.addEventListener('click', function(e){
377      var dd = document.getElementById('langdd');
378      if (dd && dd.open && !dd.contains(e.target)) dd.removeAttribute('open');
379      if (document.body.classList.contains('menu-open')
380          && !e.target.closest('header.site')) document.body.classList.remove('menu-open');
381    });
382  })();
383  </script>
383
384
385  <main class="home-full">
386    
387
388
389<section class="hero" id="hero"
390         data-src="/media/site_assets/gudhouse_hero.jpg" data-alt=""
391         style="background-image:url('/media/site_assets/gudhouse_hero.jpg')">
392  <div class="in">
393    <div class="kick">K-REAL ESTATE</div>
394    <h1>검증된 매물 — 보기부터 입주까지 동행</h1>
395    <p class="sub">공인중개사가 직접 검증한 매물 — 보기부터 입주까지 함께합니다</p>
396    <form class="hsearch" method="get" action="/listings/">
397      <input type="text" name="q" placeholder="단지·주소 검색">
398      <button class="btn" type="submit">검색</button>
399    </form>
400    <div class="chips">
401      <span>✓ 공인중개사 직영</span><span>🌐 5개국어 지원</span><span>🤝 입주까지 동행</span>
402      <span>🏠 117 매물</span>
403    </div>
404  </div>
405  <span class="credit" id="hero-credit">Photo: Minku Kang / Unsplash</span>
406</section>
407
408
409<div class="sec tradeb">
410  <div class="row3">
411    
412    <a class="tb" href="/listings/?trade=SALE"
413       style="background-image:url('/media/listings/2026/08/1_uwKIUw8.jpg')">
414      <div class="bd">
415        <div class="tt">매매</div>
416        <div class="ds">내 집 마련부터 투자까지. 실거래가 데이터와 현장 검증으로 적정가를 확인해 드립니다.</div>
417        <span class="go">90 건 보기 →</span>
418        
419      </div>
420    </a>
421    
422    <a class="tb soon" href="/listings/?trade=JEONSE"
423       >
424      <div class="bd">
425        <div class="tt">전세</div>
426        <div class="ds">한국 고유의 목돈 보증금 임대. 보증금 보호(전세보증보험)까지 안전하게 안내합니다.</div>
427        <span class="go">준비 중</span>
428      </div>
429    </a>
430    
431    <a class="tb" href="/listings/?trade=MONTHLY"
432       style="background-image:url('/media/listings/2026/10/%ED%95%98%EB%82%A8%ED%8A%B8%EC%9C%88%EB%A0%89%EC%8A%A4-%EC%95%BC%EA%B2%BD%ED%88%AC%EC%8B%9C%EB%8F%840806%EB%A1%9C%EA%B3%A03%EC%95%88_4wAKchc.jpg')">
433      <div class="bd">
434        <div class="tt">월세</div>
435        <div class="ds">보증금 + 월세의 유연한 거주. 단기·외국인 계약도 조건 협상부터 도와드립니다.</div>
436        <span class="go">27 건 보기 →</span>
437        
438      </div>
439    </a>
440    
441  </div>
442</div>
443
444
445
446<div class="sec">
447  <div class="sechead">
448    <h2>최신 매물</h2>
449    <span class="sub">117 ê±´</span>
450    <a class="more" href="/listings/">전체 보기 →</a>
451  </div>
452  <div class="grid">
453    
454    <a class="card" href="/listings/398/">
455      <div class="ph empty" >
456        <span class="badge tt-MONTHLY">월세</span>
457        <span class="badge pt">상가·점포</span>
458      </div>
459      <div class="bd">
460        <h3>풍산캐슬빌딩</h3>
461        <div class="price">보증금 2,000만 / 월 180만</div>
462        <div class="muted">51㎡ (15.4py) · 경기도 하남시 덕풍동 744-2번지</div>
463      </div>
464    </a>
465    
466    <a class="card" href="/listings/399/">
467      <div class="ph " style="background-image:url('/media/listings/2026/10/%ED%95%98%EB%82%A8%ED%8A%B8%EC%9C%88%EB%A0%89%EC%8A%A4-%EC%95%BC%EA%B2%BD%ED%88%AC%EC%8B%9C%EB%8F%840806%EB%A1%9C%EA%B3%A03%EC%95%88_4wAKchc.jpg')">
468        <span class="badge tt-MONTHLY">월세</span>
469        <span class="badge pt">상가·점포</span>
470      </div>
471      <div class="bd">
472        <h3>트윈렉스2 상가</h3>
473        <div class="price">보증금 2,000만 / 월 140만</div>
474        <div class="muted">73.1㎡ (22.1py) · 경기도 하남시 덕풍동 742번지</div>
475      </div>
476    </a>
477    
478    <a class="card" href="/listings/343/">
479      <div class="ph " style="background-image:url('/media/listings/2026/08/1_uwKIUw8.jpg')">
480        <span class="badge tt-SALE">매매</span>
481        <span class="badge pt">주택·빌라</span>
482      </div>
483      <div class="bd">
484        <h3>멘티움</h3>
485        <div class="price">8억 8,000만원</div>
486        <div class="muted">84.3㎡ (25.5py) · 경기도 하남시 덕풍동 767번지</div>
487      </div>
488    </a>
489    
490    <a class="card" href="/listings/383/">
491      <div class="ph " style="background-image:url('/media/listings/2026/09/20260921_151634.jpg')">
492        <span class="badge tt-SALE">매매</span>
493        <span class="badge pt">주택·빌라</span>
494      </div>
495      <div class="bd">
496        <h3>덕풍동 단독주택</h3>
497        <div class="price">9억 5,000만원</div>
498        <div class="muted">경기 하남시 덕풍동</div>
499      </div>
500    </a>
501    
502    <a class="card" href="/listings/125/">
503      <div class="ph empty" >
504        <span class="badge tt-SALE">매매</span>
505        <span class="badge pt">오피스텔</span>
506      </div>
507      <div class="bd">
508        <h3>하남푸르지오시티</h3>
509        <div class="price">1억 2,000만원</div>
510        <div class="muted">26.4㎡ (8py) · 경기도 하남시 덕풍동 741번지</div>
511      </div>
512    </a>
513    
514    <a class="card" href="/listings/126/">
515      <div class="ph empty" >
516        <span class="badge tt-SALE">매매</span>
517        <span class="badge pt">오피스텔</span>
518      </div>
519      <div class="bd">
520        <h3>하남푸르지오시티</h3>
521        <div class="price">1억 2,000만원</div>
522        <div class="muted">26.4㎡ (8py) · 경기도 하남시 덕풍동 741번지</div>
523      </div>
524    </a>
525    
526    <a class="card" href="/listings/132/">
527      <div class="ph empty" >
528        <span class="badge tt-SALE">매매</span>
529        <span class="badge pt">오피스텔</span>
530      </div>
531      <div class="bd">
532        <h3>하남푸르지오시티</h3>
533        <div class="price">2억 5,000만원</div>
534        <div class="muted">38.9㎡ (11.8py) · 경기도 하남시 덕풍동 741번지</div>
535      </div>
536    </a>
537    
538    <a class="card" href="/listings/131/">
539      <div class="ph empty" >
540        <span class="badge tt-SALE">매매</span>
541        <span class="badge pt">상가·점포</span>
542      </div>
543      <div class="bd">
544        <h3>트윈렉스1 상가</h3>
545        <div class="price">3억 5,000만원</div>
546        <div class="muted">34.1㎡ (10.3py) · 경기도 하남시 덕풍동 743번지</div>
547      </div>
548    </a>
549    
550  </div>
551</div>
552
553
554
555<section class="story">
556  <div class="sec">
557    <div class="kicker">Real in Korea</div>
558    <h2>한국 부동산 이야기</h2>
559    <div class="sub">전세가 뭐죠? 외국인도 집을 살 수 있나요? — 현장에서 쓴 진짜 가이드</div>
560    
561    <div class="arts">
562      
563      <a href="/p/1479/">
564        <div class="aph" style="background-image:url('/media/listings/2026/09/KakaoTalk_20260403_133033991.jpg')"></div>
565        
566        <div class="abd">
567          <h3>하남 덕풍동 창고 월세, 보증금 5,000만/월 240만 53평 저층 자리 살펴보기</h3>
568          <div class="ex">핵심 요약 — 경기도 하남시 덕풍동 63번지, 전용 53.36평 1층 창고가 보증금 5,000만 원 / 월 240만 원에 나왔습니다. 배후 11,790세대·27,487명 생활권에…</div>
569          <div class="rd">자세히 →</div>
570        </div>
571      </a>
572      
573      <a href="/p/1319/">
574        <div class="aph" style="background-image:url('https://images.unsplash.com/photo-1515263487990-61b07816b324?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=M3w5OTY1NTd8MHwxfHNlYXJjaHwxfHxtb2Rlcm4lMjBhcGFydG1lbnQlMjBidWlsZGluZyUyMGV4dGVyaW9yfGVufDF8MHx8fDE3ODY2MDM1MzJ8MA&amp;ixlib=rb-4.1.0&amp;q=80&amp;w=1080')"></div>
575        
576        <div class="abd">
577          <h3>출신 국가별 한국에서 살기 좋은 동네는? 외국인 커뮤니티로 보는 지역 가이드</h3>
578          <div class="ex">한국에서 생활을 시작하는 외국인, 혹은 외국인 가족·지인의 정착을 돕는 분들이 가장 먼저 고민하는 것이 &quot;어디에 살아야 할까&quot;입니다. 언어, 음식, 커뮤니티, 자녀 교육까지 얽혀…</div>
579          <div class="rd">자세히 →</div>
580        </div>
581      </a>
582      
583      <a href="/p/1059/">
584        <div class="aph" style="background-image:url('/media/listings/2026/07/KakaoTalk_20230922_102644293_10_6CKBqQQ.jpg')"></div>
585        
586        <div class="abd">
587          <h3>하남 덕풍동 멘티움 매매 8억 8,000만원, 복층 타운하우스 살펴보기</h3>
588          <div class="ex">핵심 요약 하남 덕풍동 멘티움 타운하우스 25.49평(방 3개·욕실 2개·남서향) 매매가는 8억 8,000만원이며, 즉시 입주와 대출이 가능한 조건입니다. 5호선 하남풍산역이 4…</div>
589          <div class="rd">자세히 →</div>
590        </div>
591      </a>
592      
593      <a href="/p/1176/">
594        <div class="aph" style="background-image:url('/media/listings/2026/08/XG_%ED%95%98%EB%82%A8_%EC%99
594%B8%EA%B4%801.jpg')"></div>
595        
596        <div class="abd">
597          <h3>하남 덕풍동 단독주택 매매 22억, 자이가이스트 63평 프리패브 주택 살펴보기</h3>
598          <div class="ex">핵심 요약 — 경기도 하남시 덕풍동 711-2번지 자이가이스트 하남 단독주택이 매매가 22억원에 나왔습니다. 대지 약 80평(262.4㎡)·연면적 약 63평(208.3㎡), 방 …</div>
599          <div class="rd">자세히 →</div>
600        </div>
601      </a>
602      
603    </div>
604    
605    <div class="allbtn"><a class="btn" href="/articles/">전체 보기 →</a></div>
606  </div>
607</section>
608
609    
610
611
612  </main>
613
614  <footer class="site">
615    <div class="ftop">
616      
617      <div>
618        <div class="fb" style="display:flex;align-items:center;gap:8px">
619          <img src="/static/img/gudhouse-mark.d6923e3e0413.svg" alt="" width="24" height="24"
620               style="border-radius:6px">
621          GudHouse</div>
622        <div class="ftag">검증된 매물 — 보기부터 입주까지 동행</div>
623        <div class="fchips">
624          <span>✓ 대표 공인중개사</span>
625          <span>🌐 EN·ZH·JA·ES·KO</span>
626        </div>
627      </div>
628      
629      <div class="fcol">
630        <h4>Menu</h4>
631        <a href="/">홈</a>
632        <a href="/listings/">전체 매물</a>
633        <a href="/articles/">Real in Korea</a>
634        <a href="/about/">소개</a><a href="/contact/">연락처</a>
635      </div>
636      
637      <div>
638        <h4>운영 사무소</h4>
639        <div class="frow"><b>하트공인중개사사무소</b> · 우찬규</div>
640        <div class="frow">중개사무소 등록번호 <b>41450-2021-00140</b></div>
641        <div class="frow">📍 경기도 하남시 덕풍동로 111-10, A-120호</div>
642        <div class="frow">✉️ [email protected]</div>
643        <a class="fphone" href="tel:031-791-0077" data-ev="phone">📞 031-791-0077</a>
644      </div>
645      
646      <div class="fcol">
647        <h4>Language</h4>
648        <a href="/en/" hreflang="en">English</a><a href="/zh/" hreflang="zh">中文</a><a href="/ja/" hreflang="ja">日本語</a><a href="/es/" hreflang="es">Español</a><a href="/" hreflang="ko">한국어</a>
649      </div>
650    </div>
651    <div class="fbot">
652      <div class="in">
653        <span>© GudHouse. All rights reserved.</span>
654        <span style="display:flex;gap:14px">
655          <a href="/about/">소개</a><a href="/contact/">연락처</a><a href="/privacy/">개인정보처리방침</a><a href="/terms/">이용약관</a>
656        </span>
657      </div>
658    </div>
659  </footer>
660
661  
662<script>
663/* 🖼 히어로 3단 폴백 — 지정 이미지가 404 여도 회색 판이 되지 않게 (2026-09-04)
664   CSS background-image 는 실패해도 조용하므로, 같은 URL 을 Image() 로 재확인한다.
665   (브라우저 캐시를 타므로 추가 트래픽은 사실상 없다) */
666(function(){
667  var h = document.getElementById('hero');
668  if (!h) return;
669  var credit = document.getElementById('hero-credit');
670  var srcs = [h.dataset.src, h.dataset.alt].filter(Boolean);
671
672  function step(i){
673    if (i >= srcs.length){                 // ③ 브랜드 그라데이션
674      h.style.backgroundImage = '';
675      h.classList.add('nophoto');
676      if (credit) credit.hidden = true;    // 사진 없는데 저작권 표기만 남지 않게
677      return;
678    }
679    var probe = new Image();
680    probe.onload = function(){
681      h.style.backgroundImage = "url('" + srcs[i] + "')";
682      h.classList.remove('nophoto');
683      if (credit) credit.hidden = (i !== 0);   // 크레딧은 ① 지정 이미지일 때만 유효
684    };
685    probe.onerror = function(){ step(i + 1); };
686    probe.src = srcs[i];
687  }
688  step(0);
689})();
690</script>
690
691
692
693  
694  
694<script id="ab-track" type="application/json">{}</script>
694
695  
695<script>
696  (function(){
697    var track={}; try{ track=JSON.parse(document.getElementById('ab-track').textContent||'{}'); }catch(e){}
698    var p=new URLSearchParams(location.search);
699    function send(type, extra){
700      try{
701        var body=JSON.stringify(Object.assign({type:type, path:location.pathname, ref:document.referrer, locale:'ko',
702          utm:{source:p.get('utm_source')||'', medium:p.get('utm_medium')||'', campaign:p.get('utm_campaign')||''}}, extra||{}));
703        if(navigator.sendBeacon){ navigator.sendBeacon('/_e', new Blob([body],{type:'application/json'})); }
704        else { fetch('/_e',{method:'POST',body:body,headers:{'Content-Type':'application/json'},keepalive:true}); }
705      }catch(e){}
706    }
707    send('PAGEVIEW', track);
708    document.addEventListener('click', function(e){
709      var el=e.target.closest('[data-ev]'); if(!el) return;
710      send((el.getAttribute('data-ev')||'').toUpperCase(), {tt:el.getAttribute('data-tt')||'', tid:el.getAttribute('data-tid')||null});
711    });
712  })();
713  </script>
713
714</body>
715</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.