주식회사 챌린저코리아

<div><div class="responsive-video-container">
    <div class="video-wrapper">
        <video class="responsive-video" src="https://player-api.charlla.io/mp4/Jx8tjcDfaP9" preload="auto" autoplay loop muted playsinline controls="">
        </video>
    </div>
</div>

<style>
    /* &#48708;&#46356;&#50724; &#52968;&#53580;&#51060;&#45320; - &#51473;&#50521; &#51221;&#47148; & &#48152;&#51025;&#54805; */
    .responsive-video-container {
        position: relative;
        text-align: center;
        width: 100%;
        max-width: 600px; /* &#48708;&#46356;&#50724; &#52572;&#45824; &#53356;&#44592; */
        margin: 0 auto;
    }

    /* 9:16 &#48708;&#50984; &#50976;&#51648; */
    .video-wrapper {
        position: relative;
        width: 100%;
        padding-top: 177.78%; /* 9:16 &#48708;&#50984; */
    }

    /* &#48708;&#46356;&#50724; &#49828;&#53440;&#51068; */
    .responsive-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 100vh;
        background-color: transparent;
        object-fit: cover;
        border-radius: 10px; /* &#47784;&#49436;&#47532; &#46181;&#44544;&#44172; */
        display: block;
    }

    /* &#47784;&#48148;&#51068; &#52572;&#51201;&#54868; */
    @media (max-width: 768px) {
        .responsive-video-container {
            max-width: 100%; /* &#47784;&#48148;&#51068;&#50640;&#49436; &#54868;&#47732; &#45320;&#48708;&#50640; &#47582;&#52628;&#44592; */
        }
    }
</style><div class="product-detail" style="max-width: 800px; margin: 0 auto; font-family: Arial, sans-serif; line-height: 1.8; padding: 20px;">
    <h1 style="margin-bottom: 20px; text-align: left;">
        <span style="font-size: 18px; color: #333; display: block;">Women"s Embossed Mesh 4-Pocket Utility Vest</span>
        <span style="font-size: 22px; font-weight: bold; color: #000; display: block; margin-top: 5px;">여성 엠보 메쉬 4포켓 유틸리티 베스트</span>
    </h1>
    <p style="font-size: 16px; color: #555; margin-bottom: 20px; text-align: left;">
        <strong style="font-size: 18px; color: #000;">실용성과 스타일을 모두 갖춘 유틸리티 베스트!</strong>
        <br>가볍고 통기성이 뛰어난 <strong>엠보 메쉬 원단</strong>으로 한여름에도 쾌적한 착용감을 제공하는 <strong>유틸리티 베스트!</strong>  
        각기 다른 디자인의 <strong>4포켓 디테일</strong>이 실용성을 더해주며,  
        <strong>넉넉한 넥라인과 암홀</strong>로 다양한 이너와 레이어드 가능!  
        캐주얼부터 필드룩까지 폭넓게 활용할 수 있는 <strong>트렌디한 썸머 베스트!</strong>  
    </p>
    <section class="product-points" style="margin-bottom: 20px;">
        <h3 style="font-size: 18px; font-weight: bold; color: #000; text-align: left;">POINT</h3>
        <ul style="padding-left: 20px; font-size: 16px; color: #555; text-align: left;">
            <li style="margin-bottom: 10px; line-height: 1.8;"><strong>엠보 메쉬 원단</strong>으로 탁월한 통기성과 경량감 제공</li>
            <li style="margin-bottom: 10px; line-height: 1.8;"><strong>4개의 유틸리티 포켓</strong>으로 수납력과 디자인 포인트 강화</li>
            <li style="margin-bottom: 10px; line-height: 1.8;"><strong>넉넉한 넥라인과 암홀</strong>로 다양한 이너와 레이어드 스타일링 가능</li>
            <li style="margin-bottom: 10px; line-height: 1.8;"><strong>캐주얼 &amp; 필드룩</strong>으로 다목적 활용 가능</li>
            <li style="margin-bottom: 10px; line-height: 1.8;"><strong>트렌디한 유틸리티 스타일</strong>로 감각적인 썸머 룩 완성</li>
        </ul>
    </section>
    <section class="fit-size" style="margin-bottom: 20px;">
        <h3 style="font-size: 18px; font-weight: bold; color: #000; text-align: left;">FIT / MODEL SIZE</h3>
        <p style="font-size: 16px; color: #555; text-align: left;">REGULAR FIT / 164cm, XS 착용</p>
    </section>
    <section class="additional-line" style="margin-bottom: 20px;">
        <h3 style="font-size: 18px; font-weight: bold; color: #000; text-align: left;">Contemporary Utility Line</h3>
        <p style="font-size: 16px; color: #555; text-align: left;">
            캐주얼하고 트렌디한 패션에 퍼포먼스를 결합한  
            골프중독자들의 스피릿을 담은 <strong>컨템포러리 유틸리티 라인</strong>.
        </p>
    </section>
