경기지역 마사지

화성 출장마사지

<!DOCTYPE html>

<html lang="ko">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>화성출장마사지 - 화성 전지역 프리미엄 홈타이 서비스</title>

    <style>

        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

        

        :root {

            --primary: #e05a7a;

            --primary-light: #f78da7;

            --secondary: #f5efe9;

            --text-dark: #333333;

            --text-light: #777777;

            --white: #ffffff;

            --shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

            --radius: 12px;

        }

        

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

            font-family: 'Noto Sans KR', sans-serif;

        }

        

        body {

            background-color: #f8f8f8;

            color: var(--text-dark);

            line-height: 1.6;

        }

        

        .container {

            max-width: 1200px;

            margin: 0 auto;

            padding: 0 20px;

        }

        

        /* Header Styles */

        .hero {

            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);

            color: var(--white);

            padding: 40px 0 60px;

            margin-bottom: 50px;

            border-radius: 0 0 var(--radius) var(--radius);

        }

        

        .hero-content {

            max-width: 800px;

            margin: 0 auto;

            text-align: center;

        }


        .hero-image-container {

            width: 100%;

            max-width: 900px;

            margin: 0 auto 30px;

            border-radius: var(--radius);

            overflow: hidden;

            box-shadow: var(--shadow);

        }


        .hero-image-container img {

            width: 100%;

            height: auto;

            display: block;

        }

        

        .hero h1 {

            font-size: 3.2rem;

            font-weight: 700;

            margin-bottom: 15px;

            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);

        }

        

        .hero p {

            font-size: 1.3rem;

            margin-bottom: 30px;

            font-weight: 300;

        }

        

        .badges {

            display: flex;

            flex-wrap: wrap;

            justify-content: center;

            gap: 12px;

        }

        

        .badge {

            background-color: rgba(255, 255, 255, 0.2);

            border: 1px solid rgba(255, 255, 255, 0.4);

            padding: 8px 18px;

            border-radius: 30px;

            font-size: 0.9rem;

            font-weight: 500;

            backdrop-filter: blur(5px);

        }

        

        /* Card Styles */

        .card {

            background-color: var(--white);

            border-radius: var(--radius);

            box-shadow: var(--shadow);

            padding: 40px;

            margin-bottom: 40px;

        }

        

        .section-title {

            color: var(--primary);

            font-size: 1.8rem;

            margin-bottom: 30px;

            padding-bottom: 15px;

            position: relative;

            font-weight: 600;

        }

        

        .section-title::after {

            content: '';

            position: absolute;

            bottom: 0;

            left: 0;

            width: 50px;

            height: 3px;

            background: var(--primary);

        }

        

        /* Price Card */

        .price-card {

            background-color: #f9f9f9;

            border-radius: var(--radius);

            padding: 25px;

            margin-bottom: 20px;

            border-left: 4px solid var(--primary);

        }

        

        .price-card h3 {

            color: var(--primary);

            text-align: center;

            font-size: 1.4rem;

            margin-bottom: 15px;

        }


        .price-tag {

            background-color: var(--primary);

            color: white;

            padding: 4px 12px;

            border-radius: 20px;

            font-size: 0.8rem;

            display: inline-block;

            margin-bottom: 10px;

        }


        /* Feature Grid */

        .features {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

            gap: 25px;

        }


        .feature-item {

            display: flex;

            gap: 15px;

        }


        .feature-icon {

            color: var(--primary);

            font-weight: bold;

            font-size: 1.2rem;

        }


        /* Regions */

        .regions-grid {

            display: grid;

            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));

            gap: 12px;

            margin-top: 20px;

        }


        .region-item {

            background: #eee;

            padding: 10px;

            text-align: center;

            border-radius: 8px;

            font-size: 0.9rem;

        }

        

        .notice-box {

            background-color: #fff9f9;

            border-left: 4px solid var(--primary);

            padding: 20px;

            margin-top: 30px;

            border-radius: 0 var(--radius) var(--radius) 0;

        }


        .cta-box {

            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);

            padding: 40px 20px;

            border-radius: var(--radius);

            text-align: center;

            color: white;

            margin: 50px 0;

        }


        .btn-call {

            display: inline-block;

            background: white;

            color: var(--primary);

            padding: 15px 35px;

            border-radius: 50px;

            font-size: 1.8rem;

            font-weight: 700;

            text-decoration: none;

            box-shadow: 0 5px 15px rgba(0,0,0,0.2);

            margin: 20px 0;

        }


        @media (max-width: 768px) {

            .hero h1 { font-size: 2.2rem; }

            .card { padding: 25px; }

            .btn-call { font-size: 1.4rem; }

        }

    </style>

</head>

