Garnier 가르니에 보타닉테라피 코코넛 밀크&마카다미아 1분 헤어 마스크 팩 340ml

`로 묶고 `margin-bottom: 15px;` 스타일을 적용하여 각 텍스트 블록 아래에 여백을 추가합니다.
* **한글/영어 텍스트:**
* `.text-ko` 클래스를 사용하여 한글 텍스트를 감쌉니다.
* `.text-en` 클래스를 사용하여 영어 텍스트를 감싸고 `display: none;` 스타일을 추가하여 초기에는 숨깁니다.
* **스타일링:** `inline` 스타일을 사용하여 각 요소에 스타일을 적용했습니다. 필요에 따라 `font-weight: bold;`를 사용하여 특정 텍스트를 강조했습니다.
* **제목 강조:** 상품명, 속성, 재료, 사용법 부분은 `font-weight: bold;` 스타일을 주어 강조했습니다.
* **이미지 중복 제거:** 제공된 이미지 URL을 기준으로 이미지를 한 번만 표시하도록 했습니다.
* **일관성:** 스타일과 마진을 조정하여 전체적인 디자인의 일관성을 유지했습니다.

**사용 방법:**

이 HTML 코드를 워드프레스 상품 상세 페이지에 삽입하면 됩니다. JavaScript를 사용하여 `.text-ko`와 `.text-en` 요소의 표시 상태를 전환하는 기능을 추가하여 언어 전환 기능을 구현할 수 있습니다.

**팁:**

* **CSS 분리:** 가능하다면 inline 스타일 대신 CSS 파일을 사용하는 것이 좋습니다. 유지 보수와 코드 재사용성이 향상됩니다.
* **반응형 디자인:** `max-width` 및 `width: 100%;` 스타일을 이미지에 적용하여 반응형 디자인을 구현하는 것을 고려해 보세요.
* **JavaScript 언어 전환:** JavaScript를 사용하여 버튼 클릭 또는 드롭다운 메뉴를 통해 `.text-ko`와 `.text-en`의 `display` 속성을 토글하는 기능을 추가할 수 있습니다. 예를 들어, “영어 보기” 버튼을 누르면 `.text-ko`는 `display: none;`으로 숨겨지고 `.text-en`은 `display: block;`으로 표시되도록 할 수 있습니다.