골든 리트리버 키우기 완벽 가이드 — 성격·건강·비용 총정리 > 자유게시판

보더콜리입양 .breed-wrap { max-width: 780pxmargin: 0 autofont-family: 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serifcolor: #1e293bline-height: 1.8}
.breed-wrap h2 { font-size: 1.35remfont-weight: 700color: #1e3a5fmargin: 2.2rem 0 0.8rempadding-bottom: 0.4remborder-bottom: 2px solid #fef08a}
.breed-wrap h3 { font-size: 1.1remfont-weight: 700color: #a16207margin: 1.6rem 0 0.5rem}
.breed-wrap p { margin: 0.6rem 0 1remfont-size: 0.97rem}
.breed-wrap ul { padding-left: 1.2remmargin: 0.4rem 0 1rem}
.breed-wrap ul li { margin-bottom: 0.4remfont-size: 0.95rem}

/* 상단 요약 박스 */
.summary-box { background: linear-gradient(135deg, #854d0e 0%, #ca8a04 100%)border-radius: 16pxpadding: 28px 32pxcolor: #fffmargin-bottom: 2rem}
.summary-box .breed-name { font-size: 2remfont-weight: 800margin: 0 0 4pxletter-spacing: -0.5px}
.summary-box .breed-en { font-size: 1remopacity: 0.75margin: 0 0 20px}
.summary-grid { display: gridgrid-template-columns: repeat(3, 1fr)gap: 12px}
.summary-item { background: rgba(255,255,255,0.13)border-radius: 10pxpadding: 12px 14px}
.summary-item .s-label { font-size: 0.73remopacity: 0.75margin-bottom: 4px}
.summary-item .s-value { font-size: 0.95remfont-weight: 700}
.fit-badge { display: inline-blockbackground: #22c55ecolor: #ffffont-size: 0.78remfont-weight: 700padding: 3px 10pxborder-radius: 20pxmargin-top: 16px}
.fit-badge2 { display: inline-blockbackground: rgba(255,255,255,0.22)color: #ffffont-size: 0.78remfont-weight: 700padding: 3px 10pxborder-radius: 20pxmargin-top: 8pxmargin-left: 6px}

/* 별점 */
.star-row { display: flexalign-items: centergap: 8pxmargin: 4px 0font-size: 0.9rem}
.star-row .s-name { width: 110pxcolor: #475569flex-shrink: 0}
.star-bar { flex: 1height: 8pxbackground: #e2e8f0border-radius: 4pxoverflow: hidden}
.star-fill { height: 100%border-radius: 4pxbackground: linear-gradient(90deg, #ca8a04, #fbbf24)}

/* 정보 테이블 */
.info-table { width: 100%border-collapse: collapsemargin: 1rem 0font-size: 0.92rem}
.info-table th { background: #854d0ecolor: #fffpadding: 9px 14pxtext-align: leftfont-weight: 600}
.info-table td { padding: 9px 14pxborder-bottom: 1px solid #e2e8f0vertical-align: top}
.info-table tr:nth-child(even) td { 보더콜리입양 background: #f8fafc}

/* 카드 박스 */
.tip-box { background: #fefce8border-left: 4px solid #ca8a04border-radius: 0 10px 10px 0padding: 16px 20pxmargin: 1.2rem 0font-size: 0.93rem}
.warn-box { background: #fff7edborder-left: 4px solid #ea580cborder-radius: 0 10px 10px 0padding: 16px 20pxmargin: 1.2rem 0font-size: 0.93rem}
.check-box { background: #f0fdf4border-left: 4px solid #16a34aborder-radius: 0 10px 10px 0padding: 16px 20pxmargin: 1.2rem 0font-size: 0.93rem}
.red-box { background: #fef2f2border-left: 4px solid #dc2626border-radius: 0 10px 10px 0padding: 16px 20pxmargin: 1.2rem 0font-size: 0.93rem}
.box-title { font-weight: 700margin-bottom: 8pxfont-size: 0.95rem}

/* 적합도 배지 */
.badge-good { display: inline-blockbackground: #dcfce7color: #16a34afont-weight: 700font-size: 0.82rempadding: 2px 9pxborder-radius: 20px}
.badge-ok { display: inline-blockbackground: #fef9c3color: #a16207font-weight: 700font-size: 0.82rempadding: 2px 9pxborder-radius: 20px}
.badge-bad { display: inline-blockbackground: #fee2e2color: #dc2626font-weight: 700font-size: 0.82rempadding: 2px 9pxborder-radius: 20px}

/* 비용 카드 */
.cost-grid { display: gridgrid-template-columns: 1fr 1frgap: 12pxmargin: 1rem 0}
.cost-card { border: 1px solid #e2e8f0border-radius: 12pxpadding: 14px 16pxbackground: #fff}
.cost-card .c-label { font-size: 0.78remcolor: #64748bmargin-bottom: 4px}
.cost-card .c-amount { font-size: 1.1remfont-weight: 700color: #1e3a5f}
.cost-card .c-note { font-size: 0.75remcolor: #94a3b8margin-top: 3px}

/* 비교 테이블 */
.compare-table { width: 100%border-collapse: collapsefont-size: 0.88remmargin: 1rem 0}
.compare-table th { background: #f1f5f9color: #1e3a5fpadding: 9px 12pxtext-align: centerfont-weight: 700border: 1px solid #e2e8f0}
.compare-table th.highlight { background: #854d0ecolor: #fff}
.compare-table td { padding: 9px 12pxborder: 1px solid #e2e8f0text-align: centervertical-align: middle}
.compare-table tr:hover td { background: #f8fafc}

/* FAQ */
.faq-item { border: 1px solid #e2e8f0border-radius: 10pxmargin-bottom: 10pxoverflow: hidden}
.faq-q { background: #f8fafcpadding: 13px 18pxfont-weight: 보더콜리입양 700font-size: 0.93remcolor: #1e3a5f}
.faq-q::before { content: "Q. "color: #ca8a04}
.faq-a { padding: 13px 18pxfont-size: 0.9remcolor: #475569border-top: 1px solid #e2e8f0background: #fff}
.faq-a::before { content: "A. "font-weight: 700color: #16a34a}

/* 관련 글 */
.related-box { background: #f8fafcborder-radius: 14pxpadding: 20px 24pxmargin-top: 2.5rem}
.related-box .r-title { font-size: 1remfont-weight: 700color: #1e3a5fmargin-bottom: 12px}
.related-link { display: blockpadding: 9px 14pxborder-radius: 8pxbackground: #fffborder: 1px solid #e2e8f0color: #2563ebfont-size: 0.9remfont-weight: 600margin-bottom: 7pxtext-decoration: none}

.img-caption { font-size: 0.78remcolor: #94a3b8text-align: centermargin-top: -0.4remmargin-bottom: 1rem}
.divider { border: noneborder-top: 1px solid #e2e8f0margin: 2rem 0}

@media (max-width: 600px) {
.summary-grid { grid-template-columns: repeat(2, 1fr)}
.cost-grid { grid-template-columns: 1fr}
}