diff --git a/src/main/java/apu/saerok_admin/web/view/ad/AdPlacementGroup.java b/src/main/java/apu/saerok_admin/web/view/ad/AdPlacementGroup.java
index 057ea0f..4c055bc 100644
--- a/src/main/java/apu/saerok_admin/web/view/ad/AdPlacementGroup.java
+++ b/src/main/java/apu/saerok_admin/web/view/ad/AdPlacementGroup.java
@@ -16,10 +16,16 @@ public boolean hasPlacements() {
     }
 
     public String fallbackProbabilityLabel() {
+        if (!hasPlacements()) {
+            return "100%";
+        }
         return Math.round(fallbackRatioPercent) + "%";
     }
 
     public boolean hasFallbackProbability() {
+        if (!hasPlacements()) {
+            return true;
+        }
         return fallbackRatioPercent > 0.0;
     }
 }
diff --git a/src/main/resources/static/css/ads.css b/src/main/resources/static/css/ads.css
index 99e1dbd..175524d 100644
--- a/src/main/resources/static/css/ads.css
+++ b/src/main/resources/static/css/ads.css
@@ -412,6 +412,7 @@
     border-radius: 999px;
     font-size: 0.95rem;
     font-weight: 700;
+    font-variant-numeric: tabular-nums;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
 }
 
@@ -452,6 +453,197 @@
     box-shadow: 0 14px 28px rgba(59, 130, 246, 0.18);
 }
 
+.ads-card-list {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.ads-card-list .list-group-item {
+    border: none;
+    background: transparent;
+}
+
+.ads-card {
+    border: none;
+    background: transparent;
+}
+
+.ads-card__content {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    padding: 1.25rem;
+    border-radius: 1rem;
+    border: 1px solid rgba(226, 232, 240, 0.7);
+    background: #ffffff;
+    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
+}
+
+.ads-card__header {
+    display: flex;
+    gap: 1rem;
+    align-items: flex-start;
+}
+
+.ads-card__thumb {
+    border-radius: 1rem;
+    overflow: hidden;
+    border: 1px solid rgba(148, 163, 184, 0.35);
+    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
+    background: #ffffff;
+}
+
+.ads-card__thumb--wide {
+    width: 120px;
+}
+
+.ads-card__thumb--wide .ratio {
+    width: 100%;
+}
+
+.ads-card__thumb--square {
+    width: 72px;
+    height: 72px;
+    display: flex;
+}
+
+.ads-card__thumb--square img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.ads-card__thumb-placeholder {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, rgba(226, 232, 240, 0.6), rgba(148, 163, 184, 0.3));
+    border-style: dashed;
+    border-color: rgba(148, 163, 184, 0.6);
+    color: #94a3b8;
+    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+}
+
+.ads-card__thumb--wide.ads-card__thumb-placeholder {
+    height: 90px;
+}
+
+.ads-card__thumb--square.ads-card__thumb-placeholder {
+    height: 72px;
+}
+
+.ads-card__thumb-placeholder i {
+    font-size: 1.5rem;
+}
+
+.ads-card__body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    flex: 1 1 auto;
+}
+
+.ads-card__meta {
+    display: flex;
+    flex-direction: column;
+    gap: 0.35rem;
+}
+
+.ads-card__meta-label,
+.ads-card__metric-label {
+    font-size: 0.75rem;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: #64748b;
+    font-weight: 600;
+}
+
+.ads-card__metrics {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.ads-card__metric {
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+}
+
+.ads-card__metric-value {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.ads-card__actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+}
+
+.ads-card__actions .btn {
+    flex: 1 1 auto;
+}
+
+.ads-card__action-form {
+    flex: 1 1 auto;
+}
+
+.ads-card__action-form .btn {
+    width: 100%;
+}
+
+.ads-card--fallback .ads-card__content {
+    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(14, 165, 233, 0.06));
+    border-color: rgba(99, 102, 241, 0.2);
+}
+
+@media (min-width: 992px) {
+    .ads-card__metrics {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+        gap: 0.85rem;
+        align-items: stretch;
+    }
+
+    .ads-card__metric {
+        flex-direction: row;
+        align-items: stretch;
+        justify-content: space-between;
+        padding: 0.85rem 1rem;
+        border-radius: 0.9rem;
+        background: linear-gradient(135deg, rgba(226, 232, 240, 0.35), rgba(248, 250, 252, 0.4));
+        box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.18);
+        gap: 0.75rem;
+    }
+
+    .ads-card__metric-value {
+        margin-left: auto;
+    }
+
+    .ads-card__metric--probability {
+        background: linear-gradient(135deg, rgba(99, 102, 241, 0.18), rgba(56, 189, 248, 0.18));
+        box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.26);
+    }
+
+    .ads-card__metric--probability .ads-card__metric-label {
+        color: #4338ca;
+    }
+
+    .ads-card__metric--probability .ads-card__metric-value {
+        justify-content: flex-end;
+        width: 50%;
+    }
+}
+
+@media (max-width: 575.98px) {
+    .ads-card__thumb--wide {
+        width: 100px;
+    }
+}
+
 @media (max-width: 991.98px) {
     .ads-tabs {
         width: 100%;
@@ -481,3 +673,18 @@
         width: 100%;
     }
 }
