| 제목 | 아기 고양이 예방접종, 언제·어떤 걸·얼마에? 시기·종류·비용 한 번에 총정리 |
|---|---|
| 작성자 | HELLO |
| 작성일 | 26-05-15 23:36 |
| 조회 | 157회 |
관련링크
본문
/* 아기고양이입양 ===== BP 블로그 스타일 - 아기 고양이 예방접종 ===== */
.bp-wrap { max-width:860pxmargin:0 autofont-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',sans-serifcolor:#212121line-height:1.7}
/* ① 도입 배너 */
.bp-banner { background:linear-gradient(135deg,#1565C0,#1976D2,#42A5F5)border-radius:16pxpadding:36px 28pxtext-align:centerposition:relativeoverflow:hiddenmargin-bottom:36px}
.bp-banner-watermark { position:absolutefont-size:120pxopacity:0.12top:50%left:50%transform:translate(-50%,-50%)pointer-events:none}
.bp-banner-tag { display:inline-blockbackground:rgba(255,255,255,0.22)color:#ffffont-size:12pxfont-weight:700padding:4px 14pxborder-radius:20pxmargin-bottom:14pxletter-spacing:0.5px}
.bp-banner-title { color:#ffffont-size:24pxfont-weight:800margin-bottom:10pxline-height:1.4}
.bp-banner-sub { color:rgba(255,255,255,0.88)font-size:14pxline-height:1.7}
/* ② 섹션 타이틀 */
.bp-section-title { font-size:20pxfont-weight:800color:#1565C0border-bottom:3px solid #1976D2padding-bottom:10pxmargin:40px 0 18px}
/* ③ 하이라이트 박스 */
.bp-highlight { background:#E3F2FDborder-left:5px solid #1976D2border-radius:0 8px 8px 0padding:16px 20pxmargin:18px 0font-size:14pxline-height:1.8}
.bp-highlight strong { color:#1565C0}
/* ④ 카드 그리드 */
.bp-card-grid { display:gridgrid-template-columns:repeat(2,1fr)gap:16pxmargin:18px 0}
@media(max-width:600px){ .bp-card-grid { grid-template-columns:1fr} }
.bp-card { border:2px solid #90CAF9border-radius:12pxpadding:18px 16pxbackground:#fff}
.bp-card-badge { display:inline-blockbackground:#1565C0color:#ffffont-size:11pxfont-weight:700padding:3px 10pxborder-radius:20pxmargin-bottom:8px}
.bp-card-title { font-size:15pxfont-weight:800color:#1565C0margin-bottom:6px}
.bp-card-desc { font-size:13pxcolor:#444line-height:1.7}
.bp-card-tag { font-size:12pxcolor:#1976D2font-weight:700margin-top:8px}
/* ⑤ 스텝 박스 */
.bp-step-wrap { background:linear-gradient(135deg,#E3F2FD,#BBDEFB)border-radius:12pxpadding:22px 20pxmargin:18px 0}
.bp-step-item { display:flexalign-items:flex-startgap:14pxmargin-bottom:16px}
.bp-step-item:last-child { margin-bottom:0}
.bp-step-num { background:#1565C0color:#ffffont-size:13pxfont-weight:800width:30pxheight:30pxborder-radius:50%display:flexalign-items:centerjustify-content:centerflex-shrink:0margin-top:2px}
.bp-step-text { font-size:14pxcolor:#212121line-height:1.7}
.bp-step-text strong { color:#1565C0}
/* ⑥ 타임라인 카드 (접종 스케줄) */
.bp-timeline { display:gridgrid-template-columns:repeat(5,1fr)gap:10pxmargin:18px 0}
@media(max-width:600px){ .bp-timeline { grid-template-columns:repeat(2,1fr)} }
.bp-tl-card { border:2px solid #90CAF9border-radius:10pxpadding:14px 10pxtext-align:centerbackground:#fff}
.bp-tl-emoji { font-size:26pxmargin-bottom:6px}
.bp-tl-label { font-size:12pxfont-weight:800color:#1565C0margin-bottom:4px}
.bp-tl-desc { font-size:11pxcolor:#555line-height:1.5}
/* ⑦ 비교 박스 */
.bp-compare { display:gridgrid-template-columns:repeat(2,1fr)gap:16pxmargin:18px 0}
@media(max-width:600px){ .bp-compare { grid-template-columns:1fr} }
.bp-compare-pro { border-top:4px solid #1976D2border-radius:0 0 10px 10pxpadding:16pxbackground:#fffborder-left:1px solid 아기고양이입양 #BBDEFBborder-right:1px solid #BBDEFBborder-bottom:1px solid #BBDEFB}
.bp-compare-con { border-top:4px solid #90CAF9border-radius:0 0 10px 10pxpadding:16pxbackground:#fffborder-left:1px solid #BBDEFBborder-right:1px solid #BBDEFBborder-bottom:1px solid #BBDEFB}
.bp-compare-title { font-size:14pxfont-weight:800margin-bottom:10px}
.bp-compare-list { font-size:13pxcolor:#444line-height:1.9padding-left:0list-style:nonemargin:0}
.bp-compare-list li::before { content:"✔ "color:#1976D2font-weight:700}
/* ⑧ 비교 테이블 */
.bp-table-wrap { overflow-x:automargin:18px 0border-radius:10px}
.bp-table { width:100%border-collapse:collapsefont-size:13pxmin-width:480px}
.bp-table th { background:#1565C0color:#fffpadding:12px 14pxtext-align:centerfont-weight:700}
.bp-table td { padding:11px 14pxtext-align:centerborder-bottom:1px solid #E3F2FD}
.bp-table tr:nth-child(even) td { background:#F5F9FF}
.bp-table tr:hover td { background:#E3F2FD}
.bp-badge-blue { display:inline-blockbackground:#1565C0color:#ffffont-size:11pxfont-weight:700padding:2px 9pxborder-radius:10px}
.bp-badge-light { display:inline-blockbackground:#90CAF9color:#ffffont-size:11pxfont-weight:700padding:2px 9pxborder-radius:10px}
/* ⑨ 핵심 요약 박스 */
.bp-summary { background:linear-gradient(135deg,#1565C0,#1976D2)border-radius:14pxpadding:28px 24pxcolor:#fffmargin:40px 0 24px}
.bp-summary-title { font-size:18pxfont-weight:800margin-bottom:16px}
.bp-summary-list { list-style:nonepadding:0margin:0}
.bp-summary-list li { font-size:14pxline-height:1.8padding:6px 0border-bottom:1px solid rgba(255,255,255,0.18)}
.bp-summary-list li:last-child { border-bottom:none}
.bp-summary-list li::before { content:"


010-7448-6554.1004114.co.kr
사업자번호 : 755-86-00026