주식회사 챌린저코리아

<div><div class="responsive-video-container">
    <div class="video-wrapper">
        <video class="responsive-video" src="https://player-api.charlla.io/mp4/7KwSK7w5NV5" 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 Airy Nylon Semi-Wide Fit Cargo Pants</span>
        <span style="font-size: 22px; font-weight: bold; color: #000; display: block; margin-top: 5px;">남성 에어리 나일론 세미와이드핏 카고 팬츠</span>
    </h1>
    
    <h2 style="margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #000; text-align: left;">
        <strong>에어리한 착용감과 세미와이드핏 실루엣</strong>으로 완성하는 감각적인 스타일
    </h2>
    <p style="font-size: 16px; color: #555; margin-bottom: 20px; text-align: left;">
        <strong>통기성이 뛰어난 에어리 나일론 원단</strong>이 한여름에도 시원한 착용감을 선사합니다.  
        <strong>세미와이드핏 실루엣</strong>이 트렌디한 감성을 더하며,  
        <strong>아웃포켓 &amp; 밑단 스트링</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>SEMI-WIDE FIT</strong>으로 필드 &amp; 일상에서 활용 가능</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-WIDE FIT / 184cm, M 착용</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/CHE2MPT5243/CHE2MPT5243BK_REC_01.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_REC_02.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_REC_03.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_REC_04.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_REC_05.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_REC_06.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_REC_07.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_REC_08.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_RMBG_FRONT.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_RMBG_BACK.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_RMBG_01.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_RMBG_02.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_RMBG_03.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_RMBG_04.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_RMBG_05.jpg" alt="챌린저" loading="lazy"><img src="https://challengerkorea.com/web/upload/chpd/2025/CHE2MPT5243/CHE2MPT5243BK_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/2340/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>