1번글

 

<!-- 상단 탭 -->
<div class="tab-wrapper">
    <div class="container">
        <nav class="tab-container">
            <ul class="tabs">
                <li class="tab-item">
                     <a class="tab-link active" data-tab="aros1" href="#">신청방법</a>
                </li>
                <li class="tab-item">
                    <a class="tab-link" data-tab="aros2" href="#">대상조건</a>
                </li>
                <li class="tab-item">
                    <a class="tab-link" data-tab="aros3" href="#">지급조회</a>
                </li>
            </ul>
        </nav>
    </div>
</div>
<!-- 종료 -->

<!--1.상단 주목도 높은 메시지-->
<div class="aros-gray-card-center" >
    <h3 >대한민국 92%는 몰랐던</h3>
    <h2 >근로장려금 확인하세요!</h2>
</div>
<!-- 종료 -->


<!--애드센스 광고-->
<div>
  <script
    async=""
    crossorigin="anonymous"
    src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-#"
  ></script>
  <!--[블로그스팟] 최상단광고-->
  <ins
    class="adsbygoogle"
    data-ad-client="ca-pub-#"
    data-ad-format="auto"
    data-ad-slot="#"
    data-full-width-responsive="true"
    style="display: block;"
  ></ins>
  <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
  </script>
</div>
<!-- 종료 -->

<!--2.메뉴 버튼들-->
<div class=".apply-container">
    <div class="link-container">
      <a href="#" class="custom-link">
        <div class="button-container">
          <div class="button-content">
            <span class="button-text">단독가구 신청</span>
            <span>→</span>
          </div>
        </div>
      </a>
    </div>
  
    <div class="link-container">
        <a href="#" class="custom-link">
            <div class="button-container">
                <div class="button-content">
                    <span class="button-text">홑벌이가구 신청</span>
                    <span>→</span>
                </div>
            </div>
        </a>
    </div>
  
    <div class="link-container">
        <a href="#" class="custom-link">
            <div class="button-container">
                <div class="button-content">
                    <span class="button-text">맞벌이가구 신청</span>
                    <span>→</span>
                </div>
            </div>
        </a>
    </div>  
</div>
<!-- 종료 -->

<!--3.신청기간 안내 박스-->
<div class="aros-gray-card" style="margin: 20px 0px;">
    <div style="align-items: center; display: flex; justify-content: space-between;">
        <div style="flex: 3 1 0%;">
            <h3>근로장려금 신청기간</h3>
            <p class="apply-date-text">2025.05.01 ~ 05.31</p>
            <p class="apply-text">접수기간 놓치지 않도록<br />실시간으로 알려드려요! 📱</p>
        </div>
        <div style="flex: 1 1 0%; text-align: right;">
            <div style="font-size: 40px;">📅</div>
        </div>
    </div>
</div>
<!-- 종료 -->

<!--4.상품 설명-->
<div class="aros-gray-card">
   <h3>🌏 다문화가구를 위한 근로장려금 안내</h3>
   <p class="description">다문화가구도 근로장려금을 받을 수 있는 조건을 확인하세요!</p>
   
   <!-- 대상 조건 설명 -->
   <div class="highlight-box requirements">
       <div class="requirement-item">
           <p class="requirement-title">1. 소득 요건</p>
           <p class="requirement-desc">• 가구 합산 연간 소득이 기준 금액 이하인 경우<br>• 근로, 사업, 기타 소득 포함</p>
       </div>
       <div class="requirement-item">
           <p class="requirement-title">2. 재산 요건</p>
           <p class="requirement-desc">• 가구 재산 총액이 2억 원 이하<br>• 주택, 자동차, 금융 자산 등 포함</p>
       </div>
       <div class="requirement-item">
           <p class="requirement-title">3. 지원 내용</p>
           <p class="requirement-desc">• 최대 지원 금액은 가구 구성과 소득에 따라 결정<br>• 신청 기간 내 반드시 접수 필요</p>
       </div>
   </div>
   
   <!-- 준비서류 안내 -->
   <div class="highlight-box documents">
       <p class="documents-title">📋 준비서류</p>
       <p class="documents-list">• 소득금액증명원<br>• 가족관계증명서<br>• 혼인관계증명서 (해당자)</p>
   </div>
</div>
<!-- 종료 -->

<!--5. 함께보면 좋은 글-->
<div class="aros-gray-card benefit-card">
    <h3 class="benefit-title">
        <span class="icon">🎯</span>
        나라에서 주는 용돈 모두 모아보기
    </h3>
    
    <div class="benefit-list">
        <a href="#">
            <div class="benefit-item">
                <span class="benefit-text">• 숨은보험금 찾기</span>
                <span>💰</span>
            </div>
        </a>
        
        <a href="#">
            <div class="benefit-item">
                <span class="benefit-text">• 건강보험료 환급금</span>
                <span>🏥</span>
            </div>
        </a>
        
        <a href="#">
            <div class="benefit-item">
                <span class="benefit-text">• 통신비 지원금</span>
                <span>🔔</span>
            </div>
        </a>
    </div>

    <!--하단 버튼-->
    <a href="#">
        <button class="bottom-button">
            <span>국가 보조금 알아보기</span>
            <span>→</span>
        </button>
    </a>
</div>
<!-- 종료 -->