1153 lines
62 KiB
PHP
1153 lines
62 KiB
PHP
<?php $bland_code = "kia"; ?>
|
|
<!--
|
|
//메타의 각 브랜드 별 코드는 hyundai,genesis 입니다.
|
|
//브랜드 별 경로에 따라 해당 코드를 변경해주세요.
|
|
-->
|
|
<?php $gnbStyleCode = "noBoder"; ?>
|
|
<!--
|
|
페이지 별 붙박이 코드입니다. 해당 변수는 JSP로만 변경해주시고, 값은 그대로 유지만 시켜주시면 됩니다.
|
|
-->
|
|
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>제품상세명 > 제품리스트 > 회사명</title>
|
|
<!--
|
|
//위에 순서대로 title 이 변경되어야 합니다.
|
|
-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php");
|
|
?>
|
|
<!--상품상세 페이지 css 분리-->
|
|
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/product.css?v1" type="text/css" />
|
|
<link rel="stylesheet" charset="UTF-8" href="/kr/assets/css/pdp_detail.css?v1" type="text/css" />
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/style.php");
|
|
?>
|
|
</head>
|
|
<body>
|
|
|
|
<!--//header-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/header_new.php");
|
|
?>
|
|
<!--//header-->
|
|
|
|
<!--//sticky-->
|
|
<div class="infoSticky">
|
|
<div class="infoStickyInner">
|
|
<div class="stickyLeft">
|
|
<p>
|
|
<strong>Kia Dynamic LED</strong>
|
|
<span>Light Type-A</span>
|
|
</p>
|
|
</div>
|
|
<div class="stickyRight">
|
|
<dl>
|
|
<dt>평생 이용권</dt>
|
|
<dd>₩ 150,000</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//sticky-->
|
|
|
|
|
|
<!--//content-warp-->
|
|
<div class="contentWarp">
|
|
<div class="productView">
|
|
<div class="productLeft">
|
|
<div class="productImg">
|
|
<div class="swiper productSwiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide"><img src="/kr/assets/images/kia/product-img/producy-temp1.png" alt="이미지 상품명"></div>
|
|
<div class="swiper-slide"><img src="/kr/assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명"></div>
|
|
<div class="swiper-slide withVideo">
|
|
<p class="productSmallVideo">
|
|
<video loop muted playsinline preload="auto" poster="/kr/assets/images/kia/product-img/producy-temp3.png">
|
|
<source src="/kr/assets/images/kia/video/producy-temp3-video.mp4" type="video/mp4">
|
|
</video>
|
|
<img src="/kr/assets/images/kia/product-img/producy-temp3.png" alt="이미지 상품명">
|
|
</p>
|
|
</div>
|
|
<div class="swiper-slide"><img src="/kr/assets/images/kia/product-img/producy-temp4.png" alt="이미지 상품명"></div>
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="productRight">
|
|
<div class="optionWarp">
|
|
<div class="producTitle">
|
|
<span>차량SW</span>
|
|
<h1>Kia Dynamic LED</h1>
|
|
<p>특별하고 빛나는 것을 좋아 하시나요? 일상에 기쁨을 더해주는 빛의 변주, 딜라이팅 라이팅이 당신을 기다립니다.</p>
|
|
</div>
|
|
<div class="producOption">
|
|
<h2>원하시는 상품을 선택해주세요</h2>
|
|
<div class="optionList">
|
|
<div class="checkBtn withVideo">
|
|
<input type="checkbox" name="check" id="checkeOne" value="Light Type-A" checked >
|
|
<label for="checkeOne">
|
|
<p class="productSmallVideo">
|
|
<video loop muted playsinline preload="auto" poster="/kr/assets/images/kia/product-img/producy-temp3.png">
|
|
<source src="/kr/assets/images/kia/video/producy-temp3-video.mp4" type="video/mp4">
|
|
</video>
|
|
<img src="/kr/assets/images/kia/product-img/producy-temp3.png" alt="이미지 상품명">
|
|
</p>
|
|
<div class="optionText">
|
|
<p>
|
|
<strong>Light Type-ALight Type-ALight Type-ALight Type-ALight Type-ALight Type-ALight Type-A</strong>
|
|
<span>파도 물결 패턴파도 물결 패턴파도 물결 패턴파도 물결 패턴파도 물결 패턴파도 물결 패턴파도 물결 패턴</span>
|
|
</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="checkBtn">
|
|
<input type="checkbox" name="check" id="checkeTwo" value="Light Type-B">
|
|
<label for="checkeTwo">
|
|
<p><img src="/kr/assets/images/kia/product-img/producy-temp2.png" alt="이미지 상품명"></p>
|
|
<div>
|
|
<p>
|
|
<strong>Light Type-B</strong>
|
|
<span>역동적인 사선 패턴</span>
|
|
</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="checkBtn disabledBtn">
|
|
<input type="checkbox" name="check" id="checkeThree" value="Light Type-C" disabled>
|
|
<label for="checkeThree">
|
|
<p><img src="/kr/assets/images/kia/product-img/producy-temp3.png" alt="이미지 상품명"></p>
|
|
<div>
|
|
<p>
|
|
<strong>Light Type-C</strong>
|
|
<span>부드러운 곡선 패턴</span>
|
|
</p>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="priceOption">
|
|
<h2>원하시는 결제 옵션을 선택해주세요</h2>
|
|
<div class="priceList">
|
|
<div class="radioBtn">
|
|
<input type="radio" name="radioBtn" id="radioOne" value="평생이용권 150000">
|
|
<label for="radioOne">
|
|
<span>평생 이용권</span>
|
|
<strong>₩ 150,000</strong>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="radioBtn">
|
|
<input type="radio" name="radioBtn" id="radioTwo" value="일반 정기 구독 150000">
|
|
<label for="radioTwo">
|
|
<span>일반 정기 구독</span>
|
|
<strong>₩ 12,000/월</strong>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="radioBtn disabledBtn">
|
|
<input type="radio" name="radioBtn" id="radioThree" value="1개월 무료 정기구독 150000" disabled>
|
|
<label for="radioThree">
|
|
<span>1개월 무료 정기 구독</span>
|
|
<strong>₩ 12,000/월</strong>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="priceTotal">
|
|
<dl class="total">
|
|
<dt>총 결제 금액</dt>
|
|
<dd>\ 150,000</dd>
|
|
</dl>
|
|
<div class="paymentButton towButton">
|
|
<button class="cartBtn leftBtn"><p>장바구니</p></button>
|
|
<button class="PurchaseBtn rightBtn"><p>구매하기</p></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--//content-warp-->
|
|
|
|
<!--에디터 영역-->
|
|
<div class="editorWarp">
|
|
<div class="editorInner">
|
|
|
|
|
|
<div class="comp_wide comp_1x_w_v_s_b">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_01.png" alt="pdp 샘플이미지" style="object-position:70% 50%;">
|
|
</div>
|
|
<div class="comp_body">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum <br>
|
|
has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book. <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_w_v_c_e1">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_02.png" alt="pdp 샘플이미지" style="object-position:45% 50%;">
|
|
</div>
|
|
<div class="comp_body layer_up">
|
|
<div class="text_area">
|
|
<h3>
|
|
Product Detail Title 1
|
|
</h3>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="comp_body no_layer">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_w_v_o_b">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_03.png" alt="pdp 샘플이미지" style="object-position:70% 50%;">
|
|
</div>
|
|
<div class="comp_body layer_up">
|
|
<div class="text_area">
|
|
<h3>
|
|
Product Detail Title 1
|
|
</h3>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="comp_wide comp_1x_w_v_c_b">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_04.png" alt="pdp 샘플이미지" style="object-position:70% 50%;">
|
|
</div>
|
|
<div class="comp_body layer_up">
|
|
<div class="text_area">
|
|
<h3>
|
|
Product Detail Title 1
|
|
</h3>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="comp_body no_layer">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
<div class="icon_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_01.png" alt="샘플 아이콘">
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_02.png" alt="샘플 아이콘">
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_03.png" alt="샘플 아이콘">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_b_v_s_b">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_05.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_b_v_s_e1">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_06.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_wrap">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_w_v_c_e2">
|
|
<div class="comp_body">
|
|
<div class="text_wrap">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_07.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_1x_b_v_o_b">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_08.png" alt="pdp 샘플이미지" style="object-position:25% 50%;">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_1x_b_h_s_b">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_09.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_b_h_s_e1">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_10.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_11.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_2x_b_v_s_e1">
|
|
<div class="comp_body">
|
|
<div class="half_area">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_12.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="half_area">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_13.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_2x_b_v_s_b">
|
|
<div class="comp_body">
|
|
<div class="half_area">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_14.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="half_area">
|
|
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_15.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_1x_b_h_s_e2">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_16.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_04.png" alt="pdp 샘플아이콘">
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_05.png" alt="pdp 샘플아이콘">
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_06.png" alt="pdp 샘플아이콘">
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_2x_b_h_s_e2">
|
|
<div class="comp_body">
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_07.png" alt="pdp 샘플아이콘">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_08.png" alt="pdp 샘플아이콘">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_09.png" alt="pdp 샘플아이콘">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_icon_10.png" alt="pdp 샘플아이콘">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_3x_b_v_s_b">
|
|
<div class="comp_body">
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_17.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_18.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_19.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- [S]blank sample -->
|
|
<div class="comp_wide comp_1x_w_v_s_b">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_01.png" alt="pdp 샘플이미지" style="object-position:70% 50%;">
|
|
</div>
|
|
<div class="comp_body">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum <br>
|
|
has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book. <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_w_v_c_e1">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_02.png" alt="pdp 샘플이미지" style="object-position:45% 50%;">
|
|
</div>
|
|
<div class="comp_body layer_up">
|
|
<div class="text_area">
|
|
<h3>
|
|
Product Detail Title 1
|
|
</h3>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="comp_body no_layer">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_w_v_o_b">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_03.png" alt="pdp 샘플이미지" style="object-position:70% 50%;">
|
|
</div>
|
|
<div class="comp_body layer_up">
|
|
<div class="text_area">
|
|
<h3>
|
|
Product Detail Title 1
|
|
</h3>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="comp_wide comp_1x_w_v_c_b">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_04.png" alt="pdp 샘플이미지" style="object-position:70% 50%;">
|
|
</div>
|
|
<div class="comp_body layer_up">
|
|
<div class="text_area">
|
|
<h3>
|
|
Product Detail Title 1
|
|
</h3>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="comp_body no_layer">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_b_v_s_b">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_05.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_b_v_s_e1">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_06.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_wrap">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_w_v_c_e2">
|
|
<div class="comp_body">
|
|
<div class="text_wrap">
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_07.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_1x_b_v_o_b">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_08.png" alt="pdp 샘플이미지" style="object-position:25% 50%;">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_1x_b_h_s_b">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_09.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_1x_b_h_s_e1">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_10.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_11.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br>
|
|
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <br>
|
|
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_2x_b_v_s_e1">
|
|
<div class="comp_body">
|
|
<div class="half_area">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_12.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="half_area">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_13.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_2x_b_v_s_b">
|
|
<div class="comp_body">
|
|
<div class="half_area">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_14.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="half_area">
|
|
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_15.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_1x_b_h_s_e2">
|
|
<div class="comp_body">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_16.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h4>
|
|
Product Detail Title Text 2
|
|
</h4>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_icon_01.png" alt="pdp 샘플아이콘">
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_icon_01.png" alt="pdp 샘플아이콘">
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_icon_01.png" alt="pdp 샘플아이콘">
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="comp_wide comp_2x_b_h_s_e2">
|
|
<div class="comp_body">
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_icon_02.png" alt="pdp 샘플아이콘">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_icon_02.png" alt="pdp 샘플아이콘">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_icon_02.png" alt="pdp 샘플아이콘">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_icon_02.png" alt="pdp 샘플아이콘">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="comp_wide comp_3x_b_v_s_b">
|
|
<div class="comp_body">
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_17.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_18.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="image_area">
|
|
<img src="/kr/assets/images/sample_pdp/sample_blank_19.png" alt="pdp 샘플이미지">
|
|
</div>
|
|
<div class="text_area">
|
|
<h5>
|
|
Product Detail Title Text 3
|
|
</h5>
|
|
<p>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- [E]blank sample -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<!--에디터 영역-->
|
|
|
|
|
|
<!--관련상품-->
|
|
<div class="relatedProducts">
|
|
<div class="relatedInnder">
|
|
<h2>관련상품</h2>
|
|
<div class="relatedList">
|
|
<a href="">
|
|
<div class="relatedListItem">
|
|
<div class="itemInner">
|
|
<div class="itemLeft">
|
|
<p class="img"><img src="/kr/assets/images/kia/product-img/producy-temp5.png" alt="이미지 상품명"></p>
|
|
<div class="productName">
|
|
<dl>
|
|
<dt>Kia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDKia Dynamic LEDLEDKia Dynamic LEDLEDKia Dynamic LED</dt>
|
|
<dd>더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게더 특별하 게 더 반짝이게특별하 게 더 반짝이게더 특별하 게 더 반짝이게특별하 게 더 반짝이게더 특별하 게 더 반짝이게특별하 게 더 반짝이게더 특별하 게 더 반짝이게</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="productPrice">
|
|
<dl>
|
|
<dt>평생 이용권</dt>
|
|
<dd>\520,000</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>일반 정기 구독</dt>
|
|
<dd>\12,000/월</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="">
|
|
<div class="relatedListItem">
|
|
<div class="itemInner">
|
|
<div class="itemLeft">
|
|
<p class="img"><img src="/kr/assets/images/kia/product-img/producy-temp5.png" alt="이미지 상품명"></p>
|
|
<div class="productName">
|
|
<dl>
|
|
<dt>Kia Dynamic LEDKia Dynamic </dt>
|
|
<dd>더 특별하 게 더 반짝이게</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
<div class="productPrice">
|
|
<dl>
|
|
<dt>평생 이용권</dt>
|
|
<dd>\520,000</dd>
|
|
</dl>
|
|
<dl>
|
|
<dt>일반 정기 구독</dt>
|
|
<dd>\12,000/월</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--관련상품-->
|
|
|
|
|
|
|
|
|
|
<!--//footer-->
|
|
<?php
|
|
include($_SERVER['DOCUMENT_ROOT']."/kr/include/footer.php");
|
|
?>
|
|
<!--//footer-->
|
|
</body>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|