주식회사 챌린저코리아

<div><div class="responsive-video-container">
    <div class="video-wrapper">
        <video class="responsive-video" src="https://player-api.charlla.io/mp4/Y1khxTuvK8b" 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;">Men"s Nylon Span Contrast Point Half-Zip Short-Sleeve Woven Top</span>
        <span style="font-size: 22px; font-weight: bold; color: #000; display: block; margin-top: 5px;">남성 나일론 스판 배색포인트 반집업 반팔 우븐탑</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>등판 메쉬 소재</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>배색 포인트 디자인</strong>으로 스포티하고 세련된 스타일 연출</li>
            <li style="margin-bottom: 10px; line-height: 1.8;"><strong>반집업 하이넥</strong> 스타일로 트렌디하고 실용적인 디자인</li>
            <li style="margin-bottom: 10px; line-height: 1.8;"><strong>등판 메쉬 소재</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;">SEMI-OVER FIT / 185cm, XL 착용</p>
    </section>
    <section class="additional-line" style="margin-bottom: 20px;">
        <h3 style="font-size: 18px; font-weight: bold; color: #000; text-align: left;">Hipformance Authentic Tech Line</h3>
        <p style="font-size: 16px; color: #555; text-align: left;">
            최상의 퍼포먼스를 낼 수 있도록 골프 스윙의 본질을 분석하여  
            핏과 소재, 디자인 등 기능성에 집중한 <strong>HIP-퍼포먼스 어센틱 테크 라인</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/CHE2MWT2211/CHE2MWT2211DG_REC_01.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_REC_02.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_REC_03.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_REC_04.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_REC_05.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_REC_06.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_REC_07.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_REC_08.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_RMBG_FRONT.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_RMBG_BACK.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_RMBG_01.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_RMBG_02.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_RMBG_03.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_RMBG_04.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_RMBG_05.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MWT2211/CHE2MWT2211DG_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/2586/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>