Matrix 매트릭스 모발 강화 영양 헤어 에센스 Instacure Hair essence 150ml

` 개별 텍스트 래퍼:** 각 한/영 텍스트 쌍을 감싸고, `margin-bottom: 20px;` 스타일을 적용하여 텍스트 블록 간 간격을 둡니다. 이 간격은 필요에 따라 조정할 수 있습니다.
* **`.text-ko` 및 `.text-en` 클래스:** 한글 텍스트에는 `.text-ko`, 영어 텍스트에는 `.text-en` 클래스를 적용했습니다.
* **`display: none;` (영어 텍스트):** 영어 텍스트(`text-en` 클래스)에는 초기 상태에서 `display: none;` 스타일을 적용하여 숨깁니다. JavaScript를 사용하여 필요에 따라 표시/숨김을 전환할 수 있습니다.
* **이미지 처리:** `` 태그를 사용하여 이미지를 삽입하고 `display: block; margin: 20px auto; max-width: 80%; height: auto;` 스타일을 적용했습니다. `display: block;`은 이미지가 텍스트처럼 취급되지 않고 블록 요소처럼 동작하게 하여 `margin: auto`를 통해 가운데 정렬이 가능하게 합니다. `max-width: 80%; height: auto;`는 이미지가 컨테이너를 벗어나지 않도록 하고, 가로 세로 비율을 유지하면서 크기를 조정합니다. `margin: 20px auto;`는 이미지 위아래에 20px 간격을 추가하고 좌우는 자동으로 조정하여 가운데 정렬합니다.
* **전체 가운데 정렬:** 모든 요소에 `text-align: center;` 스타일이 적용되어 가운데 정렬됩니다.
* **글꼴 스타일:** 제목과 같이 강조해야 하는 부분에는 `font-weight: bold; font-size: 1.2em;` 스타일을 적용했습니다.
* **이미지 중복 제거:** 코드에 이미지 URL이 한 번만 나타나도록 했습니다.

**JavaScript를 사용한 언어 전환 (예시):**

이 HTML 코드와 함께 다음 JavaScript 코드를 사용하면 버튼 클릭 등으로 한/영 언어를 전환할 수 있습니다.

언어 변경

**사용 방법:**

1. 위 HTML 코드를 워드프레스 상품 상세 페이지의 적절한 위치에 붙여넣습니다. (텍스트 편집기 모드 사용)
2. JavaScript 코드를 워드프레스 테마의 JavaScript 파일에 추가하거나, HTML 코드 내 `