가전결합상조 4인 가구 통신·가전 고정비 절감 및 만기 환급금 전액 팩트체크
페이지 정보
작성자 HELLO 작성일26-09-27 02:53 조회38회 댓글0건본문
/* 상조결합상품 PDF Report Style CSS - 폰트 2배 확대 & 모바일 가독성 최적화 */
:root {
--main-theme: #b45309
--sub-theme: #fffbeb;
}
.pdf-wrapper { max-width: 800pxmargin: 0 autofont-family: -apple-system, BlinkMacSystemFont, 'Noto Sans KR', sans-serifcolor: #111letter-spacing: -0.5pxfont-size: 1.15rem}
/* [가독성 핵심] 폰트 크기 확대 & 문단 간격 강제 확장 */
.pdf-wrapper p { margin-bottom: 35pxline-height: 2.0word-break: keep-allfont-weight: 400}
.pdf-disclosure { font-size: 0.85remcolor: #64748bbackground: #f8fafcpadding: 10px 15pxborder-radius: 6pxmargin-bottom: 40pxtext-align: centerborder: 1px solid #e2e8f0}
/* [AEO 최적화] 메타 디스크립션 요약 박스 */
.pdf-aeo-summary { background: #fffcf0border: 1px solid #fde047border-left: 6px solid #eab308border-radius: 8pxpadding: 30pxmargin-bottom: 45pxbox-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05)font-size: 1.1rem}
.pdf-aeo-summary-title { font-size: 1.3remfont-weight: 800color: #111margin-bottom: 18pxdisplay: flexalign-items: center}
.pdf-aeo-summary ul { padding-left: 22pxmargin: 0}
.pdf-aeo-summary li { margin-bottom: 12pxcolor: #333line-height: 1.8font-weight: 700}
.pdf-toc { background: #f8fafcborder: 1px solid #e2e8f0border-radius: 8pxpadding: 25px 30pxmargin: 45px 0font-size: 1.1rem}
.pdf-toc-title { font-weight: 800color: var(--main-theme)margin-bottom: 15pxfont-size: 1.25remborder-bottom: 2px solid #e2e8f0padding-bottom: 10px}
.pdf-toc ul { list-style: nonepadding: 0margin: 0}
.pdf-toc li { margin-bottom: 12pxcolor: #475569display: flexalign-items: center}
.pdf-toc li::before { content: '✓'margin-right: 10pxcolor: var(--main-theme)font-weight: bold}
.pdf-toc li a { color: #475569text-decoration: nonedisplay: 상조결합상품 flexalign-items: centerwidth: 100%}
.pdf-toc li a:hover { color: var(--main-theme)font-weight: 800text-decoration: underline}
html { scroll-behavior: smooth}
.pdf-h2 { background: var(--main-theme)color: #ffffffpadding: 16px 20pxfont-size: 1.5remfont-weight: 800border-radius: 6pxmargin: 60px 0 30px 0}
.pdf-h3 { color: var(--main-theme)font-size: 1.3remfont-weight: 800border-left: 5px solid var(--main-theme)padding-left: 14pxmargin: 50px 0 25px 0}
.pdf-highlight { background-color: var(--sub-theme)border-bottom: 2px solid var(--main-theme)padding: 0 4pxfont-weight: 700color: #111}
.pdf-box { border: 1px solid #cbd5e1background: #ffffffborder-radius: 8pxpadding: 30pxmargin: 40px 0box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02)border-top: 5px solid var(--main-theme)font-size: 1.1rem}
.pdf-table { width: 100%border-collapse: collapsemargin: 40px 0font-size: 1.05removerflow: hiddenborder-radius: 8pxborder: 1px solid #e2e8f0}
.pdf-table th { background: var(--sub-theme)color: var(--main-theme)padding: 18pxtext-align: centerfont-weight: 800border-bottom: 2px solid var(--main-theme)}
.pdf-table td { padding: 18pxtext-align: centerborder-bottom: 1px solid #e2e8f0line-height: 1.6}
/* Bento Grid Web-App UI */
.pdf-bento-grid { display: gridgrid-template-columns: repeat(auto-fit, minmax(240px, 1fr))gap: 20pxmargin: 35px 0}
.pdf-bento-card { background: #ffffffborder: 1px solid #e2e8f0border-radius: 12pxpadding: 24pxbox-shadow: 0 4px 12px rgba(0,0,0,0.03)transition: transform 0.2s easeborder-top: 4px solid var(--main-theme)}
.pdf-bento-card:hover { transform: translateY(-3px)}
.pdf-bento-label { font-size: 0.9remfont-weight: 700color: var(--main-theme)text-transform: uppercasemargin-bottom: 8px}
.pdf-bento-val { font-size: 1.35remfont-weight: 800color: #1e293bmargin-bottom: 10px}
.pdf-bento-desc { font-size: 0.98remcolor: #64748bline-height: 1.6margin: 0}
/* CTA 버튼 애니메이션 상조결합상품 효과 */
@keyframes pulse-btn { 0% { transform: scale(1)} 50% { transform: scale(1.03)} 100% { transform: scale(1)} }
.pdf-cta-container { text-align: centermargin: 70px 0padding: 50px 20pxbackground: #fffbebborder-radius: 12pxborder: 2px dashed #b45309}
.pdf-cta-btn { display: inline-blockbackground: var(--main-theme)color: #ffffff !importantfont-weight: 800font-size: 1.35rempadding: 22px 50pxborder-radius: 50pxtext-decoration: nonebox-shadow: 0 8px 15px rgba(0, 0, 0, 0.15)transition: all 0.3s easewidth: 85%max-width: 450pxword-break: keep-allanimation: pulse-btn 2s infinite ease-in-out}
.pdf-cta-btn:hover { filter: brightness(0.9)transform: translateY(-4px) scale(1.05)box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2)animation: none}
.pdf-cta-desc { font-size: 0.95remcolor: #475569margin-top: 20pxfont-weight: 600}
/* FAQ 전용 섹션 CSS */
.pdf-faq-wrap { margin-top: 60pxborder-top: 2px solid #e2e8f0padding-top: 35px}
.pdf-faq-title { font-size: 1.5remfont-weight: 800color: #111margin-bottom: 30px}
.pdf-faq-item { border-bottom: 1px solid #e2e8f0padding: 25px 0}
.pdf-faq-q { font-weight: 800color: #1e293bfont-size: 1.2remmargin-bottom: 15pxdisplay: flex}
.pdf-faq-q::before { content: 'Q.'color: var(--main-theme)margin-right: 12pxfont-size: 1.3rem}
.pdf-faq-a { font-size: 1.1remcolor: #475569padding-left: 36pxline-height: 2.0margin: 0}
댓글목록
등록된 댓글이 없습니다.













