<style> .detail-container { width: 100%; max-width: 800px; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif; color: #333; line-height: 1.6; } .section { padding: 40px 20px; border-bottom: 1px solid #eee; } .intro-section { text-align: center; background-color: #f9f9f9; } .brand-tag { display: inline-block; padding: 4px 12px; background: #004ea2; color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 15px; border-radius: 2px; } .product-title { font-size: 32px; font-weight: 700; margin: 0 0 10px 0; color: #111; } .product-subtitle { font-size: 18px; color: #666; margin-bottom: 30px; } .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .feature-item { padding: 20px; background: #fff; border: 1px solid #eee; border-radius: 8px; } .feature-item h3 { font-size: 18px; margin-top: 0; color: #004ea2; } .feature-item p { font-size: 14px; color: #555; margin-bottom: 0; } .spec-table { width: 100%; border-collapse: collapse; margin-top: 20px; } .spec-table th, .spec-table td { padding: 15px; border-bottom: 1px solid #eee; text-align: left; } .spec-table th { background-color: #f8f8f8; width: 30%; font-weight: 600; color: #444; } .spec-table td { color: #333; } .check-list { list-style: none; padding: 0; } .check-list li { position: relative; padding-left: 25px; margin-bottom: 10px; font-size: 15px; } .check-list li::before { content: '✓'; position: absolute; left: 0; color: #004ea2; font-weight: bold; } .target-section { background-color: #f0f4f8; text-align: center; } .target-section h2 { margin-bottom: 25px; } .target-box { display: flex; justify-content: space-around; gap: 10px; } .target-item { flex: 1; background: #fff; padding: 15px; border-radius: 5px; font-size: 14px; font-weight: 500; } .caution-section { background-color: #fff5f5; color: #c0392b; } .caution-title { font-weight: bold; font-size: 18px; margin-bottom: 15px; display: block; } </style> <div class="detail-container"> <!-- 상품 핵심 소개 --> <section class="section intro-section"> <span class="brand-tag">Delkor</span> <h1 class="product-title">테스트 아이티메</h1> <p class="product-subtitle">신뢰할 수 있는 기술력, Delkor의 안정적인 성능을 경험하세요.</p> </section> <!-- 주요 특징 --> <section class="section"> <h2 style="text-align:center; margin-bottom:30px;">Key Features</h2> <div class="feature-grid"> <div class="feature-item"> <h3>안정적인 전력 공급</h3> <p>차량의 다양한 전자 장치에 안정적인 전압을 유지하여 최적의 구동 환경을 제공합니다.</p> </div> <div class="feature-item"> <h3>검증된 내구성</h3> <p>Delkor만의 기술력을 바탕으로 설계되어 가혹한 주행 환경에서도 변함없는 성능을 유지합니다.</p> </div> <div class="feature-item"> <h3>효율적인 설계</h3> <p>최적화된 내부 구조를 통해 배터리의 수명을 극대화하고 효율성을 높였습니다.</p> </div> <div class="feature-item"> <h3>빠른 시동 성능</h3> <p>저온 및 고온 환경에서도 신속하고 강력한 시동 성능을 지원합니다.</p> </div> </div> </section> <!-- 제품 스펙 --> <section class="section"> <h2 style="text-align:center; margin-bottom:10px;">Product Specification</h2> <p style="text-align:center; color:#888; font-size:14px; margin-bottom:20px;">상세 사양은 선택 옵션에 따라 상이할 수 있습니다.</p> <table class="spec-table"> <tr> <th>모델명</th> <td>테스트 아이티메</td> </tr> <tr> <th>브랜드</th> <td>Delkor</td> </tr> <tr> <th>전압 (V)</th> <td>선택 옵션 참조 (12V / 2V)</td> </tr> <tr> <th>카테고리</th> <td>자동차 부품 > 자동차 배터리</td> </tr> </table> </section> <!-- 추천 대상 --> <section class="section target-section"> <h2>이런 분들께 추천합니다</h2> <div class="target-box"> <div class="target-item">안정적인 전압 유지<br>가 필요한 차량 소유주</div> <div class="target-item">신뢰할 수 있는<br>브랜드 제품 선호 고객</div> <div class="target-item">교체 주기 맞춤형<br>부품을 찾는 전문가</div> </div> </section> <!-- 구매 전 확인사항 --> <section class="section caution-section"> <span class="caution-title">구매 전 주의사항</span> <ul class="check-list"> <li>장착 전 반드시 차량의 기존 배터리 전압(V) 규격을 확인하시기 바랍니다.</li> <li>본 제품은 전압 옵션(12V / 2V)이 구분되어 있으므로 정확한 선택이 필요합니다.</li> <li>설치 및 교체 시 전문가의 도움을 받는 것을 권장합니다.</li> <li>배터리 특성상 제품 수령 후 즉시 사용하시기 바랍니다.</li> </ul> </section> </div>