<?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>PC/미니PC - 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/%eb%85%b8%ed%8a%b8%eb%b6%81-pc-%ec%a3%bc%eb%b3%80%ea%b8%b0%ea%b8%b0/pc-%eb%af%b8%eb%8b%88pc/feed/" rel="self" type="application/rss+xml" />
	<link>https://1bunreview.com/category/가전디지털/노트북-pc-주변기기/pc-미니pc/</link>
	<description></description>
	<lastBuildDate>Mon, 13 Oct 2025 14:44:12 +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>PC/미니PC - 1분리뷰 | 빠르게 핵심만, 제품 A to Z</title>
	<link>https://1bunreview.com/category/가전디지털/노트북-pc-주변기기/pc-미니pc/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">238148011</site>	<item>
		<title>고성능 PC 구매, 바른컴퓨터의 프리미엄 라인업으로 스마트한 선택!</title>
		<link>https://1bunreview.com/%ea%b3%a0%ec%84%b1%eb%8a%a5-pc-%ea%b5%ac%eb%a7%a4-%eb%b0%94%eb%a5%b8%ec%bb%b4%ed%93%a8%ed%84%b0-%ed%94%84%eb%a6%ac%eb%af%b8%ec%97%84/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Thu, 31 Jul 2025 04:47:06 +0000</pubDate>
				<category><![CDATA[PC/미니PC]]></category>
		<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[노트북/PC/주변기기]]></category>
		<category><![CDATA[데스크탑]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5538</guid>

					<description><![CDATA[<p>고성능 PC 구매, 이제는 합리성이 답이다! 최신 사양의 컴퓨터를 찾고 계신가요? 합리적인 가격에 고성능을 제공하는 바른컴퓨터의 프리미엄 PC 라인업을 주목하세요. 바른컴퓨터는 신품 제작과 운영체제, 기본 프로그램 설치를 완료하여 즉시 사용 가능한 올인원 솔루션을 제공합니다. 다양한 사용자의 니즈를 충족하는 제품 라인업을 통해, 사무용에서부터 최고사양 게이밍/작업용 PC까지 다양한 선택지를 제공합니다. 구매 시 제공되는 특별한 혜택으로 게이밍 키보드, [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ea%b3%a0%ec%84%b1%eb%8a%a5-pc-%ea%b5%ac%eb%a7%a4-%eb%b0%94%eb%a5%b8%ec%bb%b4%ed%93%a8%ed%84%b0-%ed%94%84%eb%a6%ac%eb%af%b8%ec%97%84/">고성능 PC 구매, 바른컴퓨터의 프리미엄 라인업으로 스마트한 선택!</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;">
        고성능 PC 구매, 이제는 합리성이 답이다!
    </h2>
    <p>
        최신 사양의 컴퓨터를 찾고 계신가요? 합리적인 가격에 고성능을 제공하는 바른컴퓨터의 프리미엄 PC 라인업을 주목하세요. 
        바른컴퓨터는 신품 제작과 운영체제, 기본 프로그램 설치를 완료하여 즉시 사용 가능한 올인원 솔루션을 제공합니다. 
        다양한 사용자의 니즈를 충족하는 제품 라인업을 통해, 사무용에서부터 최고사양 게이밍/작업용 PC까지 다양한 선택지를 제공합니다.
    </p>
    <p>
        구매 시 제공되는 특별한 혜택으로 게이밍 키보드, 마우스, 헤드셋, 장패드 등 기본 구성품과 27인치 165Hz 게이밍 모니터를 제공합니다. 
        또한, 3년 보증 서비스와 한컴오피스 정품 영구 사용 라이선스를 통해 고객의 만족도를 높입니다. 
        바른컴퓨터는 고객 맞춤형 PC를 합리적인 가격에 제공하며, 구매부터 A/S까지 원스톱 서비스를 지원합니다.
    </p>
    <p>
        이제 바른컴퓨터와 함께 스마트한 디지털 라이프를 시작하세요!
    </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게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_제품_이미지.webp" alt="바른컴퓨터 게이밍 컴퓨터 풀세트 모니터포함 PC 롤 서든어택 배틀그라운드 피파"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cHRTbR" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">바른컴퓨터 게이밍 컴퓨터 풀세트 모니터포함 PC 롤 서든어택 배틀그라운드 피파</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,609개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">2,000,000원</span><span class="discount">57%</span></div><div class="special-price">849,000원</div><div class="price-date">2025-07-31 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">다양한 사양의 게이밍 PC 라인업</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">27인치 165Hz 게이밍 모니터 기본 제공</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">3년 보증 서비스 및 한컴오피스 영구 라이선스 제공</span></div></div></div><div class="mobile-cta"><a href="https://link.coupang.com/a/cHRTbR" 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>F11~F13: 사무용/가벼운 게임용 (65만원~85만원대)</li><li>F14~F16: 중급 게이밍 PC (92만원~132만원대)</li><li>F17~F21: 고사양 게이밍 PC (129만원~189만원대)</li><li>F22, F01: 최고사양 게이밍/작업용 PC (239만원~249만원대)</li><li>F02~F03: 사무용 풀세트 (59만원~89만원대)</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>구매 시 제공되는 특별한 혜택</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>게이밍 키보드, 마우스, 헤드셋, 장패드 등 기본 구성품 제공</li><li>27인치 165Hz 게이밍 모니터 기본 제공</li><li>3년 보증 서비스 (1년 무상 + 2년 유상)</li><li>한컴오피스 정품 영구 사용 라이선스 제공</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>편리한 구매 및 상담 서비스</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>전화: 1670-0312</li><li>카카오톡 채널: 바른컴팩토리</li><li>상담시간: 평일 10시~18시</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>믿을 수 있는 A/S 및 반품 정책</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>7일 이내 미개봉 상태로 교환/반품 가능</li><li>제품 불량 시 무상 A/S 제공 (기간 별 상이)</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/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #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-69687c911c69d" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/p7LkerYMzx0" data-video-id="p7LkerYMzx0" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/바른컴퓨터%20게이밍%20컴퓨터%20풀세트/바른컴퓨터%20게이밍%20컴퓨터%20풀세트_유튜브_썸네일_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-69687c911c69d");
        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-69687c911c69d-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-69687c911c69d-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-69687c911c69d-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:94%;"></div>
                    </div>
                    <div class="percentage">94%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:3%;"></div>
                    </div>
                    <div class="percentage">3%</div>
                  </div><div class="rating-row">
                    <div class="star-label">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>친절한 고객 서비스와 신속한 A/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></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ 단점</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>과도한 포장 쓰레기 발생 가능</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>초기 설치 시 그래픽카드 완충제 제거 필요</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>스피커 음량 조절의 불편함 (일부 모델)</li></ul></div></div></div></div>
        
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">바른컴퓨터 BAF-F11 모델 사용기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">바른컴퓨터에서 제공하는 풀옵션 게이밍 컴퓨터<br>BAF-F11 모델을 50만 원대에 구매한 지<br>한 달이 지났습니다. 이 제품은 모니터, 키보드,<br>마우스, 스피커를 포함한 패키지로,<br>기대 이상으로 만족스럽습니다. 모니터는 해상도와<br>주사율이 뛰어나며, 게임에서의 빠른 움직임도<br>끊김 없이 처리합니다. 키보드는 기계식으로<br>부드러운 키감과 빠른 반응 속도를 자랑하며,<br>마우스는 그립감이 뛰어납니다. 스피커는 고음과<br>저음의 균형이 잘 잡혀 있어, 게임과 음악 감상에<br>적합합니다. 가격 대비 성능이 뛰어나며, 품질과<br>성능에서 타 제품들보다 앞선다는 생각이 듭니다.<br>고객 서비스도 훌륭하여, 앞으로도 바른컴퓨터의<br>다양한 제품을 기대합니다.</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-0">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">바른컴퓨터 게이밍 컴퓨터 추천합니다</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">3월 1일 구입 후 사용 중인데요<br>배송이 정말 빨랐어요<br>지인도 구입했는데 설치까지<br>편리하다고 칭찬했어요<br>조립 PC라 걱정했지만<br>AS가 1년 보장되니 안심이죠<br>가격 대비 성능이 좋고<br>모니터와 헤드셋까지 풀세트라<br>편리합니다<br>부팅 속도도 빠르고<br>화면도 깨끗해서 만족합니다<br>앞으로도 바른컴퓨터에서<br>구매할 것 같아요<br>가성비 최고입니다<br>감사합니다</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-1">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">PC 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-2">PC가 오래되어 교체하려고 고민했는데, 삼성이나 LG는 가격이 부담스러웠어요.<br>조립 PC를 알아보니 집에 배송되어 전원만 켜면 된다는 점이 마음에 들어 구매했어요.<br>기본 사무 프로그램과 약간의 게임이 가능한 중간 수준의 제품을 선택했는데, 기존 PC에 비하면 신세계네요.<br>27인치 모니터를 추가 구매했고, 카톡 문의로 친절한 안내를 받았어요.<br>배송도 빠르고, 전원 연결 후 바로 사용 가능해 정말 편리했습니다.<br>서비스로 받은 키보드, 마우스, 헤드셋도 만족스럽고, 다음에 또 구매할 것 같아요.<br>강력 추천합니다!</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-2">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">빠른 배송과 완벽한 준비</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">주문하자마자 하루만에 배송이 와서 깜짝 놀랐어요<br>구성품도 본체, 모니터, 게이밍 키보드/마우스, 헤드셋<br>한컴오피스2024, 장패드까지 완벽하게 갖춰져 있었어요<br>윈도우와 한컴오피스까지 설치되어 있어서<br>바로 필요한 소프트웨어와 게임 설치가 가능했어요<br>문의사항이 있을 땐 바른컴 안내문을 참고하면<br>친절하게 설명되어 있어요<br>구매 후 설치 시 그래픽카드 완충 스폰지를<br>빼줘야 하는 점만 주의하면 돼요</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-3">더보기</button></div><div class="product-review-item"><h3 class="product-review-topic">성능과 편리함</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-4">기본 제공되는 게이밍 헤드셋, 키보드, 마우스의 성능이<br>생각보다 좋았어요<br>유튜브에서 음악대장 영상을 3D사운드로 듣는데<br>마치 공연실황을 듣는 느낌이었어요<br>한컴오피스2024도 정품 인증까지 되어 있어서<br>바로 사용할 수 있었어요<br>게임은 아직 안 해봤지만 아들이 오면<br>베그부터 LOL까지 풀옵으로 돌려볼 예정이에요<br>본체 옆면이 투명 유리로 되어 있어<br>내부를 쉽게 볼 수 있고<br>손으로 나사를 풀 수 있어 청소도 편할 것 같아요</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-4">더보기</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-5">지포스 RTX4060Ti가 탑재된 모델을 구입했는데<br>CPU나 램 등 다른 부분도 거의 최상급이라<br>게임이나 동영상 편집이 수월할 것으로 예상돼요<br>자세한 스펙은 세부사항을 참고하면 되고<br>이 가격에 이 정도 스펙을 맞출 거라 생각 못했어요<br>망설이지 말고 데스크탑 필요하신 분들은<br>여기서 구매하세요</div><div class="product-review-fade"></div></div><button class="product-review-more" data-target="review-content-5">더보기</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/cHRTbR" 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%b3%a0%ec%84%b1%eb%8a%a5-pc-%ea%b5%ac%eb%a7%a4-%eb%b0%94%eb%a5%b8%ec%bb%b4%ed%93%a8%ed%84%b0-%ed%94%84%eb%a6%ac%eb%af%b8%ec%97%84/">고성능 PC 구매, 바른컴퓨터의 프리미엄 라인업으로 스마트한 선택!</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5538</post-id>	</item>
		<item>
		<title>피씨오브플레이어 조립 PC 세트로 최상의 게임 환경 경험하기</title>
		<link>https://1bunreview.com/%ed%94%bc%ec%94%a8%ec%98%a4%eb%b8%8c%ed%94%8c%eb%a0%88%ec%9d%b4%ec%96%b4-%ec%a1%b0%eb%a6%bd-pc-%ec%84%b8%ed%8a%b8/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Wed, 30 Jul 2025 04:37:46 +0000</pubDate>
				<category><![CDATA[PC/미니PC]]></category>
		<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[노트북/PC/주변기기]]></category>
		<category><![CDATA[데스크탑]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5513</guid>

					<description><![CDATA[<p>궁극의 게임 경험을 위한 최적의 선택, 피씨오브플레이어 조립 PC 세트 게임을 사랑하는 게이머라면, 최고의 성능과 편리함을 제공하는 피씨오브플레이어 조립 PC 세트로 게임 환경을 한 단계 업그레이드하세요. 이 올인원 솔루션은 Windows 11이 설치된 상태로 즉시 사용 가능하며, 게임별 권장 사양에 맞춘 다양한 옵션을 제공합니다. 풀세트로 제공되는 모니터, 키보드, 마우스, 헤드셋은 게임 몰입감을 극대화하며, 한컴오피스 2024 기본 [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ed%94%bc%ec%94%a8%ec%98%a4%eb%b8%8c%ed%94%8c%eb%a0%88%ec%9d%b4%ec%96%b4-%ec%a1%b0%eb%a6%bd-pc-%ec%84%b8%ed%8a%b8/">피씨오브플레이어 조립 PC 세트로 최상의 게임 환경 경험하기</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;">
        궁극의 게임 경험을 위한 최적의 선택, 피씨오브플레이어 조립 PC 세트
    </h2>
    <p>
        게임을 사랑하는 게이머라면, 최고의 성능과 편리함을 제공하는 피씨오브플레이어 조립 PC 세트로 게임 환경을 한 단계 업그레이드하세요. 
        이 올인원 솔루션은 Windows 11이 설치된 상태로 즉시 사용 가능하며, 게임별 권장 사양에 맞춘 다양한 옵션을 제공합니다.
    </p>
    <p>
        풀세트로 제공되는 모니터, 키보드, 마우스, 헤드셋은 게임 몰입감을 극대화하며, 한컴오피스 2024 기본 설치로 업무와 게임 모두 완벽하게 지원합니다.
        또한, 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/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_제품_이미지.webp" alt="피씨오브플레이어 컴퓨터 게이밍 조립컴퓨터 올인원 풀세트 모니터포함 고사양PC 오버워치 피파"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cHHgbE" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">피씨오브플레이어 컴퓨터 게이밍 조립컴퓨터 올인원 풀세트 모니터포함 고사양PC 오버워치 피파</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">리뷰 6,010개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">3,500,000원</span><span class="discount">43%</span></div><div class="special-price">1,969,000원</div><div class="price-date">2025-07-30 기준 가격이며, 판매 시점에 따라 변동될 수 있습니다.</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">조립 완료 PC 세트로 간편한 구매 경험 제공</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">한컴오피스 2024 및 무선랜카드 기본 제공</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">3년 워런티와 1년 무상 A/S로 안심 구매</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/cHHgbE" 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>모든 게 준비된 올인원 PC 솔루션</h3>
                    <ul><li>Windows 11 설치 완료로 즉시 사용 가능</li><li>게임별 권장 사양에 맞춘 다양한 PC 옵션</li><li>모니터, 키보드, 마우스, 헤드셋 등 풀세트 제공</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>구매와 동시에 누리는 특별 혜택</h3>
                    <ul><li>한컴오피스 2024 기본 설치로 업무와 게임 모두 완벽 지원</li><li>3년 워런티로 안심 사용 보장</li><li>무선랜카드 무료 증정으로 편리한 인터넷 연결</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>간편한 구매 가이드</h3>
                    <ul><li>쿠팡을 통한 손쉬운 구매 절차</li><li>SSD, 메모리 등 추가 상품 구매 방법 안내</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>철저한 고객 지원 시스템</h3>
                    <ul><li>전화 및 카카오톡을 통한 즉각적인 상담 서비스</li><li>1년 무상 A/S로 걱정 없는 사용</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/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_7.webp" alt="Product Image 7"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_8.webp" data-lightbox="prod-gallery" data-title="Image 8 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_이미지_8.webp" alt="Product Image 8"></a></div></div><style>
        .prod-gallery-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #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-embed-cc-container {
            width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-embed-cc-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #3b82f6;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-embed-cc-video-wrapper {
            width: 50%;
            margin-left: 0;
        }
        .yt-embed-cc-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
            cursor: pointer;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

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

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

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

    <div class="yt-embed-cc-container">
        <h2 class="yt-embed-cc-title">제품 영상</h2>
        <div class="yt-embed-cc-video-wrapper">
            <div id="yt-embed-cc-69687c911dbd0" class="yt-embed-cc-wrapper"
                 data-video-url="https://www.youtube.com/watch?v=WwipuHIOzMs"
                 data-video-id="WwipuHIOzMs"
                 data-is-short="false"
                 data-target="inline"
                 data-cc-load="false">
                <div class="yt-video-thumbnail">
                    <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터/피씨오브플레이어%20컴퓨터%20게이밍%20조립컴퓨터_유튜브_썸네일.webp" alt="Video Thumbnail" class="yt-thumbnail-image">
                    <div class="yt-video-type-badge">Video</div>
                    <div class="yt-play-button">
                        <div class="yt-play-triangle"></div>
                    </div>
                </div>
            </div>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

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

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

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

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

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

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

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

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

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Event Listeners
        container.addEventListener("click", function(e) {
            var target = this.getAttribute("data-target");
            var videoUrl = this.getAttribute("data-video-url");
            var videoId = this.getAttribute("data-video-id");
            var isShort = this.getAttribute("data-is-short") === "true";

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

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });
    })();
    </script>
    
                
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #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:94%;"></div>
                    </div>
                    <div class="percentage">94%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:3%;"></div>
                    </div>
                    <div class="percentage">3%</div>
                  </div><div class="rating-row">
                    <div class="star-label">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></ul></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">가족용 게이밍 PC 추천</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">초등 5학년 아들 위해 게이밍, 사무용 PC를 구매했어요. 처음엔 부품 조립이<br> 복잡할까 걱정했는데, 이 제품은 모니터, 키보드, 마우스, 본체까지 모두 포함되어<br> 편리했어요. 배송도 빠르고 포장도 튼튼해서 좋았어요. 아들이랑 아빠가 함께<br> 포장 뜯고 연결하는 재미도 있었고, 설명서 보고 쉽게 설치할 수 있었어요.<br> 전원을 켜자마자 본체의 RGB LED 불빛에 아들이 반했어요. 성능도 게임용,<br> 사무용으로 끊김 없이 잘 돌아가고, 로딩도 빠르고 화면도 좋습니다. 기본으로<br> 딸려온 모니터, 키보드, 마우스도 만족스럽고, 특히 키보드 LED 불빛이 마음에<br> 들어요. 소음도 조용하고, 발열 문제도 없어서 밤에도 사용하기 좋아요.<br> MS 윈도우 11과 오피스도 기본 설치되어 있어 가족 모두 만족합니다. 아이가<br> 행복해하는 모습을 보니 잘 샀다는 생각이 들어요. 처음 게임용 PC 장만하는<br> 분들께 강력 추천드립니다. A/S도 잘 해준다고 하니 안심이에요.</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>여러분도 고민하지 말고 구매하세요. 후회 없을 겁니다.</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">중학교 3학년 아들이 오버워치랑 피파를 좋아해서<br>  
생일 선물로 피씨오브플레이어 게이밍 조립컴퓨터 올인원<br>  
풀세트를 사줬어요. 부품 고르고 조립하는 게 복잡할까<br>  
걱정했는데, 모니터부터 키보드, 마우스, 본체까지 한 번에<br>  
포함돼 있어서 정말 편했습니다. 배송도 빠르게 도착했고,<br>  
박스 포장도 튼튼하게 잘 되어 있었어요. 아들과 함께<br>  
포장 뜯고 연결하는 재미도 있었네요. 설명서 보고 연결만<br>  
하면 바로 사용 가능해서, 컴퓨터 잘 모르는 저도 걱정 없이<br>  
설치할 수 있었습니다. 전원을 켜자마자 본체에서 나오는<br>  
RGB LED 불빛에 아들이 눈이 반짝반짝 하더라고요.<br>  
사이드가 투명해서 안에 부품들이 보이는데, 아들은<br>  
“와 진짜 간지난다” 하면서 엄청 좋아했어요. 오버워치랑<br>  
피파 위주로 돌려봤는데, 최고 옵션에서도 끊김 하나 없이<br>  
매끄럽게 잘 돌아갑니다. 게임 로딩도 빠르고, 화면도<br>  
아주 부드럽다고 하네요. 아들은 친구들이랑 디스코드<br>  
켜고 게임도 동시에 하는데 렉 없다고 만족해요. 무엇보다<br>  
아이가 너무 행복해하는 모습을 보니 정말 잘 샀다 싶어요.<br>  
가성비도 좋고, 처음 게임용 PC를 장만하는 분들께 강력<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">PC 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">얼마 전 PC가 고장 나서 친구 추천으로 다나와에서 제품을 찾아 조립했는데, 생각보다 비싸고<br>힘들었어요. 그런데 우연히 쿠팡에서 PC를 봤는데, 다나와에서 어렵게 찾았던 부품들이 더 저렴하고<br>잘 묶여있더라고요. 조금 차이는 있지만, 이 가격에 제품 퀄리티면 정말 괜찮다고 생각해요. 조금만<br>일찍 알았으면 힘들게 찾지 않았을 텐데 아쉬워요. 제품은 택배 포장이 꼼꼼해서 다음 날 바로<br>도착했고, 부속품도 잘 왔어요. PC 문제없이 잘 돌아가고, 사용 설명서도 친절하게 잘 써져 있어서<br>설치에 문제없었습니다. 앞으로 PC 사실 분들은 굳이 힘들게 조립하지 말고 여기 이용해도 좋을 것<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/cHHgbE" 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/%ed%94%bc%ec%94%a8%ec%98%a4%eb%b8%8c%ed%94%8c%eb%a0%88%ec%9d%b4%ec%96%b4-%ec%a1%b0%eb%a6%bd-pc-%ec%84%b8%ed%8a%b8/">피씨오브플레이어 조립 PC 세트로 최상의 게임 환경 경험하기</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5513</post-id>	</item>
		<item>
		<title>Apple Mac mini M4 &#8211; 컴팩트한 디자인과 강력한 성능의 완벽 조화</title>
		<link>https://1bunreview.com/%ec%95%a0%ed%94%8c-%eb%a7%a5-%eb%af%b8%eb%8b%88-m4-%eb%a6%ac%eb%b7%b0/</link>
		
		<dc:creator><![CDATA[hoya0210]]></dc:creator>
		<pubDate>Wed, 23 Jul 2025 02:51:54 +0000</pubDate>
				<category><![CDATA[PC/미니PC]]></category>
		<category><![CDATA[가전디지털]]></category>
		<category><![CDATA[노트북/PC/주변기기]]></category>
		<category><![CDATA[노트북]]></category>
		<guid isPermaLink="false">https://select-ra.com/?p=5432</guid>

					<description><![CDATA[<p>컴팩트한 디자인과 강력한 성능의 조화, Apple Mac mini를 선택해야 하는 이유 Apple Mac mini는 컴팩트한 디자인과 강력한 성능으로 여러분의 작업 환경을 혁신적으로 변화시킵니다. M4 또는 M4 Pro 칩을 탑재하여, Intel 기반 Mac mini보다 최대 20배 빠른 성능을 제공합니다. 이는 여러분이 더 많은 작업을 동시에 처리할 수 있도록 도와줍니다. Mac mini는 공간 절약형 디자인으로, 어디에나 쉽게 [&#8230;]</p>
<p>게시물 <a href="https://1bunreview.com/%ec%95%a0%ed%94%8c-%eb%a7%a5-%eb%af%b8%eb%8b%88-m4-%eb%a6%ac%eb%b7%b0/">Apple Mac mini M4 &#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 Mac mini를 선택해야 하는 이유
    </h2>
    <p>
        Apple Mac mini는 컴팩트한 디자인과 강력한 성능으로 여러분의 작업 환경을 혁신적으로 변화시킵니다. M4 또는 M4 Pro 칩을 탑재하여, Intel 기반 Mac mini보다 최대 20배 빠른 성능을 제공합니다. 이는 여러분이 더 많은 작업을 동시에 처리할 수 있도록 도와줍니다.
    </p>
    <p>
        Mac mini는 공간 절약형 디자인으로, 어디에나 쉽게 배치할 수 있습니다. 또한, 전면 포트 추가로 사용 편의성을 높였으며, 다양한 포트 구성으로 확장성을 제공합니다. 이는 여러분의 작업 효율성을 극대화하는 데 기여합니다.
    </p>
    <p>
        macOS와 Apple Silicon의 완벽한 조화는 직관적이고 사용하기 쉬운 인터페이스를 제공합니다. Apple Silicon과의 최적화로 최상의 성능을 경험할 수 있으며, 이는 여러분의 창의력을 최대한 발휘할 수 있는 환경을 제공합니다.
    </p>
    <p>
        다양한 액세서리와 AppleCare+로 추가적인 보장까지 제공하여 Mac mini의 활용도를 극대화할 수 있습니다. 이는 여러분의 투자 가치를 높이는 중요한 요소가 될 것입니다.
    </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%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_제품_이미지.webp" alt="Apple 2024 맥 미니 M4"></div><div class="desktop-cta"><a href="https://link.coupang.com/a/cGo0Ta" class="cta-button" target="_blank" rel="noopener noreferrer">상품 보러 가기</a></div></div><div class="product-details"><h2 class="product-name">Apple 2024 맥 미니 M4</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">리뷰 449개</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">890,000원</span><span class="discount">6%</span></div><div class="special-price">836,600원</div><div class="price-date">2025-07-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">M4 또는 M4 Pro 칩으로 최대 20배 빠른 성능</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">사용자 친화적인 macOS와 Apple Silicon 최적화</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/cGo0Ta" 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>M4 또는 M4 Pro 칩으로 한층 더 강력해진 성능</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>컴팩트한 디자인으로 공간 절약</li><li>전면 포트 추가로 사용 편의성 향상</li><li>Intel 기반 Mac mini보다 최대 20배 빠른 성능(M4 Pro 기준)</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>세부사항</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>최대 13배(M4) 또는 20배(M4 Pro) 빠른 성능으로 더 많은 작업을 동시에 처리 가능</li><li>CPU/GPU 코어 수, 메모리, 저장 용량 등 다양한 하드웨어 사양 선택 가능</li><li>USB-C, Thunderbolt, HDMI 등 다양한 포트 구성으로 확장성 제공</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>macOS와 Apple Silicon의 완벽한 조화</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>직관적이고 사용하기 쉬운 인터페이스</li><li>Apple Silicon과의 최적화로 최상의 성능 제공</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>다른 Mac 모델과의 비교</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>iMac 등 다른 Mac 모델과 비교하여 더욱 컴팩트한 크기와 뛰어난 성능 제공</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>액세서리 및 AppleCare+ 정보</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>다양한 액세서리로 Mac mini의 활용도 극대화</li><li>AppleCare+로 추가적인 보장 제공</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>기술적 세부사항 및 법적 고지</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>성능 테스트 방법과 탄소중립 정책 정보 제공</li><li>무선 통신 기능 및 저장 용량 계산 방식 안내</li><li>기능 및 서비스 이용 가능성에 대한 상세한 안내</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-2" onclick="toggleContent('product-info-2')">더보기</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = '더보기';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = '접기';
        }
    }
    </script>
        <br>
        <h2 class="prod-gallery-title">이미지 갤러리</h2><div class="prod-gallery prod-gallery-count-7"><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_1.webp" data-lightbox="prod-gallery" data-title="Image 1 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_1.webp" alt="Product Image 1"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_2.webp" data-lightbox="prod-gallery" data-title="Image 2 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_2.webp" alt="Product Image 2"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_3.webp" data-lightbox="prod-gallery" data-title="Image 3 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_3.webp" alt="Product Image 3"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_4.webp" data-lightbox="prod-gallery" data-title="Image 4 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_4.webp" alt="Product Image 4"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_5.webp" data-lightbox="prod-gallery" data-title="Image 5 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_5.webp" alt="Product Image 5"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_6.webp" data-lightbox="prod-gallery" data-title="Image 6 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_6.webp" alt="Product Image 6"></a></div><div class="prod-gallery-item"><a href="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_7.webp" data-lightbox="prod-gallery" data-title="Image 7 (좌우로 터치해서 슬라이드)"><img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_이미지_7.webp" alt="Product Image 7"></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-embed-cc-container {
            width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-embed-cc-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #3b82f6;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-embed-cc-video-wrapper {
            width: 50%;
            margin-left: 0;
        }
        .yt-embed-cc-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
            cursor: pointer;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

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

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

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

    <div class="yt-embed-cc-container">
        <h2 class="yt-embed-cc-title">제품 영상</h2>
        <div class="yt-embed-cc-video-wrapper">
            <div id="yt-embed-cc-69687c911ee97" class="yt-embed-cc-wrapper"
                 data-video-url="https://www.youtube.com/watch?v=ywsPYcFTu2E"
                 data-video-id="ywsPYcFTu2E"
                 data-is-short="false"
                 data-target="inline"
                 data-cc-load="false">
                <div class="yt-video-thumbnail">
                    <img decoding="async" src="https://d36jepsajrtzp9.cloudfront.net/Apple%202024%20맥%20미니%20M4/Apple%202024%20맥%20미니%20M4_유튜브_썸네일.webp" alt="Video Thumbnail" class="yt-thumbnail-image">
                    <div class="yt-video-type-badge">Video</div>
                    <div class="yt-play-button">
                        <div class="yt-play-triangle"></div>
                    </div>
                </div>
            </div>
        </div>
        <p class="yt-embed-cc-title-description">💡 본 제품 소개 영상으로 제품 이해에 도움되며, 외국어 영상은 CC(자막)를 켜고 시청하시면 좋습니다.</p>
    </div>

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

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

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

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

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

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

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

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

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        // Event Listeners
        container.addEventListener("click", function(e) {
            var target = this.getAttribute("data-target");
            var videoUrl = this.getAttribute("data-video-url");
            var videoId = this.getAttribute("data-video-id");
            var isShort = this.getAttribute("data-is-short") === "true";

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

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });
    })();
    </script>
    
                
        
        <br>
        
        <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #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:94%;"></div>
                    </div>
                    <div class="percentage">94%</div>
                  </div><div class="rating-row">
                    <div class="star-label">4 점</div>
                    <div class="progress-bar">
                        <div class="progress-fill" style="width:3%;"></div>
                    </div>
                    <div class="percentage">3%</div>
                  </div><div class="rating-row">
                    <div class="star-label">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><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">41%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 41%;
                                                     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 class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">학습용</span>
                                        <span class="stat-value">7%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 7%;
                                                     background-color: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                            <div 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: #2196F3;">
                                        </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: #2196F3;">
                                        </div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    <div class="statistics-card">
                        <div class="statistics-card-header">
                            <h3>성능</h3>
                        </div>
                        <div class="statistics-card-content">
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">기대 이상 뛰어나요</span>
                                        <span class="stat-value">89%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 89%;
                                                     background-color: #FF5722;">
                                        </div>
                                    </div>
                                </div>
                                                            <div class="stat-item">
                                    <div class="stat-label-row">
                                        <span class="stat-label">보통이에요</span>
                                        <span class="stat-value">10%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 10%;
                                                     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">90%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 90%;
                                                     background-color: #4CAF50;">
                                        </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: #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">95%</span>
                                    </div>
                                    <div class="stat-bar-bg">
                                        <div class="stat-bar"
                                             style="width: 95%;
                                                     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 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>
        </div>
    </div>
    
            
        
        <br>
        <h2 class="product-review-title">제품 리뷰</h2><div class="product-review-container"><div class="product-review-item"><h3 class="product-review-topic">맥 미니 M4 리뷰</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-0">맥북에어 M2로 유튜브 영상 편집을 하다가 메모리 부족 경고가 자주 떠서<br>스트레스를 받았어요. 그래서 성능이 더 좋은 데스크탑을 찾다가 맥 미니 M4를<br>선택했죠. 작고 컴팩트한 크기에 반했고, 프리미어 프로 실행 속도도 빨라서<br>작업 효율이 확 올라갔어요. 발열도 적고, 팬 소음도 거의 없어서 조용한<br>작업환경을 유지할 수 있죠. 작은 사이즈 덕에 책상 위 공간도 차지하지<br>않고, USB 포트도 많아 외장 하드나 촬영 장비 연결도 편리해요. 가성비, 성능,<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">맥 미니 M4 구매 후기</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-1">이사하면서 환경을 새롭게 바꾸고 싶어 컴퓨터를<br>새로 장만했어요. 아이맥과 맥미니 중 고민하다가<br>결국 맥미니로 결정했죠. 배송지 실수로 환불 소동도<br>있었지만, 받아보니 만족도가 정말 높아요. 디자인은<br>심플하고 공간 차지도 거의 없어요. 10코어 M4 칩셋과<br>16GB 메모리 덕분에 작업이 쾌적하고 빠릅니다. 특히<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">20년 사용한 조립 PC가 고장나서 맥미니로 갈아탔어요. 초기 설정 때<br>키보드 연결 문제로 고생했지만, 지금은 USB 키보드로 해결했어요. 모니터는<br>HDMI 2.1 to C로 연결했고, 블루투스 마우스도 잘 작동 중입니다. 외장 하드<br>연결해서 저장공간 문제도 해결했어요. 키보드와 모니터는 차차 업그레이드<br>예정입니다. 고장난 PC 자료는 옮길 방법을 찾아봐야겠어요.</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">맥 미니 M4, 진짜 물건입니다</h3><div class="product-review-content-wrapper"><div class="product-review-content" id="review-content-3">드디어 맥 미니 M4 모델을 샀습니다<br>디자인도 예쁘고 성능도 뛰어나네요<br>간단한 영상 편집이나 웹서핑, 문서 작업에<br>정말 적합합니다<br>기존 컴퓨터는 영상 편집 프로그램만 켜도<br>버벅거렸는데, 맥 미니 M4는 여러 프로그램<br>띄워도 문제없고 렌더링도 빠릅니다<br>작고 슬림해서 공간 활용에도 좋고<br>미니멀한 디자인이라 인테리어에도 잘 어울려요<br>발열도 거의 없고 팬 소리도 조용해서<br>작업에 집중할 수 있습니다<br>가격은 저렴하지 않지만 성능과 디자인<br>만족감을 생각하면 아깝지 않습니다<br>맥 미니 M4, 강력 추천합니다<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/cGo0Ta" 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-%eb%a7%a5-%eb%af%b8%eb%8b%88-m4-%eb%a6%ac%eb%b7%b0/">Apple Mac mini M4 &#8211; 컴팩트한 디자인과 강력한 성능의 완벽 조화</a>이 <a href="https://1bunreview.com">1분리뷰 | 빠르게 핵심만, 제품 A to Z</a>에 처음 등장했습니다.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5432</post-id>	</item>
	</channel>
</rss>