+
+@media (min-width: 768px) {
+    .ads-card__actions {
+        justify-content: flex-end;
+    }
+
+    .ads-card__actions .btn,
+    .ads-card__action-form {
+        flex: 0 0 auto;
+    }
+
+    .ads-card__action-form .btn {
+        width: auto;
+    }
+}
diff --git a/src/main/resources/templates/ads/ad-form.html b/src/main/resources/templates/ads/ad-form.html
index 757c998..22c739c 100644
--- a/src/main/resources/templates/ads/ad-form.html
+++ b/src/main/resources/templates/ads/ad-form.html
@@ -39,7 +39,7 @@ <h1 class="h5 mb-0" th:text="${form.id() == null} ? '새 광고 등록' : '광
                         </div>
                         <div class="flex-grow-1 w-100">
                             <input type="file" class="form-control" id="adImageFile" accept="image/*">
-                            <div class="form-text">이미지 선택 시 자동으로 업로드됩니다. 최소 1200x628 이상의 이미지를 권장합니다.</div>
+                            <div class="form-text">이미지 선택 시 자동으로 업로드됩니다.</div>
                             <div id="adImageUploadStatus" class="ads-upload-status text-muted small mt-2">
                                 <span th:text="${form.hasUploadedImage() || form.hasExistingImage()} ? '이미지가 준비되었습니다.' : '아직 업로드된 이미지가 없습니다.'">이미지를 업로드해주세요.</span>
                             </div>
diff --git a/src/main/resources/templates/ads/list.html b/src/main/resources/templates/ads/list.html
index b4a9e07..e45fbfc 100644
--- a/src/main/resources/templates/ads/list.html
+++ b/src/main/resources/templates/ads/list.html
@@ -74,59 +74,54 @@ <h2 class="h6 mb-0 fw-semibold">광고 목록</h2>
                         </a>
                     </div>
                 </div>
-                <div class="table-responsive">
-                    <table class="table align-middle mb-0 ads-table">
-                        <thead>
-                        <tr>
-                            <th scope="col">광고 이미지</th>
-                            <th scope="col">광고 이름</th>
-                            <th scope="col">이동할 링크(URL)</th>
-                            <th scope="col">메모</th>
-                            <th scope="col" class="text-end" th:if="${currentAdminProfile.isAdminEditor()}"></th>
-                        </tr>
-                        </thead>
-                        <tbody>
-                        <tr th:if="${ads.isEmpty()}">
-                            <td class="text-center py-5 text-muted"
-                                th:attr="colspan=${currentAdminProfile.isAdminEditor()} ? 5 : 4">
-                                등록된 광고가 없습니다.
-                            </td>
-                        </tr>
-                        <tr th:each="ad : ${ads}">
-                            <td>
-                                <div class="ratio ratio-4x3 ads-thumb-surface ads-thumb-surface--lg"
-                                     th:if="${ad.hasImage()}">
-                                    <img th:src="${ad.imageUrl()}" alt="광고 이미지" class="media-thumb w-100 h-100">
+                <div class="list-group list-group-flush ads-card-list">
+                    <div th:if="${ads.isEmpty()}"
+                         class="list-group-item py-4 text-center text-muted">
+                        등록된 광고가 없습니다.
+                    </div>
+                    <article class="list-group-item p-0 ads-card"
+                             th:each="ad : ${ads}">
+                        <div class="ads-card__content">
+                            <div class="ads-card__header">
+                                <div class="ads-card__thumb ads-card__thumb--wide" th:if="${ad.hasImage()}">
+                                    <div class="ratio ratio-4x3">
+                                        <img th:src="${ad.imageUrl()}" alt="광고 이미지"
+                                             class="media-thumb w-100 h-100">
+                                    </div>
                                 </div>
