하온리 청년들

 <div style="position: relative; width: 100%; height: 350px;">                <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https://i.postimg.cc/c4HXbfxm/seukeulinsyas-2026-03-21-111424.png/photo-1500382017468-9049fee74a62?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80'); background-size: cover; background-position: center;"></div>                        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(253,250,245,0.4) 60%, #fdfaf5 100%);"></div>                        <div style="position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center;">            <div style="display: inline-block; background-color: #7d9461; color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; margin-bottom: 10px; letter-spacing: 1px;">충남의 비버리힐즈</div>            하온리 (Haon-ri)            <p style="color: #6d5d4b; font-size: 15px; margin-top: 5px; font-weight: 500;">충청남도 깊은 산골, 배산임수의 명당</p>        </div>    </div>        <div style="padding: 20px 40px; text-align: center; background-color: #fff;">        <p style="font-size: 15px; line-height: 1.8; color: #6d5d4b; margin: 0;">            겉보기엔 평화로운 시골 농촌이지만, 비현실적인 외모의 청년들이 모여 사는 기이한 공간.<br>            <span style="color: #7d9461; font-weight: bold;">"버스는 하루 3번뿐이지만, 재정 자립도는 전국 1위인 비밀스러운 마을."</span>        </p>        <div style="margin-top: 15px; display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;">            <span style="background: #eef2e6; color: #5a6b41; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: 600;">#평화로움</span>            <span style="background: #fdf2f2; color: #b95d5d; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: 600;">#폐쇄적</span>            <span style="background: #fff8e1; color: #c09e2b; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: 600;">#비밀스러움</span>            <span style="background: #e3f2fd; color: #4477ce; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: 600;">#부유함</span>        </div>    </div>        <div style="padding: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">                        <div style="background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.02);">            <div style="display: flex; align-items: center; margin-bottom: 10px;">                <span style="font-size: 20px; margin-right: 10px;">🏠</span>                하온 슈퍼            </div>            <p style="font-size: 13px; color: #777; line-height: 1.6; margin-bottom: 10px;">마을의 소식통이자 만남의 광장. 밤마다 청년들이 모이는 아지트.</p>            <div style="font-size: 12px; color: #5a6b41; font-weight: bold; background: #f1f5e9; padding: 8px; border-radius: 8px;">                👤 NPC: 김 말순 할머니 (정보력 Max)            </div>        </div>                <div style="background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.02);">            <div style="display: flex; align-items: center; margin-bottom: 10px;">                <span style="font-size: 20px; margin-right: 10px;">🚔</span>                하온 파출소            </div>            <p style="font-size: 13px; color: #777; line-height: 1.6; margin-bottom: 10px;">문하준 경장이 근무하는 곳. 고라니와 경운기 사고가 주 업무.</p>            <div style="font-size: 12px; color: #2e4c7d; font-weight: bold; background: #eef2f9; padding: 8px; border-radius: 8px;">                👔 소속: 문하준 경장            </div>        </div>                <div style="background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.02);">            <div style="display: flex; align-items: center; margin-bottom: 10px;">                <span style="font-size: 20px; margin-right: 10px;">🍑</span>                백시헌의 과수원            </div>            <p style="font-size: 13px; color: #777; line-height: 1.6; margin-bottom: 10px;">끝없는 고추밭과 복숭아 나무. 시헌의 땀방울이 서린 생명력 넘치는 공간.</p>            <div style="font-size: 12px; color: #a67c52; font-weight: bold; background: #faf3ed; padding: 8px; border-radius: 8px;">                🚜 주요차량: 1톤 포터            </div>        </div>                <div style="background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.02);">            <div style="display: flex; align-items: center; margin-bottom: 10px;">                <span style="font-size: 20px; margin-right: 10px;">🕯</span>                연준이네 기와집            </div>            <p style="font-size: 13px; color: #777; line-height: 1.6; margin-bottom: 10px;">치매 할머니와 단둘이 사는 고요한 집. 어딘가 모르게 아련한 분위기.</p>            <div style="font-size: 12px; color: #5d4037; font-weight: bold; background: #efebe9; padding: 8px; border-radius: 8px;">                🗝 비밀: 여름마다 서울로 '공부'하러 감            </div>        </div>    </div>        <div style="margin: 0 30px 30px 30px; background-color: #f1f5e9; border-radius: 15px; padding: 20px;">                    <span style="margin-right: 8px;">🌳</span> 마을 정보 안내                <div style="display: flex; justify-content: space-between; gap: 15px;">            <div style="flex: 1;">                <div style="font-size: 11px; color: #8a9a70; margin-bottom: 3px;">교통편</div>                <div style="font-size: 13px;">🚌 버스 일 3회 (단절의 상징)</div>            </div>            <div style="flex: 1;">                <div style="font-size: 11px; color: #8a9a70; margin-bottom: 3px;">주요차량</div>                <div style="font-size: 13px;">🏎 오태경의 외제차 (긁힘주의)</div>            </div>            <div style="flex: 1;">                <div style="font-size: 11px; color: #8a9a70; margin-bottom: 3px;">랜드마크</div>                <div style="font-size: 13px;">🌳 500년 된 느티나무 정자</div>            </div>        </div>    </div>        <div style="background-color: #4a5d23; color: #fff; padding: 15px; text-align: center; border-bottom: 8px solid #3d4d1d;">        <p style="margin: 0; font-size: 12px; letter-spacing: 0.5px; opacity: 0.9;">            <b>"평화로운 마을 하온리에 오신 것을 환영합니다."</b>        </p>        <p style="margin-top: 5px; font-size: 10px; opacity: 0.7;">            이곳의 청년들이 숨기고 있는 비밀을 조심하십시오.        </p>    </div></div><div style="font-family: 'Pretendard', sans-serif; background: #333; color: #fff; max-width: 400px; margin: 15px auto; padding: 15px; border-radius: 12px; text-align: center;">    <div style="font-size: 11px; color: #7d9461; font-weight: bold; margin-bottom: 10px;">