<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>베이커리 - Fresh Pick | 엄선된 신선식품 리뷰</title>
	<atom:link href="https://fresh-pick.com/category/%EB%B2%A0%EC%9D%B4%EC%BB%A4%EB%A6%AC/feed/" rel="self" type="application/rss+xml" />
	<link>https://fresh-pick.com/category/베이커리/</link>
	<description></description>
	<lastBuildDate>Sun, 04 Jan 2026 05:24:46 +0000</lastBuildDate>
	<language>ko-KR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://fresh-pick.com/wp-content/uploads/2025/02/cropped-fresh-pick-favicon-32x32.png</url>
	<title>베이커리 - Fresh Pick | 엄선된 신선식품 리뷰</title>
	<link>https://fresh-pick.com/category/베이커리/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">241840575</site>	<item>
		<title>SPC삼립 꿀호떡 &#8211; 달콤한 간식으로 가족과 함께!</title>
		<link>https://fresh-pick.com/spc-%ec%82%bc%eb%a6%bd-%ea%bf%80%ed%98%b8%eb%96%a1/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Sun, 04 Jan 2026 05:24:46 +0000</pubDate>
				<category><![CDATA[베이커리]]></category>
		<category><![CDATA[와플/일반빵/도너츠]]></category>
		<category><![CDATA[일반빵]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1829</guid>

					<description><![CDATA[<p>SPC삼립의 꿀호떡으로 즐기는 달콤한 간식, 가족과 함께 나누세요! 부드러운 호떡 속에 가득한 달콤한 꿀이 여러분의 간식 시간을 더욱 특별하게 만들어 줍니다. SPC삼립의 꿀호떡은 HACCP 인증을 받은 안전한 제품으로, 언제 어디서나 간편하게 즐길 수 있는 스낵입니다. 20개입 대용량으로 가족과 함께 나누기 좋으며, 담백하고 부드러운 호떡의 맛은 누구나 사랑할 수밖에 없습니다. 간식이나 후식으로 제격인 이 제품은 여러분의 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/spc-%ec%82%bc%eb%a6%bd-%ea%bf%80%ed%98%b8%eb%96%a1/">SPC삼립 꿀호떡 &#8211; 달콤한 간식으로 가족과 함께!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    SPC삼립의 꿀호떡으로 즐기는 달콤한 간식, 가족과 함께 나누세요!
  </h2>
  <p>부드러운 호떡 속에 가득한 달콤한 꿀이 여러분의 간식 시간을 더욱 특별하게 만들어 줍니다. SPC삼립의 꿀호떡은 HACCP 인증을 받은 안전한 제품으로, 언제 어디서나 간편하게 즐길 수 있는 스낵입니다.</p>
  <p>20개입 대용량으로 가족과 함께 나누기 좋으며, 담백하고 부드러운 호떡의 맛은 누구나 사랑할 수밖에 없습니다. 간식이나 후식으로 제격인 이 제품은 여러분의 일상에 달콤한 순간을 더해 줄 것입니다.</p>
  <p>사양벌꿀이 0.4% 포함되어 있어 더욱 깊고 진한 달콤함을 느낄 수 있으며, 프라이팬에 구워 고소한 맛을 더하면 더욱 풍성한 경험을 할 수 있습니다. 지금 바로 SPC삼립의 꿀호떡으로 특별한 간식 시간을 만들어 보세요!</p>
</div>
   
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #FA5252;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #E64747;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #FA5252;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_제품_이미지.webp" alt="삼립 추억의 옛날 꿀호떡"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/dkY9MD" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">삼립 추억의 옛날 꿀호떡</h2><div class="rating-reviews is-loading"><span class="rating">4.7</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div><div class="review-stats">리뷰 65,344개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">6,270원</div><div class="price-date">2026-01-04 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">간편하게 즐기는 보드라운 꿀호떡</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">사양벌꿀로 더욱 달콤한 맛</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">HACCP 인증으로 안전한 식품</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">다양한 활용 방법으로 풍성한 맛 경험</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/dkY9MD" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #FA5252;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCF0F0;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-1">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-1">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>부드러운 호떡 속에 달콤한 꿀이 가득</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>간편하게 즐길 수 있는 스낵</li><li>20개입 대용량으로 가족과 함께 나누기 좋음</li><li>HACCP 인증으로 안전한 소비 가능</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>상품 특징</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>담백하고 부드러운 호떡: 속이 촉촉하고 달콤한 꿀 필링으로 가득</li><li>사양벌꿀 0.4%: 더욱 깊고 진한 달콤함을 선사</li><li>간식이나 후식으로 제격: 언제 어디서나 간편하게 즐길 수 있는 맛</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>보관 방법</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>직사광선을 피해 서늘한 곳에 보관</li><li>개봉 후 빠른 섭취 권장: 신선한 맛을 유지하기 위해</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>브랜드 이야기</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>SPC삼립은 1945년 창립된 종합식품기업으로, 반세기 이상의 전통과 역사를 자랑</li><li>소비자와 함께 성장하며 식품위생 및 안전에 만전을 기하는 기업</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>활용 방법</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>프라이팬에 기름을 두르고 꿀호떡을 구워 더욱 고소한 맛을 즐기세요</li><li>달콤한 아이스크림이나 고소한 견과류와 함께하면 풍성한 맛을 경험할 수 있습니다</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>상품 정보</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>소비기한: 2025-00-00 또는 그 이후</li><li>내용량: 20개입, 1,120g (3,192 kcal)</li><li>식품유형: 빵류</li><li>제조사: (주)샤니, 대구광역시 달성군 논공읍 논공중앙로 54길 7</li><li>유통전문판매원: ㈜에스피씨삼립, 경기도 시흥시 공단1대로 101(정왕동)</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>주의사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>개봉 후 이물 혼입 방지를 위해 남은 제품은 밀봉하여 빠른 섭취 권장</li><li>일부 제품의 검은 부분은 오븐에서 구운 과정에서 발생한 것입니다</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>영양 정보 (100g 기준)</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>열량: 285 kcal</li><li>탄수화물: 56g</li><li>당류: 28g</li><li>지방: 4.5g</li><li>단백질: 5g</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-1" onclick="toggleContent('product-info-1')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>
        
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-695aae0433f2d" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/3-bbpsEJI5w" data-video-id="3-bbpsEJI5w" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/V3qy1MA6nnk" data-video-id="V3qy1MA6nnk" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/xju79Yf-1ac" data-video-id="xju79Yf-1ac" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20추억의%20옛날%20꿀호떡/삼립%20추억의%20옛날%20꿀호떡_유튜브_썸네일_3.webp" alt="YouTube video 3" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-695aae0433f2d");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-695aae0433f2d-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae0433f2d-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-695aae0433f2d-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #FA5252;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div>
                    <div class="rating-number">4.7</div>
                </div>
                <div class="review-badge" style="background-color:#FA5252;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:82%;"></div>
                    </div>
                    <div class="percentage">82%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:12%;"></div>
                    </div>
                    <div class="percentage">12%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:4%;"></div>
                    </div>
                    <div class="percentage">4%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div></div></div></div>
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>어릴 적 길거리 호떡 맛을 재현한 추억의 달콤한 맛</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>에어프라이어, 프라이팬, 토스터기 등 다양한 조리법 가능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>20개입 대용량으로 가성비가 뛰어남</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>4개씩 소분 포장되어 냉동 보관 및 관리가 편리함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>겉은 바삭하고 속은 촉촉한 식감</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>24시간 숙성 반죽으로 쫄깃한 식감</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>아이들 간식, 아침 대용으로 활용도가 높음</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>칼로리와 당류가 높아 과식 주의 필요 (1개당 약 170kcal)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>길거리 갓 구운 호떡 대비 겉바속촉 식감이 다소 약함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>조리 직후 꿀 필링이 매우 뜨거워 화상 주의 필요</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>맛있어서 금방 소진됨</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>신선도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 신선해요</span>
                                        <span class="stat-value">57%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 57%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">37%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 37%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">6%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 6%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>맛 만족도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">맛있어요</span>
                                        <span class="stat-value">69%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 69%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">28%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 28%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">3%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 3%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        <h2 class="product-review-title-v2">제품 리뷰</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">국민 간식으로 추천</h3><div class="product-review-content-v2">출출할 때 간편하게 먹을 수 있는 간식을 찾다가<br>어릴 때 먹던 맛이 생각나서 구매했어요.<br>20개입 대용량이라 가족과 나눠먹기 좋고 가성비 최고입니다.<br>에어프라이어 180도에서 3~5분 돌리면 겉바속촉!<br>꿀 필링이 달콤하면서 과하지 않아 커피와 잘 어울려요.<br>단점은 맛있어서 칼로리 주의가 필요하다는 것 정도입니다.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">겨울방학 간식으로 딱</h3><div class="product-review-content-v2">냉동 보관이 가능해서 미리 준비해두기 좋아요.<br>4개씩 소분 포장되어 위생적이고 보관이 편해요.<br>토스터기에 2단 정도로 돌리면 겉은 바삭 속은 촉촉하게 익어요.<br>꿀 필링이 달달해서 아이가 정말 잘 먹더라고요.<br>데운 직후에는 속이 뜨거우니 아이들에게는 식혀서 주세요.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">아이들이 제일 좋아하는 간식</h3><div class="product-review-content-v2">아침에 학교 가기 전 하나씩 데워서 먹여요.<br>따뜻하게 데우면 속 꿀이 녹아 달콤한 향이 퍼져요.<br>전자렌지에 돌리면 말랑하고 프라이팬에 구우면 바삭해요.<br>1.12kg 대용량이라 여러 번 나눠 먹기 좋고<br>우유나 커피, 아이스크림과도 잘 어울립니다.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">추억의 맛 그대로</h3><div class="product-review-content-v2">쿠팡 할인 때 구매해서 먹어봤는데 기대 이상이에요.<br>에어프라이어 180도 7분 정도면 겉바속촉 완성!<br>꿀 필링에 시나몬 향이 살짝 나서 추억이 떠올라요.<br>길거리 호떡 100%는 아니지만 집에서 이 정도면 충분해요.<br>냉동실에 쟁여두면 언제든 든든한 간식이 됩니다.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">대용량 가성비 최고</h3><div class="product-review-content-v2">3개 묶음으로 구매했는데 후회 없어요.<br>팬에 기름 살짝 두르고 노릇하게 구우면<br>계피향이 은은하게 올라오면서 정말 맛있어요.<br>바닐라 아이스크림 얹어 먹으면 카페 디저트 부럽지 않아요.<br>품질이 일정하고 냉동 보관해도 맛 변화가 없어서 좋습니다.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">임산부도 만족한 간식</h3><div class="product-review-content-v2">밤에 갑자기 빵이 땡겨서 주문했어요.<br>달달하고 부드러워서 디카페인 커피와 찰떡궁합이에요.<br>4개씩 소분 포장이라 유통기한 걱정 없이 냉동 보관 가능해요.<br>2인 가구나 자취생도 걱정 없이 구매하세요.<br>누구나 아는 맛, 후회 없을 맛입니다!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">간편하고 달콤한 호떡</h3><div class="product-review-content-v2">전자레인지나 팬에 데워먹기만 하면 되니 준비가 간단해요.<br>꿀 시럽이 달달해서 아이들 간식이나 디저트로 딱이에요.<br>미니 사이즈부터 다양해서 혼자 또는 가족용으로 좋아요.<br>단점은 칼로리가 높고 길거리 호떡처럼 겉바속촉은 아니에요.<br>그래도 간편함과 맛을 생각하면 충분히 만족스럽습니다.</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>
 
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #D03F3F 0%, #FA5252 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(250, 82, 82, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://link.coupang.com/a/dkY9MD" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                최저가 확인하기
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 무료배송</span>
                <span class='trust--badge'>🚀 로켓배송</span>
              </div></div></div></div><p>게시물 <a href="https://fresh-pick.com/spc-%ec%82%bc%eb%a6%bd-%ea%bf%80%ed%98%b8%eb%96%a1/">SPC삼립 꿀호떡 &#8211; 달콤한 간식으로 가족과 함께!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1829</post-id>	</item>
		<item>
		<title>집에서 즐기는 달콤한 간식, 곰곰 달달 꿀호떡!</title>
		<link>https://fresh-pick.com/%ec%a7%91%ec%97%90%ec%84%9c-%ec%a6%90%ea%b8%b0%eb%8a%94-%eb%8b%ac%ec%bd%a4%ed%95%9c-%ea%b0%84%ec%8b%9d-%ea%b3%b0%ea%b3%b0-%eb%8b%ac%eb%8b%ac-%ea%bf%80%ed%98%b8%eb%96%a1/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Sun, 04 Jan 2026 05:15:40 +0000</pubDate>
				<category><![CDATA[베이커리]]></category>
		<category><![CDATA[와플/일반빵/도너츠]]></category>
		<category><![CDATA[일반빵]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1826</guid>

					<description><![CDATA[<p>집에서 즐기는 달콤한 간식, 곰곰 달달 꿀호떡으로 특별한 순간을 만들어보세요! 곰곰 달달 꿀호떡은 아카시아 벌꿀분말과 갈색 설탕의 조화로 깊고 풍부한 맛을 자랑하는 간식입니다. 집에서도 간편하게 즐길 수 있어, 언제 어디서나 달콤한 호떡의 매력을 느낄 수 있습니다. 700g 대용량으로 10개가 제공되어 가족과 함께 나누기 좋은 간식으로, 특별한 간식 시간을 선사합니다. 따뜻하게 구워 먹으면 더욱 맛있어, 누구나 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ec%a7%91%ec%97%90%ec%84%9c-%ec%a6%90%ea%b8%b0%eb%8a%94-%eb%8b%ac%ec%bd%a4%ed%95%9c-%ea%b0%84%ec%8b%9d-%ea%b3%b0%ea%b3%b0-%eb%8b%ac%eb%8b%ac-%ea%bf%80%ed%98%b8%eb%96%a1/">집에서 즐기는 달콤한 간식, 곰곰 달달 꿀호떡!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    집에서 즐기는 달콤한 간식, 곰곰 달달 꿀호떡으로 특별한 순간을 만들어보세요!
  </h2>
  <p>곰곰 달달 꿀호떡은 아카시아 벌꿀분말과 갈색 설탕의 조화로 깊고 풍부한 맛을 자랑하는 간식입니다. 집에서도 간편하게 즐길 수 있어, 언제 어디서나 달콤한 호떡의 매력을 느낄 수 있습니다.</p>
  <p>700g 대용량으로 10개가 제공되어 가족과 함께 나누기 좋은 간식으로, 특별한 간식 시간을 선사합니다. 따뜻하게 구워 먹으면 더욱 맛있어, 누구나 좋아하는 간식으로 자리 잡을 것입니다.</p>
  <p>로켓배송으로 신선하게 받아볼 수 있는 곰곰 달달 꿀호떡, 지금 바로 구매하여 달콤한 간식 시간을 즐겨보세요!</p>
</div>
    
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #FA5252;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #E64747;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #FA5252;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_제품_이미지.webp" alt="곰곰 달달 꿀호떡"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/dkY9cb" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">곰곰 달달 꿀호떡</h2><div class="rating-reviews is-loading"><span class="rating">4.7</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div><div class="review-stats">리뷰 33,290개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">9,900원</div><div class="price-date">2026-01-04 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">곰곰 달달 꿀호떡</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">집에서 간편하게 즐기는 달콤한 간식</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">아카시아 벌꿀분말과 갈색 설탕의 풍부한 맛</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">로켓배송으로 신선하게 받아보세요</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">15,000원 이상 구매 시 무료배송 혜택</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/dkY9cb" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #FA5252;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCF0F0;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-1">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-1">
                <div class="product-section3">
                    <h3>집에서도 간편하게 즐기는 달콤한 호떡</h3>
                    <ul><li>아카시아 벌꿀분말과 갈색 설탕의 조화로 깊고 풍부한 맛</li><li>로켓배송으로 신선하게 집에서 간편하게 즐길 수 있음</li><li>700g 대용량으로 10개 제공, 가족과 함께 나누기 좋은 간식</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>추억의 맛, 곰곰 달달 꿀호떡</h3>
                    <ul><li>누구나 좋아하는 간식으로 특별한 간식 시간을 선사</li><li>따뜻하게 구워 먹으면 더욱 맛있는 호떡</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>보관 방법</h3>
                    <ul><li>-18℃ 이하에서 냉동 보관</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>조리 방법</h3>
                    <ul><li>해동 없이 간편하게 조리 가능</li><li>프라이팬: 기름을 두르고 약/중불로 예열 후 양면을 4~5분 구워 주세요.</li><li>전자레인지: 1,000W 기준으로 1분 데워 주세요.</li><li>에어프라이어: 180℃로 예열 후 4~5분 구워 주세요.</li><li>※ 조리 기구에 따라 조리 시간이 달라질 수 있음</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>제품 정보</h3>
                    <ul><li>제품명: 곰곰 달달 꿀호떡</li><li>내용량: 700g (70g x 10개)</li><li>식품 유형: 빵류 (가열하여 섭취하는 냉동식품)</li><li>제조업소: 안흥식품, 강원도 원주시 문막읍 개나루길 29-37</li><li>유통 전문 판매업소: 씨피엘비(주), 서울특별시 송파구 올림픽로35길 32, 12층</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>원재료명</h3>
                    <ul><li>밀가루, 갈색설탕, 설탕, 아카시아꿀분말, 볶음땅콩분태 등 다양한 재료가 포함되어 있음</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>영양 정보 (1개 기준, 70g)</h3>
                    <ul><li>칼로리: 260kcal</li><li>나트륨: 175mg</li><li>지방: 12g</li><li>탄수화물: 36.5g</li><li>당류: 13g</li><li>단백질: 1g</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>로켓프레시 서비스</h3>
                    <ul><li>쿠팡의 로켓프레시 서비스로 신선한 식품을 새벽 또는 오늘 도착 보장으로 받아보세요. 15,000원 이상 구매 시 무료배송 혜택도 누릴 수 있습니다.</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-1" onclick="toggleContent('product-info-1')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>
        
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-695aae04356d2" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/UxY7IEE2LRQ" data-video-id="UxY7IEE2LRQ" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/9dLALlIyOWw" data-video-id="9dLALlIyOWw" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/곰곰%20달달%20꿀호떡/곰곰%20달달%20꿀호떡_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-695aae04356d2");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-695aae04356d2-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae04356d2-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-695aae04356d2-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #FA5252;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div>
                    <div class="rating-number">4.7</div>
                </div>
                <div class="review-badge" style="background-color:#FA5252;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:81%;"></div>
                    </div>
                    <div class="percentage">81%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:12%;"></div>
                    </div>
                    <div class="percentage">12%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:5%;"></div>
                    </div>
                    <div class="percentage">5%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div></div></div></div>
      
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>집에서 간편하게 조리 가능 (에어프라이어, 전자레인지, 프라이팬 모두 사용 가능)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>속에 꿀 시럽이 듬뿍 들어있어 달콤함이 좋음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>해동 없이 바로 조리 가능해서 편리함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>겉은 바삭하고 속은 쫀득한 식감이 좋음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>10개입으로 양이 넉넉하고 가성비가 좋음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>옛날 시장 호떡 맛과 비슷함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>냉동 보관이 편리하고 소비기한이 길음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>약간의 견과류가 들어있어 고소한 식감이 있음</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>단맛이 꽤 강해서 단 것을 싫어하는 사람에게는 부담될 수 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>전자레인지로 너무 오래 돌리면 딱딱해짐</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>꿀이 고르게 분포되지 않고 한쪽으로 쏠리는 경우가 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>조리 시 꿀이 터져 흘러나오는 경우가 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>칼로리가 높은 편이라 과식 주의 필요</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>호떡 크기가 길거리 호떡보다 작은 편</li></ul></div></div></div></div>  
        
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>신선도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 신선해요</span>
                                        <span class="stat-value">63%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 63%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">34%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 34%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">3%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 3%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>맛 만족도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">맛있어요</span>
                                        <span class="stat-value">76%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 76%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">16%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 16%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">8%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 8%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>싱싱함</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 싱싱해요</span>
                                        <span class="stat-value">69%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 69%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">29%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 29%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 싱싱해요</span>
                                        <span class="stat-value">2%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 2%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
        <h2 class="product-review-title-v2">제품 리뷰</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">겨울 간식 최고의 선택</h3><div class="product-review-content-v2">길거리에서 호떡 사먹었는데 맛없어서<br>쿠팡에서 검색해봤어요.<br>전자렌지에 1분 돌리니까 진짜 맛있는 냄새가 나고<br>밖에서 사먹은 것보다 훨씬 맛있었어요.<br>너무 오래 돌리면 딱딱해지니까<br>1분1분 30초 사이로 상태 보면서 조리하세요.<br>겨울 간식으로 최고입니다!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">에어프라이어 조리 추천</h3><div class="product-review-content-v2">냉동 상태로 보관 편하고 하나씩 꺼내 쓰기 좋아요.<br>에어프라이어 180도에서 45분 돌리면<br>겉은 바삭하고 속은 촉촉해요.<br>기름 없이도 바삭해져서 조리가 간편하고<br>단맛이 은은해서 부담 없이 먹기 좋아요.<br>커피나 우유랑 같이 먹으면 딱 좋은 간식이에요.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">가성비 좋은 국민 간식</h3><div class="product-review-content-v2">쿠팡 자체 브랜드답게 가격이 저렴하고<br>70g 호떡이 10개 들어있어요.<br>에어프라이어 180도 35분이면 겉바속촉 완성!<br>프라이팬에 버터 두르고 약불에 구우면 풍미가 살아나고<br>전자레인지 2030초면 말랑하게 먹을 수 있어요.<br>아이들 간식이나 손님 접대용으로도 좋아요.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">추억의 옛날 호떡 맛</h3><div class="product-review-content-v2">예전 재래시장에서 먹던 호떡이 생각나서 구매했는데<br>완전 기대 이상이었어요.<br>프라이팬에 기름 살짝 두르고 중약불로 구우면<br>진짜 옛날 호떡 맛이 그대로 나요.<br>두께도 두껍지 않고 속에 달달한 꿀이 듬뿍!<br>온 가족이 너무 맛있다고 좋아해서 재구매 예정이에요.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">아이들 겨울 간식으로 딱</h3><div class="product-review-content-v2">해동 없이 바로 조리 가능해서<br>바쁜 아침이나 간식 시간에 활용하기 좋아요.<br>아카시아꿀분말 함유에 견과류도 들어있어<br>달콤하고 고소한 맛이에요.<br>겉은 바삭 속은 쫀득한 식감으로<br>아이들이 정말 좋아해요.<br>단맛이 꽤 있어서 커피랑 같이 먹으면 딱 좋아요.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">포장마차 호떡이 집에서</h3><div class="product-review-content-v2">요즘 호떡 파는 곳도 찾기 어렵고 가격도 비싼데<br>이 제품은 가격 대비 만족도가 높아요.<br>에어프라이어로 조리하면 겉은 바삭하고 속은 쫀득해서<br>포장마차 호떡 느낌이 제대로 재현돼요.<br>10개입이라 온 가족이 나눠먹기 좋고<br>재구매 의사 100%입니다!</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>    
        
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #D03F3F 0%, #FA5252 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(250, 82, 82, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://link.coupang.com/a/dkY9cb" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                최저가 확인하기
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 무료배송</span>
                <span class='trust--badge'>🚀 로켓배송</span>
              </div></div></div></div><p>게시물 <a href="https://fresh-pick.com/%ec%a7%91%ec%97%90%ec%84%9c-%ec%a6%90%ea%b8%b0%eb%8a%94-%eb%8b%ac%ec%bd%a4%ed%95%9c-%ea%b0%84%ec%8b%9d-%ea%b3%b0%ea%b3%b0-%eb%8b%ac%eb%8b%ac-%ea%bf%80%ed%98%b8%eb%96%a1/">집에서 즐기는 달콤한 간식, 곰곰 달달 꿀호떡!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1826</post-id>	</item>
		<item>
		<title>SPC삼립 발효미종 호빵으로 따뜻한 겨울 간식 즐기기</title>
		<link>https://fresh-pick.com/spc%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%ed%98%b8%eb%b9%b5%ec%9c%bc%eb%a1%9c-%eb%94%b0%eb%9c%bb%ed%95%9c-%ea%b2%a8%ec%9a%b8-%ea%b0%84%ec%8b%9d-%ec%a6%90%ea%b8%b0%ea%b8%b0/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Fri, 07 Nov 2025 06:21:25 +0000</pubDate>
				<category><![CDATA[베이커리]]></category>
		<category><![CDATA[와플/일반빵/도너츠]]></category>
		<category><![CDATA[호빵]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1743</guid>

					<description><![CDATA[<p>발효미종 호빵으로 따뜻한 겨울, SPC삼립의 혁신적인 기술력! 추운 겨울, 따뜻한 호빵 한 입의 매력을 경험해 보세요. SPC삼립의 발효미종 호빵은 부드럽고 촉촉한 식감으로, 당신의 입맛을 사로잡을 것입니다. 발효미종 알파쌀가루로 완성된 이 호빵은 단팥과 꿀고구마 두 가지 맛으로 제공되어 다양한 맛을 즐길 수 있습니다. 또한, 개별 포장으로 위생적이며, 전자레인지로 간편하게 조리할 수 있어 바쁜 일상 속에서도 손쉽게 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/spc%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%ed%98%b8%eb%b9%b5%ec%9c%bc%eb%a1%9c-%eb%94%b0%eb%9c%bb%ed%95%9c-%ea%b2%a8%ec%9a%b8-%ea%b0%84%ec%8b%9d-%ec%a6%90%ea%b8%b0%ea%b8%b0/">SPC삼립 발효미종 호빵으로 따뜻한 겨울 간식 즐기기</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">발효미종 호빵으로 따뜻한 겨울, SPC삼립의 혁신적인 기술력!</h2>
    <p>추운 겨울, 따뜻한 호빵 한 입의 매력을 경험해 보세요. SPC삼립의 발효미종 호빵은 부드럽고 촉촉한 식감으로, 당신의 입맛을 사로잡을 것입니다.</p>
    <p>발효미종 알파쌀가루로 완성된 이 호빵은 단팥과 꿀고구마 두 가지 맛으로 제공되어 다양한 맛을 즐길 수 있습니다. 또한, 개별 포장으로 위생적이며, 전자레인지로 간편하게 조리할 수 있어 바쁜 일상 속에서도 손쉽게 따뜻한 간식을 즐길 수 있습니다.</p>
    <p>HACCP 인증 시설에서 제조되어 안심하고 드실 수 있으며, 봉지째 전자레인지 조리가 가능한 스팀팩 포장으로 더욱 간편합니다. 다양한 조리 방법으로 즐길 수 있어, 가족 모두의 입맛을 만족시킬 수 있습니다.</p>
</div>
 
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #FA5252;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #E64747;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #FA5252;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_제품_이미지.webp" alt="삼립 호빵 발효미종 단팥 6p + 달콤 꿀 고구마 6p 세트"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/c2dxzx" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">삼립 호빵 발효미종 단팥 6p + 달콤 꿀 고구마 6p 세트</h2><div class="rating-reviews is-loading"><span class="rating">4.6</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 60.000000%">★</span></div></div><div class="review-stats">리뷰 11,185개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">11,580원</div><div class="price-date">2025-11-07 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">SPC삼립의 발효미종 알파쌀가루로 더욱 촉촉하고 부드러운 식감</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">단팥과 꿀고구마 두 가지 클래식한 맛</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">스팀팩 포장으로 전자레인지 조리 간편</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">HACCP 인증 시설에서 위생적 제조</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">개별 포장으로 위생적이고 간편한 보관</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/c2dxzx" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #FA5252;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCF0F0;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-2">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-2">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>촉촉하고 부드러운 식감, 발효미종 알파쌀가루로 완성</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>단팥 호빵 6개: 클래식한 달콤함의 정수</li><li>꿀고구마 호빵 6개: 달콤한 고구마 앙금의 매력</li><li>개별 포장으로 위생적, 전자레인지 조리로 간편함</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>주요 특징</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>HACCP 인증 시설에서 위생적 제조</li><li>발효미종 알파쌀가루 사용으로 부드러운 식감</li><li>봉지째 전자레인지 조리가 가능한 스팀팩 포장</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>다양한 조리 방법으로 즐기는 호빵</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>전자레인지: 봉지째 40초 조리(700W 기준)</li><li>찜기: 10~15분 찌기</li><li>보온밥솥: 밥 위에 얹어 15~20분 데우기</li><li>에어프라이어: 160℃에서 10분 조리</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>보관 및 주의사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>소비기한이 짧으므로 빠른 섭취 권장</li><li>남은 빵은 냉동보관 가능, 해동 후 재냉동 금지</li><li>알레르기 유발 성분: 우유, 대두, 밀 포함</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-2" onclick="toggleContent('product-info-2')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>
        
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-695aae0436dab" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/0WmHz3h2N7M" data-video-id="0WmHz3h2N7M" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/KbfrYcILci0" data-video-id="KbfrYcILci0" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마/삼립%20호빵%20발효미종%20단팥%20달콤%20꿀%20고구마_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-695aae0436dab");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-695aae0436dab-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae0436dab-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-695aae0436dab-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #FA5252;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 60.000000%">★</span></div></div>
                    <div class="rating-number">4.6</div>
                </div>
                <div class="review-badge" style="background-color:#FA5252;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:80%;"></div>
                    </div>
                    <div class="percentage">80%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:13%;"></div>
                    </div>
                    <div class="percentage">13%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:4%;"></div>
                    </div>
                    <div class="percentage">4%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:2%;"></div>
                    </div>
                    <div class="percentage">2%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>다양한 맛 선택 가능: 단팥과 꿀 고구마 두 가지 맛을 번갈아 즐길 수 있어 질리지 않음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>간편한 조리: 전자레인지로 빠르고 쉽게 조리 가능하며, 스팀팩 포장으로 촉촉한 식감 유지</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>부드럽고 쫄깃한 식감: 발효미종을 사용하여 부드럽고 쫀득한 호빵의 피</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>합리적인 가격: 세트 구매 시 개별 구매보다 저렴하여 경제적</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>건강한 재료: 방부제 없이 자연 재료로 만들어져 안심하고 섭취 가능</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>유통기한이 짧음: 방부제가 없어 유통기한이 짧아 빠른 소비 필요</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>칼로리 부담: 호빵 하나당 칼로리가 높아 다이어트 중에는 주의 필요</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>팥 앙금의 양: 단팥 호빵의 앙금이 적다고 느낄 수 있음</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>신선도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 신선해요</span>
                                        <span class="stat-value">55%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 55%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">33%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 33%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">12%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 12%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>맛 만족도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">맛있어요</span>
                                        <span class="stat-value">72%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 72%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">24%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 24%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">4%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 4%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">삼립 호빵 발효미종 단팥 &amp; 달콤 꿀 고구마 세트 시식 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">찬 바람 불어오면 생각나는 겨울 간식, 호빵이죠<br>이번에 삼립 호빵 발효미종 단팥 6개와 달콤 꿀 고구마 6개 세트를<br>구매해 온 가족이 즐겼습니다<br>92g짜리 호빵 12개로 넉넉한 양이 마음에 들었어요<br>호빵은 찜기에 쪄야 제맛이지만 전자레인지로 간편하게 조리해봤습니다<br>발효미종 사용 덕에 겉면이 부드럽고 쫀득했어요<br>단팥 호빵은 쫀득한 겉피와 촉촉한 소가 인상적이었습니다<br>팥의 구수한 맛이 잘 느껴져 남녀노소 좋아할 맛이에요<br>달콤 꿀 고구마 호빵은 부드러운 고구마 앙금이 가득<br>따뜻한 고구마 케이크 같은 맛이었습니다<br>두 가지 맛이 섞여 있어 번갈아 먹기 좋고<br>단팥은 우유와, 꿀 고구마는 아메리카노와 함께 먹으니<br>최고의 간식 조합이었습니다<br>올겨울 따뜻한 간식 찾는 분들께 이 세트 추천합니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">꿀 고구마 호빵의 매력</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">꿀 고구마 호빵 언제 나오나<br> 계속 기다렸는데 드디어 구매했습니다<br> 고구마를 좋아해서 꿀 고구마 호빵의<br> 진한 맛이 너무 좋습니다<br> 단팥과 꿀 고구마가 각각 6개씩<br> 개별 포장되어 있어서 보관도 편리하고<br> 전자레인지에 간편히 데워 먹기 좋아요<br> 촉촉하고 부드러운 식감에<br> 달콤한 팥과 꿀 고구마의 조화가<br> 일품입니다<br> HACCP 인증시설에서 제조된<br> 위생적인 제품이라 더 믿음이 가네요</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">삼립호빵 유통기한 짧은 이유와 조리법</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">삼립호빵 유통기한이 짧은 이유는 방부제가 없어서입니다. 방부제 없는 발효반죽으로 만들어져 <br> 더 건강한 선택입니다. 유통기한이 짧아도 상온에서 먹고 <br> 냉동 보관하면 오래 먹을 수 있어요. <br> 전자렌지보다 냄비에 쩌먹는 게 훨씬 촉촉하고 부드럽습니다. <br> 팥과 고구마 앙금이 수분을 머금어 더욱 맛있어요. <br> 겨울철 간식으로 강추합니다!</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">겨울철 호빵 간식 추천</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">겨울에 김장하면서 간식으로 호빵을 주문했어요. 추울 땐 호호 불어먹는 호빵이<br> 간편해서 선택했는데, 잘 먹고 김장도 잘 했습니다. 크기는 한 손에 딱 잡히는<br> 92g짜리로 혼자 먹기 좋은 사이즈였어요. 포장을 뜯었을 때 은은한 발효된 빵 냄새가<br> 나서 좋았어요. 전자레인지에 30~40초 돌리면 따뜻해지는데, 팥이 듬뿍 들어 있어서<br> 달콤한 팥앙금이 부드럽게 퍼져요. 팥은 고소한 맛도 나서 좋았어요. 찜기에 쪄서<br> 먹으면 더 촉촉하고 부드러워져요. 따뜻한 우유랑 같이 먹으니 완전 겨울 간식<br> 조합이네요. 고구마맛도 팥과는 다른 매력으로 맛있어요. 겨울철 간편하게 즐기기<br> 좋은 제품이라 추천합니다. 맛있어요!</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #D03F3F 0%, #FA5252 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(250, 82, 82, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://link.coupang.com/a/c2dxzx" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                최저가 확인하기
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 무료배송</span>
                <span class='trust--badge'>🚀 로켓배송</span>
              </div></div></div></div><p>게시물 <a href="https://fresh-pick.com/spc%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%ed%98%b8%eb%b9%b5%ec%9c%bc%eb%a1%9c-%eb%94%b0%eb%9c%bb%ed%95%9c-%ea%b2%a8%ec%9a%b8-%ea%b0%84%ec%8b%9d-%ec%a6%90%ea%b8%b0%ea%b8%b0/">SPC삼립 발효미종 호빵으로 따뜻한 겨울 간식 즐기기</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1743</post-id>	</item>
		<item>
		<title>삼립 발효미종 호빵으로 겨울 간식 완성하기</title>
		<link>https://fresh-pick.com/%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%ed%98%b8%eb%b9%b5%ec%9c%bc%eb%a1%9c-%ea%b2%a8%ec%9a%b8-%ea%b0%84%ec%8b%9d-%ec%99%84%ec%84%b1%ed%95%98%ea%b8%b0/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Fri, 07 Nov 2025 06:09:37 +0000</pubDate>
				<category><![CDATA[베이커리]]></category>
		<category><![CDATA[와플/일반빵/도너츠]]></category>
		<category><![CDATA[호빵]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1740</guid>

					<description><![CDATA[<p>촉촉함과 풍미의 조화, 삼립 발효미종 호빵으로 특별한 겨울을! 삼립 발효미종 호빵은 쌀가루로 더욱 촉촉해진 프리미엄 호빵으로, 특허받은 발효미종 기술을 통해 깊고 풍부한 풍미를 제공합니다. 단팥과 피자, 두 가지 맛으로 다양한 선택의 즐거움을 선사하며, HACCP 인증 시설에서 제조되어 위생적입니다. 간편한 조리법 덕분에 언제 어디서나 갓 찐 듯한 호빵을 즐길 수 있으며, 전자레인지, 찜기, 보온밥솥, 에어프라이어 등 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%ed%98%b8%eb%b9%b5%ec%9c%bc%eb%a1%9c-%ea%b2%a8%ec%9a%b8-%ea%b0%84%ec%8b%9d-%ec%99%84%ec%84%b1%ed%95%98%ea%b8%b0/">삼립 발효미종 호빵으로 겨울 간식 완성하기</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">촉촉함과 풍미의 조화, 삼립 발효미종 호빵으로 특별한 겨울을!</h2>
    <p>삼립 발효미종 호빵은 쌀가루로 더욱 촉촉해진 프리미엄 호빵으로, 특허받은 발효미종 기술을 통해 깊고 풍부한 풍미를 제공합니다. 단팥과 피자, 두 가지 맛으로 다양한 선택의 즐거움을 선사하며, HACCP 인증 시설에서 제조되어 위생적입니다.</p>
    <p>간편한 조리법 덕분에 언제 어디서나 갓 찐 듯한 호빵을 즐길 수 있으며, 전자레인지, 찜기, 보온밥솥, 에어프라이어 등 다양한 방법으로 조리가 가능합니다. 삼립 발효미종 호빵은 부드러운 식감과 클래식한 단팥의 달콤함, 그리고 피자 호빵의 풍성한 맛을 제공합니다.</p>
    <p>영양 정보도 꼼꼼히 챙겨, 건강한 맛을 즐길 수 있습니다. 직사광선을 피해 실온 보관하면 되지만, 개봉 후에는 냉동 보관을 권장하여 신선함을 유지할 수 있습니다. 삼립 발효미종 호빵으로 촉촉하고 풍부한 맛을 즐기세요.</p>
</div>

        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #FA5252;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #E64747;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #FA5252;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_제품_이미지.webp" alt="삼립 호빵 발효미종 단팥 + 피자"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/c2dtn6" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">삼립 호빵 발효미종 단팥 + 피자</h2><div class="rating-reviews is-loading"><span class="rating">4.6</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 60.000000%">★</span></div></div><div class="review-stats">리뷰 28,387개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">11,580원</div><div class="price-date">2025-11-07 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">발효미종 기술로 극대화된 촉촉함</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">단팥과 피자, 두 가지 풍성한 맛</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">HACCP 인증으로 믿을 수 있는 위생</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">전자레인지로 간편하게 즐기는 스팀팩 조리</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">다양한 조리법으로 색다른 즐거움</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/c2dtn6" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #FA5252;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCF0F0;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-2">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-2">
                <div class="product-section3">
                    <h3>쌀가루로 더욱 촉촉해진 프리미엄 호빵</h3>
                    <ul><li>12개입 (단팥 6개, 피자 6개)으로 다양한 맛 제공</li><li>특허받은 발효미종 기술로 깊고 풍부한 풍미 구현</li><li>HACCP 인증 시설에서 제조된 위생적인 제품</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>세부사항</h3>
                    <ul><li>발효미종 알파쌀가루: 기존 호빵보다 훨씬 부드러운 식감</li><li>단팥 호빵: 달콤한 팥앙금으로 클래식한 맛 완성</li><li>피자 호빵: 토마토소스와 다양한 토핑으로 풍성한 맛 제공</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>간편한 조리로 언제 어디서나 갓 찐 듯한 호빵</h3>
                    <ul><li>전자레인지: 봉지를 뜯지 않고 40초(700W 기준) 조리</li><li>찜기: 면포와 함께 10~15분간 찌기</li><li>보온밥솥: 밥 위에 올려 15~20분간 데우기</li><li>에어프라이어: 표면에 기름 발라 160℃에서 10분간 조리</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>영양 정보 (1개 92g 기준)</h3>
                    <ul><li>단팥 호빵: 245 kcal, 나트륨 270mg, 탄수화물 51g, 당류 22g, 단백질 6g</li><li>피자 호빵: 221 kcal, 나트륨 420mg, 탄수화물 37g, 당류 7g, 단백질 7g</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>보관 및 주의사항</h3>
                    <ul><li>직사광선을 피해 실온(1~35℃) 보관</li><li>개봉 후 남은 제품은 냉동 보관 권장</li><li>수령 후 가급적 빨리 섭취</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-2" onclick="toggleContent('product-info-2')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>
        
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-695aae0438288" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/r601nqaSoHA" data-video-id="r601nqaSoHA" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/4s1t89z8W6M" data-video-id="4s1t89z8W6M" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20피자/삼립%20호빵%20발효미종%20단팥%20피자_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-695aae0438288");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-695aae0438288-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae0438288-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-695aae0438288-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #FA5252;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 60.000000%">★</span></div></div>
                    <div class="rating-number">4.6</div>
                </div>
                <div class="review-badge" style="background-color:#FA5252;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:79%;"></div>
                    </div>
                    <div class="percentage">79%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:12%;"></div>
                    </div>
                    <div class="percentage">12%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:5%;"></div>
                    </div>
                    <div class="percentage">5%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:3%;"></div>
                    </div>
                    <div class="percentage">3%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>개별 포장으로 위생적이고 편리함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>전자레인지, 찜기, 에어프라이어 등 다양한 조리 방법 가능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>발효미종 사용으로 부드럽고 촉촉한 식감</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>단팥과 피자맛의 조화로 다양한 맛 경험 가능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>합리적인 가격과 브랜드 신뢰도</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>유통기한이 상대적으로 짧음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>냉동 보관 시 품질 저하 가능성 있음</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>신선도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 신선해요</span>
                                        <span class="stat-value">48%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 48%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">36%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 36%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">16%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 16%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>맛 만족도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">맛있어요</span>
                                        <span class="stat-value">66%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 66%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">29%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 29%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">5%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 5%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">호빵, 겨울 간식의 추억</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">호빵을 보면 어린 시절 추운 겨울 동네 슈퍼마다 있던 호빵 기계가 생각나요. 저녁<br> 일찍 먹은 날에는 야식으로 사와 먹곤 했죠. 이제는 아이들의 겨울 간식으로 쟁여 놓고<br> 있어요. 쿠팡에서 구매한 삼립 호빵은 개별 포장이라 위생적이고, 전자레인지에 40초<br> 만 돌리면 촉촉해져요. 팥 호빵과 피자 호빵을 좋아하는 우리 가족은 자주 구매한답니다.<br> 전자레인지, 찜기, 에어프라이어 등 다양한 방법으로 간편하게 조리해 맛있게 즐길 수<br> 있어요. 호호 불며 먹던 그 시절의 호빵, 삼립 호빵으로 추억을 되살려보세요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">삼립 호빵 발효미종 단팥 + 피자 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">매년 겨울이 되면 삼립 호빵을 한 번쯤은 꼭 사게 되는데<br>이번에 새로 나온 발효미종 버전은 확실히 기존보다 더 부드럽고 풍미가 깊어요<br>전자레인지에 잠깐 돌리자마자 퍼지는 고소하고 달콤한 향이 너무 좋았고<br>빵 결이 한층 더 촉촉하고 결결이 살아 있어서 한입 베어 물었을 때 폭신하게 녹는 느낌이었습니다<br>단팥맛은 팥소가 정말 정직하게 달아요<br>너무 진하거나 텁텁하지 않고 입안에서 은은하게 퍼지는 단맛이라 물리지 않았어요<br>팥 알갱이가 살아 있어서 씹는 재미도 있고 발효미종으로 만들어진 빵피와 잘 어우러져 부드럽게 넘어갑니다<br>피자 호빵은 단팥과는 또 다른 매력이 있어요<br>안에 토마토소스 향이 확 나면서 치즈와 햄 옥수수 알갱이가 적절히 섞여 있어서 진짜 미니 피자를 먹는 느낌이에요<br>따뜻하게 데우면 치즈가 살짝 늘어나는 것도 있고 단짠 조합이 기가 막혀요<br>빵피의 고소한 풍미와 소스의 짭조름함이 어우러져서 간식으로도 아침 대용으로도 충분히 든든했습니다<br>단팥이 클래식한 맛이라면 피자는 자꾸 손이 가는 중독성 있는 맛이에요<br>두 가지 맛을 번갈아 먹는 재미도 있었어요<br>달콤한 단팥으로 입을 달래고 짭짤한 피자로 밸런스를 맞추니까 질리지 않고 계속 먹게 되더라고요<br>냉동 상태로 보관했다가 전자레인지에 40초~1분 정도만 돌려도 금세 따끈따끈해져서 간편하고<br>급하게 출근할 때나 출출한 밤 간식으로도 너무 좋았습니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">겨울 간식의 왕, 삼립호빵 추천</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">겨울이 오면 가장 먼저 생각나는 간식이 호빵이에요. 추운 날씨에<br>김이 모락모락 나는 호빵을 한 입 베어 물면, 그 달콤하고 포근한 맛이<br>입안 가득 퍼져 마음까지 따뜻해지죠. 이번에 삼립호빵 세트를 주문해봤는데<br>정말 겨울의 행복이라는 말이 딱 어울리는 제품이었어요. 배송 상태도<br>만족스러웠고, 깔끔한 포장 덕분에 제품도 신선하게 도착했어요. 단팥맛과<br>피자맛 모두 기대 이상이었어요. 단팥호빵은 달콤하고 부드러워 팥의 고소함이<br>확 퍼지고, 피자호빵은 치즈와 토마토소스가 어우러져 미니 피자를 먹는<br>기분이에요. 발효미종 덕분에 빵 식감도 부드럽고 고소해서, 냉동보관 후<br>전자레인지에 살짝 돌리면 갓 만든 듯한 촉촉함이 살아납니다. 세트로<br>구매하니 경제적이고 가족 모두가 만족할 수 있어요. 겨울 간식 고민하신다면<br>이 세트 꼭 추천드려요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">삼립호빵 겨울 필수템</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">겨울 바람이 불기 시작하면 퇴근길에<br>편의점 호빵이 눈에 들어오죠<br>하지만 가격이 부담돼서<br>쿠팡에서 삼립호빵 단팥+피자맛 12개입<br>세트를 발견하고 바로 구매했어요<br>단팥은 전자레인지에 30초<br>돌리니 따뜻하고 보드랍고<br>피자는 프라이팬에 구워<br>겉바속쫄의 정석을 보여주네요<br>삼립호빵은 국민 호빵답게<br>다양한 조리법으로 더 맛있게<br>즐길 수 있어요<br>올겨울은 삼립호빵으로 정착합니다<br>찬바람 불 땐 단팥+피자 반반세트<br>강력 추천해요</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #D03F3F 0%, #FA5252 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(250, 82, 82, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://link.coupang.com/a/c2dtn6" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                최저가 확인하기
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 무료배송</span>
                <span class='trust--badge'>🚀 로켓배송</span>
              </div></div></div></div><p>게시물 <a href="https://fresh-pick.com/%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%ed%98%b8%eb%b9%b5%ec%9c%bc%eb%a1%9c-%ea%b2%a8%ec%9a%b8-%ea%b0%84%ec%8b%9d-%ec%99%84%ec%84%b1%ed%95%98%ea%b8%b0/">삼립 발효미종 호빵으로 겨울 간식 완성하기</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1740</post-id>	</item>
		<item>
		<title>삼립 발효미종 호빵으로 촉촉함과 부드러움을 경험하세요!</title>
		<link>https://fresh-pick.com/%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%ed%98%b8%eb%b9%b5/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Fri, 07 Nov 2025 05:59:39 +0000</pubDate>
				<category><![CDATA[베이커리]]></category>
		<category><![CDATA[와플/일반빵/도너츠]]></category>
		<category><![CDATA[호빵]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1737</guid>

					<description><![CDATA[<p>최고의 프리미엄 호빵, 삼립 발효미종 호빵으로 촉촉함을 경험하세요! 삼립 발효미종 호빵은 발효미종 알파쌀가루로 완성된 프리미엄 제품으로, 대한민국 호빵 시장 1위의 자리를 차지하고 있습니다. 특허받은 발효미종 기술로 촉촉함을 극대화하여, 누구나 한 번 맛보면 다시 찾게 되는 매력을 지니고 있습니다. 달콤한 팥앙금의 단팥 호빵과 신선한 국산 채소로 만들어진 야채 호빵은 각기 다른 매력으로 가족 모두의 입맛을 사로잡습니다. [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%ed%98%b8%eb%b9%b5/">삼립 발효미종 호빵으로 촉촉함과 부드러움을 경험하세요!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">
    최고의 프리미엄 호빵, 삼립 발효미종 호빵으로 촉촉함을 경험하세요!
  </h2>
  <p>
    삼립 발효미종 호빵은 발효미종 알파쌀가루로 완성된 프리미엄 제품으로, 대한민국 호빵 시장 1위의 자리를 차지하고 있습니다. 
    특허받은 발효미종 기술로 촉촉함을 극대화하여, 누구나 한 번 맛보면 다시 찾게 되는 매력을 지니고 있습니다.
  </p>
  <p>
    달콤한 팥앙금의 단팥 호빵과 신선한 국산 채소로 만들어진 야채 호빵은 각기 다른 매력으로 가족 모두의 입맛을 사로잡습니다.
    발효미종 기술은 4종 토종 유산균과 쌀가루를 혼합 발효하여, 부드럽고 건강한 맛을 제공합니다.
  </p>
  <p>
    간편한 조리법 또한 이 제품의 매력을 더합니다. 전자레인지, 찜기, 보온밥솥, 에어프라이어 등 다양한 방법으로 조리할 수 있어,
    바쁜 일상 속에서도 쉽게 즐길 수 있습니다.
  </p>
  <p>
    삼립 발효미종 호빵은 HACCP 인증 시설에서 제조되어 위생적 안전성도 보장받을 수 있습니다.
    촉촉하고 부드러운 식감과 다양한 조리법으로, 이 호빵은 가족 모두가 즐길 수 있는 최고의 선택입니다.
  </p>
</div>

        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #FA5252;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #E64747;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #FA5252;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_제품_이미지.webp" alt="삼립 호빵 발효미종 단팥 + 야채"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/c2doF5" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">삼립 호빵 발효미종 단팥 + 야채</h2><div class="rating-reviews is-loading"><span class="rating">4.6</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 60.000000%">★</span></div></div><div class="review-stats">리뷰 55,177개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">11,580원</span><span class="discount">10%</span></div><div class="special-price">10,420원</div><div class="price-date">2025-11-07 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">삼립 특허 발효미종으로 촉촉하고 부드러운 식감</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">단팥과 야채, 두 가지 맛으로 다양한 선택 가능</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">HACCP 인증 시설에서 위생적으로 제조</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">전자레인지, 찜기 등 다양한 조리법 제공</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">대한민국 호빵 시장 1위로 검증된 품질</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/c2doF5" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #FA5252;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCF0F0;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-3">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-3">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>발효미종 알파쌀가루로 완성된 프리미엄 호빵</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>단팥 호빵 6개 + 야채 호빵 6개, 총 12개 구성</li><li>특허받은 발효미종 기술로 촉촉함 극대화</li><li>2024 닐슨 기준 대한민국 호빵 시장 1위 제품</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>세부사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>단팥 호빵: 달콤한 팥앙금으로 완성된 클래식한 맛</li><li>야채 호빵: 신선한 국산 채소로 만든 고소한 풍미</li><li>발효미종 기술: 4종 토종 유산균과 쌀가루 혼합 발효</li><li>HACCP 인증 시설에서 제조, 위생적 안전성 보장</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>간편한 조리, 다양한 방법으로 즐기는 호빵</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>전자레인지: 700W 기준 40초 조리로 간편하게</li><li>찜기: 10~15분간 찌기, 추억의 맛 재현</li><li>보온밥솥: 밥 위에 얹어 15~20분간 데우기</li><li>에어프라이어: 160℃에서 10분간 조리, 새로운 식감</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>영양 정보</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>단팥 호빵 (1개 92g): 245 kcal, 나트륨 270mg</li><li>야채 호빵 (1개 92g): 217 kcal, 나트륨 430mg</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-3" onclick="toggleContent('product-info-3')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>
        
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-695aae043974c" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/y0ZPC3NK1uk" data-video-id="y0ZPC3NK1uk" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/KbfrYcILci0" data-video-id="KbfrYcILci0" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥%20야채/삼립%20호빵%20발효미종%20단팥%20야채_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-695aae043974c");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-695aae043974c-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae043974c-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-695aae043974c-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #FA5252;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 60.000000%">★</span></div></div>
                    <div class="rating-number">4.6</div>
                </div>
                <div class="review-badge" style="background-color:#FA5252;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:81%;"></div>
                    </div>
                    <div class="percentage">81%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:12%;"></div>
                    </div>
                    <div class="percentage">12%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:4%;"></div>
                    </div>
                    <div class="percentage">4%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:2%;"></div>
                    </div>
                    <div class="percentage">2%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>두 가지 맛을 한 번에 즐길 수 있는 구성으로 다양한 맛 경험 가능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>전자레인지로 간편하게 조리 가능하여 바쁜 일상 속에서도 쉽게 준비 가능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>개별 포장으로 위생적이며 보관이 용이함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>팥과 야채의 조화로운 맛으로 다양한 입맛을 만족시킴</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>추운 겨울철 따뜻한 간식으로 적합하며 포만감이 높음</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>유통기한이 짧아 냉동 보관이 필요함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>냉동 후 조리 시 시간 조절 실패 시 속이 미지근할 수 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>개당 크기가 커서 한 번에 여러 개 먹기는 부담스러울 수 있음</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>신선도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 신선해요</span>
                                        <span class="stat-value">49%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 49%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">37%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 37%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">14%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 14%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>맛 만족도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">맛있어요</span>
                                        <span class="stat-value">62%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 62%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">33%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 33%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">5%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 5%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">호빵으로 겨울나기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">날씨가 쌀쌀해지니 따끈한 호빵이 생각나서 주문했어요. 저는 야채호빵을 좋아하고 남편은 팥호빵을<br> 좋아하는데, 이 제품은 두 가지가 같이 들어있어서 좋더라고요. 전자레인지에 30~40초만 돌리면 폭신하고<br> 촉촉하게 잘 데워져요. 팥은 적당히 달고 부드러워 부담 없이 먹기 좋고, 야채호빵은 속이 꽉 차고 감칠맛이<br> 나요. 에어프라이어에 돌리면 겉바속촉으로 즐길 수 있어요. 냉동보관 후에도 간편하게 먹을 수 있어<br> 간식이나 아침 대용으로 추천합니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">삼립 호빵 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">요즘 쌀쌀한 날씨에 따뜻한 간식이 떠올라 삼립 호빵을 오랜만에 사봤어요 팥호빵과<br> 야채호빵 세트를 골랐답니다 팥호빵은 예전부터 먹던 그 맛으로 팥앙금이 꽉 차있고<br> 단맛이 적당해 커피나 우유랑 먹기 좋아요 전자레인지에 30초 돌리면 따뜻한 단팥 향이<br> 올라와요 촉촉한 피도 식감이 좋고요 야채호빵은 당면, 양배추 등이 들어있어 간단한<br> 식사로도 좋고, 갓 쪄서 먹으면 야채 향이 살아나요 기름지지 않아 부담도 없어요<br> 전자레인지 30초~40초면 간편하게 조리 가능하고, 가족 입맛 맞추기에도 좋아요<br> 겨울엔 냉동실에 쟁여두면 언제든 즐길 수 있는 간식입니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">믿고 먹는 삼립 호빵</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">삼립 호빵은 겨울철 필수템이에요. 단팥과 야채 호빵이 각각 6개씩<br> 구성된 12개입 세트를 구매했는데, 두 가지 맛을 번갈아 먹는 재미가<br> 쏠쏠해요. 개별 포장이라 꺼내 먹기 편하고, 전자레인지에 40초만<br> 돌리면 속까지 따뜻하게 데워져요. 단팥 호빵은 달지 않고 익숙한<br> 맛이 그대로 살아 있어서 좋고, 야채 호빵은 만두 같은 느낌으로<br> 다양한 재료가 들어 있어 맛있어요. 찜기에 쪄 먹으면 식감도<br> 더 좋아져요. 가족끼리 나눠 먹기에도 좋고, 간식이나 아침 식사로도<br> 훌륭해요. 유통기한은 짧지만 냉동 보관하면 문제없어요. 가격 대비<br> 품질도 만족스럽고, 다음엔 다른 맛도 시도해볼 생각이에요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">삼립 호빵 발효미종 단팥과 야채 호빵 추천</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">몇 년째 재구매하며 즐겨 먹는 호빵입니다. 개별포장되어 있어<br>하나씩 꺼내 쪄먹기 편리합니다. 야채 호빵은 아삭한 야채와<br>고기가 잘 어울리고, 팥 호빵은 달달한 맛으로 호불호가<br>없습니다. 두 가지 맛을 한 번에 즐길 수 있어 만족도가 높습니다.<br>가족 모두가 함께 맛있게 먹고 추천합니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #D03F3F 0%, #FA5252 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(250, 82, 82, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://link.coupang.com/a/c2doF5" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                최저가 확인하기
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 무료배송</span>
                <span class='trust--badge'>🚀 로켓배송</span>
              </div></div></div></div><p>게시물 <a href="https://fresh-pick.com/%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%ed%98%b8%eb%b9%b5/">삼립 발효미종 호빵으로 촉촉함과 부드러움을 경험하세요!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1737</post-id>	</item>
		<item>
		<title>SPC삼립 발효미종 단팥 호빵: 부드럽고 달콤한 겨울철 필수 간식</title>
		<link>https://fresh-pick.com/spc%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%eb%8b%a8%ed%8c%a5-%ed%98%b8%eb%b9%b5/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Fri, 07 Nov 2025 05:51:32 +0000</pubDate>
				<category><![CDATA[베이커리]]></category>
		<category><![CDATA[와플/일반빵/도너츠]]></category>
		<category><![CDATA[호빵]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1734</guid>

					<description><![CDATA[<p>SPC삼립 발효미종 단팥 호빵: 부드러움과 달콤함의 완벽한 조화로 겨울철 필수 간식! 겨울철, 따뜻하고 달콤한 간식을 찾고 계신가요? SPC삼립의 발효미종 단팥 호빵은 부드럽고 촉촉한 식감과 달콤한 팥앙금으로 당신의 입맛을 사로잡습니다. 발효미종 알파쌀가루로 만들어져 깊은 풍미를 제공하며, 개별 포장으로 위생적이고 간편한 전자레인지 조리가 가능합니다. 대용량 1,104g으로 12개가 제공되어 가족과 함께 나누어 먹기 좋으며, HACCP 인증 시설에서 제조되어 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/spc%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%eb%8b%a8%ed%8c%a5-%ed%98%b8%eb%b9%b5/">SPC삼립 발효미종 단팥 호빵: 부드럽고 달콤한 겨울철 필수 간식</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
        SPC삼립 발효미종 단팥 호빵: 부드러움과 달콤함의 완벽한 조화로 겨울철 필수 간식!
    </h2>
    <p>
        겨울철, 따뜻하고 달콤한 간식을 찾고 계신가요? SPC삼립의 발효미종 단팥 호빵은 부드럽고 촉촉한 식감과 달콤한 팥앙금으로
        당신의 입맛을 사로잡습니다. 발효미종 알파쌀가루로 만들어져 깊은 풍미를 제공하며, 개별 포장으로 위생적이고 간편한
        전자레인지 조리가 가능합니다.
    </p>
    <p>
        대용량 1,104g으로 12개가 제공되어 가족과 함께 나누어 먹기 좋으며, HACCP 인증 시설에서 제조되어 안전성까지
        보장됩니다. 이 호빵은 실온 보관 가능하며 소비기한이 짧습니다. 구매 후 상단의 소비기한을 확인하시고, 남은 호빵은 냉동 보관해 주세요.
    </p>
    <p>
        다양한 조리 방법으로 취향에 맞게 즐길 수 있으며, 전자레인지, 찜기, 보온밥솥, 에어프라이어 등 다양한 조리 기구로
        간편하게 조리할 수 있습니다. SPC삼립의 발효미종 단팥 호빵으로 추억의 맛을 현대적 감각으로 즐겨보세요.
    </p>
</div>
 
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #FA5252;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #E64747;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #FA5252;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_제품_이미지.webp" alt="삼립 호빵 발효미종 단팥"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/c2diHS" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">삼립 호빵 발효미종 단팥</h2><div class="rating-reviews is-loading"><span class="rating">4.7</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div><div class="review-stats">리뷰 56,151개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">10,980원</div><div class="price-date">2025-11-07 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">발효미종 알파쌀가루로 부드러운 식감</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">달콤한 팥앙금의 클래식한 풍미</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">전자레인지 스팀팩 포장으로 간편 조리</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">HACCP 인증으로 위생적 제조</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">개별 포장으로 위생적인 보관</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/c2diHS" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #FA5252;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCF0F0;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-3">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-3">
                <div class="product-section3">
                    <h3>발효미종 알파쌀가루와 달콤한 팥앙금으로 깊은 풍미 제공</h3>
                    <ul><li>개별 포장으로 위생적이며 전자레인지 조리 가능</li><li>1,104g 대용량으로 12개 제공</li><li>HACCP 인증 시설에서 제조로 안전성 보장</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>주요 특징</h3>
                    <ul><li>발효미종 알파쌀가루: 부드럽고 촉촉한 식감 제공</li><li>클래식한 팥앙금: 익숙하고 깊은 달콤한 맛</li><li>스팀팩 포장: 봉지째 전자레인지 조리로 간편한 섭취</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>상품 정보</h3>
                    <ul><li>보관방법: 실온보관</li><li>소비기한: 상단의 소비기한 확인</li><li>총 내용량: 1,104g (92g × 12개)</li><li>1개당 열량: 245kcal</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>조리 방법</h3>
                    <ul><li>전자레인지: 봉지째 40초(700W) 조리</li><li>찜기: 10~15분간 찜</li><li>보온밥솥: 15~20분간 데움</li><li>에어프라이어: 160℃에서 10분간 조리</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>주의사항</h3>
                    <ul><li>소비기한이 짧으므로 구매 전 확인 필수</li><li>수령 후 빨리 섭취, 남은 제품은 냉동 보관</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>브랜드 스토리</h3>
                    <ul><li>1945년 &#8216;상미당&#8217;으로 시작한 SPC삼립은 고객의 식생활에 기여하며 종합식품기업으로 성장했습니다.</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-3" onclick="toggleContent('product-info-3')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>
        
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-695aae043abe4" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/KbfrYcILci0" data-video-id="KbfrYcILci0" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/aJXt0pk8S1w" data-video-id="aJXt0pk8S1w" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/삼립%20호빵%20발효미종%20단팥/삼립%20호빵%20발효미종%20단팥_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-695aae043abe4");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-695aae043abe4-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae043abe4-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-695aae043abe4-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #FA5252;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div>
                    <div class="rating-number">4.7</div>
                </div>
                <div class="review-badge" style="background-color:#FA5252;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:82%;"></div>
                    </div>
                    <div class="percentage">82%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:12%;"></div>
                    </div>
                    <div class="percentage">12%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:4%;"></div>
                    </div>
                    <div class="percentage">4%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>발효미종 반죽으로 부드럽고 쫀쫀한 식감</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>단팥 필링의 단맛 밸런스가 완벽하고 꾸덕한 질감</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>전자레인지로 간편하게 조리 가능하며 위생적 개별 포장</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>냉동보관으로 오래두고 필요할 때 바로 사용 가능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>향긋한 구수한 냄새로 겨울 분위기 업</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>전자레인지 조리 시 수분이 날아가면 약간 퍽퍽해질 수 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>유통기한이 짧아 빠르게 소진 필요</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>팥소의 양이 조금 더 많았으면 좋겠다는 아쉬움</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>신선도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 신선해요</span>
                                        <span class="stat-value">56%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 56%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">36%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 36%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">8%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 8%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>맛 만족도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">맛있어요</span>
                                        <span class="stat-value">70%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 70%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">27%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 27%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">3%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 3%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">삼립 발효미종 단팥호빵 추천</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">날씨가 추워지니 따뜻한 간식이 생각나요. 삼립 발효미종 단팥호빵은 냉동실에서 꺼내 쪄먹기 딱이에요.<br>발효미종 덕분에 반죽이 부드럽고 쫀쫀해요. 단팥 필링도 달지 않고 팥 알갱이가 살아있어<br>계속 먹어도 물리지 않죠. 찜기에 찌면 포슬하고 꾸덕한 팥이 입안에서 살살 녹아요. 포만감도 오래가서<br>아침 대용으로도 좋아요. 냉동 보관도 편리하고, 12개입이라 양도 넉넉해요. 겨울철 간식으로 강추합니다!</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">삼립 호빵 발효미종 단팥 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">겨울엔 역시 호빵이죠. 이번에 삼립 호빵을 쿠팡에서 주문해봤어요.<br>포장이 깔끔하고 위생적이라 보관하기 좋아요. 12개입이라 냉동실에 넣고<br>하나씩 꺼내 먹기 딱이에요. 겉피가 쫄깃하고 부드러워서 고급스러운<br>느낌이 나고, 속단팥은 너무 달지 않아 아이와 함께 먹기에도 좋아요.<br>달달하면서도 담백해서 한 개 먹으면 또 생각나요. 아침에 우유랑<br>함께 먹거나 주말에 차와 함께 먹으면 홈카페 느낌도 나고요.<br>가성비 좋고 맛있어서 재구매 의사 100%! 다른 맛도 꼭<br>먹어보려구요. 삼립 호빵, 겨울마다 믿고 다시 사게 돼요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">삼립 호빵 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">날씨가 쌀쌀해지면서 호빵이 생각나더라고요. 올해 처음으로 삼립 호빵을 구매했어요. <br> 여러 가지 맛이 있었지만, 기본 중의 기본은 단팥이죠. 단팥 향이 은은하게 퍼지고, <br> 달콤한 팥소가 입안을 감싸주는 게 정말 좋습니다. 팥알이 적당히 살아 있어 씹는 맛도 있고요. <br> 호빵피는 쫄깃하면서도 폭신폭신한 식감이 인상적이에요. <br> 찜기에 쪄서 먹으면 촉촉함이 살아나고, 전자레인지에 데우면 간편하게 따뜻하게 즐길 수 있어요. <br> 따뜻한 우유나 커피와 함께 먹으면 더 맛있습니다. <br> 팥소가 조금 더 많았으면 좋겠다는 아쉬움은 있지만, <br> 군더더기 없이 깔끔한 단팥 맛을 찾는 분이라면 후회 없는 선택이에요. <br> 겨울 간식으로 딱입니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">삼립호빵 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">날씨가 추워지면서 따뜻한 간식이 떠올라 삼립호빵을<br>구매했어요. 어릴 때부터 익숙한 브랜드라 편안하게<br>전자레인지로 간편하게 데워 먹을 수 있어 좋아요.<br>포장이 깔끔하고 따뜻한 느낌을 주며, 팥의 단맛이<br>적당해 부담 없이 즐길 수 있었답니다. 전자레인지에<br>봉지째 조리 가능해서 간편하고, 촉촉한 반죽이<br>유지되어 만족스러웠어요. 겨울철 대표 간식으로<br>손색이 없고, 재구매 의향도 높습니다. 특히 추운 날<br>따뜻한 간식을 찾는 분들께 추천해요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #D03F3F 0%, #FA5252 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(250, 82, 82, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://link.coupang.com/a/c2diHS" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                최저가 확인하기
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 무료배송</span>
                <span class='trust--badge'>🚀 로켓배송</span>
              </div></div></div></div><p>게시물 <a href="https://fresh-pick.com/spc%ec%82%bc%eb%a6%bd-%eb%b0%9c%ed%9a%a8%eb%af%b8%ec%a2%85-%eb%8b%a8%ed%8c%a5-%ed%98%b8%eb%b9%b5/">SPC삼립 발효미종 단팥 호빵: 부드럽고 달콤한 겨울철 필수 간식</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1734</post-id>	</item>
		<item>
		<title>몽슈슈 도지마롤: 프리미엄 디저트의 정수</title>
		<link>https://fresh-pick.com/%eb%aa%bd%ec%8a%88%ec%8a%88-%eb%8f%84%ec%a7%80%eb%a7%88%eb%a1%a4-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 07:30:37 +0000</pubDate>
				<category><![CDATA[롤케이크/케이크]]></category>
		<category><![CDATA[베이커리]]></category>
		<category><![CDATA[케익]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1560</guid>

					<description><![CDATA[<p>프리미엄 디저트, 몽슈슈 도지마롤로 달콤한 일상을 완성하세요! 몽슈슈 도지마롤은 프리미엄 디저트의 정수로, 신선한 우유와 독특한 &#8216;몽슈슈 샹티&#8217; 크림으로 완성된 특별한 맛을 선사합니다. 매일 새벽 4시 30분에 신선한 우유로 제조되어, 대량 생산 대신 주문량에 맞춘 소량 생산으로 신선함을 유지합니다. 이로 인해 매일매일의 일상 속에서 작은 사치를 즐기고 싶은 분들에게 최상의 선택이 될 것입니다. 몽슈슈 샹티 크림은 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%eb%aa%bd%ec%8a%88%ec%8a%88-%eb%8f%84%ec%a7%80%eb%a7%88%eb%a1%a4-%eb%a6%ac%eb%b7%b0/">몽슈슈 도지마롤: 프리미엄 디저트의 정수</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">프리미엄 디저트, 몽슈슈 도지마롤로 달콤한 일상을 완성하세요!</h2>
    <p>몽슈슈 도지마롤은 프리미엄 디저트의 정수로, 신선한 우유와 독특한 &#8216;몽슈슈 샹티&#8217; 크림으로 완성된 특별한 맛을 선사합니다. 매일 새벽 4시 30분에 신선한 우유로 제조되어, 대량 생산 대신 주문량에 맞춘 소량 생산으로 신선함을 유지합니다. 이로 인해 매일매일의 일상 속에서 작은 사치를 즐기고 싶은 분들에게 최상의 선택이 될 것입니다.</p>
    <p>몽슈슈 샹티 크림은 &#8216;크림을 싫어하는 사람도 좋아하는 맛&#8217;을 목표로 개발되었으며, 유업 전문가와의 협력을 통해 오더메이드 크림으로 제작되었습니다. 철저한 온도 관리와 품질 검사를 거쳐 최상의 맛을 보장하며, 부드러운 크림과 섬세한 롤케이크 시트의 완벽한 조화가 일품입니다.</p>
</div>
 
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #FA5252;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #E64747;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #FA5252;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_제품_이미지.webp" alt="몽슈슈 도지마롤 홀, 350g, 1개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cPwNzw" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">몽슈슈 도지마롤 홀, 350g, 1개</h2><div class="rating-reviews is-loading"><span class="rating">4.5</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div><div class="review-stats">리뷰 1,201개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">27,000원</div><div class="price-date">2025-09-08 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">몽슈슈 샹티 크림의 독특한 맛</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">신선한 우유로 매일 새벽 생산</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">소량 생산으로 최상의 맛 유지</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">유럽 디저트 문화에서 영감 받은 브랜드</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">일상 속 작은 사치로 완벽한 선택</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cPwNzw" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #FA5252;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCF0F0;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-4">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-4">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>독특한 &#8216;몽슈슈 샹티&#8217; 크림으로 완성된 프리미엄 디저트</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>신선한 우유로 매일 새벽 4시 30분에 제조</li><li>대량 생산 대신 주문량에 맞춘 소량 생산</li><li>2013년 한국 진출, 가로수길 및 백화점 매장 운영</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>세부사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>몽슈슈 샹티 크림: &#8216;크림을 싫어하는 사람도 좋아하는 맛&#8217;을 목표로 개발</li><li>유업 전문가와의 협력으로 오더메이드 크림 제작</li><li>철저한 온도 관리와 품질 검사로 최상의 맛 보장</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>제조 과정의 특별함</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>파티시에들이 직접 주문한 만큼만 제작하여 신선도 유지</li><li>부드러운 크림과 섬세한 롤케이크 시트의 완벽한 조화</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>브랜드 스토리</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>김미화 대표가 유럽 디저트 문화에서 영감을 받아 오사카 도지마에서 시작</li><li>도지마롤 외에도 다양한 케이크, 푸딩, 슈 등 판매</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>섭취 팁</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>냉장 온도에서 천천히 해동하여 섭취 권장</li><li>제철 베리류와 함께 곁들이면 더욱 풍부한 맛 경험 가능</li><li>따뜻한 아메리카노, 라떼, 홍차와 잘 어울림</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>제품 정보</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>총 내용량: 350g (1,260kcal)</li><li>주요 원재료: 난황액, 난백액, 가공유크림, 설탕, 밀가루, 버터 등</li><li>알레르기 정보: 계란, 우유, 대두, 밀 함유</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-4" onclick="toggleContent('product-info-4')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>
        
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-695aae043c0d8" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=wkO3tCAOT1U" data-video-id="wkO3tCAOT1U" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/몽슈슈%20도지마롤%20홀/몽슈슈%20도지마롤%20홀_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-695aae043c0d8");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-695aae043c0d8-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae043c0d8-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-695aae043c0d8-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #FA5252;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div>
                    <div class="rating-number">4.5</div>
                </div>
                <div class="review-badge" style="background-color:#FA5252;">
                    <div class="badge-emoji">🔥</div>
                    <div class="badge-text">HOT</div>
                    <div class="badge-subtext">1,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:77%;"></div>
                    </div>
                    <div class="percentage">77%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:12%;"></div>
                    </div>
                    <div class="percentage">12%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:6%;"></div>
                    </div>
                    <div class="percentage">6%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:2%;"></div>
                    </div>
                    <div class="percentage">2%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:3%;"></div>
                    </div>
                    <div class="percentage">3%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>부드럽고 쫀득한 시트와 신선한 생크림의 조화로 입에서 녹는 식감</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>적당한 단맛으로 부담 없이 즐길 수 있는 디저트</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>냉동 배송으로 모양 유지 및 신선도 보장</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>다양한 음료와 잘 어울려 홈카페나 손님맞이용으로 적합</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>재구매 의사가 높은 인기 상품</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>가격 대비 양이 적어 비싼 느낌</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>100% 동물성 생크림이 아니어서 한 번에 많이 먹으면 속이 불편할 수 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>냉동 제품이라 냉장 제품보다 미세한 맛 차이</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>맛 만족도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">맛있어요</span>
                                        <span class="stat-value">56%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 56%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">26%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 26%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">18%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 18%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>신선도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 신선해요</span>
                                        <span class="stat-value">53%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 53%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">39%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 39%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">8%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 8%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>당도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 달콤해요</span>
                                        <span class="stat-value">26%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 26%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">64%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 64%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">달지 않아요</span>
                                        <span class="stat-value">10%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 10%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>풍미</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">깊은 풍미가 있어요</span>
                                        <span class="stat-value">46%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 46%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통의 풍미예요</span>
                                        <span class="stat-value">34%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 34%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">풍미가 약해요</span>
                                        <span class="stat-value">20%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 20%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>양</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">양이 많아요</span>
                                        <span class="stat-value">7%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 7%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">양이 적당해요</span>
                                        <span class="stat-value">60%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 60%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">양이 부족해요</span>
                                        <span class="stat-value">33%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 33%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">몽슈슈 도지마롤 솔직 리뷰</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">처음 몽슈슈 도지마롤을 먹었을 때는 특별할 것 없고<br> 가격이 비싸다고 생각했어요. 한 번으로 끝일 줄 알았죠.<br> 하지만 가게에서 다른 케이크를 먹고 나니 비교가 되더군요.<br> 도지마롤만큼 만족스러운 건 아직 없어요. 하프사이즈로<br> 나눠 먹기 좋고, 냉동이지만 모양 흐트러짐이 적어서<br> 종종 주문합니다. 시트가 단단하면서도 부드럽고,<br> 크림은 느끼하지 않아서 좋아요. 가격은 착하지 않지만<br> 에스프레소와 함께 먹기에 딱이죠. 과일을 곁들여<br> 드시면 더 맛있고 신선해요. 아쉬운 점은 100% 동물성<br> 생크림이 아니라 한 번에 다 먹으면 속이 불편할 수 있어요.<br> 냉동이지만 집앞으로 배송되니 만족스럽습니다.<br> 가격은 조금 비싸지만 브랜드 값이겠죠? 재구매 의사<br> 있고, 포장이 깔끔해서 홈카페용으로 좋아요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">몽슈슈 도지마롤 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">딸기생크림 케이크 좋아하세요 제가 작년에<br>맛집 찾아다니며 실패도 많이 했어요 도지마롤과<br>딸기의 조합이 최고더라고요 시트는 밀도 높고<br>부드러우며 크림은 동물성 생크림으로 느끼하지<br>않고 딸기는 싱싱하고 새콤달콤한 게 제 취향이에요<br>여러 곳에서 조각으로 먹어봤지만 마음에 드는<br>곳이 없었어요 그래서 이제는 도지마롤과 딸기를 먹어요 만족스럽답니다<br> 도지마롤은 아메리카노<br>또는 오렌지 주스와 함께 드세요 우유랑은 비추에요<br>쿠팡에서 냉동으로 주문했는데 맛 괜찮아요 앞으로<br>자주 이용할 예정이에요 선물하기에도 좋아요 크림<br>듬뿍이라 아주 만족스러워요</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">몽슈슈 도지마롤 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">산후조리 중인 와이프 간식으로 유명한<br>몽슈슈 도지마롤을 구매해봤어요<br>우유나 아이스아메리카노와 함께 먹기 좋은<br>디저트입니다<br>겉은 촉촉하고 쫄깃하며<br>생크림은 달지 않고 부드러워요<br>스타벅스 생크림 카스테라와 비슷하지만<br>더 부드럽고 생크림이 입안에서 녹아내려요<br>5명이 먹기 충분한 양이라 만족스럽고<br>부드러운 생크림이 생각날 때<br>또 주문할 예정입니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">몽슈슈 도지마롤 리뷰</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">도심 속 휴식을 선물하는 몽슈슈의<br>도지마롤을 구매했어요. 몽슈슈 샹티를<br>공수해 현지의 맛을 느낄 수 있었고,<br>부드럽고 촉촉하게 녹아드는 식감이<br>정말 좋았어요. 신선한 원유로 만든<br>특제 생크림이 듬뿍 들어있어 더욱<br>맛있었어요. 다른 제품보다 조금 비싸긴<br>하지만 풍부한 크림과 빵의 부드러움이<br>정말 만족스러웠습니다. 양이 작아 두 번<br>먹으니 다 먹었네요 ^^</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #D03F3F 0%, #FA5252 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(250, 82, 82, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://link.coupang.com/a/cPwNzw" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                최저가 확인하기
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 무료배송</span>
                <span class='trust--badge'>🚀 로켓배송</span>
              </div></div></div></div><p>게시물 <a href="https://fresh-pick.com/%eb%aa%bd%ec%8a%88%ec%8a%88-%eb%8f%84%ec%a7%80%eb%a7%88%eb%a1%a4-%eb%a6%ac%eb%b7%b0/">몽슈슈 도지마롤: 프리미엄 디저트의 정수</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1560</post-id>	</item>
		<item>
		<title>부드럽고 풍부한 맛의 후앙 생크림 롤케이크로 특별한 티타임을!</title>
		<link>https://fresh-pick.com/%ed%9b%84%ec%95%99-%ec%83%9d%ed%81%ac%eb%a6%bc-%eb%a1%a4%ec%bc%80%ec%9d%b4%ed%81%ac/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 07:17:58 +0000</pubDate>
				<category><![CDATA[롤케이크/케이크]]></category>
		<category><![CDATA[베이커리]]></category>
		<category><![CDATA[케익]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1557</guid>

					<description><![CDATA[<p>절대 놓칠 수 없는 맛의 비밀, 후앙 생크림 롤케이크로 특별한 티타임을! 후앙 생크림 롤케이크는 부드러운 유크림과 화이트 초콜릿의 완벽한 조화로 입안 가득 퍼지는 풍미를 선사합니다. 이 제품은 단순한 디저트를 넘어, 소중한 순간에 특별함을 더해줄 완벽한 선택입니다. 포슬포슬하면서도 촉촉한 식감은 다른 디저트와 차별화된 매력을 제공하며, 커피나 우유와 함께 즐기면 그 부드러움이 극대화됩니다. 또한, 다양한 생과일을 곁들여 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ed%9b%84%ec%95%99-%ec%83%9d%ed%81%ac%eb%a6%bc-%eb%a1%a4%ec%bc%80%ec%9d%b4%ed%81%ac/">부드럽고 풍부한 맛의 후앙 생크림 롤케이크로 특별한 티타임을!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">
        절대 놓칠 수 없는 맛의 비밀, 후앙 생크림 롤케이크로 특별한 티타임을!
    </h2>
    <p>
        후앙 생크림 롤케이크는 부드러운 유크림과 화이트 초콜릿의 완벽한 조화로 입안 가득 퍼지는 풍미를 선사합니다. 이 제품은 단순한 디저트를 넘어, 소중한 순간에 특별함을 더해줄 완벽한 선택입니다.
    </p>
    <p>
        포슬포슬하면서도 촉촉한 식감은 다른 디저트와 차별화된 매력을 제공하며, 커피나 우유와 함께 즐기면 그 부드러움이 극대화됩니다. 또한, 다양한 생과일을 곁들여 더욱 풍성한 맛을 경험할 수 있습니다.
    </p>
    <p>
        후앙의 롤케이크는 26.36%의 유크림 함유로 풍부한 맛을 자랑하며, 좋은 재료 선별에 타협하지 않는 철학이 담겨 있습니다. 이 제품은 어린이부터 어른까지 모두가 즐길 수 있는 맛있는 디저트를 제공합니다.
    </p>
</div>

        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #FA5252;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #E64747;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #FA5252;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_제품_이미지.webp" alt="후앙 생크림 롤케익, 540g, 1개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cPwKXr" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">후앙 생크림 롤케익, 540g, 1개</h2><div class="rating-reviews is-loading"><span class="rating">4.5</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div><div class="review-stats">리뷰 4,447개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount"></span></div><div class="special-price">22,000원</div><div class="price-date">2025-09-08 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">부드럽고 풍부한 유크림 풍미</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">화이트 초콜릿으로 더해진 달콤함</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">포슬포슬하면서도 촉촉한 식감</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">커피와 완벽한 티타임 파트너</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">고급스러운 디저트 경험 제공</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cPwKXr" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #FA5252;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCF0F0;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-4">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-4">
                <div class="product-section3">
                    <h3>포슬포슬한 식감과 풍미의 완벽한 조화</h3>
                    <ul><li>유크림의 부드러운 풍미가 입안 가득 퍼집니다.</li><li>화이트 초콜릿을 더해 달콤한 맛을 한층 높였습니다.</li><li>포슬포슬하면서도 촉촉한 독특한 식감을 자랑합니다.</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>즐기는 방법</h3>
                    <ul><li>적당한 두께로 잘라 커피와 함께 티타임을 즐기기 좋습니다.</li><li>우유나 커피를 곁들이면 더욱 촉촉하고 부드럽게 먹을 수 있습니다.</li><li>다양한 생과일을 올려 먹으면 맛이 한층 풍성해집니다.</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>제품 정보</h3>
                    <ul><li>유크림 26.36% 함유</li><li>냉장 보관 (0~10°C 이하)</li><li>총 중량: 540g (1,939kcal)</li><li>크기: 지름 16cm, 높이 7.5cm</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>브랜드 소개: 후앙</h3>
                    <ul><li>어린이부터 어른까지 모두가 즐길 수 있는 맛있는 디저트 제공</li><li>좋은 재료 선별에 타협하지 않는 철학</li><li>쫄깃하고 고소한 빵부터 다양한 디저트까지 폭넓은 제품군</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>영양 정보 (100g 기준)</h3>
                    <ul><li>열량: 359kcal</li><li>나트륨: 82mg (4%)</li><li>탄수화물: 32g (10%)</li><li>당류: 20g (20%)</li><li>지방: 23g (43%)</li><li>콜레스테롤: 122mg (41%)</li><li>단백질: 6g (11%)</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-4" onclick="toggleContent('product-info-4')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/후앙%20생크림%20롤케익/후앙%20생크림%20롤케익_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>
        
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #FA5252;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div>
                    <div class="rating-number">4.5</div>
                </div>
                <div class="review-badge" style="background-color:#FA5252;">
                    <div class="badge-emoji">💎</div>
                    <div class="badge-text">PREMIUM</div>
                    <div class="badge-subtext">2,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:75%;"></div>
                    </div>
                    <div class="percentage">75%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:15%;"></div>
                    </div>
                    <div class="percentage">15%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:6%;"></div>
                    </div>
                    <div class="percentage">6%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:2%;"></div>
                    </div>
                    <div class="percentage">2%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:2%;"></div>
                    </div>
                    <div class="percentage">2%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>고급스러운 포장으로 선물용으로 적합</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>부드럽고 촉촉한 시트와 생크림의 조화</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>달지 않고 깔끔한 맛으로 남녀노소 호불호가 적음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>냉장 보관 후에도 부드러운 질감 유지</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>아이들과 함께 즐기기 좋은 간식</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>시트가 부드러워 자를 때 모양이 흐트러질 수 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>칼로리가 높아 주의 필요</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>개인적으로 바닐라 향이 더 진했으면 좋겠음</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>신선도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 신선해요</span>
                                        <span class="stat-value">56%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 56%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">37%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 37%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">7%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 7%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>맛 만족도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">맛있어요</span>
                                        <span class="stat-value">66%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 66%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">24%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 24%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">10%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 10%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">후앙 롤케이크 리뷰</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">롤케이크는 자주 먹는 편이 아니었는데,<br> 포장이 고급스러워서 첫인상부터 좋았어요. <br>빵을 꺼낼 때도 편리했고요. 우유와 함께 먹어보니, <br>부드러운 생크림이 마치 우유를 먹는 듯한 느낌이었어요.<br> 아이들이 먹기 좋게 잘라도 모양이 무너지지 않고 유지되어서 좋았어요. <br>양이 많아서 다음날 먹었는데도 촉촉함이 그대로더군요.<br> 우유 없이도 충분히 맛있어서 놀랐어요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">후앙 생크림 롤케익 추천</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">아침으로 간단하게 먹을게 없나 찾아보다가 후앙 생크림 롤케익을 알게됐어요. <br>포장도 깔끔하게 상자에 담겨져서 왔고 큼지막한 롤케익과 칼이 함께 들어있었어요.<br> 보자마자 이건 부드러움이 가득이라 아이들이랑 같이 먹으려고 바로 뜯어봤어요.<br> 결론은 이건 무조건 사서 드셔보세요.<br> 다른 롤케익과는 차원이 다른 부드러움이에요. <br>아이들도 정말 맛있게 잘 먹더라구요.<br> 손님이 오실 때나 간단한 디저트로도 좋고 양도 꽤 많아서 셋이 먹고도 남았어요.<br> 남은 건 오후에 커피랑 같이 먹었답니다.<br> 먹어도 질리지 않는 후앙 생크림 롤케익 <br>가격도 착한데 맛은 훌륭해요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">후앙 생크림 롤케이크 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">롤케이크 종류를 좋아해 바로 선택했어요. <br>배송은 아이스팩과 함께 시원하게 도착했어요.<br> 크기가 생각보다 커서 선물용으로도 좋을 듯합니다.<br> 맛은 달콤하고 부드러우며 커피와 함께 먹기 좋았어요.<br> 과일을 올려 먹으면 상큼함이 더해져 추천합니다.<br> 케이크용 칼도 동봉되어 있어 편리하게 사용했어요. <br>맛있어서 만족도는 ★★★★★입니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">롤케익 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">온라인에서 빵을 처음 구매했는데 생각보다 신선해서 놀랐어요. <br>카스테라 상태나 롤 안의 크림이 부드러워서 단걸 좋아하는 남편은 좀 더 달았으면 했지만 저는 딱 좋았어요.<br> 그래서 롤 한 개를 바로 다 먹어버렸네요.<br> 너무 맛있어서 한 번에 다 먹게 되니 조심하세요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #D03F3F 0%, #FA5252 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(250, 82, 82, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://link.coupang.com/a/cPwKXr" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                최저가 확인하기
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 무료배송</span>
                <span class='trust--badge'>🚀 로켓배송</span>
              </div></div></div></div><p>게시물 <a href="https://fresh-pick.com/%ed%9b%84%ec%95%99-%ec%83%9d%ed%81%ac%eb%a6%bc-%eb%a1%a4%ec%bc%80%ec%9d%b4%ed%81%ac/">부드럽고 풍부한 맛의 후앙 생크림 롤케이크로 특별한 티타임을!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1557</post-id>	</item>
		<item>
		<title>밀크앤허니 소프트제리롤로 일상을 달콤하게</title>
		<link>https://fresh-pick.com/%eb%b0%80%ed%81%ac%ec%95%a4%ed%97%88%eb%8b%88-%ec%86%8c%ed%94%84%ed%8a%b8%ec%a0%9c%eb%a6%ac%eb%a1%a4-%eb%8b%ac%ec%bd%a4%ed%95%9c-%ed%96%89%eb%b3%b5/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Sat, 23 Aug 2025 04:44:07 +0000</pubDate>
				<category><![CDATA[롤케이크/케이크]]></category>
		<category><![CDATA[베이커리]]></category>
		<category><![CDATA[케익]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1500</guid>

					<description><![CDATA[<p>달콤한 행복, 밀크앤허니 소프트제리롤로 일상을 더욱 달콤하게! 매일의 일상 속에서 작은 행복을 찾고 계신가요? 밀크앤허니 소프트제리롤은 당신의 일상을 더욱 달콤하게 만들어 줄 최고의 선택입니다. 합리적인 가격으로 매스티지 베이커리의 정수를 즐길 수 있는 이 제품은 폭신한 롤케이크와 달콤한 딸기잼의 환상적인 조화로 이루어져 있습니다. 520g의 대용량으로 온 가족이 함께 즐길 수 있는 디저트이며, 신세계푸드의 디저트 브랜드 밀크앤허니의 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%eb%b0%80%ed%81%ac%ec%95%a4%ed%97%88%eb%8b%88-%ec%86%8c%ed%94%84%ed%8a%b8%ec%a0%9c%eb%a6%ac%eb%a1%a4-%eb%8b%ac%ec%bd%a4%ed%95%9c-%ed%96%89%eb%b3%b5/">밀크앤허니 소프트제리롤로 일상을 달콤하게</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333;">
    달콤한 행복, 밀크앤허니 소프트제리롤로 일상을 더욱 달콤하게!
  </h2>
  <p>
    매일의 일상 속에서 작은 행복을 찾고 계신가요? 밀크앤허니 소프트제리롤은 
    당신의 일상을 더욱 달콤하게 만들어 줄 최고의 선택입니다.
  </p>
  <p>
    합리적인 가격으로 매스티지 베이커리의 정수를 즐길 수 있는 이 제품은 
    폭신한 롤케이크와 달콤한 딸기잼의 환상적인 조화로 이루어져 있습니다.
  </p>
  <p>
    520g의 대용량으로 온 가족이 함께 즐길 수 있는 디저트이며, 신세계푸드의 
    디저트 브랜드 밀크앤허니의 품질 보증을 받았습니다.
  </p>
</div>
   
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #FA5252;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #E64747;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #FA5252;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_제품_이미지.webp" alt="밀크앤허니 소프트제리롤, 520g, 1개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cMeqaJ" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">밀크앤허니 소프트제리롤, 520g, 1개</h2><div class="rating-reviews is-loading"><span class="rating">4.5</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div><div class="review-stats">리뷰 6,182개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">12,270원</span><span class="discount">10%</span></div><div class="special-price">11,000원</div><div class="price-date">2025-08-23 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">폭신한 롤케이크와 달콤한 딸기잼의 풍부한 맛</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">부드러운 식감으로 입안 가득 달콤함</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">합리적인 가격의 매스티지 베이커리 제품</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">간식, 선물용으로 적합한 다용도 디저트</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">국산 딸기로 만든 믿을 수 있는 품질</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cMeqaJ" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(to right, #fff4f4, #fff4f4);
            display: flex;
            align-items: center;
            border: 1px solid #F0E2E2;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #F0E2E2;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #FA5252;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #FCF0F0;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-5">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-5">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>합리적인 가격으로 즐기는 매스티지 베이커리의 정수</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>폭신한 롤케이크와 달콤한 딸기잼의 환상적인 조화</li><li>520g 대용량으로 온 가족이 함께 즐길 수 있는 디저트</li><li>신세계푸드의 디저트 브랜드 밀크앤허니의 품질 보증</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>세부사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>딸기잼 12.75% 함유: 국산 딸기로 만들어 풍부한 맛과 향</li><li>100g당 315kcal: 부담 없는 칼로리로 간식으로 제격</li><li>부드러운 식감: 입안 가득 퍼지는 달콤함</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>맛과 활용</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>은은하고 담백한 맛으로 누구나 즐길 수 있는 디저트</li><li>간식, 아이들 간식, 선물용으로 적합</li><li>우유, 블루베리, 라즈베리 등과 함께 더욱 풍성한 맛</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>보관 및 섭취</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>실온 보관 가능으로 언제든지 간편하게</li><li>개봉 후 빠른 섭취 권장</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>원재료 및 영양</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>국산 딸기, 달걀, 밀가루, 설탕, 우유 등 사용</li><li>알레르기 유발 성분: 달걀, 우유, 대두, 밀</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>브랜드 스토리</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>밀크앤허니는 건강한 재료로 만든 믿을 수 있는 동네 베이커리 콘셉트의 브랜드입니다. 합리적인 가격으로 고품질의 제품을 제공하여 소비자 만족을 추구합니다.</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-5" onclick="toggleContent('product-info-5')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .prod-gallery {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(2, 160px);
            }
            .prod-gallery-item {
                width: 100%;
                max-width: none;
            }
        }

        @media (min-width: 480px) and (max-width: 767px) {
            .prod-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 140px;
            }
        }

        @media (max-width: 479px) {
            .prod-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 6px;
            }
            .prod-gallery-item {
                height: 120px;
            }
        }

        .lb-data .lb-caption {
            font-size: 14px;
            font-weight: normal;
        }
        .lb-nav a.lb-prev,
        .lb-nav a.lb-next {
            opacity: 0.8;
        }
    </style>
        
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-695aae043edd2" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/bGDbDBqEKok" data-video-id="bGDbDBqEKok" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/밀크앤허니%20소프트제리롤/밀크앤허니%20소프트제리롤_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-695aae043edd2");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-695aae043edd2-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae043edd2-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-695aae043edd2-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #FA5252;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div>
                    <div class="rating-number">4.5</div>
                </div>
                <div class="review-badge" style="background-color:#FA5252;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">5,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:69%;"></div>
                    </div>
                    <div class="percentage">69%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:18%;"></div>
                    </div>
                    <div class="percentage">18%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:8%;"></div>
                    </div>
                    <div class="percentage">8%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:3%;"></div>
                    </div>
                    <div class="percentage">3%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:2%;"></div>
                    </div>
                    <div class="percentage">2%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>딸기잼과 시트의 조화로 부드럽고 달콤한 맛</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>커피, 우유 등 다양한 음료와 잘 어울림</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>아이들부터 어른까지 모두가 좋아할 만한 간식</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>적당한 양으로 부담 없이 즐길 수 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>신세계푸드 브랜드로 신뢰할 수 있는 품질</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>끝 부분에 딸기잼이 적어 심심할 수 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>포장 비닐에 들러붙어 모양이 손상될 수 있음</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>신선도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 신선해요</span>
                                        <span class="stat-value">51%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 51%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">42%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 42%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">7%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 7%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>맛 만족도</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">맛있어요</span>
                                        <span class="stat-value">56%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 56%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">29%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 29%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">15%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 15%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">밀크앤 허니 소프트 제리롤 520g, 1개 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">선물용으로 롤 카스테라는 기본이죠 안에 딸기잼 시럽이<br>돌돌 말려 있어서 포크로 한입씩 먹으면 달콤한 맛이<br>입안을 가득 채워요 생크림이 들어간 것보단 덜 소프트하지만<br>옛날 카스테라 느낌이 나요 그냥 먹으면 퍽퍽할 수 있지만<br>잼과 함께라면 달콤함이 가득해요 생크림롤과 다른 매력으로<br>한입 한입 즐길 수 있는 카스테라입니다 따뜻한 아메리카노와<br>함께 드세요 포장은 꼼꼼하지만 롤케익 윗면이 비닐에<br>붙어 예쁜 그림이 떨어지는 건 아쉬워요 맛은 중간 이상,<br>가격도 만족스러워요 아이들과 어른 모두 좋아할 간식으로<br>추천합니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">롤케익 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">롤케익이 먹고 싶어서 구매했어요. 여기저기 빵집을 다녀봤지만<br> 딸기잼 롤케익은 찾기 힘들더라고요. 그래서 쿠팡에서 구매하게 되었어요.<br> 딸기잼이 돌돌 말려 있어 비주얼이 깔끔하고 예뻐요. 해동 후에는<br> 부드러운 시트와 상큼한 딸기잼의 조화가 괜찮아요. 간식으로<br> 잘라서 먹기 좋고, 디저트 대용으로도 만족스러워요. 아이들 간식이나<br> 커피, 우유와 곁들여 먹기에도 딱이에요. 해동 후 촉촉함이 살아나<br> 맛도 좋아져요. 아침 출근 전 자연 해동해놓으면 간식 타이밍에<br> 맞게 즐길 수 있어요. 식감이 촉촉하고 부드러워 커피, 우유와<br> 곁들이기 좋은 간식템이에요. 양도 적당해서 부담 없이 먹기 좋아요.<br> 처음 받았을 땐 다소 퍽퍽한 느낌이 있었고, 끝 부분은 딸기잼이<br> 거의 안 들어 있어서 아쉬웠어요. 하지만 해동 후 먹어보니<br> 진가를 알게 된 제품이에요. 잼 분포가 균일했으면 더 좋았겠지만,<br> 해동해서 먹을 간식 찾는 분들께 추천드릴 수 있는 제품입니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">밀크앤허니 소프트제리롤 솔직 리뷰</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">갑자기 롤케익이 먹고 싶어서 프레시로<br>주문했어요. 다양한 브랜드가 있었지만 처음<br>먹어보는 밀크앤허니 소프트제리롤을 선택했죠.<br>520g, 1개를 구매한 이유는 긍정적인 구매평과<br>딸기잼이 들어있어서였어요. 신세계푸드 브랜드라<br>믿고 먹을 수 있었고, 부드럽고 달콤해 보였어요.<br>우유나 차와 함께 먹으면 촉촉함이 더해져<br>맛있고, 한입 먹으면 딸기잼이 달콤해요.<br>재료 대부분이 국내산이라 안심하고 먹을 수<br>있었고, 맛과 가성비 모두 만족스러웠어요.<br>남녀노소 모두 좋아할 간식으로 적극 추천합니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #D03F3F 0%, #FA5252 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(250, 82, 82, 0.2);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://link.coupang.com/a/cMeqaJ" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                최저가 확인하기
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 무료배송</span>
                <span class='trust--badge'>🚀 로켓배송</span>
              </div></div></div></div><p>게시물 <a href="https://fresh-pick.com/%eb%b0%80%ed%81%ac%ec%95%a4%ed%97%88%eb%8b%88-%ec%86%8c%ed%94%84%ed%8a%b8%ec%a0%9c%eb%a6%ac%eb%a1%a4-%eb%8b%ac%ec%bd%a4%ed%95%9c-%ed%96%89%eb%b3%b5/">밀크앤허니 소프트제리롤로 일상을 달콤하게</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1500</post-id>	</item>
	</channel>
</rss>
