Tic Tac 틱택 박하(민트) 사탕 49g (대용량)

` 컨테이너:** 전체 콘텐츠를 감싸고 `text-align: center;` 스타일을 적용하여 모든 내용을 가운데 정렬합니다.
* **`.text-ko` 및 `.text-en` 클래스:** 한글과 영어 텍스트에 각각 적용됩니다. `.text-en` 클래스는 초기 상태에서 `display: none;`으로 숨겨집니다.
* **이미지 처리:** 이미지는 중복없이 한번씩만 표시됩니다. `` 태그에 `display: block;`과 `margin: 20px auto;` 스타일을 적용하여 가운데 정렬하고 위아래 여백을 줍니다.
* **스타일 구분:** 제목과 설명에 다른 스타일을 적용했습니다. 제목은 `font-weight: bold;` 및 `font-size: 1.2em;` 스타일을 사용하여 더 강조했습니다. `font-weight: bold;`가 필요한 텍스트 영역에는 해당 스타일을 추가했습니다.
* **여백:** 각 섹션 사이에 `margin-bottom: 30px;` 스타일을 적용하여 시각적으로 분리했습니다.

**사용 방법:**

1. 위의 HTML 코드를 워드프레스 페이지 또는 게시물의 HTML 편집기에 복사합니다.
2. 필요에 따라 이미지 URL 및 텍스트 내용을 수정합니다.
3. 영어를 보이게 하려면 `.text-en` 클래스의 `display: none;` 스타일을 제거하거나 JavaScript를 사용하여 동적으로 표시/숨김을 제어할 수 있습니다. 예를 들어, 버튼을 만들어 한국어와 영어 간에 전환할 수 있습니다.

**JavaScript를 사용한 언어 전환 (선택 사항):**

언어 변경

이 JavaScript 코드는 `.text-ko`와 `.text-en` 클래스를 가진 모든 요소의 `display` 속성을 토글합니다. 버튼을 클릭하면 한국어는 숨겨지고 영어는 표시되며, 다시 클릭하면 반대로 작동합니다. 이 코드를 HTML 코드에 추가하면 워드프레스에서 언어를 전환할 수 있습니다. 워드프레스 테마에 따라 jQuery가 필요할 수도 있습니다.