
**설명:**
* **전체 컨테이너:** `
* **이미지:** `
* **텍스트 컨테이너:** 각 한글/영어 텍스트 쌍을 `
* **한글/영어 텍스트:**
* `.text-ko` 클래스를 한글 텍스트에 적용했습니다.
* `.text-en` 클래스를 영어 텍스트에 적용하고 `display: none;` 스타일을 추가하여 초기 상태에서 숨겨지도록 했습니다.
* `text-align: center;` 스타일을 적용하여 텍스트를 가운데 정렬했습니다.
* **주요 텍스트 강조:** 상품명, “성분” 부분에는 `font-weight: bold; font-size: 1.2em;` 스타일을 적용하여 텍스트를 굵게 표시하고 크기를 약간 키웠습니다.
* **긴 텍스트 내용**: 긴 텍스트 내용에는 `text-align:left; margin-left: auto; margin-right: auto; width: 80%;` 스타일을 적용하여 텍스트를 왼쪽 정렬하고 좌우 마진을 자동으로 설정하여 가운데로 배치하고, 너비를 80%로 제한하여 가독성을 높였습니다.
* **인라인 스타일:** 모든 스타일은 인라인 스타일로 적용되었습니다.
**사용 방법:**
1. 위 HTML 코드를 워드프레스 상품 상세 페이지 편집기의 텍스트 모드(HTML 모드)에 붙여넣습니다.
2. 필요에 따라 CSS를 사용하여 스타일을 추가하거나 변경할 수 있습니다.
3. jQuery 또는 JavaScript를 사용하여 언어 전환 기능을 구현하여 `.text-ko`와 `.text-en`의 `display` 속성을 변경할 수 있습니다. (예: 버튼 클릭 시 `display: block;`으로 변경하고, 다른 언어는 `display: none;`으로 변경).
**참고:**
* 이 코드는 기본적인 구조를 제공하며, 워드프레스 테마 및 플러그인과의 충돌을 방지하기 위해 추가적인 스타일 조정이 필요할 수 있습니다.
* 언어 전환 기능을 구현하려면 JavaScript 또는 jQuery에 대한 이해가 필요합니다.
* `.text-en`에 `display:none`이 적용되어 있으므로 초기에는 한글만 표시됩니다.
이 코드를 사용하면 워드프레스 상품 상세 페이지에 한글/영어 구조의 DIV 영역을 쉽게 추가할 수 있습니다.