-                                <div class="ads-thumb-placeholder ads-thumb-placeholder--lg"
+                                <div class="ads-card__thumb ads-card__thumb--wide ads-card__thumb-placeholder"
                                      th:if="${!ad.hasImage()}">
                                     <i class="bi bi-image"></i>
                                 </div>
-                            </td>
-                            <td class="fw-semibold" th:text="${ad.name()}">광고 이름</td>
-                            <td>
+                                <div class="ads-card__body">
+                                    <div class="ads-card__meta-label">광고 이름</div>
+                                    <div class="fw-semibold" th:text="${ad.name()}">광고 이름</div>
+                                </div>
+                            </div>
+                            <div class="ads-card__meta">
+                                <div class="ads-card__meta-label">이동할 링크 (URL)</div>
                                 <a th:href="${ad.targetUrl()}" th:text="${ad.targetUrl()}" class="text-break"
                                    target="_blank" rel="noopener">
                                     https://example.com
                                 </a>
-                            </td>
-                            <td th:text="${#strings.isEmpty(ad.memo()) ? '-' : ad.memo()}">메모</td>
-                            <td class="text-end" th:if="${currentAdminProfile.isAdminEditor()}">
-                                <div class="d-inline-flex gap-2">
-                                    <a class="btn btn-sm btn-outline-primary"
-                                       th:href="@{/ads/edit(id=${ad.id()})}">수정</a>
-                                    <form th:action="@{/ads/delete}" method="post" class="d-inline">
-                                        <input type="hidden" name="id" th:value="${ad.id()}">
-                                        <button type="submit" class="btn btn-sm btn-outline-danger"
-                                                th:onclick="|return confirm('정말 삭제하시겠습니까? 삭제하면 되돌릴 수 없습니다.');|">
-                                            삭제
-                                        </button>
-                                    </form>
-                                </div>
-                            </td>
-                        </tr>
-                        </tbody>
-                    </table>
+                            </div>
+                            <div class="ads-card__meta">
+                                <div class="ads-card__meta-label">메모</div>
+                                <div class="text-break" th:text="${#strings.isEmpty(ad.memo()) ? '-' : ad.memo()}">메모</div>
+                            </div>
+                            <div class="ads-card__actions" th:if="${currentAdminProfile.isAdminEditor()}">
+                                <a class="btn btn-sm btn-outline-primary"
+                                   th:href="@{/ads/edit(id=${ad.id()})}">수정</a>
+                                <form th:action="@{/ads/delete}" method="post" class="ads-card__action-form">
+                                    <input type="hidden" name="id" th:value="${ad.id()}">
+                                    <button type="submit" class="btn btn-sm btn-outline-danger"
+                                            th:onclick="|return confirm('정말 삭제하시겠습니까? 삭제하면 되돌릴 수 없습니다.');|">
+                                        삭제
+                                    </button>
+                                </form>
+                            </div>
+                        </div>
+                    </article>
                 </div>
             </div>
         </div>
@@ -185,114 +180,113 @@ <h3 class="h6 mb-1 fw-semibold" th:text="${group.slotCode()}">HOME_TOP</h3>
                         </form>
                     </div>
                 </div>
