Korean
English
English 
Korean 
Nescafe Dolce Gusto Coffee Capsules Espresso Intenso 30 Capsules
21,210₩
**설명:**
* **최상위 `div`:** 전체 콘텐츠를 감싸고 `text-align: center;`를 적용하여 모든 내용이 가운데 정렬되도록 합니다.
* **이미지:** 첫 번째 이미지만 사용했습니다. 중복을 피하기 위해. `display: block; margin: 20px auto;` 스타일은 이미지를 가운데 정렬하고 상하 여백을 줍니다.
* **한글/영어 텍스트 컨테이너:** 각 텍스트 쌍은 `margin-bottom: 30px;`을 가진 `div`로 감싸져, 텍스트 블록 사이에 간격을 줍니다.
* **`.text-ko` 및 `.text-en` 클래스:** 한글 텍스트에는 `.text-ko`, 영어 텍스트에는 `.text-en` 클래스가 적용됩니다.
* **영어 텍스트 숨김:** `.text-en` 클래스에 `display: none;`이 inline 스타일로 적용되어 초기 상태에서 영어 텍스트가 숨겨집니다.
* **볼드체 제목:** 제품 소개, 브랜드 소개, 제품 특징, 전성분과 같은 제목은 `font-weight: bold;` 스타일이 적용되었습니다.
* **폰트 크기:** 상품명에는 `font-size: 1.2em;`을 적용하여 다른 텍스트보다 약간 크게 표시했습니다.
* **inline 스타일:** 요청에 따라 모든 스타일은 inline 스타일로 적용되었습니다.
* **영역 구분:** 텍스트 내용에 따라 적절하게 영역을 구분하여 가독성을 높였습니다.
**참고:**
* 이 코드는 JavaScript를 사용하여 `.text-en`을 보이게 하고 `.text-ko`를 숨기는 기능을 추가해야 완전하게 작동합니다 (예: 언어 선택 버튼 클릭 시).
* 이미지 경로가 동일하므로 첫 번째 이미지만 사용했습니다. 필요에 따라 다른 이미지를 추가하거나 순서를 변경할 수 있습니다.
* 유지보수성을 위해 CSS 클래스를 사용하는 것이 좋지만, 요청에 따라 inline 스타일을 사용했습니다.
* 이 코드는 워드프레스 테마의 스타일과 충돌하지 않도록 디자인되었습니다.
