Korean
English
English 
Korean 
**설명:**
* **전체 구조:** `div` 태그로 감싸 전체 영역을 가운데 정렬합니다. `style=”text-align: center;”` 적용.
* **이미지 처리:** `img` 태그를 사용하여 이미지를 표시하고, `display: block; margin: 20px auto;` 스타일을 적용하여 가운데 정렬 및 위아래 간격을 추가합니다. 이미지는 중복 없이 한 번만 표시됩니다.
* **텍스트 영역:** 각 문단을 `div`로 감싸고, `.text-ko` (한글) 와 `.text-en` (영어) 클래스를 가진 `div`를 포함합니다. `margin-bottom: 20px;` 스타일을 추가하여 문단 간 간격을 줍니다.
* **클래스 및 스타일:** `.text-ko` 클래스는 기본 표시, `.text-en` 클래스는 `display: none;` 스타일을 적용하여 초기 숨김 처리합니다. 각 `div` 내에 `style=”text-align: center;”`을 적용하여 텍스트를 가운데 정렬합니다.
* **데이터 변환:** 제공된 한글/영어 텍스트 데이터를 적절한 위치에 삽입했습니다.
* **이미지 중복 방지:** 코드를 수정하여 이미지가 중복으로 표시되지 않도록 했습니다.
* **가독성:** 각 영역별로 구분하여 가독성을 높였습니다.
이 코드를 워드프레스 상품 상세 페이지 HTML 영역에 삽입하면 됩니다. 워드프레스에서 언어 전환 기능을 구현하면 `.text-en` 클래스를 가진 요소의 `display` 스타일을 변경하여 영어 텍스트를 표시하고 한글 텍스트를 숨길 수 있습니다. JavaScript 또는 워드프레스 플러그인을 사용하면 됩니다.