-                <div class="table-responsive">
-                    <table class="table align-middle mb-0 ads-table">
-                        <thead>
-                        <tr>
-                            <th scope="col">광고</th>
-                            <th scope="col">진행 기간</th>
-                            <th scope="col">우선순위</th>
-                            <th scope="col">광고가 뜰 확률</th>
-                            <th scope="col">진행 상태</th>
-                            <th scope="col" class="text-end" th:if="${currentAdminProfile.isAdminEditor()}"></th>
-                        </tr>
-                        </thead>
-                        <tbody>
-                        <tr class="ads-fallback-row">
-                            <td>
-                                <div class="d-flex align-items-center gap-3">
-                                    <div class="ads-fallback-icon flex-shrink-0">
-                                        <i class="bi bi-stars"></i>
-                                    </div>
-                                    <div>
-                                        <div class="fw-semibold">기본 광고 (Kakao AdFit)</div>
-                                        <div class="text-muted small">광고가 없을 때 표시되는 기본 콘텐츠입니다.</div>
+                <div class="list-group list-group-flush ads-card-list">
+                    <article class="list-group-item p-0 ads-card ads-card--fallback">
+                        <div class="ads-card__content">
+                            <div class="d-flex align-items-center gap-3">
+                                <div class="ads-fallback-icon flex-shrink-0">
+                                    <i class="bi bi-stars"></i>
+                                </div>
+                                <div>
+                                    <div class="fw-semibold">기본 광고 (Kakao AdFit)</div>
+                                    <div class="text-muted small">광고가 없을 때 표시되는 기본 콘텐츠입니다.</div>
+                                </div>
+                            </div>
+                            <div class="ads-card__metrics">
+                                <div class="ads-card__metric ads-card__metric--probability">
+                                    <div class="ads-card__metric-label">광고가 뜰 확률</div>
+                                    <div class="ads-card__metric-value">
+                                        <span class="badge ads-probability-badge"
+                                              th:classappend="${group.hasFallbackProbability()} ? ' ads-probability-badge--active' : ' ads-probability-badge--muted'"
+                                              th:text="${group.fallbackProbabilityLabel()}">50%</span>
                                     </div>
                                 </div>
-                            </td>
-                            <td class="text-muted">-</td>
-                            <td class="text-muted">-</td>
-                            <td>
-                                <span class="badge ads-probability-badge"
-                                      th:classappend="${group.hasFallbackProbability()} ? ' ads-probability-badge--active' : ' ads-probability-badge--muted'"
-                                      th:text="${group.fallbackProbabilityLabel()}">50%</span>
-                            </td>
-                            <td class="text-muted">-</td>
-                            <td class="text-end" th:if="${currentAdminProfile.isAdminEditor()}">
-                                <div class="d-inline-flex gap-2" th:if="${group.slotId() != null && group.slotCode() != null}">
-                                    <button type="button" class="btn btn-sm btn-outline-primary"
-                                            data-bs-toggle="modal"
-                                            data-bs-target="#fallbackRatioModal"
-                                            th:attr="data-slot-id=${group.slotId()}, data-slot-code=${group.slotCode()}, data-fallback-ratio=${group.fallbackRatioPercent()}, data-slot-description=${group.slotDescription() == null ? '' : group.slotDescription()}, data-slot-ttl=${group.slotTtlSeconds()}"
-                                            >기본 광고 표시 확률 수정</button>
+                            </div>
+                            <div class="ads-card__actions"
+                                 th:if="${currentAdminProfile.isAdminEditor() && group.slotId() != null && group.slotCode() != null}">
+                                <button type="button" class="btn btn-sm btn-outline-primary"
+                                        data-bs-toggle="modal"
+                                        data-bs-target="#fallbackRatioModal"
+                                        th:attr="data-slot-id=${group.slotId()}, data-slot-code=${group.slotCode()}, data-fallback-ratio=${group.fallbackRatioPercent()}, data-slot-description=${group.slotDescription() == null ? '' : group.slotDescription()}, data-slot-ttl=${group.slotTtlSeconds()}">
+                                    기본 광고 표시 확률 수정
+                                </button>
+                            </div>
+                        </div>
+                    </article>
+                    <div th:if="${!group.hasPlacements()}"
+                         class="list-group-item py-4 text-center text-muted">
+                        등록된 스케줄이 없습니다.
+                    </div>
+                    <article class="list-group-item p-0 ads-card"
+                             th:each="placement : ${group.placements()}">
+                        <div class="ads-card__content">
+                            <div class="ads-card__header">
+                                <div class="ads-card__thumb ads-card__thumb--square" th:if="${placement.hasImage()}">
+                                    <img th:src="${placement.adImageUrl()}" alt="광고 미리보기"
+                                         class="media-thumb w-100 h-100">
                                 </div>
