영포티 건강백서 마스터 2025. 10. 20. 08:14
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="utf-8" />
  <title>강남역 점심 맛집 3선 | 현지 맛집 블로거 픽</title>
  <meta name="description" content="강남역 근처 점심 맛집 3곳(숙성도, 미즈컨테이너, 부첼리하우스) 추천 메뉴·가격대·분위기 한 눈에 정리" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <style>
    :root {
      --text:#1a1a1a; --muted:#666; --line:#e5e7eb; --bg:#fff;
      --chip:#f5f5f7; --accent:#111827;
    }
    body {margin:0; font-family: -apple-system,BlinkMacSystemFont,"Noto Sans KR",Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:var(--text); background:var(--bg); line-height:1.7}
    .wrap {max-width: 860px; margin: 56px auto; padding:0 20px;}
    h1 {font-size: 34px; line-height:1.25; margin: 0 0 12px;}
    .subtitle {color:var(--muted); margin-bottom: 28px;}
    .hero {display:grid; grid-template-columns:1fr; gap:14px; margin: 24px 0 36px;}
    .hero img {width:100%; border-radius:16px; border:1px solid var(--line);}
    .chips {display:flex; gap:8px; flex-wrap:wrap; margin: 10px 0 22px;}
    .chip {background:var(--chip); padding:6px 10px; border-radius:999px; font-size:13px; color:#333;}
    table {width:100%; border-collapse: collapse; margin: 18px 0 32px; font-size:15px;}
    th, td {border-bottom:1px solid var(--line); padding:12px 10px; text-align:left; vertical-align:top;}
    th {background:#fafafa; font-weight:700;}
    .box {border:1px solid var(--line); border-radius:16px; padding:20px; margin:22px 0;}
    .spot h2 {margin:0 0 6px; font-size:24px;}
    .meta {color:var(--muted); font-size:14px; margin-bottom:10px;}
    .tip {background:#f8fafc; border:1px dashed #cbd5e1; padding:12px 14px; border-radius:12px; font-size:14px; margin-top:10px;}
    .igline {margin-top:10px; font-style:italic; color:#111;}
    .footer {margin:36px 0 80px; color:var(--muted); font-size:14px;}
    .map {border:1px solid var(--line); border-radius:12px; height:280px; background:#f6f6f8; display:flex; align-items:center; justify-content:center; color:#888; font-size:14px;}
    @media (min-width: 760px){
      .hero {grid-template-columns: repeat(3,1fr);}
    }
  </style>
</head>
<body>
  <article class="wrap">
    <header>
      <h1>강남역 점심 맛집 3선 — 현지 맛집 블로거 픽</h1>
      <p class="subtitle">점심 한 끼로도 만족감 확 올리는 ‘믿고 가는’ 세 곳을 골랐어요.</p>
      <div class="chips">
        <span class="chip">#강남맛집</span><span class="chip">#점심추천</span><span class="chip">#직장인점심</span>
        <span class="chip">#숙성도</span><span class="chip">#미즈컨테이너</span><span class="chip">#부첼리하우스</span>
      </div>
      <section class="hero">
        <!-- 카드 이미지를 업로드해서 src 교체 -->
        <img src="insta_card1.png" alt="숙성도 강남점 카드">
        <img src="insta_card2.png" alt="미즈컨테이너 강남점 카드">
        <img src="insta_card3.png" alt="부첼리하우스 강남점 카드">
      </section>
    </header>

    <section>
      <h2>요약 한눈에 보기</h2>
      <table>
        <thead>
          <tr><th>가게명</th><th>추천 메뉴</th><th>가격대</th><th>분위기</th><th>인스타 한 줄</th></tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>숙성도 강남점</strong></td>
            <td>한우 등심 정식, 한우 불고기덮밥</td>
            <td>15,000~25,000원</td>
            <td>고급스럽지만 부담 없는 한식 다이닝</td>
            <td>“점심에도 고기 굽는 향기, 오늘 하루 텐션 올라간다.”</td>
          </tr>
          <tr>
            <td><strong>미즈컨테이너 강남점</strong></td>
            <td>쉬림프 로제파스타, 스테이크 덮밥</td>
            <td>13,000~18,000원</td>
            <td>밝고 캐주얼한 유럽식 브런치 무드</td>
            <td>“바쁜 도시 속, 점심 한 끼로 리셋되는 기분.”</td>
          </tr>
          <tr>
            <td><strong>부첼리하우스 강남점</strong></td>
            <td>수제 함박스테이크, 파스타 세트</td>
            <td>12,000~17,000원</td>
            <td>따뜻한 조명, 빈티지 감성 인테리어</td>
            <td>“햇살 스며드는 창가에서, 한입의 여유를 먹다.”</td>
          </tr>
        </tbody>
      </table>
    </section>

    <!-- 1) 숙성도 -->
    <section class="box spot" id="suksungdo">
      <h2>1) 숙성도 강남점</h2>
      <div class="meta">강남역 11번 출구 도보 약 3분 · 논현로94길 13</div>
      <p>한우 전문이지만 점심 세트가 합리적인 편. 불고기덮밥/등심 정식으로 든든하게 한 끼 하기 좋아요.</p>
      <div class="tip">TIP · 점심엔 <strong>한우불고기덮밥</strong>이 가성비 최고!</div>
      <p class="igline">“점심에도 고기 굽는 향기, 오늘 하루 텐션 올라간다.”</p>
      <div class="map">지도(캡처/임베드 위치)</div>
    </section>

    <!-- 2) 미즈컨테이너 -->
    <section class="box spot" id="mizcontainer">
      <h2>2) 미즈컨테이너 강남점</h2>
      <div class="meta">강남역 10번 출구 인근 · 신논현역 사이</div>
      <p>파스타, 샐러드, 덮밥류까지 메뉴 구성이 좋아서 직장인 점심 러시에 딱 맞는 곳. 서빙이 빠른 편이라 대기 대비 회전도 괜찮아요.</p>
      <div class="tip">TIP · 2인 브런치 세트로 주문하면 비주얼과 가성비 모두 만족.</div>
      <p class="igline">“바쁜 도시 속, 점심 한 끼로 리셋되는 기분.”</p>
      <div class="map">지도(캡처/임베드 위치)</div>
    </section>

    <!-- 3) 부첼리하우스 -->
    <section class="box spot" id="bucelli">
      <h2>3) 부첼리하우스 강남점</h2>
      <div class="meta">강남역 12번 출구 도보 약 2분 · 서초대로77길 3</div>
      <p>수제 함박스테이크의 클래식. 꾸덕한 소스와 따뜻한 조명이 만들어내는 빈티지 무드가 점심 감성샷에 잘 어울립니다.</p>
      <div class="tip">TIP · 창가 자리에서 햇살 받으며 식사하면 사진 맛집.</div>
      <p class="igline">“햇살 스며드는 창가에서, 한입의 여유를 먹다.”</p>
      <div class="map">지도(캡처/임베드 위치)</div>
    </section>

    <section class="footer">
      <p>※ 영업시간/가격은 방문 시점에 따라 변동될 수 있어요. 방문 전 전화 확인을 추천합니다.</p>
      <p>#강남맛집 #점심추천 #직장인점심 #숙성도 #미즈컨테이너 #부첼리하우스 #서울맛집</p>
    </section>
  </article>
</body>
</html>