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&family=Inter:wght@400;600;800&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&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w5OTY1NTd8MHwxfHNlYXJjaHwxfHxtb2Rlcm4lMjBhcGFydG1lbnQlMjBidWlsZGluZyUyMGV4dGVyaW9yfGVufDF8MHx8fDE3ODY2MDM1MzJ8MA&ixlib=rb-4.1.0&q=80&w=1080')"></div> 575 576 <div class="abd"> 577 <h3>ì¶ì êµê°ë³ íêµìì ì´ê¸° ì¢ì ëë¤ë? ì¸êµì¸ 커뮤ëí°ë¡ ë³´ë ì§ì ê°ì´ë</h3> 578 <div class="ex">íêµìì ìíì ììíë ì¸êµì¸, í¹ì ì¸êµì¸ ê°ì¡±Â·ì§ì¸ì ì ì°©ì ëë ë¶ë¤ì´ ê°ì¥ 먼ì ê³ ë¯¼íë ê²ì´ "ì´ëì ì´ìì¼ í ê¹"ì ëë¤. ì¸ì´, ìì, 커뮤ëí°, ìë êµì¡ê¹ì§ ì½íâ¦</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.