-                            </td>
-                        </tr>
-                        <tr th:if="${!group.hasPlacements()}">
-                            <td class="text-center py-4 text-muted"
-                                th:attr="colspan=${currentAdminProfile.isAdminEditor()} ? 6 : 5">
-                                등록된 스케줄이 없습니다.
-                            </td>
-                        </tr>
-                        <tr th:each="placement : ${group.placements()}">
-                            <td>
-                                <div class="d-flex align-items-center gap-3">
-                                    <div class="ratio ratio-1x1 ads-thumb-surface ads-thumb-surface--sm flex-shrink-0"
-                                         th:if="${placement.hasImage()}">
-                                        <img th:src="${placement.adImageUrl()}" alt="광고 미리보기"
-                                             class="media-thumb w-100 h-100">
+                                <div class="ads-card__thumb ads-card__thumb--square ads-card__thumb-placeholder"
+                                     th:if="${!placement.hasImage()}">
+                                    <i class="bi bi-image"></i>
+                                </div>
+                                <div class="ads-card__body">
+                                    <div class="ads-card__meta-label">광고</div>
+                                    <div class="fw-semibold" th:text="${placement.adName()}">광고 이름</div>
+                                </div>
+                            </div>
+                            <div class="ads-card__metrics">
+                                <div class="ads-card__metric">
+                                    <div class="ads-card__metric-label">진행 상태</div>
+                                    <div class="ads-card__metric-value">
+                                        <span class="badge ads-status-badge"
+                                              th:classappend="${placement.statusBadgeClass()}"
+                                              th:text="${placement.displayStatusLabel()}">진행 중</span>
+                                    </div>
+                                </div>
+                                <div class="ads-card__metric">
+                                    <div class="ads-card__metric-label">우선순위</div>
+                                    <div class="ads-card__metric-value">
+                                        <span class="badge ads-priority-badge"
+                                              th:classappend="${placement.priorityBadgeClass()}"
+                                              th:text="${placement.weightLabel()}">매우 낮음</span>
                                     </div>
-                                    <div class="ads-thumb-placeholder ads-thumb-placeholder--sm flex-shrink-0"
-                                         th:if="${!placement.hasImage()}">
-                                        <i class="bi bi-image"></i>
+                                </div>
+                                <div class="ads-card__metric ads-card__metric--probability">
+                                    <div class="ads-card__metric-label">광고가 뜰 확률</div>
+                                    <div class="ads-card__metric-value">
+                                        <span class="badge ads-probability-badge"
+                                              th:classappend="${placement.hasPositiveProbability()} ? ' ads-probability-badge--active' : ' ads-probability-badge--muted'"
+                                              th:text="${placement.probabilityLabel()}">0%</span>
                                     </div>
-                                    <div class="fw-semibold" th:text="${placement.adName()}">광고 이름</div>
                                 </div>
-                            </td>
-                            <td>
+                            </div>
+                            <div class="ads-card__meta">
+                                <div class="ads-card__meta-label">진행 기간</div>
                                 <div class="fw-semibold" th:text="${placement.periodLabel()}">2025.01.01 ~ 2025.01.31</div>
