<?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>태블릿/스마트폰 - 1분리뷰 | 빠르게 핵심만, 제품 A to Z</title>
	<atom:link href="https://1bunreview.com/category/%ea%b0%80%ec%a0%84%eb%94%94%ec%a7%80%ed%84%b8/%ed%83%9c%eb%b8%94%eb%a6%bf-%ec%8a%a4%eb%a7%88%ed%8a%b8%ed%8f%b0/feed/" rel="self" type="application/rss+xml" />
	<link>https://1bunreview.com/category/가전디지털/태블릿-스마트폰/</link>
	<description></description>
	<lastBuildDate>Thu, 23 Oct 2025 05:16:32 +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://1bunreview.com/wp-content/uploads/2026/01/cropped-favicon-32x32.png</url>
	<title>태블릿/스마트폰 - 1분리뷰 | 빠르게 핵심만, 제품 A to Z</title>
	<link>https://1bunreview.com/category/가전디지털/태블릿-스마트폰/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">238148011</site>	<item>
		<title>혁신적인 기술의 아이폰 17 자급제, 최상의 성능과 디자인</title>
		<link>https://1bunreview.com/%ec%95%84%ec%9d%b4%ed%8f%b0-17-%ec%9e%90%ea%b8%89%ec%a0%9c-%ed%98%81%ec%8b%a0-%ec%84%b1%eb%8a%a5-%eb%94%94%ec%9e%90%ec%9d%b8/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Thu, 23 Oct 2025 05:16:31 +0000</pubDate>
				<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[스마트폰]]></category>
		<category><![CDATA[태블릿/스마트폰]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5905</guid>

					<description><![CDATA[<p>iPhone 17: 혁신적인 기술과 강력한 성능으로 미래를 경험하세요! iPhone 17은 최첨단 기술과 혁신적인 기능으로 당신의 일상을 스마트하게 바꿉니다. 15.9cm Super Retina XDR 디스플레이가 선명한 화질을 제공하며, ProMotion 기술은 부드러운 화면 전환을 보장합니다. Dynamic Island는 새로운 상호작용 경험을 제공합니다. 디자인과 내구성의 완벽한 조화를 자랑하는 iPhone 17은 5가지 컬러 옵션으로 개인의 취향을 반영할 수 있으며, Ceramic Shield [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ec%95%84%ec%9d%b4%ed%8f%b0-17-%ec%9e%90%ea%b8%89%ec%a0%9c-%ed%98%81%ec%8b%a0-%ec%84%b1%eb%8a%a5-%eb%94%94%ec%9e%90%ec%9d%b8/">혁신적인 기술의 아이폰 17 자급제, 최상의 성능과 디자인</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</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;">
        iPhone 17: 혁신적인 기술과 강력한 성능으로 미래를 경험하세요!
    </h2>
    <p>
        iPhone 17은 최첨단 기술과 혁신적인 기능으로 당신의 일상을 스마트하게 바꿉니다. 
        15.9cm Super Retina XDR 디스플레이가 선명한 화질을 제공하며, ProMotion 기술은 부드러운 화면 전환을 보장합니다. 
        Dynamic Island는 새로운 상호작용 경험을 제공합니다.
    </p>
    <p>
        디자인과 내구성의 완벽한 조화를 자랑하는 iPhone 17은 5가지 컬러 옵션으로 개인의 취향을 반영할 수 있으며, 
        Ceramic Shield 2 전면 유리로 내구성이 강화되었습니다. 
        알루미늄 프레임은 세련된 디자인과 견고함을 동시에 제공합니다.
    </p>
</div>

        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 800px;
            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: #4D96FF;
            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: #3A7BD5;
            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, #f4f8ff, #f4f8ff);
            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: #4D96FF;
            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://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_제품_이미지.webp" alt="Apple 아이폰 17 자급제"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cYxJzC" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">Apple 아이폰 17 자급제</h2><div class="rating-reviews is-loading"><span class="rating">4.7</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div><div class="review-stats">리뷰 642개</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">1,290,000원</div><div class="price-date">2025-10-23 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">120Hz ProMotion 디스플레이로 부드러운 화면 전환</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">A19 칩으로 더욱 강력해진 성능</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">48MP 듀얼 카메라로 초고해상도 촬영 가능</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">30시간 동영상 재생 가능한 배터리 수명</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Ceramic Shield 2로 강화된 내구성</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cYxJzC" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info3 {
            max-width: 700px;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #3b82f6;
            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 #4299e1;
            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: #F0F5FC;
        }
    </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>최첨단 기술로 무장한 iPhone 17, 당신의 일상을 혁신합니다.</h3>
                    <ul><li>15.9cm Super Retina XDR 디스플레이: 생생한 색감과 선명한 화질 제공</li><li>ProMotion 기술: 최대 120Hz 가변 주사율로 부드러운 화면 전환</li><li>Dynamic Island: 새로운 상호작용 경험 제공</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>디자인과 내구성의 완벽한 조화</h3>
                    <ul><li>5가지 컬러 옵션: 개인 취향에 맞춘 선택 가능</li><li>Ceramic Shield 2 전면 유리: 3배 향상된 긁힘 방지 성능으로 내구성 강화</li><li>알루미늄 프레임: 세련된 디자인과 견고함을 동시에</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>강력한 성능과 빠른 처리 속도</h3>
                    <ul><li>A19 칩: iPhone 13 대비 CPU 50% 더 빠름, GPU 2.1배 더 빠름</li><li>5코어 GPU와 뉴럴 엔진: 고사양 게임과 멀티태스킹에 최적화</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>차원이 다른 카메라 시스템</h3>
                    <ul><li>48MP 듀얼 Fusion 후면 카메라: 초고해상도 사진(24MP, 48MP) 지원</li><li>18MP Center Stage 전면 카메라: 향상된 인물 사진 모드로 생동감 있는 셀피</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>배터리와 충전의 새로운 기준</h3>
                    <ul><li>최대 30시간 동영상 재생: 배터리 수명 대폭 개선</li><li>20분 충전으로 최대 50% 충전 가능 (40W 이상 어댑터 사용 시)</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>첨단 기능으로 안전과 편리함을</h3>
                    <ul><li>USB-C 포트와 eSIM 지원: 연결성 강화</li><li>긴급 구조 요청, 충돌 감지 등 안전 기능: 사용자 보호 강화</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>구매 팁</h3>
                    <ul><li>애플 공식 스토어 및 온라인 구매 가능</li><li>다양한 할부 옵션 및 보상 판매 프로그램 활용</li><li>애플케어+로 추가 보증 및 서비스 혜택 제공</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-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://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%20자급제_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20자급제/Apple%20아이폰%2017%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 #3b82f6;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">제품 평점</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div>
                    <div class="rating-number">4.7</div>
                </div>
                <div class="review-badge" style="background-color:#4D96FF;">
                    <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:90%;"></div>
                    </div>
                    <div class="percentage">90%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:4%;"></div>
                    </div>
                    <div class="percentage">4%</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:3%;"></div>
                    </div>
                    <div class="percentage">3%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 800px;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>빠른 배송 및 자급제의 편리함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>고급스러운 디자인과 다양한 색상 옵션</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>향상된 카메라 성능과 디스플레이 품질</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>향상된 배터리 수명과 효율성</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>다양한 최신 기능 및 성능 업그레이드</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>일부 사용자에게는 부족한 망원 카메라 기능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>밝은 야외에서의 디스플레이 가독성 문제</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>비교적 높은 가격과 추가 액세서리 비용</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>일부 사용자에게 불편한 터치 민감도 문제</li><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>USB-C 전송 속도의 제한 가능성</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>사용 시간</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주길어요</span>
                                        <span class="stat-value">48%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 48%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">50%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 50%;
                                                     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">82%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 82%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">18%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 18%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">별로예요</span>
                                        <span class="stat-value">0%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 0%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>카메라 성능</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주뛰어나요</span>
                                        <span class="stat-value">69%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 69%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">30%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 30%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다별로예요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>무게</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">가벼워요</span>
                                        <span class="stat-value">47%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 47%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">49%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 49%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다무거워요</span>
                                        <span class="stat-value">4%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 4%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>가성비</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 저렴해요</span>
                                        <span class="stat-value">33%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 33%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당한 편이에요</span>
                                        <span class="stat-value">59%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 59%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 비싸요</span>
                                        <span class="stat-value">8%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 8%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">쿠팡 자급제폰 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">자급제폰은 쿠팡에서 사는 게 최고인 것 같아요. 혜택도 많고 배송도 빨라서<br>만족스러웠어요. 이번에 아이폰17을 구매했는데요, 포장이 꼼꼼해서<br>안심이 됐고, 에어캡으로 잘 감싸져서 파손 걱정이 없었어요.<br>구성품은 아이폰17과 C to C 케이블이었고, 디자인도 너무 매끈하고<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">아이폰 17 일반 모델 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">배송이 예상보다 빨랐어요. 자급제 모델이라 가격도 저렴하고<br>성능도 뛰어나네요. 120 Hz ProMotion 디스플레이 덕분에<br>화면이 정말 부드럽고, 기본 저장 용량이 256 GB라<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">아이폰 17 사용 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">13미니에서 17로 바꿨는데, <br>페이스 아이디 설정을 조정하면 더 편리합니다. <br>전화 스크리닝 기능도 개인 취향에 맞게 설정하세요. <br>배터리는 13미니보다 개선됐지만, <br>드라마틱한 차이는 아닙니다. <br>오디오와 사진 품질은 확실히 좋아졌어요. <br>아이폰 17은 나쁜 선택이 아니며, <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">아이폰 16 vs 아이폰 17 상세 비교 사용후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">저는 아이폰 16을 1년간 사용하다가 최근 아이폰 17로 변경했어요. 두 기기를 비교해 본 후기를<br>공유드릴게요.<br>  
1. 디자인 및 외관<br>아이폰 16은 기존 노치 디자인을 유지하고, 알루미늄 프레임으로 가벼웠어요. 아이폰 17은<br>다이나믹 아일랜드가 작아지고, 얇아진 베젤로 화면 비율이 좋아졌어요. 새로운 색상도<br>추가됐어요.<br>  
2. 성능 차이<br>아이폰 16은 A18 프로 칩, 아이폰 17은 A19 프로 칩으로 약 20% 성능이 향상됐어요.<br>일상 사용에선 큰 차이 없지만, 고사양 게임이나 영상 편집 시 처리 속도가 빨랐어요.<br>  
3. 카메라 시스템<br>아이폰 17의 망원 카메라가 5배에서 10배 광학 줌으로 향상됐고, 저조도 촬영 성능도<br>40% 개선됐어요. 특히 야간 촬영 시 화질이 많이 좋아졌어요.<br>  
4. 배터리 수명<br>아이폰 16은 하루 평균 사용 시 저녁 7시경 20% 잔량, 아이폰 17은 같은 패턴으로<br>저녁 9시경 30% 잔량으로 효율성이 좋아졌어요.<br>  
5. 새로운 기능들<br>아이폰 17만의 위성 통신 기능 강화, 액션 버튼 커스터마이징, 새로운 StandBy 모드 등<br>다양한 기능이 추가됐어요.<br>  
총평<br>아이폰 16에서 17로 업그레이드한 것은 만족스러웠어요. 특히 카메라 성능과 배터리 수명이<br>개선되어 일상 사용에 큰 차이를 느꼈어요. 사진/영상 촬영을 자주 하거나 최신 기술을<br>경험하고 싶다면 업그레이드를 추천합니다. 기본 사용 위주라면 업그레이드 체감은<br>제한적일 수 있어요. 두 기기 모두 훌륭하지만, 아이폰 17은 확실히 진화한 모습을 보여줍니다.<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, #1946A8 0%, #048AEF 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(4, 138, 239, 0.3);
            }

            .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/cYxJzC" 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://1bunreview.com/%ec%95%84%ec%9d%b4%ed%8f%b0-17-%ec%9e%90%ea%b8%89%ec%a0%9c-%ed%98%81%ec%8b%a0-%ec%84%b1%eb%8a%a5-%eb%94%94%ec%9e%90%ec%9d%b8/">혁신적인 기술의 아이폰 17 자급제, 최상의 성능과 디자인</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5905</post-id>	</item>
		<item>
		<title>Apple Watch Series 11: 혁신적인 건강 관리와 피트니스 동반자</title>
		<link>https://1bunreview.com/%ec%95%a0%ed%94%8c-%ec%9b%8c%ec%b9%98-%ec%8b%9c%eb%a6%ac%ec%a6%88-11-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Mon, 13 Oct 2025 04:02:15 +0000</pubDate>
				<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[스마트워치/밴드]]></category>
		<category><![CDATA[태블릿/스마트폰]]></category>
		<category><![CDATA[스마트워치]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5890</guid>

					<description><![CDATA[<p>Apple Watch Series 11: 건강과 안전을 위한 필수 스마트워치 Apple Watch Series 11은 혁신적인 건강 관리와 피트니스 기능을 제공하여 일상생활과 운동 시 당신의 건강 파트너로서 완벽하게 자리 잡습니다. 심박수, 심전도, 혈중 산소 포화도 모니터링을 통해 종합적인 건강 데이터를 제공하며, 수면 점수 기능으로 수면의 질까지 정밀하게 분석합니다. 다양한 운동 모드와 개인 맞춤형 데이터 분석으로 피트니스 목표 [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ec%95%a0%ed%94%8c-%ec%9b%8c%ec%b9%98-%ec%8b%9c%eb%a6%ac%ec%a6%88-11-%eb%a6%ac%eb%b7%b0/">Apple Watch Series 11: 혁신적인 건강 관리와 피트니스 동반자</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</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">
    Apple Watch Series 11: 건강과 안전을 위한 필수 스마트워치
  </h2>
  <p>
    Apple Watch Series 11은 혁신적인 건강 관리와 피트니스 기능을 제공하여 
    일상생활과 운동 시 당신의 건강 파트너로서 완벽하게 자리 잡습니다.
  </p>
  <p>
    심박수, 심전도, 혈중 산소 포화도 모니터링을 통해 종합적인 건강 데이터를 
    제공하며, 수면 점수 기능으로 수면의 질까지 정밀하게 분석합니다. 
    다양한 운동 모드와 개인 맞춤형 데이터 분석으로 피트니스 목표 달성을 
    도와줍니다.
  </p>
  <p>
    긴급 구조 요청, 넘어짐 감지, 충돌 감지 기능을 통해 안전을 보장하며, 
    선명한 시각 경험과 내구성을 갖춘 상시 표시형 Retina 디스플레이로 
    언제 어디서나 안심하고 사용할 수 있습니다.
  </p>
  <p>
    강력한 배터리와 빠른 충전으로 시간 절약이 가능하며, GPS 및 셀룰러 모델로 
    완벽한 연결성을 제공합니다. 통화, 문자, 음악 스트리밍 등 스마트한 기능으로 
    일상생활을 지원합니다.
  </p>
</div>
  
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 800px;
            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: #4D96FF;
            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: #3A7BD5;
            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, #f4f8ff, #f4f8ff);
            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: #4D96FF;
            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://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_제품_이미지.webp" alt="Apple 2025 애플워치 11"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cWb4Vf" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">Apple 2025 애플워치 11</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">리뷰 204개</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">639,000원</div><div class="price-date">2025-10-13 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">상시 표시형 Retina 디스플레이로 선명한 시각 경험 제공</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">급속 충전으로 최대 24시간 사용 가능</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cWb4Vf" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info4 {
            max-width: 800px;
            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 #3b82f6;
            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, #f4f8ff, #f4f8ff);
            display: flex;
            align-items: center;
            border: 1px solid #E2E8F0;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #E2E8F0;
            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: #4299e1;
            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: #F0F5FC;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-1">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-1">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>건강 관리와 피트니스 기능의 새로운 차원</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>심박수, 심전도, 혈중 산소 포화도까지 종합 건강 모니터링</li><li>수면 점수 기능으로 수면의 질을 정밀하게 분석</li><li>활력 징후 앱을 통한 종합 건강 데이터 제공</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>다양한 운동 모드로 피트니스 목표 달성</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>달리기, 하이킹, 요가 등 다양한 운동 모드 지원</li><li>개인 맞춤형 운동 데이터 분석</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>안전 기능으로 안심하고 일상생활</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>긴급 구조 요청, 넘어짐 감지, 충돌 감지 기능 내장</li><li>위급 상황 시 즉각적인 대응 가능</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>디스플레이의 혁신과 내구성 강화</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>상시 표시형 Retina 디스플레이로 선명한 시각 경험</li><li>Series 10 대비 2배 향상된 긁힘 방지 성능</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>강력한 배터리와 빠른 충전</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>일반 사용 시 최대 24시간 지속</li><li>급속 충전으로 시간 절약</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>완벽한 연결성과 편리한 사용</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>GPS 및 셀룰러 모델로 언제 어디서나 연결</li><li>통화, 문자, 음악 스트리밍 등 스마트한 기능 제공</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>추가 기능으로 일상생활 지원</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>50m 방수로 수영 시에도 안심</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://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_이미지_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 #3b82f6;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

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

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

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

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

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

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

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

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-69687cb9224e0" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=rpdf9_syFVM" data-video-id="rpdf9_syFVM" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/lK7nh-1LcnQ" data-video-id="lK7nh-1LcnQ" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%2011/Apple%202025%20애플워치%2011_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #4D96FF;
            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 #3b82f6;
            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:#4D96FF;">
                    <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:96%;"></div>
                    </div>
                    <div class="percentage">96%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</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">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 800px;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>빠른 충전 속도와 긴 배터리 수명</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>세련된 디자인과 다양한 컬러 옵션</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>다양한 건강 및 운동 관리 기능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>아이폰과의 완벽한 연동성</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>편리한 알림 및 메시지 확인 기능</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>높은 가격대</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>셀룰러 기능 사용 시 배터리 소모 증가</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>사용 시간</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주길어요</span>
                                        <span class="stat-value">37%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 37%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">61%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 61%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다짧아요</span>
                                        <span class="stat-value">2%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 2%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>디자인</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주만족해요</span>
                                        <span class="stat-value">86%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 86%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">14%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 14%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>무게</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">가벼워요</span>
                                        <span class="stat-value">69%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 69%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">31%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 31%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>스마트 기능</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">기능이 많고 편리해요</span>
                                        <span class="stat-value">84%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 84%;
                                                     background-color: #E91E63;">
                                        </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: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>가성비</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 저렴해요</span>
                                        <span class="stat-value">10%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 10%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당한 편이에요</span>
                                        <span class="stat-value">78%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 78%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 비싸요</span>
                                        <span class="stat-value">12%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 12%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">애플워치 11 사용 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">애플워치 SE1을 사용하다가 배터리가 빨리 닳아서<br>이번에 새로 나온 애플워치 11로 바꿨어요<br>색상은 기존 실버에서 스페이스 그레이로 변경했는데<br>너무 예쁘더라고요<br>로켓배송으로 다음 날 도착해서<br>바로 언박싱했어요<br>구성품과 박스는 기존 워치와 동일했고<br>스트랩을 끼우고 전원을 켰어요<br>화면이 꽉 차서 더 예뻐 보여요<br>AOD 기능도 있어서 정말 편리해요<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">애플워치 11 셀룰러 모델 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">기존 워치를 오래 써서 자꾸 꺼지더라고요. 그래서 최저가로 쿠팡에서 애플워치 11 셀룰러 모델을 구매했어요. <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">애플워치 11세대 만족도 최고</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">애플워치 11을 구입했는데 성능이 아주 좋아요. <br> 디자인도 세련됐고, 스페이스 그레이와 블랙 밴드 <br> 조합이 고급스러워요. 무게가 가벼워서 하루 종일 <br> 착용해도 불편하지 않아요. 반응 속도가 빨라져서 <br> 알림 확인이나 운동 기록 체크가 수월하고, 특히 <br> 운동할 때 유용해요. 오래된 모델 사용하던 분들에게 <br> 강력 추천합니다. 가격은 있지만 그만큼의 가치가 <br> 있는 선택이에요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">애플워치 사용 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">애플워치 11 42mm를 선물로 받았어요. 처음엔 필요할까 싶었지만, 사용해보니 생활 만족도가 확 올라갔어요. <br>알루미늄 소재라 가볍고, 퍼플 포그 밴드가 데일리로 착용하기 좋더라구요. <br>화면은 Always-On Retina 디스플레이로 야외에서도 선명하고, 건강 관리 기능이 기대 이상이에요. <br>심박수, 혈중 산소포화도, 심전도까지 확인 가능해 운동할 때 유용하고, GPS로 러닝 기록도 정확히 측정돼요. <br>아이폰과 연동해 문자, 전화 확인이 편리하고, 애플페이·날씨·지도 기능도 자주 사용해요. <br>배터리도 충분히 오래가고, 고속 충전이 되니 스트레스가 줄었어요. <br>워치 페이스나 밴드 교체가 자유로워 패션 아이템처럼 활용할 수 있는 점도 재미있어요. <br>이제는 제 생활 필수템이 되었답니다. 애플워치 처음 입문하시는 분들께 추천드려요!</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

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

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1946A8 0%, #048AEF 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(4, 138, 239, 0.3);
            }

            .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/cWb4Vf" 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://1bunreview.com/%ec%95%a0%ed%94%8c-%ec%9b%8c%ec%b9%98-%ec%8b%9c%eb%a6%ac%ec%a6%88-11-%eb%a6%ac%eb%b7%b0/">Apple Watch Series 11: 혁신적인 건강 관리와 피트니스 동반자</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5890</post-id>	</item>
		<item>
		<title>Apple Watch SE 3 리뷰 &#8211; 합리적인 가격에 스마트한 기능</title>
		<link>https://1bunreview.com/%ec%95%a0%ed%94%8c-%ec%9b%8c%ec%b9%98-se-3-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Mon, 13 Oct 2025 03:51:59 +0000</pubDate>
				<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[스마트워치/밴드]]></category>
		<category><![CDATA[태블릿/스마트폰]]></category>
		<category><![CDATA[스마트워치]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5887</guid>

					<description><![CDATA[<p>스마트한 일상을 선도하는 Apple Watch SE 3, 합리적인 가격에 건강과 편리함을! Apple Watch SE 3는 스마트워치 시장에서 가장 합리적인 가격에 높은 성능을 제공합니다. 건강 관리부터 운동 트래킹, 통신 기능까지, 이 모든 것을 손목 위에서 경험할 수 있습니다. 수면 관리 기능으로 수면의 질을 개선하고, 심박수 모니터링과 불규칙한 심장 박동 알림을 통해 건강을 철저히 모니터링할 수 있습니다. [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ec%95%a0%ed%94%8c-%ec%9b%8c%ec%b9%98-se-3-%eb%a6%ac%eb%b7%b0/">Apple Watch SE 3 리뷰 &#8211; 합리적인 가격에 스마트한 기능</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</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;">
    스마트한 일상을 선도하는 Apple Watch SE 3, 합리적인 가격에 건강과 편리함을!
  </h2>
  <p>
    Apple Watch SE 3는 스마트워치 시장에서 가장 합리적인 가격에 높은 성능을 제공합니다. 건강 관리부터 운동 트래킹, 통신 기능까지, 이 모든 것을 손목 위에서 경험할 수 있습니다.
  </p>
  <p>
    수면 관리 기능으로 수면의 질을 개선하고, 심박수 모니터링과 불규칙한 심장 박동 알림을 통해 건강을 철저히 모니터링할 수 있습니다. 다양한 운동 수치를 쉽게 확인할 수 있어, 일일 활동 목표를 달성하는 데 큰 도움이 됩니다.
  </p>
  <p>
    셀룰러 모델은 iPhone 없이도 통화, 문자, 음악 스트리밍이 가능하여, 이동 중에도 끊김 없는 커뮤니케이션을 제공합니다. 또한, 18시간의 배터리 수명과 급속 충전 기능으로 하루 종일 걱정 없이 사용할 수 있습니다.
  </p>
  <p>
    Apple Watch SE 3는 충돌 감지 및 넘어짐 감지 기능을 통해 안전한 일상을 지원하며, 다양한 디자인 옵션으로 개성을 표현할 수 있습니다. 이제 Apple Watch SE 3와 함께 스마트한 일상을 시작하세요!
  </p>
</div>
  
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 800px;
            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: #4D96FF;
            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: #3A7BD5;
            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, #f4f8ff, #f4f8ff);
            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: #4D96FF;
            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://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%20SE3/Apple%202025%20애플워치%20SE3_제품_이미지.webp" alt="Apple 2025 애플워치 SE3 알루미늄 케이스"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cWb06z" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">Apple 2025 애플워치 SE3 알루미늄 케이스</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">리뷰 443개</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">369,000원</div><div class="price-date">2025-10-13 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">Apple Watch SE 3: 합리적 가격의 스마트 기능</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">수면 및 건강 모니터링으로 건강 관리 강화</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">아이폰 없이도 가능한 통신 기능</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">긴 배터리 수명과 빠른 충전</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">다양한 디자인 옵션으로 스타일 연출</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cWb06z" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info3 {
            max-width: 700px;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #3b82f6;
            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 #4299e1;
            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: #F0F5FC;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-2">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-2">
                <div class="product-section3">
                    <h3>핵심 기능을 합리적인 가격에 제공하는 Apple Watch SE 3는 건강 관리, 운동 트래킹, 통신 기능을 통해 일상을 더욱 편리하고 스마트하게 만들어줍니다.</h3>
                    <ul>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>주요 특징:</h3>
                    <ul><li>수면 관리</li><li>수면 점수 기능으로 수면의 질을 파악</li><li>수면 단계(깨어있는 시간, REM, 코어, 깊은 수면) 상세 분석</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>건강 모니터링</h3>
                    <ul><li>손목 온도 감지로 깊은 건강 통찰 제공</li><li>심박수 모니터링, 불규칙한 심장 박동 알림 등 다양한 건강 기능</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>운동 및 활동 트래킹</h3>
                    <ul><li>다양한 운동 수치 쉽게 확인</li><li>일일 활동 목표 달성 독려 기능</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>편리한 통신 기능</h3>
                    <ul><li>셀룰러 모델은 iPhone 없이도 통화, 문자, 음악 스트리밍 가능</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>긴 배터리 수명과 빠른 충전</h3>
                    <ul><li>18시간 배터리 사용 시간</li><li>급속 충전으로 최대 2배 더 빠른 충전</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>안전 기능</h3>
                    <ul><li>충돌 감지, 넘어짐 감지 등 긴급 상황 대처 기능 탑재</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>다양한 디자인 옵션</h3>
                    <ul><li>알루미늄 케이스와 다양한 컬러 옵션(미드나이트, 스타라이트 등)</li><li>다양한 스타일의 밴드로 개성 있는 연출 가능</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-2" onclick="toggleContent('product-info-2')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

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

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

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

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

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

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

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

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

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-69687cb924c8e" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=1PiGLG1zVkM" data-video-id="1PiGLG1zVkM" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%20SE3/Apple%202025%20애플워치%20SE3_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/_quPrDTZdT8" data-video-id="_quPrDTZdT8" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202025%20애플워치%20SE3/Apple%202025%20애플워치%20SE3_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #4D96FF;
            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 #3b82f6;
            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:#4D96FF;">
                    <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:4%;"></div>
                    </div>
                    <div class="percentage">4%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 800px;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>아이폰과의 완벽한 연동성으로 실시간 메시지, 전화, 알림 확인 가능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>세련된 디자인과 스타라이트 색상의 고급스러운 외관</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>건강 관리 기능의 정교함과 다양한 운동 모드 지원</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Always-On 디스플레이로 편리한 시간 및 알림 확인</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>ECG, SpO₂ 같은 고급 건강 센서는 미탑재</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">27%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 27%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">68%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 68%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다짧아요</span>
                                        <span class="stat-value">5%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 5%;
                                                     background-color: #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">79%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 79%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">21%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 21%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">별로예요</span>
                                        <span class="stat-value">0%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 0%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div 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">64%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 64%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">35%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 35%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다무거워요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>스마트 기능</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">기능이 많고 편리해요</span>
                                        <span class="stat-value">62%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 62%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">필요한 기능만 딱 있어요</span>
                                        <span class="stat-value">37%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 37%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">기능이 별로 없어요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>가성비</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 저렴해요</span>
                                        <span class="stat-value">28%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 28%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당한 편이에요</span>
                                        <span class="stat-value">64%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 64%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 비싸요</span>
                                        <span class="stat-value">8%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 8%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">Apple 2025 애플워치 SE3 구매 이유</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">스마트워치를 사용하다가 운동량 측정과 건강 관리 기능을<br>강화하고 싶어 애플워치 SE3를 선택했어요. 여러 브랜드와 비교했지만<br>아이폰과의 연동성이 큰 매력으로 다가왔어요. 운동 기록, 심박수 측정,<br>수면 추적 등 필요한 기능을 손목에서 바로 확인할 수 있어<br>효율적이에요. 디자인도 세련됐고, 스타라이트 컬러가 다양한 스타일에<br>잘 어울려 선택했습니다. GPS 모델이라 운동 중에도 정확한<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">애플워치 SE3의 장점</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">첫째, 탁월한 성능과 부드러운 사용자 경험입니다. 최신 칩셋이<br>탑재되어 반응 속도가 빠르고, 앱 실행이나 화면 전환이 매끄러워요.<br>둘째, 건강 관리 기능의 정교함입니다. 심박수, 칼로리 소모량,<br>수면 패턴 등을 세밀하게 기록하며, 심박 변화가 감지되면 알림을<br>보내줘요. 셋째, 디자인 완성도가 뛰어납니다. 알루미늄 케이스의<br>가벼움 덕분에 장시간 착용해도 부담이 없고, 44mm 디스플레이는<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">Apple 2025 애플워치 SE3 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">Apple 2025 애플워치 SE3 44mm 스타라이트 GPS 모델은 기능,<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">애플워치 SE 44mm 선물 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">친구 생일선물로 애플워치 SE 44mm를 구매했어요.<br>제가 원래 40mm를 사용하고 있어서 이번엔 44mm로 해봤는데,<br>화면 크기가 확실히 다르더라구요. 화면이 넓어서 시원하고,<br>숫자나 문자도 큼직하게 보여 가독성이 좋아요. 친구도<br>받자마자 색감이 예쁘다며 바로 차봤어요. 스타라이트 컬러는<br>은은하게 반짝여 고급스럽고, 어떤 옷이랑도 잘 어울려서<br>선물용으로 딱이에요. 디자인, 기능, 컬러 모두 만족스러워요.<br>다음엔 제 용도로 44mm 다시 구매할 생각이에요. 정말 만족스러운 쇼핑이었어요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">SE3 모델 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-4">기존 SE2 모델을 쓰다가<br> AOD 기능이 매력적이라 SE3로 바꿨어요<br> 외관은 큰 변화 없지만<br> AOD 모드 덕분에 만족스러워요<br> 44mm 화면은 크고 시원해서<br> 운동 기록이나 알림 확인이 편리해요<br> 블랙톤 디자인은 세련됐고<br> 어떤 옷에도 잘 어울려요<br> 알루미늄 케이스라 가볍고<br> 하루 종일 차고 있어도 부담 없어요<br> 방수 기능 덕분에 샤워나 수영도 문제 없고<br> 배터리는 하루 반 정도 버티며<br> 충전도 빨라요<br> 알림 연동도 깔끔해서<br> 회의나 이동 중에 유용해요<br> SE3는 가성비 좋은 스마트워치로<br> 추천합니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-4">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

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

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1946A8 0%, #048AEF 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(4, 138, 239, 0.3);
            }

            .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/cWb06z" 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://1bunreview.com/%ec%95%a0%ed%94%8c-%ec%9b%8c%ec%b9%98-se-3-%eb%a6%ac%eb%b7%b0/">Apple Watch SE 3 리뷰 &#8211; 합리적인 가격에 스마트한 기능</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5887</post-id>	</item>
		<item>
		<title>iPhone Air 자급제 &#8211; 초슬림 디자인과 강력한 성능의 스마트폰</title>
		<link>https://1bunreview.com/%ec%95%84%ec%9d%b4%ed%8f%b0-air-%ec%9e%90%ea%b8%89%ec%a0%9c/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Wed, 08 Oct 2025 05:26:51 +0000</pubDate>
				<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[스마트폰]]></category>
		<category><![CDATA[태블릿/스마트폰]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5877</guid>

					<description><![CDATA[<p>iPhone Air: 초슬림 디자인과 강력한 성능의 완벽한 조화 프리미엄 스마트폰 시장에서 새로운 기준을 제시하는 iPhone Air는 초슬림 디자인과 강력한 성능을 자랑합니다. 티타늄 프레임과 Ceramic Shield 2로 내구성을 극대화하여 일상에서의 안전성을 보장하며, 48MP Fusion 메인 카메라로 고급 카메라 두 개의 기능을 하나로 통합하여 전문적인 사진 촬영 경험을 제공합니다. 특히, iPhone 14 Pro 대비 최대 4시간 더 [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ec%95%84%ec%9d%b4%ed%8f%b0-air-%ec%9e%90%ea%b8%89%ec%a0%9c/">iPhone Air 자급제 &#8211; 초슬림 디자인과 강력한 성능의 스마트폰</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</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">iPhone Air: 초슬림 디자인과 강력한 성능의 완벽한 조화</h2>
    <p>프리미엄 스마트폰 시장에서 새로운 기준을 제시하는 iPhone Air는 초슬림 디자인과 강력한 성능을 자랑합니다. 티타늄 프레임과 Ceramic Shield 2로 내구성을 극대화하여 일상에서의 안전성을 보장하며, 48MP Fusion 메인 카메라로 고급 카메라 두 개의 기능을 하나로 통합하여 전문적인 사진 촬영 경험을 제공합니다.</p>
    <p>특히, iPhone 14 Pro 대비 최대 4시간 더 긴 동영상 재생 시간을 제공하여 배터리 효율성을 극대화하였습니다. A19 Pro 칩을 탑재하여 CPU 40%, GPU 70% 성능 향상을 이루어냈으며, iOS와 Apple Intelligence로 사용자 경험을 최적화하였습니다.</p>
    <p>환경을 생각하는 지속 가능한 선택으로 재활용 소재 사용을 확대하였고, 개인정보 보호 기능을 강화하여 사용자 데이터 보안을 책임집니다. 이 모든 혁신적인 기능과 디자인을 통해 iPhone Air는 일상을 더욱 풍부하게 만들어줍니다.</p>
</div>
   
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 800px;
            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: #4D96FF;
            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: #3A7BD5;
            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, #f4f8ff, #f4f8ff);
            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: #4D96FF;
            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://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%20Air/Apple%20아이폰%20Air_제품_이미지.webp" alt="Apple 아이폰 Air 자급제"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cVhP8U" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">Apple 아이폰 Air 자급제</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">리뷰 209개</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">1,590,000원</div><div class="price-date">2025-10-08 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">초슬림, 초경량 디자인으로 휴대성 극대화</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">티타늄 프레임과 Ceramic Shield 2로 강화된 내구성</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">48MP Fusion 메인 카메라로 전문가급 촬영</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">A19 Pro 칩으로 성능 대폭 향상</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">최대 27시간 동영상 재생으로 긴 배터리 수명</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cVhP8U" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info3 {
            max-width: 700px;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #3b82f6;
            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 #4299e1;
            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: #F0F5FC;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-3">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-3">
                <div class="product-section3">
                    <h3>초슬림 디자인과 강력한 성능의 완벽한 조화</h3>
                    <ul><li>티타늄 프레임과 Ceramic Shield 2로 내구성 극대화</li><li>18MP Center Stage 전면 카메라로 스마트한 단체 셀피 기능</li><li>48MP Fusion 메인 카메라로 두 개의 고급 카메라를 하나로 통합</li><li>iPhone 14 Pro 대비 최대 4시간 더 긴 동영상 재생 시간 제공</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>세부사항</h3>
                    <ul><li>A19 Pro 칩: iPhone 14 Pro 대비 CPU 40%, GPU 70% 성능 향상</li><li>iOS와 Apple Intelligence 탑재로 사용자 경험 최적화</li><li>eSIM 전용 모델로 더 간편한 네트워크 설정</li><li>256GB~1TB 저장 용량 옵션으로 다양한 선택 가능</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>혁신적인 기능과 디자인으로 새로운 경험 제공</h3>
                    <ul><li>역대 가장 얇은 iPhone 디자인으로 휴대성 강화</li><li>3배 향상된 긁힘 방지 Ceramic Shield 2 전면으로 내구성 강화</li><li>최대 27시간 동영상 재생으로 배터리 효율 극대화</li><li>USB-C 포트로 더 빠르고 편리한 연결</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>환경을 생각하는 지속 가능한 선택</h3>
                    <ul><li>개인정보 보호 기능 강화로 사용자 데이터 보안</li><li>재활용 소재 사용 확대로 환경 보호 기여</li><li>Apple TV+ 3개월 무료 제공으로 엔터테인먼트 경험 확장</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-3" onclick="toggleContent('product-info-3')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #4D96FF;
            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 #3b82f6;
            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:#4D96FF;">
                    <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:91%;"></div>
                    </div>
                    <div class="percentage">91%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:6%;"></div>
                    </div>
                    <div class="percentage">6%</div>
                  </div><div class="rating-row">
                    <div class="star-label">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:0%;"></div>
                    </div>
                    <div class="percentage">0%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 800px;
            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>A19 Pro 칩셋 탑재로 강력한 성능 제공</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>256GB의 넉넉한 저장공간으로 다양한 콘텐츠 저장 가능</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>eSIM 전용 구조로 물리 SIM 사용 불가</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>Pro 모델 대비 일부 카메라 기능 및 화면 크기 제한</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">19%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 19%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">72%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 72%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다짧아요</span>
                                        <span class="stat-value">9%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 9%;
                                                     background-color: #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">87%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 87%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">13%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 13%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </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">36%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 36%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">53%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 53%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다별로예요</span>
                                        <span class="stat-value">11%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 11%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>무게</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">가벼워요</span>
                                        <span class="stat-value">92%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 92%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">7%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 7%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다무거워요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>가성비</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 저렴해요</span>
                                        <span class="stat-value">4%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 4%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당한 편이에요</span>
                                        <span class="stat-value">56%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 56%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 비싸요</span>
                                        <span class="stat-value">40%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 40%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">아이폰 Air 라이트골드 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">이번에 아이폰을 새로 장만하기까지 고민이 많았어요. 특히 색상과 모델 선택에서<br>오래 붙잡혔죠. 처음엔 최신 아이폰 17 라벤더 컬러가 눈에 밟혀서<br>한동안 마음이 기울었어요. 매장에서 직접 보니 라벤더 색감이 은은하게<br>고급스럽고 흔하지 않아 매력적이더라고요. 그러나 결국엔 아이폰 Air<br>라이트골드 256GB로 선택했어요. 마지막에 승부를 가른 건 디자인과<br>무게감이었습니다. Air 모델이 얇고 가볍다는 얘기를 듣고 손에 쥐어보니<br>확실히 체감되더라고요. 주머니에 넣었을 때도 부담이 적고<br>한 손으로 오래 들어도 손목이 덜 아픈 느낌이었어요. 라이트골드 색상도<br>처음엔 흔할까 봐 망설였지만 받아보니 은은하게 고급스럽고<br>빛에 따라 달라지는 골드빛이 세련된 느낌이었어요. 다만 단점도<br>있습니다. 스피커 출력이 약간 부족하고 소리가 얇게 느껴져요.<br>카메라는 메인 하나로도 일상샷 찍기엔 충분하지만<br>울트라 와이드나 망원이 없어 아쉽습니다. 가격도 조금 더<br>저렴했다면 좋았을 텐데요. 그래도 디자인과 가벼움이 주는 만족감에<br>결국 선택했습니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">아이폰 에어 사용 소감</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">아이폰 12프로 맥스를 쓰다가 아이폰 에어를 구매했어요. <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">아이폰 Air의 세련된 디자인과 성능</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">새로운 아이폰 Air는 얇고 가벼운 디자인으로 주목받고 있습니다.<br>두께 5.6mm, 무게 165g으로 가장 슬림한 모델이며, 고급스러운 소재와<br>마감이 돋보입니다. 6.5인치 OLED 디스플레이는 ProMotion과 최대<br>3,000 nits 밝기를 지원해 야외에서도 선명한 시야를 제공합니다.<br>A19 Pro 칩셋으로 뛰어난 성능을 자랑하며, 자급제로 통신사 약정 없이<br>자유롭게 사용할 수 있습니다. 다만, 단일 렌즈 카메라와 배터리 지속<br>시간이 아쉬운 점으로 꼽힙니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

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

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1946A8 0%, #048AEF 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(4, 138, 239, 0.3);
            }

            .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/cVhP8U" 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://1bunreview.com/%ec%95%84%ec%9d%b4%ed%8f%b0-air-%ec%9e%90%ea%b8%89%ec%a0%9c/">iPhone Air 자급제 &#8211; 초슬림 디자인과 강력한 성능의 스마트폰</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5877</post-id>	</item>
		<item>
		<title>iPhone 17 Pro 리뷰 &#8211; 혁신적인 기술과 디자인의 만남</title>
		<link>https://1bunreview.com/%ec%95%84%ec%9d%b4%ed%8f%b0-17-pro-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Sun, 28 Sep 2025 08:24:23 +0000</pubDate>
				<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[스마트폰]]></category>
		<category><![CDATA[태블릿/스마트폰]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5868</guid>

					<description><![CDATA[<p>iPhone 17 Pro 및 Pro Max: 혁신적인 기술로 스마트폰의 새로운 지평을 열다 iPhone 17 Pro와 Pro Max는 최첨단 기술과 세련된 디자인으로 스마트폰의 새로운 기준을 제시합니다. 이 제품은 열간단조 알루미늄 Unibody와 Ceramic Shield 2로 뛰어난 내구성을 자랑하며, ProMotion 기술이 적용된 Super Retina XDR 디스플레이로 몰입감을 극대화합니다. 혁신적인 카메라 시스템은 48MP Fusion 후면 카메라와 8배 광학 줌을 [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ec%95%84%ec%9d%b4%ed%8f%b0-17-pro-%eb%a6%ac%eb%b7%b0/">iPhone 17 Pro 리뷰 &#8211; 혁신적인 기술과 디자인의 만남</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</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;">
        iPhone 17 Pro 및 Pro Max: 혁신적인 기술로 스마트폰의 새로운 지평을 열다
    </h2>
    <p>
        iPhone 17 Pro와 Pro Max는 최첨단 기술과 세련된 디자인으로 스마트폰의 새로운 기준을 제시합니다. 
        이 제품은 열간단조 알루미늄 Unibody와 Ceramic Shield 2로 뛰어난 내구성을 자랑하며, 
        ProMotion 기술이 적용된 Super Retina XDR 디스플레이로 몰입감을 극대화합니다.
    </p>
    <p>
        혁신적인 카메라 시스템은 48MP Fusion 후면 카메라와 8배 광학 줌을 통해 디테일한 사진을 
        촬영할 수 있게 해주며, 4K 120fps Dolby Vision 비디오로 생동감 있는 영상 제작이 가능합니다.
    </p>
    <p>
        A19 Pro 칩과 베이퍼 쿨링 시스템은 강력한 성능을 제공하며, 최대 37시간 동영상 재생이 가능한 
        배터리 수명으로 하루 종일 사용이 가능합니다. USB-C 포트와 eSIM 지원으로 편리한 사용 환경을 
        제공합니다.
    </p>
    <p>
        다양한 저장 용량과 색상 옵션으로 개성을 표현할 수 있으며, 환경을 고려한 설계로 지속 가능한 
        미래를 지향합니다. iPhone 17 Pro 및 Pro Max는 혁신적인 기술과 디자인으로 새로운 스마트폰 
        경험을 선사합니다. 지금 경험해보세요!
    </p>
</div>
   
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 800px;
            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: #4D96FF;
            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: #3A7BD5;
            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, #f4f8ff, #f4f8ff);
            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: #4D96FF;
            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://d36jepsajrtzp9.cloudfront.net/Apple%20아이폰%2017%20Pro/Apple%20아이폰%2017%20Pro_제품_이미지.webp" alt="Apple 아이폰 17 Pro 자급제"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cTAR8y" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">Apple 아이폰 17 Pro 자급제</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">리뷰 521개</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">1,790,000원</div><div class="price-date">2025-09-28 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">열간단조 알루미늄 Unibody 디자인과 Ceramic Shield 2로 내구성 강화</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">48MP Fusion 카메라와 8배 광학 줌으로 전문가급 촬영 가능</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">A19 Pro 칩과 베이퍼 쿨링 시스템으로 최강의 성능 제공</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">USB-C 포트로 20배 빠른 데이터 전송 속도(USB3 지원)</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">최대 37시간 동영상 재생 가능한 배터리 수명으로 하루 종일 사용 가능</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cTAR8y" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info4 {
            max-width: 800px;
            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 #3b82f6;
            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, #f4f8ff, #f4f8ff);
            display: flex;
            align-items: center;
            border: 1px solid #E2E8F0;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #E2E8F0;
            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: #4299e1;
            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: #F0F5FC;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-2">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-2">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>최신 기술과 디자인의 집약체</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>열간단조 알루미늄 Unibody로 고급스러움 극대화</li><li>Ceramic Shield 2로 3배 향상된 긁힘 방지 성능</li><li>ProMotion 기술이 적용된 Super Retina XDR 디스플레이 (Pro: 15.9cm, Pro Max: 17.4cm)</li><li>Dynamic Island 및 상시표시형 디스플레이로 몰입감 극대화</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>탁월한 카메라 시스템</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>48MP Fusion 후면 카메라로 전문가급 사진 촬영</li><li>8배 광학 줌으로 디테일한 사진 가능</li><li>18MP Center Stage 전면 카메라로 인물 촬영 최적화</li><li>4K 120fps Dolby Vision 비디오로 생동감 있는 영상 제작</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>강력한 성능과 배터리</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>A19 Pro 칩으로 초고속 처리 성능 제공</li><li>베이퍼 쿨링 시스템으로 장시간 사용에도 안정적</li><li>하드웨어 가속 레이 트레이싱으로 현실감 넘치는 그래픽 구현</li><li>최대 37시간 동영상 재생 가능한 배터리 수명으로 하루 종일 사용 가능 (Pro Max 기준)</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>다양한 기능과 환경을 고려한 설계</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>USB-C 포트로 20배 빠른 데이터 전송(USB3 지원)</li><li>eSIM 지원으로 유연한 통신 환경 제공</li><li>iOS의 Apple Intelligence로 스마트한 사용자 경험 제공</li><li>긴급 구조 요청 및 충돌 감지 기능으로 안전성 강화</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>선택의 폭을 넓히다</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>저장 용량은 256GB부터 2TB까지 선택 가능</li><li>다양한 색상으로 개성을 표현</li><li>환경을 고려한 설계와 재활용 소재 사용으로 지속 가능한 미래 지향</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-2" onclick="toggleContent('product-info-2')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #4D96FF;
            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 #3b82f6;
            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:#4D96FF;">
                    <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:92%;"></div>
                    </div>
                    <div class="percentage">92%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:4%;"></div>
                    </div>
                    <div class="percentage">4%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:2%;"></div>
                    </div>
                    <div class="percentage">2%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 800px;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>세련된 디자인과 다양한 색상 옵션</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>탁월한 카메라 성능, 특히 저조도 및 줌 기능 강화</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>강력한 성능과 부드러운 디스플레이 제공</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>자급제의 자유로운 사용성과 경제성</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>오래가는 배터리와 발열 개선</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>높은 가격대</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>무거운 무게감</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>충전 속도가 여전히 아쉬움</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>기본 구성품의 부족함 (케이스, 보호필름 별도 구매 필요)</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>사용 시간</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주길어요</span>
                                        <span class="stat-value">53%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 53%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">44%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 44%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다짧아요</span>
                                        <span class="stat-value">3%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 3%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>디자인</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주만족해요</span>
                                        <span class="stat-value">63%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 63%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">32%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 32%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">별로예요</span>
                                        <span class="stat-value">5%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 5%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>카메라 성능</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주뛰어나요</span>
                                        <span class="stat-value">86%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 86%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">14%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 14%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>무게</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">가벼워요</span>
                                        <span class="stat-value">19%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 19%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">60%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 60%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다무거워요</span>
                                        <span class="stat-value">21%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 21%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>가성비</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 저렴해요</span>
                                        <span class="stat-value">9%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 9%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당한 편이에요</span>
                                        <span class="stat-value">65%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 65%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 비싸요</span>
                                        <span class="stat-value">26%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 26%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">아이폰 17 Pro 실사용 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">아이폰은 매년 새 모델이 나올 때마다 관심이 가는데<br>이번 17 Pro는 디자인과 성능이 확실히 진화했어요<br>특히 카메라와 디스플레이 업그레이드가 매력적이어서<br>출시 직후 바로 구매했습니다<br>개봉 후 첫인상은 역시 애플답게 고급스러웠고<br>그립감도 안정적이며 무게감도 가벼워요<br>디스플레이는 선명함과 밝기가 개선되어<br>야외에서도 시인성이 좋고<br>스크롤이나 앱 전환 시 반응 속도가 빨라졌습니다<br>카메라는 저조도 환경에서도 노이즈가 최소화되고<br>색감 표현이 자연스러워요<br>영상 촬영 시 흔들림 보정도 뛰어나서<br>가족 영상이나 여행 기록에 유용합니다<br>배터리는 하루 종일 사용해도 저녁까지 안정적이고<br>발열도 줄어들어 쾌적하게 사용할 수 있습니다<br>장점은 세련된 디자인과 뛰어난 그립감<br>선명한 디스플레이와 부드러운 화면 전환<br>저조도에서도 뛰어난 카메라 성능<br>안정적인 배터리와 발열 개선<br>우수한 흔들림 보정 기능입니다<br>단점은 충전 속도가 아쉽고<br>기본 저장 용량이 부족할 수 있다는 점<br>애플 특유의 폐쇄적 시스템으로 확장성 제한입니다<br>현재까지 만족도가 높아<br>앞으로도 메인 스마트폰으로 사용할 계획이에요<br>아이폰의 완성도를 감안하면<br>이번 17 Pro는 장기간 사용에도 후회가 없을 선택입니다<br>평점은 5/5입니다</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">아이폰 17 Pro 실버 사용 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">아이폰 14 플러스에서 17 Pro로 업그레이드했습니다.<br>특히 카메라 성능이 확연히 좋아졌고, 실버 색상이<br>아이폰 XS 느낌이라 망설임 없이 구매했어요.<br>무게는 좀 있지만 그립톡 같은 액세서리를 활용하면<br>더 편하게 사용할 수 있습니다. 120Hz 화면 덕분에<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">아이폰 17 Pro 1TB 딥블루 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">200만원 넘는 가격이지만<br> 예정보다 빨리 도착해서 좋았어요<br> 기존 512G 사용 중 용량이 꽉 차서<br> 1TB를 구입했는데, 딥블루 컬러가<br> 생각보다 훨씬 고급스럽더라고요<br> 진한 파랑에 은은한 그레이 톤이<br> 섞여 있어서 빛에 따라 색감이<br> 달라 보이고, 세련된 느낌이에요<br> 성능도 기대 이상이에요<br> 최신 칩셋이라 속도가 빠르고<br> 앱 실행이나 멀티태스킹도 부드럽고<br> 발열도 적어요<br> 카메라는 특히 만족스러워요<br> 일반 촬영뿐 아니라 망원과 야간 사진이<br> 훨씬 선명하고 디테일이 살아납니다<br> 무엇보다 1TB 대용량이라<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-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">아이폰 17프로로 바꾼 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">13프로에서 17프로로 바꿨어요. <br>사람들은 카메라 섬이 별로라지만 <br>저는 투톤 디자인이 더 아쉽더라고요. <br>투톤 때문에 카메라 섬이 괜찮아 보이기도 하고요. <br>프로 색상이 일체형으로 나왔으면 좋았을 텐데 <br>그래서 케이스로 뒷판 가리려고요. <br>일반 모델이 잘 나와서 고민했지만 <br>줌 기능 때문에 프로로 선택했어요. <br>확대 사진이 선명하진 않지만 <br>일반보다는 줌이 좋아서 만족합니다. <br>그립감도 괜찮고요. <br>다만 알루미늄 바디가 찍힐까 걱정되네요. <br>사전예약으로 19일에 받았는데 <br>배송 상태가 별로였어요. <br>박스 포장이 커서 불안했어요. <br>쿠팡에서 할인이나 무이자 할부 기대했지만 <br>이번엔 없어서 일시불로 샀어요. <br>애플 정품이라도 뭔가 믿음이 안 가네요. <br>첫날 직장에서 핸드폰이 안 터져서 <br>불량인가 했는데 기지국 문제였어요. <br>공홈에서 사는 게 더 나을 것 같아요. <br>물량도 많고 포장도 좋고 믿을 만해요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

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

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1946A8 0%, #048AEF 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(4, 138, 239, 0.3);
            }

            .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/cTAR8y" 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://1bunreview.com/%ec%95%84%ec%9d%b4%ed%8f%b0-17-pro-%eb%a6%ac%eb%b7%b0/">iPhone 17 Pro 리뷰 &#8211; 혁신적인 기술과 디자인의 만남</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5868</post-id>	</item>
		<item>
		<title>삼성 갤럭시 A16 리뷰 &#8211; 중급형 스마트폰의 혁신</title>
		<link>https://1bunreview.com/%ec%82%bc%ec%84%b1-%ea%b0%a4%eb%9f%ad%ec%8b%9c-a16-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Tue, 23 Sep 2025 06:12:13 +0000</pubDate>
				<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[스마트폰]]></category>
		<category><![CDATA[태블릿/스마트폰]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5857</guid>

					<description><![CDATA[<p>혁신적인 중급형 스마트폰, 삼성 Galaxy A16로 스마트폰 경험을 업그레이드하세요! 합리적인 가격에 프리미엄급 기능을 누릴 수 있는 삼성 Galaxy A16은 스마트폰 시장에서 주목받고 있습니다. 최신 기술과 강력한 성능을 갖춘 이 제품은 선명한 FHD+ Super AMOLED 디스플레이와 90Hz 주사율로 탁월한 시각적 경험을 제공합니다. 또한, 50MP 메인 카메라와 다양한 렌즈 조합으로 일상을 특별하게 기록할 수 있으며, 13MP 전면 [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ec%82%bc%ec%84%b1-%ea%b0%a4%eb%9f%ad%ec%8b%9c-a16-%eb%a6%ac%eb%b7%b0/">삼성 갤럭시 A16 리뷰 &#8211; 중급형 스마트폰의 혁신</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</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">
        혁신적인 중급형 스마트폰, 삼성 Galaxy A16로 스마트폰 경험을 업그레이드하세요!
    </h2>
    <p>
        합리적인 가격에 프리미엄급 기능을 누릴 수 있는 삼성 Galaxy A16은 스마트폰 시장에서 주목받고 있습니다.
        최신 기술과 강력한 성능을 갖춘 이 제품은 선명한 FHD+ Super AMOLED 디스플레이와 90Hz 주사율로 탁월한 시각적 경험을 제공합니다.
    </p>
    <p>
        또한, 50MP 메인 카메라와 다양한 렌즈 조합으로 일상을 특별하게 기록할 수 있으며, 13MP 전면 카메라로 고품질 셀카를 촬영할 수 있습니다.
        옥타코어 프로세서와 6GB RAM이 장착되어 멀티태스킹이 원활하며, 5,000mAh 대용량 배터리로 하루 종일 사용 가능합니다.
    </p>
    <p>
        삼성 Knox로 개인정보를 보호하며, 최대 6회 OS 업그레이드와 6년 보안 업데이트를 지원하여 안전한 사용 환경을 제공합니다.
        슬림하고 세련된 디자인과 IP54 등급의 방수/방진 기능으로 일상 속에서도 안심하고 사용할 수 있습니다.
    </p>
</div>

        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 800px;
            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: #4D96FF;
            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: #3A7BD5;
            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, #f4f8ff, #f4f8ff);
            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: #4D96FF;
            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://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시%20A16/삼성전자%20갤럭시%20A16_제품_이미지.webp" alt="삼성전자 갤럭시 A16 자급제 SM-A165N"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cSBI7z" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">삼성전자 갤럭시 A16 자급제 SM-A165N</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">리뷰 2,478개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">319,000원</span><span class="discount">10%</span></div><div class="special-price">286,900원</div><div class="price-date">2025-09-23 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">169.1mm FHD+ Super AMOLED 디스플레이로 몰입감 있는 시청 경험 제공</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">50MP 메인 카메라 등 강력한 카메라 시스템으로 고품질 촬영 가능</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">5,000mAh 대용량 배터리로 하루 종일 지속되는 사용 시간</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">최대 6회 OS 업그레이드 지원으로 장기적인 사용 보장</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">삼성 Knox로 강화된 보안 기능 제공</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cSBI7z" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info4 {
            max-width: 800px;
            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 #3b82f6;
            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, #f4f8ff, #f4f8ff);
            display: flex;
            align-items: center;
            border: 1px solid #E2E8F0;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #E2E8F0;
            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: #4299e1;
            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: #F0F5FC;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-3">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-3">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>프리미엄급 기능을 합리적인 가격에, Galaxy A16으로 스마트폰 경험을 업그레이드하세요!</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>169.1mm FHD+ Super AMOLED 디스플레이로 선명한 색감과 뛰어난 화질 제공</li><li>90Hz 주사율 지원으로 부드러운 화면 전환</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>강력한 카메라 시스템으로 일상을 특별하게</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>50MP 메인 + 5MP 초광각 + 2MP 접사 카메라로 다양한 촬영 가능</li><li>13MP 전면 카메라로 고품질 셀카 촬영</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>최적의 성능과 배터리로 하루 종일</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>옥타코어 프로세서와 6GB RAM으로 원활한 멀티태스킹</li><li>5,000mAh 대용량 배터리로 하루 종일 지속</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>안전한 사용 환경과 최신 소프트웨어 지원</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>삼성 Knox로 개인정보 안전하게 보호</li><li>최대 6회 OS 업그레이드 및 6년 보안 업데이트 제공</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>디자인과 내구성의 조화</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>슬림하고 세련된 디자인</li><li>IP54 등급의 방수/방진 기능으로 일상 속 안심 사용</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>구매 팁</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>블랙, 그레이, 라이트 그린 3가지 색상 중 선택 가능</li><li>다양한 프로모션과 할인을 통해 더 저렴하게 구매 가능</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-3" onclick="toggleContent('product-info-3')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

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

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

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

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

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

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

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

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

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-69687cb92a6b7" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=DFwHjtKL80k" data-video-id="DFwHjtKL80k" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시%20A16/삼성전자%20갤럭시%20A16_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/0kgpN_Qswe8" data-video-id="0kgpN_Qswe8" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시%20A16/삼성전자%20갤럭시%20A16_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #4D96FF;
            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 #3b82f6;
            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:#4D96FF;">
                    <div class="badge-emoji">💎</div>
                    <div class="badge-text">PREMIUM</div>
                    <div class="badge-subtext">2,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width: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: 800px;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>가격 대비 높은 가성비</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>기본 기능 충실 및 배터리 효율 우수</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>디자인이 심플하고 세련됨</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>화면 크기 및 해상도가 적절하여 시인성 좋음</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>자급제 모델로 통신사 약정 없이 자유롭게 사용 가능</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>고사양 작업 및 무거운 게임에는 부적합</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>어두운 환경에서 카메라 성능 미흡</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>사용 시간</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주길어요</span>
                                        <span class="stat-value">43%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 43%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">55%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 55%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다짧아요</span>
                                        <span class="stat-value">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">76%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 76%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">23%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 23%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">별로예요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div 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: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">59%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 59%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다별로예요</span>
                                        <span class="stat-value">3%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 3%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>무게</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">가벼워요</span>
                                        <span class="stat-value">38%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 38%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">54%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 54%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다무거워요</span>
                                        <span class="stat-value">8%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 8%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>가성비</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 저렴해요</span>
                                        <span class="stat-value">49%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 49%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당한 편이에요</span>
                                        <span class="stat-value">48%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 48%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 비싸요</span>
                                        <span class="stat-value">3%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 3%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">갤럭시 A16 사용 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">3개월 전 서브폰으로 갤럭시 A16을 샀어요. <br>전에는 S10+를 6년 정도 사용했었죠. <br>이번에도 부담 없이 삼성 폰을 선택했어요. <br>가장 먼저 말하고 싶은 건 가격 대비 만족감이에요. <br>요즘 플래그십 폰은 너무 비싸잖아요? <br>A16은 합리적인 가격대인데도 기본 기능은 전혀 부족하지 않답니다. <br>통화, 카톡, 금융 업무, 유튜브 시청 정도가 폰 사용의 대부분이라면 <br>메인 폰으로 써도 문제없을 것 같아요. <br>카메라 성능도 꽤 괜찮아서 SNS에 올리는 정도의 사진 찍기엔 충분해요. <br>디스플레이도 선명해서 영상 보거나 웹서핑할 때 답답하지 않아요. <br>터치 반응도 부드럽고 앱 실행도 빠른 편이라 만족스럽답니다. <br>배터리 효율도 좋아서 충전 걱정이 줄었고, <br>25W 충전 지원으로 충전 속도도 빨라요. <br>소프트웨어 업데이트도 장기간 지원돼서 <br>최소 6년은 사용할 것 같아요. <br>이 가격대 폰을 찾고 계신 분이라면 <br>망설일 필요 없다고 생각합니다. <br>라이트 그린 색상으로 구매했는데 <br>잘한 선택이라 생각해요. <br>갤럭시 A16은 알뜰한 분들을 위한 <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">갤럭시 A16 만족스러운 재구매</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">작년에 아들에게 그린색 A16을 사주고 만족했어요. 이번엔 남편이 사용할 블랙으로 다시 구매했어요.<br>저희는 신제품보다 출시 6개월 이상 된 가성비 좋은 폰을 선호해요. A16은 화면도 크고 속도도 좋아요.<br>자급제라 요금제 선택도 자유롭고요. 데이터 옮기기도 쉬워서 걱정 없어요. 제 폰도 바꾼다면 A16으로<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">갤럭시 A16 자급제폰 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">초등학생 자녀 첫 핸드폰으로 갤럭시 A16를 구매했습니다. 그레이 색상이 깔끔하고 튼튼해서 남녀 모두에게 잘 어울려요.<br> 6.7인치 화면은 조금 클 수 있지만 아이는 만족해했습니다. 최신 기능은 부족하지만, 단순하고 직관적이라<br> 서브폰이나 효도폰, 키즈폰으로 추천합니다. 20만원대 가격에 이 정도 성능이면 가성비가 뛰어납니다.<br> 앱 실행 속도도 괜찮아 문자, 간단한 게임, 유튜브 시청에 문제없어요. 고성능 작업에는 적합하지 않으니<br> 스펙을 꼭 참고하세요. A16은 기본에 충실한 스마트폰으로, 세컨드폰이나 효도폰, 키즈폰으로도 좋습니다.<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">갤럭시 A16 자급제 리뷰</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">갤럭시 A16 자급제폰을 구매했어요<br>기존 갤럭시가 느려져서 바꾸었는데<br>초등학생에게 딱인 합리적 가격과<br>기본기능이 좋아 만족스럽네요<br>디스플레이와 카메라, 디자인 모두<br>마음에 들고 화면도 커서 게임하기 좋아요<br>비싸지 않아 떨어뜨리거나 잃어버려도<br>부담이 덜하고, 그레이 색상도 예쁘네요<br>배터리도 오래가고, 그립감도 좋으며<br>방수방진 기능으로 안전하게 사용할 수 있어<br>초등학생 자녀 핸드폰으로 강추합니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

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

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1946A8 0%, #048AEF 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(4, 138, 239, 0.3);
            }

            .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/cSBI7z" 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://1bunreview.com/%ec%82%bc%ec%84%b1-%ea%b0%a4%eb%9f%ad%ec%8b%9c-a16-%eb%a6%ac%eb%b7%b0/">삼성 갤럭시 A16 리뷰 &#8211; 중급형 스마트폰의 혁신</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5857</post-id>	</item>
		<item>
		<title>갤럭시 S24 FE: AI 혁신과 프리미엄 카메라로 스마트폰의 새로운 기준</title>
		<link>https://1bunreview.com/%ea%b0%a4%eb%9f%ad%ec%8b%9c-s24-fe-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Tue, 23 Sep 2025 05:59:57 +0000</pubDate>
				<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[스마트폰]]></category>
		<category><![CDATA[태블릿/스마트폰]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5854</guid>

					<description><![CDATA[<p>갤럭시 S24 FE: AI 혁신과 프리미엄 카메라로 스마트폰의 새로운 기준을 제시하다! 갤럭시 S24 FE는 최신 AI 혁신과 프리미엄 카메라 기술을 결합하여 스마트폰 사용 경험을 한층 업그레이드합니다. 이 제품은 강력한 AI 기능과 뛰어난 카메라 성능으로 일상을 더욱 스마트하고 편리하게 만들어 줍니다. 서클 투 서치, 브라우징 어시스트, 실시간 통역 등 AI 기능은 사용자의 일상을 더욱 스마트하게 지원하며, [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ea%b0%a4%eb%9f%ad%ec%8b%9c-s24-fe-%eb%a6%ac%eb%b7%b0/">갤럭시 S24 FE: AI 혁신과 프리미엄 카메라로 스마트폰의 새로운 기준</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</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;">
        갤럭시 S24 FE: AI 혁신과 프리미엄 카메라로 스마트폰의 새로운 기준을 제시하다!
    </h2>
    <p>
        갤럭시 S24 FE는 최신 AI 혁신과 프리미엄 카메라 기술을 결합하여 스마트폰 사용 경험을 한층 업그레이드합니다. 
        이 제품은 강력한 AI 기능과 뛰어난 카메라 성능으로 일상을 더욱 스마트하고 편리하게 만들어 줍니다.
    </p>
    <p>
        서클 투 서치, 브라우징 어시스트, 실시간 통역 등 AI 기능은 사용자의 일상을 더욱 스마트하게 지원하며, 
        50MP 메인 카메라와 ProVisual Engine은 어떤 순간도 선명하게 포착합니다. 
        나이토그래피와 인스턴트 슬로우 모션 기능은 저조도 환경에서도 밝고 선명한 사진과 동영상을 제공합니다.
    </p>
    <p>
        또한, 6.4인치 다이내믹 AMOLED 2X 디스플레이와 엑시노스 2400e 프로세서, 8GB RAM, 256GB 저장공간, 
        4,700mAh 대용량 배터리는 부드럽고 강력한 사용자 경험을 보장합니다. 
        세련된 디자인과 다양한 컬러 옵션은 스타일리시한 외관을 완성합니다.
    </p>
    <p>
        갤럭시 S24 FE는 삼성 공식 스토어 및 주요 온라인 쇼핑몰에서 구매 가능하며, 
        2년 상품 보증기간을 제공합니다.
    </p>
</div>
  
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 800px;
            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: #4D96FF;
            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: #3A7BD5;
            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, #f4f8ff, #f4f8ff);
            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: #4D96FF;
            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://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시%20S24%20FE/삼성전자%20갤럭시%20S24%20FE_제품_이미지.webp" alt="삼성전자 갤럭시 S24 FE 자급제 SM-S721N"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cSBEDy" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">삼성전자 갤럭시 S24 FE 자급제 SM-S721N</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">리뷰 1,588개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">946,000원</span><span class="discount">16%</span></div><div class="special-price">787,520원</div><div class="price-date">2025-09-23 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">강력한 AI 기능으로 실시간 통역 지원</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">6.4인치 다이내믹 AMOLED 2X 디스플레이</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/cSBEDy" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info3 {
            max-width: 700px;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #3b82f6;
            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 #4299e1;
            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: #F0F5FC;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-4">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-4">
                <div class="product-section3">
                    <h3>AI와 카메라 기술의 진보, 갤럭시 S24 FE</h3>
                    <ul><li>강력한 AI 기능과 프리미엄 카메라 성능을 갖춘 중급형 스마트폰</li><li>삼성전자의 최신 기술력 집약</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>AI 기능으로 스마트한 일상 지원</h3>
                    <ul><li>서클 투 서치: 원하는 화면을 원으로 그려 빠르게 검색</li><li>브라우징 어시스트: AI가 웹페이지 내용을 요약</li><li>실시간 통역: 전화 통화 및 대면 대화 시 실시간 통역 지원</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>프리미엄 카메라 시스템으로 순간을 선명하게</h3>
                    <ul><li>50MP 메인 + 12MP 초광각 + 8MP 망원(3배 광학줌) 트리플 카메라</li><li>ProVisual Engine: AI 기반 이미지 처리로 선명한 사진 구현</li><li>나이토그래피: 저조도 환경에서도 밝고 선명한 사진 촬영</li><li>인스턴트 슬로우 모션: 동영상 속도를 자유롭게 조절</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>고성능 하드웨어로 부드러운 사용자 경험</h3>
                    <ul><li>6.4인치 다이내믹 AMOLED 2X 디스플레이 (최대 120Hz)</li><li>엑시노스 2400e 프로세서</li><li>8GB RAM + 256GB 저장공간</li><li>4,700mAh 대용량 배터리</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>세련된 디자인으로 스타일리시하게</h3>
                    <ul><li>슬림한 베젤과 플랫 디스플레이</li><li>블루, 그레이, 그라파이트, 옐로우 4가지 컬러</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>구매 팁</h3>
                    <ul><li>삼성 공식 스토어 및 주요 온라인 쇼핑몰에서 구매 가능</li><li>2년 상품 보증기간 제공</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-4" onclick="toggleContent('product-info-4')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

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

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

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

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

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

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

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

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

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-69687cb92be61" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=NwQ1-tQRI1I" data-video-id="NwQ1-tQRI1I" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시%20S24%20FE/삼성전자%20갤럭시%20S24%20FE_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/EYc4rifL5zU" data-video-id="EYc4rifL5zU" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시%20S24%20FE/삼성전자%20갤럭시%20S24%20FE_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #4D96FF;
            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 #3b82f6;
            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:#4D96FF;">
                    <div class="badge-emoji">🔥</div>
                    <div class="badge-text">HOT</div>
                    <div class="badge-subtext">1,000+ 리뷰</div>
                </div>
              </div>
              <div class="rating-bars"><div class="rating-row">
                    <div class="star-label">5 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:91%;"></div>
                    </div>
                    <div class="percentage">91%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:6%;"></div>
                    </div>
                    <div class="percentage">6%</div>
                  </div><div class="rating-row">
                    <div class="star-label">3 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">2 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div><div class="rating-row">
                    <div class="star-label">1 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:1%;"></div>
                    </div>
                    <div class="percentage">1%</div>
                  </div></div></div></div>
        
        
        
    <style>
        .pros-cons-wrapper {
            max-width: 800px;
            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>선명한 카메라와 AI 기능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>긴 배터리 수명과 빠른 충전</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>자급제 모델로 자유로운 통신사 선택</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>부드러운 화면과 높은 주사율</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>무게가 다소 무거움</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>렌즈가 많이 튀어나와 있음</li></ul></div></div></div></div>
        
                <div class="statistics-container">
        <style>
            .statistics-container {
                width: 100%;
                overflow: hidden;
                position: relative;
            }
            .statistics-scroll {
                padding-left: 2px;
                overflow-x: auto;
                overflow-y: hidden;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Firefox */
                -ms-overflow-style: none;  /* IE and Edge */
                padding-bottom: 1.2rem; /* Space for scrollbar */
            }
            .statistics-scroll::-webkit-scrollbar {
                display: none; /* Chrome, Safari and Opera */
            }
            .statistics-cards {
                display: flex;
                gap: 1rem;
                width: max-content;
            }
            .statistics-card {
                background: white;
                border-radius: 0.5rem;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .statistics-card-header {
                padding: 1rem;
                border-bottom: 1px solid rgba(0,0,0,0.1);
            }
            .statistics-card-header h3 {
                margin: 0;
                font-size: 1rem;
                font-weight: bold;
                color: #333;
                white-space: nowrap;
            }
            .statistics-card-content {
                padding: 1rem;
            }
            .stat-item {
                margin-bottom: 1rem;
            }
            .stat-item:last-child {
                margin-bottom: 0;
            }
            .stat-label-row {
                display: flex;
                justify-content: space-between;
                margin-bottom: 0.25rem;
                font-size: 0.875rem;
            }
            .stat-label {
                margin-right: 1rem;
            }
            .stat-value {
                font-weight: 500;
            }
            .stat-bar-bg {
                background-color: #f3f4f6;
                height: 0.5rem;
                border-radius: 0.25rem;
                overflow: hidden;
            }
            .stat-bar {
                height: 100%;
                border-radius: 0.25rem;
                transition: width 0.3s ease;
            }
            /* 스크롤 가능 표시 그라데이션 */
            .statistics-container::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 32px;
                background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
                pointer-events: none;
            }
            @media (hover: hover) {
                .statistics-scroll {
                    scrollbar-width: thin;
                    -ms-overflow-style: auto;
                }
                .statistics-scroll::-webkit-scrollbar {
                    display: block;
                    height: 8px;
                }
                .statistics-scroll::-webkit-scrollbar-track {
                    background: #f1f1f1;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb {
                    background: #888;
                    border-radius: 4px;
                }
                .statistics-scroll::-webkit-scrollbar-thumb:hover {
                    background: #666;
                }
            }
        </style>

        <div class="statistics-scroll">
            <div class="statistics-cards">
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>사용 시간</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주길어요</span>
                                        <span class="stat-value">42%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 42%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">54%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 54%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다짧아요</span>
                                        <span class="stat-value">4%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 4%;
                                                     background-color: #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">78%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 78%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">20%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 20%;
                                                     background-color: #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 class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>카메라 성능</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주뛰어나요</span>
                                        <span class="stat-value">66%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 66%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">33%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 33%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다별로예요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>무게</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">가벼워요</span>
                                        <span class="stat-value">21%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 21%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">56%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 56%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다무거워요</span>
                                        <span class="stat-value">23%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 23%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>가성비</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 저렴해요</span>
                                        <span class="stat-value">31%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 31%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당한 편이에요</span>
                                        <span class="stat-value">63%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 63%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 비싸요</span>
                                        <span class="stat-value">6%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 6%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">갤럭시 S24 FE, 스마트폰의 새로운 기준</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">평소 스마트폰을 자주 바꾸지 않아 한 번 구매할 때 신중하게 고민합니다<br>이번에 플래그십 성능과 합리적인 가격을 모두 잡은<br>갤럭시 S24 FE를 선택했어요<br>그라파이트 색상에 256GB 용량으로<br>개봉 순간부터 후회 없는 선택이었죠<br>카메라는 선명하고 생생한 결과물을<br>특히 야간 촬영도 노이즈 없이 깔끔하게<br>AI 기술로 인물 사진 보정이나 동영상 편집도<br>전문 앱 없이 만족스러운 결과물<br>배터리 성능도 하루 종일 충분히 사용 가능<br>게임이나 영상 시청에도 배터리 걱정 없이<br>자급제 모델이라 불필요한 통신사 앱 없이 깔끔하게 시작<br>원하는 요금제 선택해 통신비 절약도 가능<br>갤럭시 S24 FE는 플래그십 핵심 기능 유지하면서<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">갤럭시 S24 FE 사용 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">플래그십 감성을 그대로 살리면서도 가격은 착하게 나온<br>갤럭시 S24 FE를 며칠 사용해보니 실속형 플래그십이라는<br>말이 딱 맞네요. 디자인도 S24 라인업과 비슷하고,<br>특히 레몬 색상이 귀엽고 예뻐요. 한 손에 잡기 편하고<br>무게도 적당해서 휴대하기 좋아요. 화면은 120Hz 주사율로<br>부드럽고 색감이 선명해 인스타나 유튜브 볼 때 몰입감이<br>좋아요. 햇빛 아래서도 밝기가 잘 올라가고, 게임할 때<br>발열도 적어 오래 사용하기에 부담이 없었어요. 카메라는<br>낮과 밤 모두 선명하게 찍히고, 음식 사진도 자연스럽게<br>잘 나와요. S25와 비교해도 큰 차이 없고, 일반 사용자에게<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">삼성 갤럭시 S24 FE 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">배송이 정말 빨랐어요 주문한 다음날 도착했어요<br>파손 없이 안전하게 왔고 시어머니와 시아버지께 각각<br>그레이와 그라파이트 색상으로 주문했어요. 갤럭시 S24 FE<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">갤럭시 S24 FE 자급제 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">배송이 빠르고 안전하게 도착했어요. 시어머니께서 갤럭시 노트 9을 사용 중이셨는데, <br> 이제 갤럭시 S24 FE로 바꾸셨습니다. 쿠팡와우 혜택 덕분에 주문했고, <br> 알뜰폰 요금제를 사용 중이라 자급제로 구매했어요. <br> 크기는 77.3 × 162 × 8.0mm, 무게는 213g입니다. <br> 배터리는 4700mAh로 비디오 최대 28시간 사용 가능해요. <br> 초기 불량 걱정됐지만 정상 제품이었고, <br> 크기가 적당해 들고 다니기 좋아요. <br> 어머니도 통화 잘 되면 된다고 하셔서 <br> 필요한 어플만 설치해 사용 중이십니다. <br> 전에 쓰던 핸드폰보다 빠르고 배터리가 오래 간다고 하시네요.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div></div>
        
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

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

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1946A8 0%, #048AEF 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(4, 138, 239, 0.3);
            }

            .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/cSBEDy" 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://1bunreview.com/%ea%b0%a4%eb%9f%ad%ec%8b%9c-s24-fe-%eb%a6%ac%eb%b7%b0/">갤럭시 S24 FE: AI 혁신과 프리미엄 카메라로 스마트폰의 새로운 기준</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5854</post-id>	</item>
		<item>
		<title>삼성 갤럭시 탭 S10 FE 시리즈 리뷰 &#8211; 강력한 성능과 스마트한 기능</title>
		<link>https://1bunreview.com/%ea%b0%a4%eb%9f%ad%ec%8b%9c-%ed%83%ad-s10-fe-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Mon, 08 Sep 2025 05:53:03 +0000</pubDate>
				<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[태블릿]]></category>
		<category><![CDATA[태블릿/스마트폰]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5806</guid>

					<description><![CDATA[<p>갤럭시 탭 S10 FE 시리즈: 강력한 성능으로 일상을 혁신하세요! 삼성 갤럭시 탭 S10 FE 시리즈는 최신 기술로 무장한 프리미엄 태블릿으로, 강력한 엑시노스 1580 프로세서와 최대 12GB RAM을 통해 빠르고 효율적인 작업을 지원합니다. 대화면 디스플레이는 풍부한 시각 경험을 제공하며, S펜의 정교한 필기 기능은 창의성을 극대화합니다. 슬림하고 가벼운 디자인은 휴대성을 극대화하며, 고속 충전과 대용량 배터리로 언제 어디서나 [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ea%b0%a4%eb%9f%ad%ec%8b%9c-%ed%83%ad-s10-fe-%eb%a6%ac%eb%b7%b0/">삼성 갤럭시 탭 S10 FE 시리즈 리뷰 &#8211; 강력한 성능과 스마트한 기능</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</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;">
        갤럭시 탭 S10 FE 시리즈: 강력한 성능으로 일상을 혁신하세요!
    </h2>
    <p>
        삼성 갤럭시 탭 S10 FE 시리즈는 최신 기술로 무장한 프리미엄 태블릿으로, 강력한 엑시노스 1580 프로세서와 최대 12GB RAM을 통해 빠르고 효율적인 작업을 지원합니다. 
        대화면 디스플레이는 풍부한 시각 경험을 제공하며, S펜의 정교한 필기 기능은 창의성을 극대화합니다.
    </p>
    <p>
        슬림하고 가벼운 디자인은 휴대성을 극대화하며, 고속 충전과 대용량 배터리로 언제 어디서나 걱정 없이 사용할 수 있습니다. 
        또한 IP68 등급의 방수/방진 기능으로 내구성을 강화하여 어떤 환경에서도 안심하고 사용할 수 있습니다.
    </p>
    <p>
        최신 AI 기능과 5G, Wi-Fi 6 지원으로 빠르고 편리한 연결성을 제공하며, 학습, 업무, 엔터테인먼트 등 다양한 용도로 활용 가능합니다. 
        합리적인 가격에 프리미엄 경험을 누릴 수 있는 갤럭시 탭 S10 FE 시리즈로 일상을 더욱 스마트하게 만들어보세요.
    </p>
</div>
  
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 800px;
            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: #4D96FF;
            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: #3A7BD5;
            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, #f4f8ff, #f4f8ff);
            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: #4D96FF;
            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://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_제품_이미지.webp" alt="삼성전자 갤럭시탭 S10 FE 128/256GB"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cPvmnH" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">삼성전자 갤럭시탭 S10 FE 128/256GB</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">리뷰 451개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">698,500원</span><span class="discount">22%</span></div><div class="special-price">538,980원</div><div class="price-date">2025-09-08 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</div></div><div class="key-points"><div class="key-points-title">제품 핵심 포인트</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">대화면과 선명한 디스플레이</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">슬림한 디자인과 가벼운 무게</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">엑시노스 1580으로 강력한 성능</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">S펜 지원으로 높은 생산성</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">IP68 등급의 방수/방진 기능</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cPvmnH" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info4 {
            max-width: 800px;
            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 #3b82f6;
            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, #f4f8ff, #f4f8ff);
            display: flex;
            align-items: center;
            border: 1px solid #E2E8F0;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #E2E8F0;
            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: #4299e1;
            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: #F0F5FC;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-4">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-4">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>최신 기술의 집약체, 삼성 갤럭시 탭 S10 FE 시리즈</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>대화면 디스플레이로 풍부한 시각 경험</li><li>슬림하고 가벼운 디자인으로 휴대성 극대화</li><li>강력한 엑시노스 1580 프로세서로 빠른 처리 속도</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>세부사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>디스플레이: S10 FE 277.0mm (10.9인치), S10 FE+ 332.8mm (13.1인치)로 두 가지 옵션 제공</li><li>90Hz 주사율과 최대 800nits 밝기의 고해상도 LCD 디스플레이</li><li>두께 6.0mm의 슬림 바디, S10 FE 497g(Wi-Fi), S10 FE+ 664g(Wi-Fi)의 경량화</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>성능 및 저장공간</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>최대 12GB RAM과 256GB의 넉넉한 저장공간</li><li>최대 2TB까지 확장 가능한 microSD 카드 지원</li><li>S펜 지원으로 정교한 필기와 그림 작업 가능</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>카메라 및 배터리</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>13MP 후면 카메라와 12MP 울트라와이드 전면 카메라로 고품질 촬영</li><li>S10 FE 8,000mAh, S10 FE+ 10,090mAh의 대용량 배터리</li><li>45W 고속 충전으로 빠른 충전 가능</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>스마트 기능 및 내구성</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>서클 투 서치, 홈 인사이트 등 스마트 기능으로 편리한 사용</li><li>IP68 등급의 방수/방진 기능으로 내구성 강화</li><li>5G, Wi-Fi 6 지원으로 빠른 연결성 제공</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>구매 팁</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>최신 AI 기능으로 더욱 편리한 사용 경험 제공</li><li>학습, 업무, 엔터테인먼트 등 다양한 용도로 활용 가능</li><li>합리적인 가격에 프리미엄 태블릿의 경험을 누리세요</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-4" onclick="toggleContent('product-info-4')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_이미지_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 #3b82f6;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

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

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

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

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

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

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

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

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-69687cb92d5d5" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=iETzpT-Ekh4" data-video-id="iETzpT-Ekh4" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/8jipC9uGqF0" data-video-id="8jipC9uGqF0" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/삼성전자%20갤럭시탭%20S10%20FE/삼성전자%20갤럭시탭%20S10%20FE_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #4D96FF;
            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 #3b82f6;
            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:#4D96FF;">
                    <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:92%;"></div>
                    </div>
                    <div class="percentage">92%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:6%;"></div>
                    </div>
                    <div class="percentage">6%</div>
                  </div><div class="rating-row">
                    <div class="star-label">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: 800px;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>가격 대비 성능이 뛰어남</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>넓고 선명한 화면 제공</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>S펜 포함으로 필기 및 스케치 용이</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>LCD 화면의 색감이 다소 평범함</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">45%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 45%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">54%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 54%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다짧아요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>편리성</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 편리해요</span>
                                        <span class="stat-value">80%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 80%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">19%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 19%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 불편해요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>화질</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 만족해요</span>
                                        <span class="stat-value">82%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 82%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">17%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 17%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">기대에 못 미쳐요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>음질</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 만족해요</span>
                                        <span class="stat-value">79%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 79%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">20%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 20%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">기대에 못 미쳐요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>가성비</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 저렴해요</span>
                                        <span class="stat-value">40%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 40%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당한 편이에요</span>
                                        <span class="stat-value">56%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 56%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 비싸요</span>
                                        <span class="stat-value">4%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 4%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>휴대성</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주 만족해요</span>
                                        <span class="stat-value">77%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 77%;
                                                     background-color: #FF9800;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">22%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 22%;
                                                     background-color: #FF9800;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다 별로예요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #FF9800;">
                                        </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">갤럭시탭 S10 FE 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">아버지를 위해 갤럭시탭 S10 FE를 구매했어요. 가격과 성능, 활용도를 고려했을 때<br>가장 균형 잡힌 선택인 것 같아요. 직접 사용해보니 만족도가 정말 높습니다. 10.9인치의<br>넓은 화면 덕분에 신문이나 뉴스, 유튜브를 보기에 딱 좋고, 글씨도 잘 보여 눈이 편안하다고<br>하시네요. 성능도 충분히 빠르고, 저장공간도 넉넉해 활용도가 높습니다. S펜도 유용해서<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">갤럭시탭 S10 Fe 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">쿠팡에서 갤럭시탭 S10 Fe를 최저가로 찾았어요<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">아이가 구몬을 하면서 S6 라이트를 오래 쓰다 보니<br>버퍼링과 꺼짐 현상이 심해져서 이번에 새로 구입했어요<br>짙은 그레이 색상이라 심플하고 가벼워서<br>들고 다니기에도 부담이 없어요<br>알루미늄 바디라 그립감과 마감도 좋고<br>S펜 포함이라 더 마음에 듭니다<br>화면은 10.9인치에 90Hz라 공부할 때 불편함이 없고<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">갤럭시탭 s10 fe 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">아이폰 대신 갤럭시탭 s10 fe를 구매했어요. 아기가 화면을 가까이 보는 게<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, #1946A8 0%, #048AEF 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(4, 138, 239, 0.3);
            }

            .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/cPvmnH" 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://1bunreview.com/%ea%b0%a4%eb%9f%ad%ec%8b%9c-%ed%83%ad-s10-fe-%eb%a6%ac%eb%b7%b0/">삼성 갤럭시 탭 S10 FE 시리즈 리뷰 &#8211; 강력한 성능과 스마트한 기능</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5806</post-id>	</item>
		<item>
		<title>스마트 라이프의 필수 아이템, Apple Watch SE 2세대 리뷰</title>
		<link>https://1bunreview.com/%ec%95%a0%ed%94%8c-%ec%9b%8c%ec%b9%98-se-2%ec%84%b8%eb%8c%80-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Tue, 12 Aug 2025 02:56:48 +0000</pubDate>
				<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[스마트워치/밴드]]></category>
		<category><![CDATA[태블릿/스마트폰]]></category>
		<category><![CDATA[스마트워치]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5676</guid>

					<description><![CDATA[<p>스마트 라이프의 필수 아이템, Apple Watch SE로 일상을 혁신하세요! Apple Watch SE는 당신의 일상을 스마트하게 변화시킬 수 있는 최고의 동반자입니다. 합리적인 가격에 놀라운 기능을 제공하며, 건강 관리부터 안전, 연결성까지 다양한 면에서 당신의 삶을 더 편리하고 안전하게 만들어 줍니다. 이제 더 이상 스마트워치의 고급 기능을 포기할 필요가 없습니다. Apple Watch SE는 심박수 모니터링, 수면 추적, 긴급 [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ec%95%a0%ed%94%8c-%ec%9b%8c%ec%b9%98-se-2%ec%84%b8%eb%8c%80-%eb%a6%ac%eb%b7%b0/">스마트 라이프의 필수 아이템, Apple Watch SE 2세대 리뷰</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</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;">스마트 라이프의 필수 아이템, Apple Watch SE로 일상을 혁신하세요!</h2>
    <p>Apple Watch SE는 당신의 일상을 스마트하게 변화시킬 수 있는 최고의 동반자입니다. 합리적인 가격에 놀라운 기능을 제공하며, 건강 관리부터 안전, 연결성까지 다양한 면에서 당신의 삶을 더 편리하고 안전하게 만들어 줍니다.</p>
    <p>이제 더 이상 스마트워치의 고급 기능을 포기할 필요가 없습니다. Apple Watch SE는 심박수 모니터링, 수면 추적, 긴급 SOS 등 핵심 기능을 통해 당신의 건강과 안전을 지켜줍니다. 또한, 다양한 스타일의 밴드와 페이스로 나만의 개성을 표현할 수 있습니다.</p>
    <p>Apple 생태계와 완벽하게 연동되어 iPhone과의 호환성도 뛰어난 이 제품은, 하루 종일 지속되는 배터리 수명으로 언제 어디서나 당신의 손목에서 스마트한 경험을 제공할 것입니다.</p>
</div>
  
        <style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 800px;
            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: #4D96FF;
            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: #3A7BD5;
            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, #f4f8ff, #f4f8ff);
            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: #4D96FF;
            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://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_제품_이미지.webp" alt="Apple 정품 2024 애플워치 SE 2세대 알루미늄 케이스"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cJ57mU" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">Apple 정품 2024 애플워치 SE 2세대 알루미늄 케이스</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">리뷰 4,653개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">329,000원</span><span class="discount">18%</span></div><div class="special-price">269,000원</div><div class="price-date">2025-08-12 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">Apple Watch SE: 합리적인 가격으로 스마트워치의 핵심 기능 제공</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">긴급 SOS 및 넘어짐 감지로 안전성 보장</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">GPS 및 Cellular 모델로 연결성 선택 가능</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/cJ57mU" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div></div>
        
        <br>
        
    <style>
        .product-info3 {
            max-width: 700px;
            margin: 20px auto;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #3b82f6;
            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 #4299e1;
            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: #F0F5FC;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-5">
        <h2>제품상세</h2>
        <div class="content-wrapper" id="content-product-info-5">
                <div class="product-section3">
                    <h3>합리적인 가격에 스마트워치의 핵심 기능을 누리세요</h3>
                    <ul><li>44mm 또는 40mm 알루미늄 케이스로 다양한 손목에 적합</li><li>Retina 디스플레이로 선명한 시각적 경험 제공</li><li>GPS 모델과 GPS + Cellular 모델로 맞춤형 선택 가능</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>건강과 피트니스를 한 손에</h3>
                    <ul><li>심박수 모니터링 및 이상 징후 알림으로 건강 관리</li><li>수면 추적 기능으로 수면 패턴 분석</li><li>다양한 운동 모드 및 50m 방수 등급으로 수영까지 지원</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>안전과 연결성의 조화</h3>
                    <ul><li>긴급 SOS 및 국제 긴급 구조 요청으로 안전 보장</li><li>넘어짐 감지 및 충돌 감지로 사고 시 즉각 대응</li><li>iPhone과 연동하여 통화 및 메시지 확인 가능</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>다양한 기능과 스타일의 융합</h3>
                    <ul><li>Siri 음성 비서로 손쉬운 명령 실행</li><li>다양한 밴드와 페이스로 개성 표현</li><li>최대 18시간 배터리 수명으로 하루 종일 사용 가능</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-5" onclick="toggleContent('product-info-5')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-8"><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%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 #3b82f6;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .prod-gallery {
            display: grid;
            gap: 8px;
            width: 100%;
        }
        .prod-gallery-item {
            position: relative;
            width: 100%;
            height: 160px;
            border-radius: 6px;
            overflow: hidden;
            background: #f5f5f5;
        }
        .prod-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .prod-gallery-item:hover img {
            transform: scale(1.05);
        }

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

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

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

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

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

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

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

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">제품 영상</h2>
        <div id="yt-slider-69687cb92efbd" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/1b9S0wUXGYo" data-video-id="1b9S0wUXGYo" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=IeYjm-lAphI" data-video-id="IeYjm-lAphI" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스/Apple%20정품%202024%20애플워치%20SE%202세대%20알루미늄%20케이스_유튜브_썸네일_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #4D96FF;
            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 #3b82f6;
            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:#4D96FF;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">BEST SELLER</div>
                    <div class="badge-subtext">3,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:92%;"></div>
                    </div>
                    <div class="percentage">92%</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: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: 800px;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ 장점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>가성비가 뛰어나며 필수 기능을 모두 제공함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>아이폰과의 연동성이 뛰어나며 사용이 편리함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>가벼운 무게와 세련된 디자인으로 데일리 착용에 적합함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>운동 및 건강 관리 기능이 다양하고 정확함</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>다양한 스트랩 옵션으로 스타일링이 용이함</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Always-On 디스플레이(AOD) 미지원으로 불편함</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">21%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 21%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">67%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 67%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다짧아요</span>
                                        <span class="stat-value">12%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 12%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>디자인</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">아주만족해요</span>
                                        <span class="stat-value">83%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 83%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">17%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 17%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">별로예요</span>
                                        <span class="stat-value">0%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 0%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>무게</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">가벼워요</span>
                                        <span class="stat-value">62%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 62%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당해요</span>
                                        <span class="stat-value">37%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 37%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">생각보다무거워요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #4CAF50;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>스마트 기능</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">기능이 많고 편리해요</span>
                                        <span class="stat-value">59%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 59%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">필요한 기능만 딱 있어요</span>
                                        <span class="stat-value">40%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 40%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">기능이 별로 없어요</span>
                                        <span class="stat-value">1%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 1%;
                                                     background-color: #E91E63;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>가성비</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 저렴해요</span>
                                        <span class="stat-value">25%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 25%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">적당한 편이에요</span>
                                        <span class="stat-value">66%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 66%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">성능에 비해 비싸요</span>
                                        <span class="stat-value">9%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 9%;
                                                     background-color: #3F51B5;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                            </div>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">아빠 생일 선물로 애플워치 SE 2세대 선택</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">아빠 생일 선물로 애플워치 SE 2세대를 선택했어요.<br> 기존에 애플워치 SE를 잘 사용하셔서<br> 업그레이드 겸 새 모델로 구매했어요.<br> Apple 정품이라 디자인이 깔끔하고<br> 알루미늄 케이스라 가벼워서<br> 장시간 착용해도 손목이 편해요.<br> 화면이 시원하고 반응 속도도 좋아요.<br> 아빠가 새 모델을 받고<br> 기존 것과 동일하게 연동돼서<br> 너무 편하다고 하셨어요.<br> 운동 기록이나 심박수 측정도<br> 그대로 이어져 번거로움이 없었어요.<br> 배터리가 하루 이상 가서<br> 충전 걱정도 덜했어요.<br> 다만 외관상 큰 변화가 없어<br> 업그레이드 효과를 크게 느끼기 어려웠어요.<br> 총점은 95점입니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">애플워치 러닝용 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">러닝을 시작하면서 심박수와 거리 측정이 가능한<br>애플워치가 필요하다고 생각했어요<br>구성품으로는 애플워치와 충전기 선이 있는데<br>충전기 어댑터는 별도 구매해야 해요<br>스포츠 밴드 재질이라 수분에 강하고<br>먼지에도 잘 안 붙어요<br>여자인데 M/L 사이즈 밴드 샀는데<br>크지도 작지도 않아서 괜찮아요<br>색상은 실버 대신 스타라이트 구매했는데<br>만족 중입니다<br>활용도로는 심박수 측정이 갤럭시 워치와 비슷하고<br>거리도 정확하게 측정돼요<br>배터리는 자주 충전해줘야 할 것 같아요<br>수면 측정 앱은 깼던 시간에 맞춰 잘 측정되네요<br>아쉬운 점은 러닝할 때 폰 들고 다니기 불편해서<br>다음엔 셀룰러 기종으로 구매할 것 같아요<br>러닝용 애플워치 구매하신다면<br>셀룰러 기종 추천드립니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">애플워치 SE 2세대 추천합니다</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">SE 1세대를 만족하며 사용하다가<br>선물로 2세대를 구매했습니다 받은 분도 아주 만족해하네요<br>가성비 좋은 애플 생태계 입문 모델로<br>가격대가 합리적이면서도 필수 기능이 빠짐없이 들어있어요<br>아이폰과 연동 시 알림, 전화 수신, 메시지 확인 등<br>모든 기능이 매끄럽게 작동해 초보자도 쉽게 적응할 수 있습니다<br>스포츠 루프 밴드 착용감도 좋고<br>벨크로 형식이라 손목 사이즈에 맞게 조절 가능해요<br>필수 기능인 심박수 측정, 운동 트래킹, 수면 모니터링 등<br>대부분 포함돼 있어요 디자인도 고급스럽고<br>40mm는 손목이 가는 분들에게 추천합니다</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">애플워치 SE 2세대 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">드디어 애플워치 SE 2세대를 샀어요 1년 동안 고민했는데<br>왜 진작 안 샀나 싶어요 저처럼 직업상 휴대폰을 자주 꺼내기 어려운 분들께<br>정말 필수템이에요 벨소리도 못 켜는 상황에서는 문자, 카톡, 전화<br>다 놓치기 쉬운데 이 애플워치로 실시간 알림 확인과 빠른 응답이 가능해져서<br>업무 스트레스가 줄었어요 알림 확인이 즉각적이고 심박수 측정도 유용하며<br>간단한 응답도 가능해서 정말 편리해요 다양한 운동을 자동 감지하고 기록해주며<br>아이폰과의 연동성도 훌륭해요 워치 페이스 커스터마이징도 재미있고<br>단점은 배터리가 하루 반 정도밖에 안 가는 것과 항상 켜짐 디스플레이가<br>없는 점이에요 하지만 전반적으로 만족스러운 제품이에요 직장인이나 학생<br>활동 많은 분들께 강력 추천해요</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-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, #1946A8 0%, #048AEF 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(4, 138, 239, 0.3);
            }

            .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/cJ57mU" 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://1bunreview.com/%ec%95%a0%ed%94%8c-%ec%9b%8c%ec%b9%98-se-2%ec%84%b8%eb%8c%80-%eb%a6%ac%eb%b7%b0/">스마트 라이프의 필수 아이템, Apple Watch SE 2세대 리뷰</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5676</post-id>	</item>
	</channel>
</rss>