</div>
<style>
    /* Mobile-specific styles */
    @media screen and (max-width: 768px) {
        .product-detail {
            padding: 0 15px;
        }

        ul {
            padding-left: 20px;
        }
    }

    /* PC-specific styles */
    @media screen and (min-width: 769px) {
        .product-detail {
            padding-left: 30px;
            padding-right: 30px;
        }

        ul {
            padding-left: 40px;
        }
    }
</style><div class="product-images"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_REC_01.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_REC_02.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_REC_03.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_REC_04.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_REC_05.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_REC_06.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_REC_07.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_REC_08.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_RMBG_FRONT.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_RMBG_BACK.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_RMBG_01.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_RMBG_02.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_RMBG_03.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_RMBG_04.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_RMBG_05.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2WVT5607/CHE2WVT5607BK_RMBG_06.jpg" alt="챌린저" loading="lazy"></div>

<style> 
    .product-images {
        display: grid;
        grid-template-columns: 1fr; /* &#47784;&#46304; &#54644;&#49345;&#46020;&#50640;&#49436; 1&#45800;&#51004;&#47196; &#44256;&#51221; */
        gap: 10px;
        padding: 20px;
        max-width: 1200px;
        margin: 0 auto;
    }

    .product-images img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease-in-out;
    }

    .product-images img:hover {
        transform: scale(1.05);
    }

    /* &#47784;&#48148;&#51068; &#52572;&#51201;&#54868;: 1&#45800; &#47112;&#51060;&#50500;&#50883; */
    @media (max-width: 768px) {
        .product-images {
            grid-template-columns: 1fr; /* 1&#45800;&#51004;&#47196; &#48320;&#44221; */
            gap: 5px;
        }
    }
</style>
<div class="product-detail-image">
    <img src="https://fit8.cre.ma/challengerkorea.com/fit/products/2426/combined_fit_product.jpg" alt="제품 핏 가이드 이미지">
</div>


<style>
    /* &#51060;&#48120;&#51648; &#52968;&#53580;&#51060;&#45320; - &#51473;&#50521; &#51221;&#47148; &#48143; &#48152;&#51025;&#54805; */
    .product-detail-image {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        max-width: 100%;
    }

    /* &#51060;&#48120;&#51648; &#49828;&#53440;&#51068; */
    .product-detail-image img {
        max-width: 100%;
        height: auto;
        border-radius: 8px; /* &#46181;&#44540; &#47784;&#49436;&#47532; */
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* &#51077;&#52404;&#44048; */
    }

    /* &#47784;&#48148;&#51068; &#52572;&#51201;&#54868; */
    @media (max-width: 768px) {
        .product-detail-image {
            padding: 10px; /* &#47784;&#48148;&#51068;&#50640;&#49436; &#54056;&#46377; &#51460;&#51060;&#44592; */
        }
    }
</style></div>