뼈와 관절

뼈와 관절 건강을 지원하여 근력과 유연성을 향상시키세요.

<!-- 뼈와 관절 퀴즈 예시 -->
<div class="quiz-category">
<h2>뼈와 관절 퀴즈</h2>

<!-- 질문 1 -->
<div class="질문">
<p>1. 아침에 관절이 뻣뻣하거나 통증을 느끼십니까?</p>
<button data-score="3" data-tag="joint-pain">드물게</button>
<button data-score="2" data-tag="joint-pain">가끔</button>
<button data-score="1" data-tag="joint-pain">자주</button>
</div>

<!-- 질문 2 -->
<div class="질문">
<p>2. 평소에 얼마나 활동적이신가요?</p>
<button data-score="1" data-tag="activity-low">낮음</button>
<button data-score="2" data-tag="activity-moderate">보통</button>
<button data-score="3" data-tag="activity-high">높음</button>
</div>

<!-- 질문 3 -->
<div class="질문">
<p>3. 칼슘이나 비타민 D 보충제를 복용하시나요?</p>
<button data-score="1" data-tag="supplement-yes">예</button>
<button data-score="2" data-tag="supplement-no">아니요</button>
</div>

<!-- 질문 4 -->
<div class="질문">
<p>4. 최근에 골밀도 검사를 받으셨습니까?</p>
<button data-score="1" data-tag="bone-test-yes">예</button>
<button data-score="2" data-tag="bone-test-no">아니요</button>
</div>

<!-- 질문 5 -->
<div class="질문">
<p>5. 뼈 건강과 관련하여 어떤 점이 가장 걱정되십니까?</p>
<button data-score="1" data-tag="concern-osteoporosis">골다공증</button>
<button data-score="2" data-tag="concern-joint-pain">관절 통증</button>
<button data-score="3" data-tag="concern-injury">부상 예방</button>
<button data-score="4" data-tag="concern-none">없음</button>
</div>

<!-- 결과 매핑 -->
<div class="퀴즈 결과">
<p>귀하의 답변을 바탕으로 다음과 같이 권장합니다.</p>
<ul>
<li data-tag="joint-pain">쏜 콜라겐</li>
<li data-tag="activity-low">쏜 마그네슘</li>
<li data-tag="supplement-no">쏜 비타민 D/K2</li>
</ul>
<button>장바구니에 담기</button>
</div>
</div>