
**설명:**
* **전체 래퍼:** `div style=”text-align: center;”` 로 모든 내용을 중앙 정렬합니다.
* **이미지 처리:** 이미지가 중복 없이 한 번만 사용되었고, 각 이미지 아래에 해당하는 설명이 위치합니다. 이미지 태그에는 alt 속성을 추가하여 이미지에 대한 설명을 제공했습니다.
* **텍스트 래퍼:** 각 텍스트 블록은 `div style=”margin-bottom: …;”` 로 감싸여 적절한 간격을 유지합니다.
* **한글/영어 구분:** `.text-ko` 와 `.text-en` 클래스를 사용하여 한글과 영어를 구분하고, `.text-en`에 `display: none;` 을 적용하여 초기 숨김 처리합니다.
* **스타일:** 각 텍스트 블록의 스타일 (글꼴 크기, 굵기 등)은 `style` 속성을 사용하여 인라인으로 정의되었습니다.
* **볼드체 강조:** 중요한 제목이나 문구에는 `font-weight: bold;` 스타일을 적용했습니다.
* **간격:** `margin-bottom` 을 사용하여 각 영역 사이에 적절한 간격을 설정했습니다.
이 코드를 워드프레스 페이지나 게시물에 붙여넣으면 요구사항에 맞는 상품 상세 정보 영역이 표시됩니다. 만약 영어를 보이게 하거나 한국어를 숨기려면 자바스크립트와 쿠키를 이용해서 토글 버튼으로 해당 클래스 display 속성을 변경할 수 있습니다.