<div class="notion-style-container">
    <style>
        .notion-style-container {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif;
            line-height: 1.6;
            color: rgb(55, 53, 47);
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
        }

        h1, h2, h3 {
            margin-top: 2rem;
            margin-bottom: 1rem;
            font-weight: 600;
            color: rgb(55, 53, 47);
        }
        h2 {
            font-size: 1.5rem;
            margin-top: 3rem;
        }

        h3 {
            font-size: 1.25rem;
            margin-top: 2rem;
        }

        p {
            margin-bottom: 1.25rem;
            color: rgb(55, 53, 47);
        }

        .highlight {
            background-color: rgba(251, 191, 36, 0.2);
            padding: 0 4px;
            border-radius: 4px;
        }

        .image-placeholder {
            background-color: rgba(55, 53, 47, 0.05);
            border-radius: 8px;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 2rem 0;
            border: 1px dashed rgba(55, 53, 47, 0.2);
        }

        .image-placeholder p {
            color: rgba(55, 53, 47, 0.6);
            margin: 0;
        }

        .callout {
            background-color: rgb(251, 251, 250);
            border-radius: 4px;
            padding: 16px 16px 16px 12px;
            margin: 1.5rem 0;
            display: flex;
            border-left: 4px solid rgb(110, 54, 48);
        }

        .callout-emoji {
            margin-right: 8px;
            font-size: 1.25rem;
            line-height: 1.5;
        }

        .callout-content {
            flex: 1;
        }

        .callout-title {
            font-weight: 500;
            margin-bottom: 0.5rem;
        }

        .toggle {
            margin: 1.5rem 0;
        }

        .toggle-header {
            display: flex;
            align-items: center;
            cursor: pointer;
            padding: 8px 0;
        }

        .toggle-icon {
            margin-right: 8px;
            transition: transform 0.2s;
        }

        .toggle-title {
            font-weight: 500;
        }

        .toggle-content {
            padding: 8px 0 8px 24px;
        }

        .step-container {
            margin: 1.5rem 0;
        }

        .step {
            display: flex;
            margin-bottom: 1.5rem;
            align-items: flex-start;
        }

        .step-number {
            background-color: rgb(241, 241, 239);
            color: rgb(55, 53, 47);
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
            font-size: 14px;
            flex-shrink: 0;
            margin-top: 4px;
        }

        .step-content {
            flex: 1;
        }

        .step-title {
            font-weight: 500;
            margin-bottom: 0.5rem;
        }

        .property-card {
            border-radius: 4px;
            padding: 16px;
            margin: 1.5rem 0;
            background-color: rgb(251, 251, 250);
        }

        .property-card-title {
            font-size: 1.1rem;
            font-weight: 500;
            margin-bottom: 0.75rem;
        }

        .property-details {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 12px;
            margin: 1rem 0;
        }

        .detail-item {
            display: flex;
            flex-direction: column;
        }

        .detail-label {
            font-size: 0.875rem;
            color: rgba(55, 53, 47, 0.65);
        }

        .detail-value {
            font-weight: 500;
        }

        .divider {
            height: 1px;
            background-color: rgba(55, 53, 47, 0.16);
            margin: 2.5rem 0;
        }

        .columns {
            display: flex;
            gap: 20px;
            margin: 1.5rem 0;
        }

        .column {
            flex: 1;
        }

        .badge {
            display: inline-block;
            background-color: rgba(55, 53, 47, 0.08);
            border-radius: 3px;
            padding: 2px 6px;
            margin-right: 6px;
            font-size: 0.875rem;
        }

        .tip-box {
            background-color: rgba(35, 131, 226, 0.07);
            border-radius: 4px;
            padding: 16px;
            margin: 1.5rem 0;
        }

        .tip-title {
            font-weight: 500;
            color: rgb(35, 131, 226);
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
        }

        .tip-title::before {
            content: "💡";
            margin-right: 8px;
        }

        .caption {
            font-size: 0.875rem;
            color: rgba(55, 53, 47, 0.65);
            text-align: center;
            margin-top: -1rem;
            margin-bottom: 1.5rem;
        }
    </style>

    <h2>아파트써처 사이트 사용 가이드</h2>

    <p>
        아파트써처는 여러분의 투자금과 선호지역에 맞는 최적의 아파트 투자처를 찾아주는 서비스입니다.
        이 가이드를 통해 서비스 사용 방법과 핵심 기능을 알아보겠습니다.
    </p>

    <div class="callout">
        <div class="callout-emoji">💡</div>
        <div class="callout-content">
            <div class="callout-title">아파트써처의 장점</div>
            <p>아파트에 투자하기 위해 일자리, 교통, 학군 등을 고려하며 일일이 검색하고 비교하는 시간을 줄여줍니다. 클릭 한 번으로 자본금에 맞는 최적의 투자처를 추천받을 수 있습니다.</p>
        </div>
    </div>
    <img alt="아파트써처 메인 화면" class="notion-image" src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/1.png"/>
    <p class="caption">아파트써처 메인 화면</p>


    <h2>기본 사용법</h2>

    <div class="step-container">
        <div class="step">
            <div class="step-number">1</div>
            <div class="step-content">
                <div class="step-title">투자금 설정하기</div>
                <p>원하는 투자금액을 입력합니다. 실제 투자 가능한 자본금을 기준으로 설정하면 가장 정확한 결과를 얻을 수 있습니다.</p>
                <img alt="아파트써처 메인 화면" class="notion-image"
                     src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/2.png"/>
            </div>
        </div>

        <div class="step">
            <div class="step-number">2</div>
            <div class="step-content">
                <div class="step-title">관심 지역 선택하기</div>
                <p>서울, 경기, 인천 등 수도권이나 부산 등 관심 있는 지역을 선택합니다.</p>
                <img alt="아파트써처 메인 화면" class="notion-image"
                     src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/3.png"/>
            </div>
        </div>

        <div class="step">
            <div class="step-number">3</div>
            <div class="step-content">
                <div class="step-title">투자 유형 선택하기</div>
                <p>갭투자, 분양권, 실거주 등 원하는 투자 유형을 선택합니다.</p>
                <img alt="아파트써처 메인 화면" class="notion-image"
                     src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/4.png"/>
            </div>
        </div>

        <div class="step">
            <div class="step-number">4</div>
            <div class="step-content">
                <div class="step-title">결과 확인하기</div>
                <p>추천 순위별로 나타난 아파트 목록을 확인하고, 상세 페이지에서 더 자세한 정보를 확인합니다.</p>
                <img alt="아파트써처 메인 화면" class="notion-image"
                     src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/5.png"/>
            </div>
        </div>
    </div>

    <h2>투자 유형별 기능 알아보기</h2>

    <h3>1. 갭투자</h3>
    <p>
        갭투자는 매매가와 전세가의 차이(갭)를 활용한 투자 방식입니다. 전세를 끼고 매입하여 초기 투자금을 줄이는 전략입니다.
    </p>

    <img alt="아파트써처 메인 화면" class="notion-image" src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/6.png"/>

    <div class="property-card">
        <div class="property-card-title">갭투자 추천 예시: 백설마을 5단지 효성 32평</div>
        <div class="property-details">
            <div class="detail-item">
                <span class="detail-label">위치</span>
                <span class="detail-value">경기도 수원시 장안구 정자동</span>
            </div>
            <div class="detail-item">
                <span class="detail-label">매매가</span>
                <span class="detail-value">4억 5,000만원</span>
            </div>
            <div class="detail-item">
                <span class="detail-label">전세금</span>
                <span class="detail-value">3억원</span>
            </div>
            <div class="detail-item">
                <span class="detail-label">필요 투자금</span>
                <span class="detail-value">약 1억 5,000만원</span>
            </div>
        </div>
        <p>
            이 아파트는 1호선 화서역과 성균관대역 사이에 위치하며, 2029년 개통 예정인 신분당선 연장이라는 교통 호재가 있습니다.
            주변에 스타필드 수원도 있어 주거 편의성이 좋고, 대평 중학교 등 좋은 학군을 갖추고 있습니다.
        </p>
    </div>

    <img alt="아파트써처 메인 화면" class="notion-image" src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/7.png"/>
    <p class="caption">아파트 상세 정보 페이지</p>

    <h3>2. 저평가순 검색</h3>
    <p>
        저평가순은 전고점 대비 현재 가격이 가장 크게 벌어져 있는 아파트를 순서대로 보여줍니다.
        이전에 높은 가격에 거래되었지만 현재는 상대적으로 저렴하게 거래되는 단지를 찾을 수 있습니다.
    </p>

    <img alt="아파트써처 메인 화면" class="notion-image" src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/8.png"/>

    <div class="tip-box">
        <div class="tip-title">저평가 판단 기준</div>
        <p>
            아파트 가격 분석 차트에서 빨간색으로 표시된 '적정가'는 우리나라 직장인 3인 가족의 연평균 소득 대비 적정한 가격 상승을 보여주는 지표입니다.
            현재 시세(파란색)가 적정가보다 낮으면 저평가, 높으면 고평가로 판단합니다.
        </p>
    </div>

    <img alt="아파트써처 메인 화면" class="notion-image" src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/9.png"/>
    <p class="caption">아파트 가격 분석 차트 - 적정가(빨간선)와 시세(파란선) 비교</p>

    <h3>3. 분양권 투자</h3>
    <p>
        분양권 투자는 아직 준공되지 않은 아파트의 분양권을 매입하는 방식입니다.
        입주 시점까지 가격 상승을 기대할 수 있습니다.
    </p>

    <img alt="아파트써처 메인 화면" class="notion-image" src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/10.png"/>

    <div class="property-card">
        <div class="property-card-title">분양권 추천 예시: 광명자이 힐스테이트SK뷰 21평</div>
        <div class="property-details">
            <div class="detail-item">
                <span class="detail-label">현재 가격</span>
                <span class="detail-value">7~8억대</span>
            </div>
            <div class="detail-item">
                <span class="detail-label">입주 예정</span>
                <span class="detail-value">2027년</span>
            </div>
            <div class="detail-item">
                <span class="detail-label">현재 평당가</span>
                <span class="detail-value">약 3,200만원</span>
            </div>
            <div class="detail-item">
                <span class="detail-label">예상 상승</span>
                <span class="detail-value">평당 약 500만원</span>
            </div>
        </div>
        <p>
            광명은 서울 최인접 지역으로 경기 빅4라 불리는 입지적 장점을 가진 지역입니다.
            7호선 광명사거리역과 가까워 교통이 편리하며, 주변 유사 단지와 비교했을 때 가격 상승 잠재력이 있습니다.
        </p>
    </div>

    <div class="callout">
        <div class="callout-emoji">💡</div>
        <div class="callout-content">
            <div class="callout-title">추천 로직 이해하기</div>
            <p>아파트써처는 크게 두 가지 요소를 고려합니다:</p>
            <p>1. <strong>입지적 요소</strong>: 일자리, 교통, 학군 등 위치의 장점</p>
            <p>2. <strong>상품 가치적 요소</strong>: 아파트 연식, 세대 수, 브랜드 등 건물 자체의 가치</p>
            <p>이 두 요소를 종합적으로 고려해 가장 최적화된 아파트를 추천합니다.</p>
        </div>
    </div>


    <h2>서비스 이용 안내</h2>

    <div class="property-details" style="margin-top: 2rem;">
        <div class="detail-item">
            <span class="detail-label">무료 이용</span>
            <span class="detail-value">매월 10회 무료 검색</span>
        </div>
        <div class="detail-item">
            <span class="detail-label">유료 플랜</span>
            <span class="detail-value">2025년 4월 오픈 예정</span>
        </div>
        <div class="detail-item">
            <span class="detail-label">추가 기능</span>
            <span class="detail-value">맞춤형 단지 추천 등</span>
        </div>
    </div>

    <div class="callout" style="border-left-color: #ef4444;">
        <div class="callout-emoji">📌</div>
        <div class="callout-content">
            <div class="callout-title">참고 사항</div>
            <p>아파트 시세는 한 달 사이 큰 변화가 없기 때문에 월 10회 무료 검색만으로도 충분히 활용 가능합니다. 서비스에 만족하지 못하신다면 유료 플랜으로 전환하지 않으셔도 됩니다.</p>
        </div>
    </div>

    <div class="divider"></div>

    <h3>개발 예정 기능</h3>
    <p>
        실거주 기능에서는, 사용자의 소득에 따른 대출 가능 금액을 계산하여 맞춤형 추천을 제공합니다.
        앞으로 '내 소득으로 얼마의 대출이 가능한지', '내게 맞는 BEST3는 어디인지'까지 알려주는
        <span class="highlight">맞춤형 검색 기능</span>도 개발 중입니다.
    </p>

    <img alt="아파트써처 메인 화면" class="notion-image" src="https://d2znn0ry2r20ti.cloudfront.net/posts/2e1dc270/12.png"/>

    <div class="tip-box" style="background-color: rgba(16, 185, 129, 0.07);">
        <div class="tip-title" style="color: rgb(16, 185, 129);">의견 공유하기</div>
        <p>
            여러분의 생생한 피드백이 더 좋은 서비스로 발전하는 데 큰 도움이 됩니다.
            아파트써처 메인 페이지에서 직접 사용해본 의견을 공유해주세요.
        </p>
    </div>

    <p style="margin-top: 3rem; text-align: center; font-weight: 500;">
        지금 바로 아파트써처 사이트에 접속해 여러분의 투자처를 검색해보세요!
    </p>
