<?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/%EC%9A%B0%EC%9C%A0-%EC%9C%A0%EC%A0%9C%ED%92%88/feed/" rel="self" type="application/rss+xml" />
	<link>https://fresh-pick.com/category/우유-유제품/</link>
	<description></description>
	<lastBuildDate>Mon, 17 Nov 2025 06:13:47 +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>그리스 전통의 맛과 건강함을 담은 그릭데이 그릭요거트 라이트</title>
		<link>https://fresh-pick.com/%ea%b7%b8%eb%a6%ad%eb%8d%b0%ec%9d%b4-%ea%b7%b8%eb%a6%ad%ec%9a%94%ea%b1%b0%ed%8a%b8-%eb%9d%bc%ec%9d%b4%ed%8a%b8/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Mon, 17 Nov 2025 06:13:46 +0000</pubDate>
				<category><![CDATA[요거트/유산균]]></category>
		<category><![CDATA[우유/유제품]]></category>
		<category><![CDATA[요거트]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1761</guid>

					<description><![CDATA[<p>그리스 전통의 맛과 건강함을 동시에! 그릭데이 그릭요거트 라이트로 시작하는 건강한 하루 그릭데이 그릭요거트 라이트는 그리스 전통 제조법으로 만들어진 프리미엄 요거트로, 신선한 국내산 원유와 유산균만을 사용하여 건강한 맛을 제공합니다. 수분을 오랜 시간 제거하여 농축된 그리스 전통 방식 덕분에 꾸덕하면서도 촉촉한 질감을 자랑하며, 당 함량이 낮아 부담 없이 즐길 수 있는 깔끔한 풍미를 선사합니다. 위생적인 HACCP 인증 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ea%b7%b8%eb%a6%ad%eb%8d%b0%ec%9d%b4-%ea%b7%b8%eb%a6%ad%ec%9a%94%ea%b1%b0%ed%8a%b8-%eb%9d%bc%ec%9d%b4%ed%8a%b8/">그리스 전통의 맛과 건강함을 담은 그릭데이 그릭요거트 라이트</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>위생적인 HACCP 인증 시설에서 제조되어 안심하고 섭취할 수 있으며, 간편하게 즐길 수 있도록 스푼이 동봉되어 있습니다.</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="그릭데이 그릭요거트 라이트, 100g, 6개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/c49Sks" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">그릭데이 그릭요거트 라이트, 100g, 6개</h2><div class="rating-reviews is-loading"><span class="rating">4.8</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: 80.000000%">★</span></div></div><div class="review-stats">리뷰 21,243개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">18,240원</span><span class="discount">29%</span></div><div class="special-price">12,780원</div><div class="price-date">2025-11-17 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">위생적인 HACCP 인증 시설 제조</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/c49Sks" 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>신선한 국내산 원유와 유산균만을 사용</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>위생적인 HACCP 인증 시설에서 제조</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>구성: 그릭요거트 라이트 100g + 스푼</li><li>영양 정보 (100g당): 열량 100kcal, 나트륨 30.5mg (2%), 탄수화물 2.7g (1%), 당류 2.46g (2%), 지방 6g</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라이트_이미지_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-695aae23b61c5" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/fWm1UDduFVc" data-video-id="fWm1UDduFVc" 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/RA-A9mg3c98" data-video-id="RA-A9mg3c98" 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 class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=wmmdcwPInbU" data-video-id="wmmdcwPInbU" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/그릭데이%20그릭요거트%20라이트/그릭데이%20그릭요거트%20라이트_유튜브_썸네일_3.webp" alt="YouTube video 3" 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-695aae23b61c5");
        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-695aae23b61c5-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae23b61c5-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-695aae23b61c5-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: 80.000000%">★</span></div></div>
                    <div class="rating-number">4.8</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:86%;"></div>
                    </div>
                    <div class="percentage">86%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:9%;"></div>
                    </div>
                    <div class="percentage">9%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</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">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>100g 용량으로 한 끼 식사 대용으로는 부족할 수 있음</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">69%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 69%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">25%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 25%;
                                                     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">77%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 77%;
                                                     background-color: #FF5722;">
                                        </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: #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>단백질이 많아 포만감도 최고예요!<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>다이어트 중인 분들에게도 추천합니다.</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>칼로리도 낮고, HACCP 인증이라 안심하고 먹일 수 있어요.</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/c49Sks" 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/%ea%b7%b8%eb%a6%ad%eb%8d%b0%ec%9d%b4-%ea%b7%b8%eb%a6%ad%ec%9a%94%ea%b1%b0%ed%8a%b8-%eb%9d%bc%ec%9d%b4%ed%8a%b8/">그리스 전통의 맛과 건강함을 담은 그릭데이 그릭요거트 라이트</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1761</post-id>	</item>
		<item>
		<title>그릭데이 그릭요거트 시그니처 &#8211; 건강한 미식의 순간</title>
		<link>https://fresh-pick.com/%ea%b7%b8%eb%a6%ad%eb%8d%b0%ec%9d%b4-%ea%b7%b8%eb%a6%ad%ec%9a%94%ea%b1%b0%ed%8a%b8-%ec%8b%9c%ea%b7%b8%eb%8b%88%ec%b2%98-%ea%b1%b4%ea%b0%95%ed%95%9c-%eb%af%b8%ec%8b%9d%ec%9d%98-%ec%88%9c%ea%b0%84/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Mon, 17 Nov 2025 06:04:19 +0000</pubDate>
				<category><![CDATA[요거트/유산균]]></category>
		<category><![CDATA[우유/유제품]]></category>
		<category><![CDATA[요거트]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1758</guid>

					<description><![CDATA[<p>그릭데이 그릭요거트 시그니처로 건강한 미식의 순간을 경험하세요! 그리스 전통 방식으로 완성된 프리미엄 그릭요거트, 그릭데이 시그니처는 꾸덕꾸덕하고 단단한 질감으로 크림치즈 같은 풍부한 만족감을 제공합니다. 신선한 국내산 원유와 유산균만을 사용하여 깔끔하고 담백한 맛을 자랑하며, 높은 단백질 함량으로 든든한 포만감을 제공합니다. 전통 방식의 유청 제거로 밀도를 극대화한 그릭데이 그릭요거트 시그니처는 언제 어디서나 간편하게 즐길 수 있도록 스푼이 동봉되어 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ea%b7%b8%eb%a6%ad%eb%8d%b0%ec%9d%b4-%ea%b7%b8%eb%a6%ad%ec%9a%94%ea%b1%b0%ed%8a%b8-%ec%8b%9c%ea%b7%b8%eb%8b%88%ec%b2%98-%ea%b1%b4%ea%b0%95%ed%95%9c-%eb%af%b8%ec%8b%9d%ec%9d%98-%ec%88%9c%ea%b0%84/">그릭데이 그릭요거트 시그니처 &#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;">
        그릭데이 그릭요거트 시그니처로 건강한 미식의 순간을 경험하세요!
    </h2>
    <p>
        그리스 전통 방식으로 완성된 프리미엄 그릭요거트, 그릭데이 시그니처는 꾸덕꾸덕하고 단단한 질감으로 크림치즈 같은 풍부한 만족감을 제공합니다. 
        신선한 국내산 원유와 유산균만을 사용하여 깔끔하고 담백한 맛을 자랑하며, 높은 단백질 함량으로 든든한 포만감을 제공합니다.
    </p>
    <p>
        전통 방식의 유청 제거로 밀도를 극대화한 그릭데이 그릭요거트 시그니처는 언제 어디서나 간편하게 즐길 수 있도록 스푼이 동봉되어 있습니다. 
        HACCP 인증 시설에서 위생적으로 제조되어 안심하고 드실 수 있습니다.
    </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="그릭데이 그릭요거트 시그니처, 100g, 3개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/c49LYx" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">그릭데이 그릭요거트 시그니처, 100g, 3개</h2><div class="rating-reviews is-loading"><span class="rating">4.8</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: 80.000000%">★</span></div></div><div class="review-stats">리뷰 97,088개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">11,400원</span><span class="discount">20%</span></div><div class="special-price">9,120원</div><div class="price-date">2025-11-17 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">HACCP 인증 시설에서 제조된 위생적인 제품</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/c49LYx" 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>높은 단백질 함량으로 든든한 포만감 제공</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>세부사항</h3>
                    <ul><li>전통 방식의 유청 제거: 그리스 전통 방식으로 유청을 제거하여 밀도 극대화</li><li>깔끔한 원료: 유산균과 국내산 원유만으로 만들어져 깔끔함</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>그릭데이 그릭요거트 라이트: 꾸덕하면서 촉촉, 부드러움이 강조된 질감</li><li>그릭데이 그릭요거트 시그니처: 꾸덕꾸덕하면서 쫀쫀, 단단함이 강조된 질감</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>제품 정보</h3>
                    <ul><li>내용량: 100g (160kcal)</li><li>식품유형: 농후발효유</li><li>보관방법: 냉장보관 (0~10℃ 이하)</li><li>원재료: 원유 99.99% (국산), 복합유산균</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-695aae23b7807" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/BvfB_mGv-0o" data-video-id="BvfB_mGv-0o" 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/5_mv3IuT6So" data-video-id="5_mv3IuT6So" 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 class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=wmmdcwPInbU" data-video-id="wmmdcwPInbU" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/그릭데이%20그릭요거트%20시그니처/그릭데이%20그릭요거트%20시그니처_유튜브_썸네일_3.webp" alt="YouTube video 3" 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-695aae23b7807");
        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-695aae23b7807-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae23b7807-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-695aae23b7807-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: 80.000000%">★</span></div></div>
                    <div class="rating-number">4.8</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:89%;"></div>
                    </div>
                    <div class="percentage">89%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:7%;"></div>
                    </div>
                    <div class="percentage">7%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</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">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><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">73%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 73%;
                                                     background-color: #2196F3;">
                                        </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: #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">82%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 82%;
                                                     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 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>다만, 질감이 무겁고 가격이 다른 요거트보다 비쌉니다.<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>질감과 풍미를 좋아하는 분들에겐 추천합니다.</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>450g 용량이라 부담 없이 즐길 수 있었습니다. 입에 넣으면 고소함이 느껴지고,<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>가격 할인하면 다시 구매할 의사 있어요!</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/c49LYx" 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/%ea%b7%b8%eb%a6%ad%eb%8d%b0%ec%9d%b4-%ea%b7%b8%eb%a6%ad%ec%9a%94%ea%b1%b0%ed%8a%b8-%ec%8b%9c%ea%b7%b8%eb%8b%88%ec%b2%98-%ea%b1%b4%ea%b0%95%ed%95%9c-%eb%af%b8%ec%8b%9d%ec%9d%98-%ec%88%9c%ea%b0%84/">그릭데이 그릭요거트 시그니처 &#8211; 건강한 미식의 순간</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1758</post-id>	</item>
		<item>
		<title>장 건강을 위한 필수템, 신앙촌 런 요구르트 리뷰</title>
		<link>https://fresh-pick.com/%ed%94%84%eb%a1%9c%eb%b0%94%ec%9d%b4%ec%98%a4%ed%8b%b1%ec%8a%a4-%ec%9a%94%ea%b5%ac%eb%a5%b4%ed%8a%b8-%ec%8b%a0%ec%95%99%ec%b4%8c-%eb%9f%b0-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Thu, 23 Oct 2025 07:52:39 +0000</pubDate>
				<category><![CDATA[요거트/유산균]]></category>
		<category><![CDATA[우유/유제품]]></category>
		<category><![CDATA[요구르트]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1683</guid>

					<description><![CDATA[<p>장 건강 필수템, 프로바이오틱스 신앙촌 런 요구르트로 건강한 하루 시작하세요! 현대인의 필수 건강 파트너, 신앙촌 런 요구르트는 프로바이오틱스의 강력한 힘으로 장 건강을 책임집니다. 하루 한 병으로 간편하게 장 건강을 관리할 수 있으며, 16병 세트로 2주간의 건강한 습관을 제공합니다. HACCP 인증과 어린이 기호식품 품질인증을 받은 안전한 제품으로, 무지방 0%의 깔끔한 영양소 구성을 자랑합니다. 프로바이오틱스 1000억 CFU [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ed%94%84%eb%a1%9c%eb%b0%94%ec%9d%b4%ec%98%a4%ed%8b%b1%ec%8a%a4-%ec%9a%94%ea%b5%ac%eb%a5%b4%ed%8a%b8-%ec%8b%a0%ec%95%99%ec%b4%8c-%eb%9f%b0-%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>
        현대인의 필수 건강 파트너, 신앙촌 런 요구르트는 프로바이오틱스의 강력한 힘으로 장 건강을 책임집니다. 
        하루 한 병으로 간편하게 장 건강을 관리할 수 있으며, 16병 세트로 2주간의 건강한 습관을 제공합니다.
    </p>
    <p>
        HACCP 인증과 어린이 기호식품 품질인증을 받은 안전한 제품으로, 무지방 0%의 깔끔한 영양소 구성을 자랑합니다. 
        프로바이오틱스 1000억 CFU 이상의 유산균이 함유되어 유해균 억제와 유산균 증식에 도움을 줍니다.
    </p>
    <p>
        칼로리가 54kcal로 가벼워 부담 없이 섭취할 수 있으며, 부드러운 질감과 담백한 맛으로 누구나 즐길 수 있습니다. 
        고품질 원재료를 사용하여 건강을 고려한 깔끔한 맛을 제공합니다.
    </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/cYzOYG" 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.8</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: 80.000000%">★</span></div></div><div class="review-stats">리뷰 12,772개</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">43,450원</div><div class="price-date">2025-10-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">무지방 0%로 건강하게 즐기는 유산균</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">1000억 CFU 이상의 프로바이오틱스 함유로 장 건강 케어</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></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cYzOYG" 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>하루 한 병으로 간편한 장 건강 관리</li><li>16병 세트로 2주간의 건강한 습관 제공</li><li>HACCP 인증 및 어린이 기호식품 품질인증 획득</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>세부사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>무지방 0%: 건강을 고려한 깔끔한 영양소 구성</li><li>프로바이오틱스 1000억 CFU 이상: 유산균 증식 및 유해균 억제 도움</li><li>칼로리 54kcal/병: 가벼운 칼로리로 부담 없이 섭취 가능</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><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요구르트_이미지_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-695aae23b8cd3" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=NaMJ9vIF7QU" data-video-id="NaMJ9vIF7QU" 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 class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=FFDcUkdvtm0" data-video-id="FFDcUkdvtm0" data-is-short="false">
                    <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">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-695aae23b8cd3");
        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-695aae23b8cd3-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae23b8cd3-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-695aae23b8cd3-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: 80.000000%">★</span></div></div>
                    <div class="rating-number">4.8</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:89%;"></div>
                    </div>
                    <div class="percentage">89%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:7%;"></div>
                    </div>
                    <div class="percentage">7%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</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">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></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">67%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 67%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">31%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 31%;
                                                     background-color: #2196F3;">
                                        </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: #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">75%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 75%;
                                                     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">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     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> HACCP 인증까지 받은 제품이라 믿음이 가고, <br> 16개 묶음으로 구성돼 있어 가성비도 좋아요. <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>신앙촌 브랜드 특유의 깔끔하고 정직한 이미지가 잘 담겨 있어서, 한 병만 마셔도 신앙촌 제품이라는 느낌이 들어요.</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>특별한 단점은 없고, 매우 만족스러운 제품입니다.</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>10월 22일에 받아서 11월 1일이 유통기한이라니, 좀 더 넉넉했으면 좋겠어요. <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/cYzOYG" 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%94%84%eb%a1%9c%eb%b0%94%ec%9d%b4%ec%98%a4%ed%8b%b1%ec%8a%a4-%ec%9a%94%ea%b5%ac%eb%a5%b4%ed%8a%b8-%ec%8b%a0%ec%95%99%ec%b4%8c-%eb%9f%b0-%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">1683</post-id>	</item>
		<item>
		<title>서울우유 요구르트 오리지널 &#8211; 상큼한 맛과 건강을 동시에!</title>
		<link>https://fresh-pick.com/%ec%84%9c%ec%9a%b8%ec%9a%b0%ec%9c%a0-%ec%9a%94%ea%b5%ac%eb%a5%b4%ed%8a%b8-%ec%98%a4%eb%a6%ac%ec%a7%80%eb%84%90/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Thu, 23 Oct 2025 07:44:13 +0000</pubDate>
				<category><![CDATA[요거트/유산균]]></category>
		<category><![CDATA[우유/유제품]]></category>
		<category><![CDATA[요구르트]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1680</guid>

					<description><![CDATA[<p>서울우유 요구르트 오리지널: 상큼한 맛과 건강을 동시에! 서울우유 요구르트 오리지널은 대용량 1.7L로 온 가족이 함께 즐기기에 완벽한 선택입니다. 상큼한 맛과 함께 건강한 영양소가 가득하여, 하루를 활기차게 시작하고 싶다면 이 제품이 꼭 필요합니다. 100mL당 55kcal의 가벼운 칼로리와 지방, 콜레스테롤 0g으로 건강을 생각하는 소비자에게 안성맞춤입니다. 또한, 국산 탈지분유와 1억 CFU 이상의 유산균 함유로 장 건강을 지원하여, 맛과 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ec%84%9c%ec%9a%b8%ec%9a%b0%ec%9c%a0-%ec%9a%94%ea%b5%ac%eb%a5%b4%ed%8a%b8-%ec%98%a4%eb%a6%ac%ec%a7%80%eb%84%90/">서울우유 요구르트 오리지널 &#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;">서울우유 요구르트 오리지널: 상큼한 맛과 건강을 동시에!</h2>
    <p>서울우유 요구르트 오리지널은 대용량 1.7L로 온 가족이 함께 즐기기에 완벽한 선택입니다. 상큼한 맛과 함께 건강한 영양소가 가득하여, 하루를 활기차게 시작하고 싶다면 이 제품이 꼭 필요합니다.</p>
    <p>100mL당 55kcal의 가벼운 칼로리와 지방, 콜레스테롤 0g으로 건강을 생각하는 소비자에게 안성맞춤입니다. 또한, 국산 탈지분유와 1억 CFU 이상의 유산균 함유로 장 건강을 지원하여, 맛과 영양을 동시에 챙길 수 있습니다.</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요구르트_제품_이미지.webp" alt="서울우유 요구르트"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cYzMeX" 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.8</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: 80.000000%">★</span></div></div><div class="review-stats">리뷰 6,669개</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">4,060원</div><div class="price-date">2025-10-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">대용량 1.7L로 넉넉한 즐거움</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억 CFU 이상의 유산균 함유</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/cYzMeX" 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>1.7L 대용량으로 온 가족이 함께 즐기기 좋음</li><li>100mL당 55kcal로 가벼운 칼로리</li><li>지방 및 콜레스테롤 0g으로 건강한 선택</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>주요 성분과 영양 정보</h3>
                    <ul><li>국산 탈지분유 3.33% 사용, 건강한 맛 보장</li><li>유산균 1억 CFU 이상/mL 함유로 장 건강 지원</li><li>100mL 기준: 나트륨 20mg, 탄수화물 12g(당류 11g), 단백질 2g</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>다양한 활용 방법으로 더욱 맛있게</h3>
                    <ul><li>시원하게 그대로 마시기</li><li>스무디나 디저트 재료로 활용 가능</li><li>얼음과 함께 갈아 시원한 스무디 만들기</li><li>얼린 요구르트를 갈아 빙수로 즐기기</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>안전한 보관과 신선한 맛 유지</h3>
                    <ul><li>0~10°C에서 냉장 보관 필수</li><li>개봉 후 밀봉하여 세워서 보관, 소비기한 내 섭취 권장</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>서울우유협동조합의 신뢰와 전통</h3>
                    <ul><li>1937년 경성우유협동조합으로 시작, 다양한 유제품 개발</li><li>HACCP 인증으로 안전한 품질 보장</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>구매 팁</h3>
                    <ul><li>로켓프레시로 신선하게 배송</li><li>15,000원 이상 구매 시 무료 배송 혜택</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요구르트_이미지_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-695aae23ba1df" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/OjMe12OjEDw" data-video-id="OjMe12OjEDw" 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-695aae23ba1df");
        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-695aae23ba1df-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae23ba1df-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-695aae23ba1df-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: 80.000000%">★</span></div></div>
                    <div class="rating-number">4.8</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:87%;"></div>
                    </div>
                    <div class="percentage">87%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:9%;"></div>
                    </div>
                    <div class="percentage">9%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</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">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">83%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 83%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">17%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 17%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">0%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 0%;
                                                     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">89%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 89%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">9%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 9%;
                                                     background-color: #FF5722;">
                                        </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: #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>정말 맛있어요 여름에는 얼려서 아이스크림으로 먹기도 하고<br>음식할 때도 활용할 수 있어요 예를 들어 보쌈에 넣으면 고기 잡내를<br>잡아주고요 750ml인데도 금방 먹네요 신선하게 다음날 받아볼 수<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>1700ml 대용량이라 가족끼리 나눠 마시기에도 좋고<br>냉장고에 두면 든든한 느낌이에요<br>뚜껑을 열자마자 달콤하고 상큼한 향이 퍼지는데<br>너무 자극적이지 않고 은은해서 좋았어요<br>맛은 부드럽고 묵직하면서도 끝맛이 깔끔해요<br>너무 달지 않아서 물리지 않고<br>시큼한 맛도 적당히 있어서 아이부터 어른까지 다 좋아할 맛이에요<br>아침에 한 잔씩 따라 마시면 속이 편안하고<br>식후에 디저트처럼 마셔도 깔끔하게 마무리돼요<br>특히 냉장고에 차게 두었다가 마시면 청량감이 살아나서 더 맛있어요<br>간혹 얼음 조금 넣어 시원하게 마시면<br>여름엔 음료처럼 즐기기에도 좋더라고요<br>패키지가 손잡이 달린 통이라 따르기도 편하고<br>뚜껑이 단단해서 보관할 때도 안심돼요<br>한 번 개봉하면 2~3일 내에 마시는 게 제일 맛있었어요<br>유산균 함량이 높아서 그런지<br>마신 뒤 속이 편안하고 변비에도 도움이 되는 느낌이었어요<br>단점을 꼽자면, 아무래도 용량이 크다 보니<br>작은 냉장고에서는 자리 차지가 꽤 되고<br>개봉 후에는 금방 마셔야 해서<br>1~2인 가구보단 가족 단위에 더 잘 맞는 제품이에요<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> 인공적이거나 단맛이 강한 경우가 많아 부담스러웠거든요. 서울우유는 신뢰가 가고 750ml 용량이 적당해서<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">서울우유 요구르트 1700ml 대용량 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">저는 유제품을 꾸준히 챙겨 먹으며 장 건강을 관리합니다. 최근에 정착한 제품이 서울우유 요구르트 1700ml 대용량입니다. <br>온 국민이 아는 브랜드라 믿음이 갔고, 마셔보니 기대 이상이라 후기를 남깁니다. <br>어렸을 때 마시던 산뜻하고 달콤한 맛을 그대로 대용량으로 즐길 수 있어요. <br>아침에 한 잔 마시면 속이 편안해지고 입안이 개운해져 상쾌한 하루를 시작할 수 있습니다. <br>서울우유 요구르트는 믿을 수 있는 발효 기술로 만들어져 안심하고 섭취할 수 있습니다. <br>천만 마리 이상의 유산균이 함유되어 장 건강에 좋습니다. <br>꾸준히 마시면 장 활동이 활발해지는 것을 느낄 수 있었어요. <br>특히 지방과 콜레스테롤이 0%인 제품이라 다이어트 중인 분들에게도 좋습니다. <br>1.7L 용량은 활용도가 무궁무진해요. <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/cYzMeX" 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%84%9c%ec%9a%b8%ec%9a%b0%ec%9c%a0-%ec%9a%94%ea%b5%ac%eb%a5%b4%ed%8a%b8-%ec%98%a4%eb%a6%ac%ec%a7%80%eb%84%90/">서울우유 요구르트 오리지널 &#8211; 상큼한 맛과 건강을 동시에!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1680</post-id>	</item>
		<item>
		<title>삼육두유 검은콩 호두 아몬드 &#8211; 건강과 맛을 모두 잡은 두유</title>
		<link>https://fresh-pick.com/%ec%82%bc%ec%9c%a1%eb%91%90%ec%9c%a0-%ea%b2%80%ec%9d%80%ec%bd%a9-%ed%98%b8%eb%91%90-%ec%95%84%eb%aa%ac%eb%93%9c-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Wed, 20 Aug 2025 05:36:16 +0000</pubDate>
				<category><![CDATA[두유]]></category>
		<category><![CDATA[우유/유제품]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1487</guid>

					<description><![CDATA[<p>슈퍼푸드로 가득한 삼육두유 검은콩호두아몬드, 당신의 건강을 책임집니다! 삼육두유 검은콩호두아몬드는 검은콩과 고소한 견과류의 완벽한 조화를 통해 건강과 맛을 동시에 제공합니다. 이 제품은 하루 1팩으로 간편하게 영양을 섭취할 수 있으며, 1박스에 24팩이 들어 있어 넉넉한 양을 제공합니다. 또한, 2020년 &#8216;올해의 브랜드 대상&#8217;을 수상하며 국내에서 14년 연속, 중국에서 5년 연속으로 사랑받고 있는 제품입니다. 이는 소비자들에게 신뢰성과 품질을 보장하는 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ec%82%bc%ec%9c%a1%eb%91%90%ec%9c%a0-%ea%b2%80%ec%9d%80%ec%bd%a9-%ed%98%b8%eb%91%90-%ec%95%84%eb%aa%ac%eb%93%9c-%eb%a6%ac%eb%b7%b0/">삼육두유 검은콩 호두 아몬드 &#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;">슈퍼푸드로 가득한 삼육두유 검은콩호두아몬드, 당신의 건강을 책임집니다!</h2>
    <p>삼육두유 검은콩호두아몬드는 검은콩과 고소한 견과류의 완벽한 조화를 통해 건강과 맛을 동시에 제공합니다. 이 제품은 하루 1팩으로 간편하게 영양을 섭취할 수 있으며, 1박스에 24팩이 들어 있어 넉넉한 양을 제공합니다.</p>
    <p>또한, 2020년 &#8216;올해의 브랜드 대상&#8217;을 수상하며 국내에서 14년 연속, 중국에서 5년 연속으로 사랑받고 있는 제품입니다. 이는 소비자들에게 신뢰성과 품질을 보장하는 중요한 지표입니다.</p>
    <p>삼육두유 검은콩호두아몬드는 칼슘 140mg, 단백질 6g, 지방 7g, 탄수화물 17g으로 균형 잡힌 영양 성분을 제공합니다. 특히, 불포화지방산인 리놀레산과 리놀렌산을 함유하여 심혈관 건강을 지원합니다.</p>
    <p>이 프리미엄 두유는 최상의 원재료로 만들어졌으며, 원액두유 88%로 대두 고형분 7% 이상을 함유하고 있습니다. 호두페이스트, 아몬드페이스트, 검은콩 추출액으로 깊고 풍부한 맛을 자랑합니다. 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아몬드_제품_이미지.webp" alt="삼육두유 검은콩 호두와 아몬드, 190ml, 24개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cLEBwI" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">삼육두유 검은콩 호두와 아몬드, 190ml, 24개</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">리뷰 64,136개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">21,900원</span><span class="discount">39%</span></div><div class="special-price">13,300원</div><div class="price-date">2025-08-20 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">칼슘 140mg 함유로 뼈 건강 강화</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/cLEBwI" 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>하루 1팩으로 간편한 영양 섭취</li><li>1박스 24팩으로 넉넉한 양 제공</li><li>2020년 &#8216;올해의 브랜드 대상&#8217; 수상, 국내 14년 연속, 중국 5년 연속</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>세부사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>칼슘 140mg: 뼈 건강을 위한 필수 영양소</li><li>단백질 6g, 지방 7g, 탄수화물 17g: 균형 잡힌 영양 성분</li><li>불포화지방산: 리놀레산과 리놀렌산 함유로 심혈관 건강 지원</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>최상의 원재료로 만든 프리미엄 두유</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>원액두유 88%: 대두 고형분 7% 이상 함유</li><li>호두페이스트, 아몬드페이스트, 검은콩 추출액으로 깊은 맛</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>검은콩의 안토시아닌 성분으로 항산화 효과 기대</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><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-695aae23bb877" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/zfqwk87e_h4" data-video-id="zfqwk87e_h4" 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>
            <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-695aae23bb877");
        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-695aae23bb877-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae23bb877-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-695aae23bb877-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: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:3%;"></div>
                    </div>
                    <div class="percentage">3%</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>140ml 소용량은 휴대성과 섭취 편의성이 뛰어남</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>HACCP 인증으로 위생과 신뢰도 확보</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">74%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 74%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">25%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 25%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     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">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">3%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 3%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">고소한 편이에요</span>
                                        <span class="stat-value">58%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 58%;
                                                     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>아이들도 잘 먹어요. 2024년 소비자가<br>뽑은 브랜드 대상을 받았고, 칼슘 140mg이<br>포함되어 있어 뼈 건강에도 좋아요.<br>검은콩은 안토시아닌이 풍부해 세포 노화를<br>늦추고 면역력을 높여줍니다. 남녀노소<br>모두에게 좋은 영양 간식으로 추천해요.<br>유통기한도 2026년 1월 31일까지라<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>이제 셀 수 없을 만큼 n번째 구매했어요<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>쉬운데, 140ml로<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>190ml 소용량 팩으로 휴대성과 섭취 편의성이 뛰어나고 한 팩만으로도 꽤 든든해요<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/cLEBwI" 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%ec%9c%a1%eb%91%90%ec%9c%a0-%ea%b2%80%ec%9d%80%ec%bd%a9-%ed%98%b8%eb%91%90-%ec%95%84%eb%aa%ac%eb%93%9c-%eb%a6%ac%eb%b7%b0/">삼육두유 검은콩 호두 아몬드 &#8211; 건강과 맛을 모두 잡은 두유</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1487</post-id>	</item>
		<item>
		<title>건강한 식물성 음료의 기준, 베지밀 검은콩과 검은참깨 두유</title>
		<link>https://fresh-pick.com/%eb%b2%a0%ec%a7%80%eb%b0%80-%ea%b2%80%ec%9d%80%ec%bd%a9-%eb%91%90%ec%9c%a0/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Wed, 20 Aug 2025 05:21:09 +0000</pubDate>
				<category><![CDATA[두유]]></category>
		<category><![CDATA[우유/유제품]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1484</guid>

					<description><![CDATA[<p>건강한 식물성 음료의 새로운 기준, 베지밀 검은콩과 검은참깨 두유로 시작하세요! 현대인의 필수 건강 파트너, 베지밀 검은콩과 검은참깨 두유는 국산 검은콩과 미얀마산 검은참깨의 조화로 완성된 영양만점 음료입니다. 하루 1팩으로 간편한 영양 섭취와 콜레스테롤 무함유로 건강한 선택을 제공합니다. 칼슘과 비타민 D가 풍부하여 뼈 건강을 지원하며, 단백질 6g 함유로 식물성 영양을 완벽하게 보충합니다. 또한, HACCP 인증으로 안전한 위생 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%eb%b2%a0%ec%a7%80%eb%b0%80-%ea%b2%80%ec%9d%80%ec%bd%a9-%eb%91%90%ec%9c%a0/">건강한 식물성 음료의 기준, 베지밀 검은콩과 검은참깨 두유</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>
    현대인의 필수 건강 파트너, 베지밀 검은콩과 검은참깨 두유는 국산 검은콩과 미얀마산 검은참깨의 조화로 완성된 영양만점 음료입니다. 
    <strong>하루 1팩으로 간편한 영양 섭취</strong>와 <strong>콜레스테롤 무함유</strong>로 건강한 선택을 제공합니다.
  </p>
  <p>
    <strong>칼슘과 비타민 D</strong>가 풍부하여 뼈 건강을 지원하며, <strong>단백질 6g</strong> 함유로 식물성 영양을 완벽하게 보충합니다. 
    또한, <strong>HACCP 인증</strong>으로 안전한 위생 관리가 보장되며, <strong>테트라팩 포장</strong>으로 장기 보관이 가능합니다.
  </p>
  <p>
    바쁜 일상 속에서 온 가족의 건강을 챙기고, 균형 잡힌 식단을 유지하고 싶다면, 
    베지밀 검은콩과 검은참깨 두유가 <strong>최적의 선택</strong>입니다. 
    실온 보관이 가능하고 개봉 후 냉장 보관이 필수이니, 언제 어디서나 간편하게 즐기세요.
  </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="베지밀 검은콩과 검은참깨 두유, 190ml, 48개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cLEx5r" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">베지밀 검은콩과 검은참깨 두유, 190ml, 48개</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">리뷰 54,877개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">34,900원</span><span class="discount">27%</span></div><div class="special-price">25,300원</div><div class="price-date">2025-08-20 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">칼슘과 비타민 D로 영양 강화</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">3중 안심 관리 시스템 및 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/cLEx5r" 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>하루 1팩으로 간편한 영양 섭취</li><li>190ml 용량으로 언제 어디서나 간편하게</li><li>콜레스테롤 무함유로 건강한 선택</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>세부사항</h3>
                    <ul><li>국산 검은콩과 미얀마산 검은참깨 페이스트 사용: 담백하고 고소한 맛의 조화</li><li>칼슘 120mg + 비타민 D 3µg: 뼈 건강을 위한 필수 영양소 제공</li><li>단백질 6g 함유: 식물성 영양의 완벽한 지원</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>안전하고 믿을 수 있는 품질 관리</h3>
                    <ul><li>3중 안심 관리 시스템으로 안전성 보장</li><li>HACCP 인증으로 믿을 수 있는 위생 관리</li><li>테트라팩 포장으로 장기 보관 가능</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>구매 팁</h3>
                    <ul><li>육류 섭취가 많은 현대인의 균형 잡힌 식단에 필수</li><li>바쁜 일상 속 온 가족의 건강 관리에 적합</li><li>실온 보관 가능, 개봉 후 냉장 보관 필수</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-695aae23bce92" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/_Cpdd0Fi3ig" data-video-id="_Cpdd0Fi3ig" 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/Q5sbQ64mIWg" data-video-id="Q5sbQ64mIWg" 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-695aae23bce92");
        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-695aae23bce92-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-695aae23bce92-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-695aae23bce92-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: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:3%;"></div>
                    </div>
                    <div class="percentage">3%</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">65%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 65%;
                                                     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">2%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 2%;
                                                     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">37%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 37%;
                                                     background-color: #FF5722;">
                                        </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: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <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: #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>190ml 낱개 팩이 깔끔하게 정리되어 있고, 각 팩마다 빨대가 부착되어 있어 바로 마실 수 있어요.<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>재주문했어요 190ml로 한 손에 쏙 들어와<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> 190ml 용량은 간편하게 마시기 좋고, 개별 포장으로<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> 190ml 용량은 휴대하기 편리하고, 개별 포장으로 위생적입니다. <br> 상온 보관이 가능해 언제 어디서나 마실 수 있는 점도 장점입니다. <br> 80개 대용량 패키지는 가격 대비 효율이 좋아 <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/cLEx5r" 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%b2%a0%ec%a7%80%eb%b0%80-%ea%b2%80%ec%9d%80%ec%bd%a9-%eb%91%90%ec%9c%a0/">건강한 식물성 음료의 기준, 베지밀 검은콩과 검은참깨 두유</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1484</post-id>	</item>
		<item>
		<title>서울우유 커피: 추억을 되살리는 달콤한 한 모금</title>
		<link>https://fresh-pick.com/%ec%84%9c%ec%9a%b8%ec%9a%b0%ec%9c%a0-%ec%bb%a4%ed%94%bc-%ec%b6%94%ec%96%b5%ec%9d%98-%eb%a7%9b/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Sun, 01 Jun 2025 05:59:32 +0000</pubDate>
				<category><![CDATA[우유]]></category>
		<category><![CDATA[우유/유제품]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=935</guid>

					<description><![CDATA[<p>추억의 맛과 향수를 불러일으키는 서울우유 커피, 일상의 달콤한 쉼표 서울우유 커피는 바쁜 일상 속에서 잠시나마 달콤한 휴식을 제공하는 특별한 음료입니다. 어린 시절의 향수를 불러일으키는 삼각형 패키지와 함께, 언제 어디서나 간편하게 즐길 수 있는 편리함을 선사합니다. 특히, 130kcal의 가벼운 간식 대용으로도 적합하여, 맛과 건강을 동시에 챙길 수 있습니다. 커피분말 사용으로 풍부한 향과 맛을 제공하며, HACCP 인증을 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ec%84%9c%ec%9a%b8%ec%9a%b0%ec%9c%a0-%ec%bb%a4%ed%94%bc-%ec%b6%94%ec%96%b5%ec%9d%98-%eb%a7%9b/">서울우유 커피: 추억을 되살리는 달콤한 한 모금</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>
    서울우유 커피는 바쁜 일상 속에서 잠시나마 달콤한 휴식을 제공하는 특별한 음료입니다. 
    어린 시절의 향수를 불러일으키는 삼각형 패키지와 함께, 언제 어디서나 간편하게 즐길 수 있는 편리함을 선사합니다. 
    특히, 130kcal의 가벼운 간식 대용으로도 적합하여, 맛과 건강을 동시에 챙길 수 있습니다.
  </p>
  <p>
    커피분말 사용으로 풍부한 향과 맛을 제공하며, HACCP 인증을 통해 안전한 섭취가 가능합니다. 
    200ml x 4개입으로 넉넉한 양을 자랑하며, 카페인 함량은 48mg으로 고카페인 음료를 선호하는 이들에게도 만족스러운 선택이 될 것입니다.
  </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커피%204입/서울우유%20커피%204입_제품_이미지.webp" alt="서울우유 커피 4입, 200ml, 4개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cwP5tO" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">서울우유 커피 4입, 200ml, 4개</h2><div class="rating-reviews is-loading"><span class="rating">4.8</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: 80.000000%">★</span></div></div><div class="review-stats">리뷰 53,663개</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">4,580원</div><div class="price-date">2025-06-01 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">200ml 당 130kcal로 가벼운 간식 적합</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cwP5tO" 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>어린 시절의 향수를 불러일으키는 삼각형 패키지</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>200ml x 4개입으로 넉넉한 양</li><li>130kcal로 가벼운 간식 대용</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>원재료: 정제수, 원유(국산), 설탕 등으로 구성</li><li>카페인 함량: 48mg (고카페인 함유)</li><li>보관 방법: 0~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>
                        </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><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커피%204입/서울우유%20커피%204입_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_이미지_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-embed-cc-container {
            width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-embed-cc-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-embed-cc-video-wrapper {
            width: 50%;
            margin-left: 0;
        }
        .yt-embed-cc-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
            cursor: pointer;
        }
        .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-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .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-embed-cc-video-wrapper {
                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-embed-cc-container">
        <h2 class="yt-embed-cc-title">제품 영상</h2>
        <div class="yt-embed-cc-video-wrapper">
            <div id="yt-embed-cc-695aae23be36e" class="yt-embed-cc-wrapper" 
                 data-video-url="https://www.youtube.com/shorts/q7C2y0flQ8w" 
                 data-video-id="q7C2y0flQ8w" 
                 data-is-short="true"
                 data-target="inline"
                 data-cc-load="false">
                <div class="yt-video-thumbnail">
                    <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/서울우유%20커피%204입/서울우유%20커피%204입_유튜브_썸네일.webp" alt="Video Thumbnail" 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>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var container = document.getElementById("yt-embed-cc-695aae23be36e");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

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

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-embed-cc-695aae23be36e-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-embed-cc-695aae23be36e-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 (false) {
                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
        container.addEventListener("click", function(e) {
            var target = this.getAttribute("data-target");
            var videoUrl = this.getAttribute("data-video-url");
            var videoId = this.getAttribute("data-video-id");
            var isShort = this.getAttribute("data-is-short") === "true";

            if (target === "blank") {
                window.open(videoUrl, "_blank", "noopener,noreferrer");
            } else if (target === "current") {
                window.location.href = videoUrl;
            } else {
                e.preventDefault();
                openModal(videoId, isShort);
            }
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });
    })();
    </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: 80.000000%">★</span></div></div>
                    <div class="rating-number">4.8</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:88%;"></div>
                    </div>
                    <div class="percentage">88%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</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">3 점</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">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>편리한 200ml 소용량 포장</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">76%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 76%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">22%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 22%;
                                                     background-color: #2196F3;">
                                        </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: #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">86%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 86%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">13%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 13%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     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>그래서 사게 되었어요 서울우유 커피는 1974년부터 사랑받아 왔죠<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>200ml 소용량이라 딱 적당하고<br>4입 구성으로 냉장고에 쟁여두면<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>사실 한 번 먹고 나면<br>그냥 모서리 잘라서 빨대 꽂고 먹어요<br>국룰 아닌가요<br>저렴한 가격도 매력적이에요<br>요즘 물가가 비싸서<br>이 정도면 괜찮다고 생각돼요<br>특히 4개입짜리는 마트보다 쿠팡이 저렴해요<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>살아있어 부드러워요 출근길에 200ml 한 팩<br>마시면 기분이 상쾌해져요 4입이라 혼자<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/cwP5tO" 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%84%9c%ec%9a%b8%ec%9a%b0%ec%9c%a0-%ec%bb%a4%ed%94%bc-%ec%b6%94%ec%96%b5%ec%9d%98-%eb%a7%9b/">서울우유 커피: 추억을 되살리는 달콤한 한 모금</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">935</post-id>	</item>
		<item>
		<title>바나나맛과 딸기맛의 달콤한 조화, 빙그레 우유 세트</title>
		<link>https://fresh-pick.com/%eb%b0%94%eb%82%98%eb%82%98%eb%a7%9b-%eb%94%b8%ea%b8%b0%eb%a7%9b-%ec%9a%b0%ec%9c%a0-%ec%84%b8%ed%8a%b8/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Sun, 01 Jun 2025 05:42:34 +0000</pubDate>
				<category><![CDATA[우유]]></category>
		<category><![CDATA[우유/유제품]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=932</guid>

					<description><![CDATA[<p>달콤한 추억과 신선함의 만남, 빙그레 바나나맛과 딸기맛 우유 세트로 특별한 순간을 즐기세요! 빙그레 바나나맛과 딸기맛 우유 세트는 어린 시절의 향수를 불러일으키며, 부드럽고 달콤한 맛으로 일상의 작은 행복을 선사합니다. 이 세트는 바나나맛 3개와 딸기맛 3개로 구성되어 있어, 다양한 맛을 즐길 수 있습니다. 각각 240ml의 편리한 포장으로 언제 어디서나 간편하게 즐길 수 있으며, 로켓프레시 서비스를 통해 신선한 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%eb%b0%94%eb%82%98%eb%82%98%eb%a7%9b-%eb%94%b8%ea%b8%b0%eb%a7%9b-%ec%9a%b0%ec%9c%a0-%ec%84%b8%ed%8a%b8/">바나나맛과 딸기맛의 달콤한 조화, 빙그레 우유 세트</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>빙그레 바나나맛과 딸기맛 우유 세트는 어린 시절의 향수를 불러일으키며, 부드럽고 달콤한 맛으로 일상의 작은 행복을 선사합니다. 이 세트는 바나나맛 3개와 딸기맛 3개로 구성되어 있어, 다양한 맛을 즐길 수 있습니다.</p>
    <p>각각 240ml의 편리한 포장으로 언제 어디서나 간편하게 즐길 수 있으며, 로켓프레시 서비스를 통해 신선한 상태로 빠르게 배송됩니다. 바나나맛 우유는 원유와 바나나 농축과즙이 조화롭게 어우러져 부드러운 풍미를 자랑하며, 딸기맛 우유는 상큼한 딸기 농축과즙이 더해져 기분 좋은 달콤함을 선사합니다.</p>
    <p>빙그레는 1974년부터 사랑받아온 한국의 대표 식품 기업으로, 품질 향상과 혁신을 통해 지속적으로 발전하고 있습니다. 이 우유 세트는 단순한 음료를 넘어, 다양한 레시피로 활용 가능하여 더욱 특별한 경험을 제공합니다.</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="바나나맛우유 240ml x 3개입 + 딸기맛우유 240ml x 3개입 세트, 1.44L, 1세트"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cwP1GB" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">바나나맛우유 240ml x 3개입 + 딸기맛우유 240ml x 3개입 세트, 1.44L, 1세트</h2><div class="rating-reviews is-loading"><span class="rating">4.9</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: 90.000000%">★</span></div></div><div class="review-stats">리뷰 18,542개</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">7,480원</div><div class="price-date">2025-06-01 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">편리한 240ml 포장으로 언제 어디서나 간편하게</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/cwP1GB" 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>바나나맛 3개, 딸기맛 3개로 구성된 세트</li><li>각각 240ml 용량의 편리한 포장</li><li>로켓프레시 서비스로 신선 배송</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>제품 특징</h3>
                    <ul><li>바나나맛 우유: 원유와 바나나 농축과즙의 조화로운 맛</li><li>딸기맛 우유: 원유와 딸기 농축과즙의 상큼한 풍미</li><li>바나나맛: 240ml당 208kcal</li><li>딸기맛: 240ml당 195kcal</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>냉장 보관 필수 (0-10°C)</li><li>개봉 후 빨리 섭취하거나 냉장 보관</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>빙그레 브랜드 소개</h3>
                    <ul><li>1974년부터 사랑받아온 한국의 대표 식품 기업</li><li>품질 향상과 혁신을 통한 지속적인 발전</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>로켓프레시 서비스 안내</h3>
                    <ul><li>새벽 또는 당일 신선 배송 가능</li><li>전용 물류센터에서 최적의 온도로 관리</li><li>15,000원 이상 구매 시 무료 배송</li><li>환경 친화적인 재사용 가능한 프레시백 선택 옵션</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딸기맛우유_이미지_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-embed-cc-container {
            width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-embed-cc-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-embed-cc-video-wrapper {
            width: 50%;
            margin-left: 0;
        }
        .yt-embed-cc-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
            cursor: pointer;
        }
        .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-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .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-embed-cc-video-wrapper {
                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-embed-cc-container">
        <h2 class="yt-embed-cc-title">제품 영상</h2>
        <div class="yt-embed-cc-video-wrapper">
            <div id="yt-embed-cc-695aae23bf845" class="yt-embed-cc-wrapper" 
                 data-video-url="https://www.youtube.com/watch?v=CwlX1AqFOmw" 
                 data-video-id="CwlX1AqFOmw" 
                 data-is-short="false"
                 data-target="inline"
                 data-cc-load="false">
                <div class="yt-video-thumbnail">
                    <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/바나나맛우유%20딸기맛우유/바나나맛우유%20딸기맛우유_유튜브_썸네일.webp" alt="Video Thumbnail" 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>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var container = document.getElementById("yt-embed-cc-695aae23bf845");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

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

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-embed-cc-695aae23bf845-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-embed-cc-695aae23bf845-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 (false) {
                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
        container.addEventListener("click", function(e) {
            var target = this.getAttribute("data-target");
            var videoUrl = this.getAttribute("data-video-url");
            var videoId = this.getAttribute("data-video-id");
            var isShort = this.getAttribute("data-is-short") === "true";

            if (target === "blank") {
                window.open(videoUrl, "_blank", "noopener,noreferrer");
            } else if (target === "current") {
                window.location.href = videoUrl;
            } else {
                e.preventDefault();
                openModal(videoId, isShort);
            }
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });
    })();
    </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: 90.000000%">★</span></div></div>
                    <div class="rating-number">4.9</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:90%;"></div>
                    </div>
                    <div class="percentage">90%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:7%;"></div>
                    </div>
                    <div class="percentage">7%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</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">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></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">82%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 82%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">17%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 17%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 덜 신선해요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     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">91%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 91%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">9%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 9%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">0%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 0%;
                                                     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> 떠오르는 우유죠. 가격이 13% 올라서<br> 조금 충격적이었지만, 오랜만에 먹고 싶어<br> 주문했어요. 용량은 240ml에 208 칼로리.<br> 영양정보는 나트륨 110mg, 탄수화물 27g,<br> 당류 227g 등 다양한데, 배부르진 않지만<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">결혼한 지 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> 많아서 취향에 맞게 골라 마실 수 있어요<br> 저는 바나나맛을, 신랑은 딸기맛을 좋아해<br> 세트로 자주 구매해요<br> 바나나우유나 딸기우유에 얼음을 더해<br> 갈아주면 스무디로도 즐길 수 있어요<br> 빙그레 바나나우유는 냉장보관 제품인데<br> 소비기한이 길어 부담 없이<br> 8개입 세트를 즐길 수 있어요<br> 240ml의 양은 포만감도 줘서<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>식사 후 디저트처럼 마시기도 좋고 아침에<br>식사대용으로 빵과 함께 먹어도 좋아요<br>240ml 용량은 한 번 마시기 적당하고<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-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/cwP1GB" 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%94%eb%82%98%eb%82%98%eb%a7%9b-%eb%94%b8%ea%b8%b0%eb%a7%9b-%ec%9a%b0%ec%9c%a0-%ec%84%b8%ed%8a%b8/">바나나맛과 딸기맛의 달콤한 조화, 빙그레 우유 세트</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">932</post-id>	</item>
		<item>
		<title>프리미엄 우유의 새로운 기준, 맛있는우유GT로 건강한 하루 시작하기</title>
		<link>https://fresh-pick.com/%ed%94%84%eb%a6%ac%eb%af%b8%ec%97%84-%ec%9a%b0%ec%9c%a0-%eb%a7%9b%ec%9e%88%eb%8a%94%ec%9a%b0%ec%9c%a0gt/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Sun, 01 Jun 2025 05:33:35 +0000</pubDate>
				<category><![CDATA[우유]]></category>
		<category><![CDATA[우유/유제품]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=929</guid>

					<description><![CDATA[<p>프리미엄 우유의 새로운 기준: 맛있는우유GT로 건강한 하루를 시작하세요! 맛있는우유GT는 1A 등급 원유 100% 사용으로 최상의 품질을 보장하며, GT(Great Taste) 공법을 통해 깔끔하고 풍부한 맛을 제공합니다. 이로 인해 건강한 영양 공급을 원하는 소비자들에게 최적의 선택이 될 수 있습니다. 또한, 단백질과 칼슘 등 필수 영양소가 풍부하게 함유되어 있으며, 대한민국 최고 등급 원유 사용으로 신뢰성을 높였습니다. HACCP 인증을 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ed%94%84%eb%a6%ac%eb%af%b8%ec%97%84-%ec%9a%b0%ec%9c%a0-%eb%a7%9b%ec%9e%88%eb%8a%94%ec%9a%b0%ec%9c%a0gt/">프리미엄 우유의 새로운 기준, 맛있는우유GT로 건강한 하루 시작하기</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;">프리미엄 우유의 새로운 기준: 맛있는우유GT로 건강한 하루를 시작하세요!</h2>
    <p>맛있는우유GT는 1A 등급 원유 100% 사용으로 최상의 품질을 보장하며, GT(Great Taste) 공법을 통해 깔끔하고 풍부한 맛을 제공합니다. 이로 인해 건강한 영양 공급을 원하는 소비자들에게 최적의 선택이 될 수 있습니다.</p>
    <p>또한, 단백질과 칼슘 등 필수 영양소가 풍부하게 함유되어 있으며, 대한민국 최고 등급 원유 사용으로 신뢰성을 높였습니다. HACCP 인증을 받아 안전성을 보장하는 맛있는우유GT는 믿을 수 있는 선택입니다.</p>
    <p>특별한 포장과 유통 과정도 주목할 만합니다. 시각장애인을 위한 점자 표기를 포함하고, 재활용 가능한 친환경 포장재를 사용하여 환경까지 생각했습니다. 0~10℃ 냉장 보관으로 신선도를 유지하여 항상 신선한 맛을 제공합니다.</p>
    <p>2022년 한국마케팅협회 조사에서 &#8216;우유&#8217; 부문 고객만족도 1위를 차지한 맛있는우유GT와 함께 고품질의 맛과 영양을 경험하세요. 신선하고 영양가 높은 우유를 찾는 소비자에게 적합한 이 제품은 남양유업의 프리미엄 우유로 건강한 하루를 시작하는 데 최상의 선택이 될 것입니다.</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우유%20GT/남양유업%20맛있는%20우유%20GT_제품_이미지.webp" alt="남양유업 맛있는 우유 GT, 900ml, 1개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cwPYTp" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">남양유업 맛있는 우유 GT, 900ml, 1개</h2><div class="rating-reviews is-loading"><span class="rating">4.8</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: 80.000000%">★</span></div></div><div class="review-stats">리뷰 523,898개</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">2,920원</div><div class="price-date">2025-06-01 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">최고 등급 1A 원유 100% 사용</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">GT 공법으로 깔끔하고 풍부한 맛</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/cwPYTp" 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>최고 품질의 원료와 특별한 제조 공정으로 탄생한 맛있는우유GT</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>1A 등급 원유 100% 사용으로 고품질 보증</li><li>GT(Great Taste) 공법으로 깔끔하고 풍부한 맛 제공</li><li>100ml당 60kcal로 건강한 영양 공급</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>HACCP 인증으로 안전성 보장</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>0~10℃ 냉장 보관으로 신선도 유지</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>고객 만족과 신뢰의 상징</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>2022년 &#8216;우유&#8217; 부문 고객만족도 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>
                        </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우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_이미지_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-embed-cc-container {
            width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-embed-cc-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #FA5252;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-embed-cc-video-wrapper {
            width: 50%;
            margin-left: 0;
        }
        .yt-embed-cc-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
            cursor: pointer;
        }
        .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-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .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-embed-cc-video-wrapper {
                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-embed-cc-container">
        <h2 class="yt-embed-cc-title">제품 영상</h2>
        <div class="yt-embed-cc-video-wrapper">
            <div id="yt-embed-cc-695aae23c0cf5" class="yt-embed-cc-wrapper" 
                 data-video-url="https://www.youtube.com/watch?v=iDX0Qeuwo24" 
                 data-video-id="iDX0Qeuwo24" 
                 data-is-short="false"
                 data-target="inline"
                 data-cc-load="false">
                <div class="yt-video-thumbnail">
                    <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/남양유업%20맛있는%20우유%20GT/남양유업%20맛있는%20우유%20GT_유튜브_썸네일.webp" alt="Video Thumbnail" 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>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var container = document.getElementById("yt-embed-cc-695aae23c0cf5");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

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

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-embed-cc-695aae23c0cf5-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-embed-cc-695aae23c0cf5-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 (false) {
                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
        container.addEventListener("click", function(e) {
            var target = this.getAttribute("data-target");
            var videoUrl = this.getAttribute("data-video-url");
            var videoId = this.getAttribute("data-video-id");
            var isShort = this.getAttribute("data-is-short") === "true";

            if (target === "blank") {
                window.open(videoUrl, "_blank", "noopener,noreferrer");
            } else if (target === "current") {
                window.location.href = videoUrl;
            } else {
                e.preventDefault();
                openModal(videoId, isShort);
            }
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });
    })();
    </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: 80.000000%">★</span></div></div>
                    <div class="rating-number">4.8</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:87%;"></div>
                    </div>
                    <div class="percentage">87%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:9%;"></div>
                    </div>
                    <div class="percentage">9%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</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">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">67%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 67%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">31%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 31%;
                                                     background-color: #2196F3;">
                                        </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: #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">71%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 71%;
                                                     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">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     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">900ml 우유의 매력</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">커피나 시리얼에 우유를 자주 쓰는데, 200ml는 부족하고<br>1L는 남기기 일쑤였어요. 900ml는 딱 적당한 양인 것 같아<br>남양 우유를 주문했어요. 맛도 부드럽고 고소해서<br>그냥 마셔도 좋고, 커피에 넣으면 카페 라떼 못지않아요.<br>유통기한도 넉넉하고 보관도 편리하니<br>혼자 먹기에 정말 딱이에요. 900ml가<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">맛있는 우유 GT의 매력</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">국내산 원유 100%로<br>제조되어 고소하고 진한 맛을 자랑합니다. 900ml<br>대용량 팩으로 아침 식사 대용이나 카페라떼, 스무디<br>용도로도 충분해요. GT 공법 덕분에 일반 우유보다<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>깔끔한 맛 덕분에 자주 찾게 됩니다. 900ml 용량이라<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">맛있는 우유 GT 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">이 제품은 깔끔하고 고소한 맛으로 자주 찾게<br>되는 우유입니다. GT 공법으로 처리돼 텁텁하지 않고<br>부드러우며, 비릿한 맛 없이 산뜻한 풍미를 느낄 수<br>있어 만족스럽습니다. 900ml의 중용량이라 가정에서<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 class="product-review-item"><h3 class="product-review-topic">맛있는 우유 GT 900ml 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-4">남양유업 맛있는 우유 GT를 주문했어요<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-4">더보기</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/cwPYTp" 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%94%84%eb%a6%ac%eb%af%b8%ec%97%84-%ec%9a%b0%ec%9c%a0-%eb%a7%9b%ec%9e%88%eb%8a%94%ec%9a%b0%ec%9c%a0gt/">프리미엄 우유의 새로운 기준, 맛있는우유GT로 건강한 하루 시작하기</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">929</post-id>	</item>
	</channel>
</rss>