<body>


    <section class="hero">

        <div class="container">

            <div class="hero-image-container">

                <img src="https://onmoon.co.kr/data/editor/2604/22923fe5817c0d6d05a254369980144d_1776651385_1136.png" alt="화성 프리미엄 마사지 히어로">

            </div>

            <div class="hero-content">

                <h1>화성출장마사지</h1>

                <p>동탄, 향남, 봉담 전지역 30분 신속 방문</p>

                <div class="badges">

                    <span class="badge">화성 전지역 연중무휴</span>

                    <span class="badge">내집처럼 편안한 홈케어</span>

                    <span class="badge">프리미엄 20대 관리사</span>

                </div>

            </div>

        </div>

    </section>


    <div class="container">

        <div class="cta-box">

            <h2 style="font-size: 1.8rem; margin-bottom: 10px;">실시간 예약 및 상담</h2>

            <a href="tel:0503-6982-1054" class="btn-call">

                <span style="margin-right: 10px;">☎</span>0503-6982-1054

            </a>

            <p>문자 예약 가능 | 24시간 상담 대기 중</p>

        </div>


        <div class="card">

            <h2 class="section-title">마사지 프로그램</h2>

            

            <div class="price-card">

                <h3>[ 건식 타이 코스 ]</h3>

                <div style="text-align: center; line-height: 2;">

                    <p>60분 ── 7만 / 90분 ── 8만 / 120분 ── 10만</p>

                </div>

            </div>

            

            <div class="price-card">

                <h3>[ 아로마 테라피 ]</h3>

                <div style="text-align: center; line-height: 2;">

                    <p>60분 ── 8만 / 90분 ── 9만 / 120분 ── 11만</p>

                </div>

            </div>

            

            <div class="price-card" style="background-color: #fff9f9;">

                <div style="text-align: center;"><span class="price-tag">Best 추천</span></div>

                <h3>[ 스페셜 VIP 코스 ]</h3>

                <div style="text-align: center; line-height: 2;">

                    <p>90분(타이+아로마) ── 11만</p>

                    <p>120분(타이+아로마+풋) ── 13만</p>

                </div>

            </div>

        </div>


        <div class="card">

            <h2 class="section-title">화성 전지역 서비스</h2>

            <p>화성시 전역, 아파트, 오피스텔, 호텔 어디든 계신 곳으로 30분 내외로 방문합니다.</p>

            

            <div class="regions-grid">

                <div class="region-item">동탄 1·2신도시</div>

                <div class="region-item">향남지구</div>

                <div class="region-item">봉담읍</div>

                <div class="region-item">병점/진안동</div>

                <div class="region-item">남양읍/시청</div>

                <div class="region-item">마도/송산</div>

                <div class="region-item">정남/팔탄면</div>

                <div class="region-item">기안/안녕동</div>

                <div class="region-item">우정/장안면</div>

                <div class="region-item">동탄테크노밸리</div>

            </div>


            <div class="notice-box">

                <h3 style="color: var(--primary); margin-bottom: 10px;">화성 지역 이용 안내</h3>

                <ul style="list-style: none; font-size: 0.95rem;">

                    <li>✓ 화성 전지역 별도의 교통비 없이 운영됩니다.</li>

                    <li>✓ 삼성전자 단지 및 일반 산업단지 인근 신속 방문 가능합니다.</li>

                    <li>✓ 퇴근 후 힐링이 필요한 직장인분들을 위한 야간 우선 예약제.</li>

                    <li>✓ 100% 후불제 시스템으로 안심하고 이용하세요.</li>

                </ul>

            </div>

        </div>


        <div class="card">

            <h2 class="section-title">공감마사지의 약속</h2>

            <div class="features">

                <div class="feature-item">

                    <span class="feature-icon">✔</span>

                    <div>

                        <h4 style="color:var(--primary)">철저한 위생 관리</h4>

                        <p style="font-size:0.9rem; color:#666">모든 소모품은 1회용 사용을 원칙으로 하며 청결을 최우선으로 합니다.</p>

                    </div>

                </div>

                <div class="feature-item">

                    <span class="feature-icon">✔</span>

                    <div>

                        <h4 style="color:var(--primary)">검증된 실력</h4>

                        <p style="font-size:0.9rem; color:#666">체계적인 교육을 이수한 베테랑 관리사가 맞춤형 케어를 제공합니다.</p>

                    </div>

                </div>

                <div class="feature-item">

                    <span class="feature-icon">✔</span>

                    <div>

                        <h4 style="color:var(--primary)">신속한 방문</h4>

                        <p style="font-size:0.9rem; color:#666">화성 주요 거점에 관리사가 상시 대기하여 지연 없는 방문을 약속합니다.</p>

                    </div>

                </div>

            </div>

        </div>


        <div style="text-align: center; padding-bottom: 60px; color: #999; font-size: 0.8rem;">

            <p>© 2026 화성 공감홈타이. All rights reserved.</p>

            <p>본 서비스는 퇴폐문의를 절대 금지합니다.</p>

        </div>

    </div>


</body>

</html>