-                            </td>
-                            <td>
-                                <span class="badge ads-priority-badge"
-                                      th:classappend="${placement.priorityBadgeClass()}"
-                                      th:text="${placement.weightLabel()}">매우 낮음</span>
-                            </td>
-                            <td>
-                                <span class="badge ads-probability-badge"
-                                      th:classappend="${placement.hasPositiveProbability()} ? ' ads-probability-badge--active' : ' ads-probability-badge--muted'"
-                                      th:text="${placement.probabilityLabel()}">0%</span>
-                            </td>
-                            <td>
-                                <span class="badge ads-status-badge"
-                                      th:classappend="${placement.statusBadgeClass()}"
-                                      th:text="${placement.displayStatusLabel()}">진행 중</span>
-                            </td>
-                            <td class="text-end" th:if="${currentAdminProfile.isAdminEditor()}">
-                                <div class="d-inline-flex flex-wrap gap-2">
-                                    <form th:if="${placement.canToggle()}" th:action="@{/ads/placements/toggle}"
-                                          method="post" class="d-inline">
-                                        <input type="hidden" name="id" th:value="${placement.id()}">
-                                        <input type="hidden" name="enabled" th:value="${!placement.enabled()}">
-                                        <button type="submit" class="btn btn-sm"
-                                                th:classappend="${placement.enabled()} ? ' btn-outline-warning' : ' btn-outline-success'"
-                                                th:onclick="${placement.enabled()} ? 'return confirm(\'이 스케줄을 일시 중지하면 광고가 노출되지 않습니다. 계속하시겠습니까?\');' : 'return confirm(\'이 스케줄을 다시 활성화합니다.\');'">
-                                            <span th:text="${placement.enabled() ? '일시 중지' : '다시 활성화'}">일시 중지</span>
-                                        </button>
-                                    </form>
-                                    <a class="btn btn-sm btn-outline-primary"
-                                       th:href="@{/ads/placements/edit(id=${placement.id()})}">수정</a>
-                                    <form th:action="@{/ads/placements/delete}" method="post" class="d-inline">
-                                        <input type="hidden" name="id" th:value="${placement.id()}">
-                                        <button type="submit" class="btn btn-sm btn-outline-danger"
-                                                th:onclick="|return confirm('정말 삭제하시겠습니까? 삭제하면 되돌릴 수 없습니다.');|">
-                                            삭제
-                                        </button>
-                                    </form>
-                                </div>
-                            </td>
-                        </tr>
-                        </tbody>
-                    </table>
+                            </div>
+                            <div class="ads-card__actions" th:if="${currentAdminProfile.isAdminEditor()}">
+                                <form th:if="${placement.canToggle()}" th:action="@{/ads/placements/toggle}"
+                                      method="post" class="ads-card__action-form">
+                                    <input type="hidden" name="id" th:value="${placement.id()}">
+                                    <input type="hidden" name="enabled" th:value="${!placement.enabled()}">
+                                    <button type="submit" class="btn btn-sm"
+                                            th:classappend="${placement.enabled()} ? ' btn-outline-warning' : ' btn-outline-success'"
+                                            th:onclick="${placement.enabled()} ? 'return confirm(\'이 스케줄을 일시 중지하면 광고가 노출되지 않습니다. 계속하시겠습니까?\');' : 'return confirm(\'이 스케줄을 다시 활성화합니다.\');'">
+                                        <span th:text="${placement.enabled() ? '일시 중지' : '다시 활성화'}">일시 중지</span>
+                                    </button>
+                                </form>
+                                <a class="btn btn-sm btn-outline-primary"
+                                   th:href="@{/ads/placements/edit(id=${placement.id()})}">수정</a>
+                                <form th:action="@{/ads/placements/delete}" method="post" class="ads-card__action-form">
+                                    <input type="hidden" name="id" th:value="${placement.id()}">
+                                    <button type="submit" class="btn btn-sm btn-outline-danger"
+                                            th:onclick="|return confirm('정말 삭제하시겠습니까? 삭제하면 되돌릴 수 없습니다.');|">
+                                        삭제
+                                    </button>
+                                </form>
+                            </div>
+                        </div>
+                    </article>
                 </div>
             </div>