</div>


아파트써처 서비스의 기본 사용법과 투자 유형별 기능에 대한 종합 가이드입니다.

아파트써처 사이트 사용 가이드

<div class="notion-content" style="
    
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif;
    line-height: 1.6;
    color: rgb(55, 53, 47);
    letter-spacing: -0.01em;
">
    
    
    <div style="
        font-size: 1.1rem;
        margin: 1.5rem 0;
        color: rgb(55, 53, 47, 0.8);
    ">
        안녕하세요, 아파트서처입니다. 🏡✨<br/><br/>

드디어 기다리던 순간이 다가왔습니다! 🎉<br/>
오는 3월 1일부터 아파트서처의 사전 접수가 시작됩니다.<br/>
오랜 시간 고민하고 개발한 아파트 맞춤 검색 서비스,<br/>
더욱 강력한 기능을 담아 프로 버전(개인맞춤)으로 찾아옵니다.<br/><br/>

여러분이 원하던 아파트를 더 쉽고 빠르게 찾을 수 있도록<br/>
아파트서처가 차별화된 검색 알고리즘과 프리미엄 데이터 분석 기능을 제공합니다.<br/>
정식 런칭일은 4월 1일, 그리고 선착순 300명에게 특별한 혜택을 드립니다!<br/><br/>
    </div>

    <div style="margin: 2rem 0;">
        <h2 style="
            font-size: 1.5rem;
            font-weight: 600;
            margin: 1.5rem 0 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        ">
            <span style="color: rgb(55, 53, 47);">📅</span>
            <span>사전접수 기간</span>
        </h2>
        <div style="
            padding: 0.75rem 1rem;
            background: rgba(235, 236, 237, 0.3);
            border-radius: 6px;
        ">2024년 3월 1일 ~ 3월 31일</div>
    </div>

    <div style="margin: 2rem 0;">
        <h2 style="
            font-size: 1.5rem;
            font-weight: 600;
            margin: 1.5rem 0 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        ">
            <span style="color: rgb(55, 53, 47);">📌</span>
            <span>사전접수 혜택</span>
        </h2>
        <div style="
            padding: 1rem;
            background: rgba(235, 236, 237, 0.3);
            border-radius: 6px;
        ">
            사전접수 기간 동안 가입하시는 분들께 특별한 혜택을 제공해드립니다.<br>
            자세한 혜택 내용은 아래 사전접수 페이지에서 확인하실 수 있습니다.
        </div>
    </div>

    <div style="
        margin: 2rem 0;
        padding: 1rem;
        background: rgba(235, 236, 237, 0.3);
        border-radius: 6px;
    ">
        <div style="
            font-weight: 600;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        ">
            <span>📎</span>
            <span>자세한 내용 확인하기</span>
        </div>
        <a href="https://www.apartsearcher.ai/pre-registration" style="
            color: rgb(35, 131, 226);
            text-decoration: none;
            word-break: break-all;
        ">https://www.apartsearcher.ai/pre-registration</a>
    </div>

    <div style="
        margin-top: 3rem;
        padding-top: 2rem;
        border-top: 1px solid rgba(55, 53, 47, 0.16);
        color: rgb(55, 53, 47, 0.8);
    ">
        많은 관심과 참여 부탁드립니다.<br>
        감사합니다.
    </div>
</div>

3월 1일부터 시작되는 아파트써처 사전접수 혜택 안내드립니다. 자세한 내용은 사전접수 페이지를 확인해주세요.

공지사항