<?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%83%9D%EC%88%98-%EC%9D%8C%EB%A3%8C/%ED%83%84%EC%82%B0-%EC%8A%A4%ED%8F%AC%EC%B8%A0%EC%9D%8C%EB%A3%8C/feed/" rel="self" type="application/rss+xml" />
	<link>https://fresh-pick.com/category/생수-음료/탄산-스포츠음료/</link>
	<description></description>
	<lastBuildDate>Fri, 11 Jul 2025 05:20:45 +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>칠성사이다 리뉴얼 &#8211; 변함없는 맛과 새로운 디자인의 한국 대표 탄산음료</title>
		<link>https://fresh-pick.com/%ec%b9%a0%ec%84%b1%ec%82%ac%ec%9d%b4%eb%8b%a4-%eb%a6%ac%eb%89%b4%ec%96%bc/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Fri, 11 Jul 2025 05:20:45 +0000</pubDate>
				<category><![CDATA[생수/음료]]></category>
		<category><![CDATA[탄산/스포츠음료]]></category>
		<category><![CDATA[탄산스포츠음료]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1181</guid>

					<description><![CDATA[<p>상쾌함의 상징, 칠성사이다 리뉴얼! 변함없는 맛과 새로운 디자인으로 만나는 최고의 탄산음료 칠성사이다는 1950년 출시 이후 꾸준한 사랑을 받아온 한국 대표 탄산음료로, 이번 리뉴얼을 통해 현대적인 이미지와 세련된 디자인을 선보입니다. 다양한 용량 선택이 가능하여 개인의 필요에 맞게 즐길 수 있으며, 롯데칠성음료의 신뢰할 수 있는 품질을 자랑합니다. 주요 성분으로는 정제수, 기타과당, 설탕, 이산화탄소, 구연산, 천연향료(레몬라임향)가 포함되어 있어 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ec%b9%a0%ec%84%b1%ec%82%ac%ec%9d%b4%eb%8b%a4-%eb%a6%ac%eb%89%b4%ec%96%bc/">칠성사이다 리뉴얼 &#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>
        칠성사이다는 1950년 출시 이후 꾸준한 사랑을 받아온 한국 대표 탄산음료로, 이번 리뉴얼을 통해 현대적인 이미지와 세련된 디자인을 선보입니다. 
        다양한 용량 선택이 가능하여 개인의 필요에 맞게 즐길 수 있으며, 롯데칠성음료의 신뢰할 수 있는 품질을 자랑합니다.
    </p>
    <p>
        주요 성분으로는 정제수, 기타과당, 설탕, 이산화탄소, 구연산, 천연향료(레몬라임향)가 포함되어 있어 상쾌한 맛을 제공합니다. 
        100ml당 45kcal의 열량과 11g의 당류로 적당한 단맛을 즐길 수 있으며, 새로운 디자인과 기존 디자인이 랜덤으로 배송되어 다양한 패키지의 매력을 느낄 수 있습니다.
    </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/칠성사이다/칠성사이다_제품_이미지.webp" alt="칠성사이다 PET, 2L, 6개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cEc6Qp" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">칠성사이다 PET, 2L, 6개</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">리뷰 375개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">16,750원</span><span class="discount">15%</span></div><div class="special-price">14,230원</div><div class="price-date">2025-07-11 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">SENSE OF JOY 컨셉으로 즐거움 전달</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cEc6Qp" 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>다양한 용량 선택 가능: 190ml부터 2L까지</li><li>롯데칠성음료의 신뢰할 수 있는 품질</li><li>1950년 출시 이후 꾸준한 사랑을 받는 한국 대표 탄산음료</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>세부사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>주요 성분: 정제수, 기타과당, 설탕, 이산화탄소, 구연산, 천연향료(레몬라임향)</li><li>100ml당 열량: 45kcal, 나트륨: 3mg, 탄수화물: 11g, 당류: 11g</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>&#8220;SENSE OF JOY&#8221; 컨셉 적용으로 현대적 이미지 강화</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-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/칠성사이다/칠성사이다_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_이미지_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-695b8df65280a" class="yt-embed-cc-wrapper" 
                 data-video-url="https://www.youtube.com/shorts/Xpn4q_SR94U" 
                 data-video-id="Xpn4q_SR94U" 
                 data-is-short="true"
                 data-target="inline"
                 data-cc-load="false">
                <div class="yt-video-thumbnail">
                    <img decoding="async" src="https://dgolgzcrytxh9.cloudfront.net/칠성사이다/칠성사이다_유튜브_썸네일.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-695b8df65280a");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

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

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-embed-cc-695b8df65280a-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-695b8df65280a-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">PICK</div>
                    <div class="badge-subtext">추천 아이템</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:93%;"></div>
                    </div>
                    <div class="percentage">93%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:5%;"></div>
                    </div>
                    <div class="percentage">5%</div>
                  </div><div class="rating-row">
                    <div class="star-label">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:0%;"></div>
                    </div>
                    <div class="percentage">0%</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>2L 대용량으로 가족이 함께 즐기기에 적합합니다.</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></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">38%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 38%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">62%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 62%;
                                                     background-color: #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">84%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 84%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">16%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 16%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </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">칠성사이다 2L 대량 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">4인가족 40대 주부입니다<br>저희 집은 탄산음료를 좋아해<br>마트 갈 때마다 칠성사이다를 사오곤 했어요<br>그런데 무게 때문에 많이 사지 못해<br>금방 떨어지더라고요<br>그러다 쿠팡에서 2L짜리 칠성사이다를 발견<br>6병 세트를 바로 주문했어요<br>다음 날 배송되었는데<br>이걸 마트에서 사서 들고 왔다면<br>쿠팡 기사님께 죄송했을 거예요<br>오자마자 냉장고에 넣어두니<br>아이들이 좋아서 난리가 났어요<br>탄산 많이 먹으면 안 좋지만<br>콜라보다는 낫다고 위안합니다<br>집에서 고기 구워 먹을 때<br>사이다가 빠지면 안 되죠<br>요즘 같은 더운 날엔 얼음컵에 사이다 한 잔이면<br>너무 시원하고 맛있어요<br>2L 6병이 꽤 오래 갈 줄 알았는데<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">저희 집은 4인 가족인데, 특히 작은 아들이 탄산음료를 정말 좋아해요. <br> 그래서 항상 칠성사이다를 2L×6병씩 주문해요. <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>2L 대용량 6병을 로켓프레쉬로 주문하면 새벽에 도착해<br>아침에 바로 받을 수 있어요. 덕분에 탄산음료 걱정 없이<br>마실 수 있고, 더울 때 얼음컵에 마시면 속도 시원해져요.<br>마트에서는 2L 찾기 어려운데 쿠팡에는 있어 정말 편해요.<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>용량도 크고 2L씩 6병 들어있어 가족과 함께 마시기 딱 좋아요<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/cEc6Qp" 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%b9%a0%ec%84%b1%ec%82%ac%ec%9d%b4%eb%8b%a4-%eb%a6%ac%eb%89%b4%ec%96%bc/">칠성사이다 리뉴얼 &#8211; 변함없는 맛과 새로운 디자인의 한국 대표 탄산음료</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1181</post-id>	</item>
		<item>
		<title>코카콜라 350ml 캔 &#8211; 짜릿한 탄산의 세계로 초대합니다!</title>
		<link>https://fresh-pick.com/%ec%bd%94%ec%b9%b4%ec%bd%9c%eb%9d%bc-350ml-%ec%ba%94/</link>
		
		<dc:creator><![CDATA[freshpick]]></dc:creator>
		<pubDate>Fri, 11 Jul 2025 05:10:13 +0000</pubDate>
				<category><![CDATA[생수/음료]]></category>
		<category><![CDATA[탄산/스포츠음료]]></category>
		<category><![CDATA[탄산스포츠음료]]></category>
		<guid isPermaLink="false">https://fresh-pick.com/?p=1178</guid>

					<description><![CDATA[<p>코카콜라 350ml 캔, 짜릿한 탄산의 세계로 초대합니다! 코카콜라 350ml 캔은 전 세계인이 사랑하는 오리지널 탄산음료로, 그 매력적인 시원함과 짜릿함은 일상 속 갈증 해소에 최적입니다. 350ml의 알루미늄 캔은 간편한 휴대를 가능하게 해주며, 148kcal로 가볍게 즐길 수 있는 달콤함을 선사합니다. 코카콜라는 나트륨 11mg, 탄수화물 37g, 당류 37g을 함유하여 부담 없이 활력을 채워주고, 지방과 콜레스테롤, 단백질이 0g으로 깔끔한 [&#8230;]</p>
<p>게시물 <a href="https://fresh-pick.com/%ec%bd%94%ec%b9%b4%ec%bd%9c%eb%9d%bc-350ml-%ec%ba%94/">코카콜라 350ml 캔 &#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;">
        코카콜라 350ml 캔, 짜릿한 탄산의 세계로 초대합니다!
    </h2>
    <p>
        코카콜라 350ml 캔은 전 세계인이 사랑하는 오리지널 탄산음료로, 그 매력적인 시원함과 짜릿함은 일상 속 갈증 해소에 최적입니다.
        350ml의 알루미늄 캔은 간편한 휴대를 가능하게 해주며, 148kcal로 가볍게 즐길 수 있는 달콤함을 선사합니다.
    </p>
    <p>
        코카콜라는 나트륨 11mg, 탄수화물 37g, 당류 37g을 함유하여 부담 없이 활력을 채워주고,
        지방과 콜레스테롤, 단백질이 0g으로 깔끔한 음용이 가능합니다.
        정제수와 당시럽, 설탕의 황금 비율로 만들어진 깊은 맛은 카라멜색소와 천연향료로 더욱 강화됩니다.
    </p>
    <p>
        코카콜라음료(주)에서 엄선한 품질로, 경남 양산, 광주, 경기도 여주에서 생산된 제품은 제조일로부터 24개월간 신선함을 유지합니다.
        직사광선을 피해 서늘한 곳에 보관하면 최상의 맛을 즐길 수 있으며, 개봉 후에는 빠른 섭취를 권장합니다.
    </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="코카콜라 오리지널, 350ml, 24개"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cEc3Cz" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">코카콜라 오리지널, 350ml, 24개</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">리뷰 172,648개</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">21,520원</div><div class="price-date">2025-07-11 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">전 세계적으로 사랑받는 350ml 알루미늄 캔의 클래식 음료</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">3가지 디자인으로 무작위 출고, 소장 가치 UP!</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">148kcal의 가벼운 칼로리로 부담 없이 즐기세요!</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/cEc3Cz" 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>350ml 알루미늄 캔으로 간편한 휴대</li><li>148kcal로 가볍게 즐기는 달콤함</li><li>3가지 디자인 중 랜덤 출고로 매번 새로운 재미</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>영양 정보로 본 코카콜라의 매력</h3>
                    <ul><li>나트륨 11mg: 적은 양으로 부담 없이</li><li>탄수화물 37g: 활력을 채워주는 에너지</li><li>당류 37g: 단맛의 완벽한 조화</li><li>지방과 콜레스테롤, 단백질 0g: 깔끔한 음용</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>정통의 맛을 위한 원재료</h3>
                    <ul><li>정제수와 당시럽, 설탕의 황금 비율</li><li>카라멜색소와 천연향료로 깊은 맛 구현</li><li>이산화탄소와 카페인 함유로 짜릿함 극대화</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>신뢰의 제조 및 유통</h3>
                    <ul><li>코카콜라음료(주)에서 엄선한 품질</li><li>경남 양산, 광주, 경기도 여주에서 생산</li><li>제조일로부터 24개월간 신선하게 유지</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>최상의 맛을 위한 보관 팁</h3>
                    <ul><li>직사광선을 피해 서늘한 곳에 보관</li><li>개봉 후에는 빠른 섭취 권장</li><li>고온의 밀폐된 공간에 보관 금지</li><li>알레르기 주의: 우유, 메밀 등과 같은 시설에서 제조</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오리지널_이미지_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-695b8df653e31" class="yt-embed-cc-wrapper" 
                 data-video-url="https://www.youtube.com/watch?v=-gBOGhBSkt4" 
                 data-video-id="-gBOGhBSkt4" 
                 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-695b8df653e31");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

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

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-embed-cc-695b8df653e31-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-695b8df653e31-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>350ml의 적당한 용량으로 개인 음용에 최적화</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>대용량 세트로 가성비가 뛰어남</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>배송 포장 및 상태가 우수함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>다양한 상황에서 활용 가능</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>탄산이 빨리 빠질 수 있음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>당 함량이 높아 주의 필요</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>캔이 얇아 찌그러지기 쉬움</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>빈 캔 처리 필요</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>보관할 공간이 많이 필요함</li></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">46%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 46%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">52%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 52%;
                                                     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">70%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 70%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이예요</span>
                                        <span class="stat-value">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">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">코카콜라 350ml 솔직 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">코카콜라 350ml는 정말 익숙한 그 맛입니다. <br> 350ml 용량이 딱 적당해서 한 캔씩 마시기 좋고, <br> 탄산이 빵빵해서 목 넘김이 시원합니다. <br> 캔 포장도 깔끔해서 냉장고에 쏙 들어가요. <br> 가격도 나쁘지 않아 만족스럽습니다. <br> 단점이라면 탄산이 빨리 빠질 수 있으니 <br> 빨리 마셔야 하고, 너무 많이 마시면 <br> 속 쓰릴 수 있어요. <br> 집에 두면 자꾸 손이 가서 금방 동납니다. <br> 그래도 변함없는 그 맛, 한 모금 마시면 <br> 스트레스가 풀립니다. <br> 냉장고에 차게 해두고 꺼내 마시면 <br> 천국이 따로 없습니다. <br> 하루 한두 캔 적당히 즐기면 좋습니다. <br> 냉장고 필수템으로 추천합니다. <br> 활용팁으로는 냉장고 문 앞 칸에 두면 <br> 꺼내기 쉽고, 얼음 넣은 컵에 따르면 <br> 더 시원합니다. 고기 먹을 때 곁들이면 <br> 깔끔하게 마무리됩니다. <br> 여름철 캠핑 갈 때 쿨러에 넣어가면 좋고, <br> 탄산 빠지기 전에 빠르게 마시는 게 포인트입니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">코카콜라 오리지널 350ml 사용 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">탄산감과 시원한 단맛으로 언제 마셔도 질리지<br>않는 음료인데요 특히 무더운 날씨엔 냉장고<br>속 이 캔 하나면 피로가 풀리는 기분이죠<br>매운 음식 튀김 햄버거 피자 등과도 찰떡궁합<br>특히 얼음 컵에 따라 마시면 완벽한 리프레시가<br>됩니다 350ml 캔은 1인 음용에 최적화된<br>사이즈로 혼자 마시기 딱 좋고 탄산이 다 빠지기<br>전에 깔끔하게 마실 수 있는 크기입니다<br>24개 대용량 세트로 구매하면 가성비가 뛰어나<br>가족이 함께 마시거나 손님 대접 캠핑용으로도<br>아주 실용적입니다 배송 포장도 우수해 받자마자<br>바로 냉장고에 넣어두기만 하면 끝입니다<br>다만 당 함량이 높아 다이어트 중이거나 당 섭취<br>조절 중인 분들께는 주의가 필요합니다 하루<br>1캔 정도 적당히 즐기면 충분히 만족스럽게<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">코카콜라 350ml 대용량 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">코카콜라 오리지널 350ml는 익숙한 음료인데요, 이번엔 24개 대용량으로 주문해봤어요. <br>평소에 하나씩 사 마시는 것보다 훨씬 저렴하고, 냉장고에 쟁여두면 든든하더라고요. <br>박스 포장도 깔끔하게 잘 되어 있어서 안전하게 도착했답니다. <br>350ml 용량이 딱 좋은 게, 한 번 마셨을 때 충분히 즐길 수 있는 양이에요. <br>특히 탄산이 강하게 살아있을 때 얼음컵에 따르면 그 청량감이 최고! <br>요즘처럼 더운 날씨엔 냉장고에 이 코카콜라 쟁여두는 게 필수템이더라고요. <br>집에서 피자나 햄버거 먹을 때 곁들이기에도 좋고, 캠핑 갈 때 챙겨가면 분위기 업! <br>가족이나 친구들이 놀러 왔을 때 꺼내주면 다들 좋아해요. <br>맛은 우리가 아는 바로 그 코카콜라 맛 그대로예요. <br>탄산도 강하고 시원하게 마시면 하루 피로가 싹 풀리는 기분이에요. <br>보관할 땐 박스째로 냉장고 한 쪽에 넣어두고 하나씩 꺼내 먹으니까 편했어요. <br>자주 장보러 나가기도 번거롭다 보니, 이렇게 대용량으로 쟁여두는 게 실용적이더라고요. <br>총평하자면, 맛, 용량, 가성비 삼박자를 모두 갖춘 제품이에요. <br>코카콜라 좋아하시는 분들이라면 무조건 만족하실 거예요!</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">코카콜라 오리지널 350ml 72개 세트 만족감</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">대용량 세트를 받고 나니 여름철 필수 음료를<br>제대로 준비했다는 만족감이 듭니다. 코카콜라<br>오리지널의 맛은 언제 마셔도 중독성이 있어<br>다른 음료로 대체 불가합니다. 배송도 빠르고<br>정확했으며, 포장도 안정적이어서 손상 없이<br>받았습니다. 350ml는 한 번 마시기에 딱 좋은<br>양으로, 보관도 쉽고 손님이 왔을 때 나눠주기<br>좋습니다. 진리의 맛과 청량감은 다양한 음식과<br>찰떡궁합입니다. 72캔 대용량은 가족이나<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/cEc3Cz" 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%bd%94%ec%b9%b4%ec%bd%9c%eb%9d%bc-350ml-%ec%ba%94/">코카콜라 350ml 캔 &#8211; 짜릿한 탄산의 세계로 초대합니다!</a>이 <a href="https://fresh-pick.com">Fresh Pick | 엄선된 신선식품 리뷰</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1178</post-id>	</item>
	</channel>
</rss>
