|
|
@@ -0,0 +1,2274 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : MallMainFormWeb.html
|
|
|
+ * @desc : 몰메인 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.01.28 gagamel 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+
|
|
|
+<th:block th:fragment="content">
|
|
|
+
|
|
|
+<div id="container" class="container main">
|
|
|
+ <!-- <div class="breadcrumb"> (breadcrumb) </div> -->
|
|
|
+
|
|
|
+ <div class="wrap ">
|
|
|
+ <!-- 1. 비주얼 슬라이드 -->
|
|
|
+ <div class="content wide main_visual">
|
|
|
+ <div class="cont_head dpnone">
|
|
|
+ <p class="t_c">비주얼 슬라이드</p>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="post-slider">
|
|
|
+ <div class="post-wrapper post-visual">
|
|
|
+ <div class="post">
|
|
|
+ <div class="txtWrap">
|
|
|
+ <p class="vrt_txt">NBA</p>
|
|
|
+ <dl class="w">
|
|
|
+ <dt>NBA</dt>
|
|
|
+ <dd>2020 FALL</dd>
|
|
|
+ <dd>NEW ARRIVAL</dd>
|
|
|
+ <dd class="txt_xs">나만의 가을 스타일 찾기</dd>
|
|
|
+ </dl>
|
|
|
+ <button type="button" class="btn"><span>VIEW MORE</span></button>
|
|
|
+ </div>
|
|
|
+ <img src="../ux/images/thumb/main_visual01.jpg" alt="">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="post">
|
|
|
+ <div class="txtWrap">
|
|
|
+ <p class="vrt_txt">vertical-BrandName</p>
|
|
|
+ <dl class="w">
|
|
|
+ <dt>브랜드명</dt>
|
|
|
+ <dd>F/W SEASON</dd>
|
|
|
+ <dd>DENIM SALE</dd>
|
|
|
+ <dd class="txt_xs">데님 신상 아이템 ~20% 세일</dd>
|
|
|
+ </dl>
|
|
|
+ <button type="button" class="btn"><span>VIEW MORE</span></button>
|
|
|
+ </div>
|
|
|
+ <img src="../ux/images/thumb/main_visual02.jpg" alt="">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="post">
|
|
|
+ <div class="txtWrap">
|
|
|
+ <p class="vrt_txt">vertical-BrandName</p>
|
|
|
+ <dl class="w">
|
|
|
+ <dt>브랜드명</dt>
|
|
|
+ <dd>F/W SEASON</dd>
|
|
|
+ <dd>DENIM SALE</dd>
|
|
|
+ <dd class="txt_xs">데님 신상 아이템 ~20% 세일</dd>
|
|
|
+ </dl>
|
|
|
+ <button type="button" class="btn"><span>VIEW MORE</span></button>
|
|
|
+ </div>
|
|
|
+ <img src="../ux/images/thumb/main_visual03.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class="txtWrap">
|
|
|
+ <p class="vrt_txt">vertical-BrandName</p>
|
|
|
+ <dl class="">
|
|
|
+ <dt>브랜드명</dt>
|
|
|
+ <dd>F/W SEASON</dd>
|
|
|
+ <dd>DENIM SALE</dd>
|
|
|
+ <dd class="txt_xs">데님 신상 아이템 ~20% 세일</dd>
|
|
|
+ </dl>
|
|
|
+ <button type="button" class="btn"><span>VIEW MORE</span></button>
|
|
|
+ </div>
|
|
|
+ <img src="../ux/images/thumb/main_visual04.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class="txtWrap">
|
|
|
+ <p class="vrt_txt">vertical-BrandName</p>
|
|
|
+ <dl class="">
|
|
|
+ <dt>브랜드명</dt>
|
|
|
+ <dd>F/W SEASON</dd>
|
|
|
+ <dd>DENIM SALE</dd>
|
|
|
+ <dd class="txt_xs">데님 신상 아이템 ~20% 세일</dd>
|
|
|
+ </dl>
|
|
|
+ <button type="button" class="btn"><span>VIEW MORE</span></button>
|
|
|
+ </div>
|
|
|
+ <img src="../ux/images/thumb/main_visual05.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 2. 스타일리포트 -->
|
|
|
+ <div class="content main_stylereport">
|
|
|
+ <div class="cont_head">
|
|
|
+ <p class="displayH t_c">스타일리포트</p>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="ui_row">
|
|
|
+ <div class="ui_col_3">
|
|
|
+ <a href="#none">
|
|
|
+ <img src="../ux/images/thumb/main_stylereport01.jpg" alt="">
|
|
|
+ <dl>
|
|
|
+ <dt>겨울 아우터 미리 준비하기</dt>
|
|
|
+ <dd>올 겨울 무엇을 입을지 고민하는</dd>
|
|
|
+ <dd>당신을 위해 준비한 아우터 픽을 만나보자</dd>
|
|
|
+ </dl>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="ui_col_3">
|
|
|
+ <a href="#none">
|
|
|
+ <img src="../ux/images/thumb/main_stylereport02.jpg" alt="">
|
|
|
+ <dl>
|
|
|
+ <dt>트렌드 스타일링</dt>
|
|
|
+ <dd>가을의 냄새가 느껴지는 요즘,</dd>
|
|
|
+ <dd>쌀쌀한 날씨에서 나를 지켜줄 아우터만 모았다</dd>
|
|
|
+ </dl>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="ui_col_3">
|
|
|
+ <a href="#none">
|
|
|
+ <img src="../ux/images/thumb/main_stylereport03.jpg" alt="">
|
|
|
+ <dl>
|
|
|
+ <dt>TBJ 가을신상 아이템</dt>
|
|
|
+ <dd>오직 스타일24 에서만 만날 수 있는</dd>
|
|
|
+ <dd>TBJ의 가을 신상 아이템들을 만나보자</dd>
|
|
|
+ </dl>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="ui_col_3">
|
|
|
+ <a href="#none">
|
|
|
+ <img src="../ux/images/thumb/main_stylereport04.jpg" alt="">
|
|
|
+ <dl>
|
|
|
+ <dt>컬리수 2020 F/W</dt>
|
|
|
+ <dd>사랑스러운 컬리수의 2020 F/W 신상</dd>
|
|
|
+ <dd>~10% 쿠폰찬스 놓치지 말자</dd>
|
|
|
+ </dl>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 3. 트렌디한 신상아이템 -->
|
|
|
+ <div class="content wide main_trendy">
|
|
|
+
|
|
|
+ <div class="cont_head">
|
|
|
+
|
|
|
+ <p class="displayH t_c">트렌디한 신상 아이템 </p>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="post-slider variable">
|
|
|
+ <div class="post-wrapper post-trendy">
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod inc">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_trendy01.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">스타 착용 여성 퍼 아플리케 오버핏 투마일 웨어링 점퍼</div>
|
|
|
+ <p class="itemPrice">488,000</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod shr">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_trendy02.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">유니 다이아몬드 누빔 포인트포켓 거위털 밴딩 점퍼 스웨이드 집업 트러커 점퍼</div>
|
|
|
+ <p class="itemPrice">
|
|
|
+ <span>80,100</span>
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod shr">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_trendy03.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">여성 카라리스 오버핏 메탈릭 포켓 셔츠</div>
|
|
|
+ <p class="itemPrice">488,000</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod inc">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_trendy04.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">가을 신상 면 혼방 블루종 자수 로고 포인트 자켓 유니 스몰 로고 긴팔 티셔츠</div>
|
|
|
+ <p class="itemPrice">488,000</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod shr">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_trendy05.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">가을 신상 남성 스탠다드핏 로고맨 블루 볼 캡 유니 경량다운 시보리넥 베스트</div>
|
|
|
+ <p class="itemPrice">488,000</p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <img src="../ux/images/thumb/main_trendy03.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 4. 잇 아이템 -->
|
|
|
+ <div class="content main_it">
|
|
|
+ <div class="cont_head">
|
|
|
+ <p class="displayH">가장 사랑받은<br>잇 아이템</p>
|
|
|
+ <a href="#none"><span>전체보기</span></a>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="it_nav">
|
|
|
+ <ul>
|
|
|
+ <li><button class="btn btn_link active" data-tab="it1"><span>여성</span></button></li>
|
|
|
+ <li><button class="btn btn_link" data-tab="it2"><div><span>남성</span></button></li>
|
|
|
+ <li><button class="btn btn_link" data-tab="it3"><div><span>유아동</span></button></li>
|
|
|
+ <li><button class="btn btn_link" data-tab="it4"><div><span>골프</span></button></li>
|
|
|
+ <li><button class="btn btn_link" data-tab="it5"><div><span>라이프</span></button></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="post-slider it_item active " id="it1">
|
|
|
+ <div class="post-wrapper post-it">
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod sUiXc "> <!-- item_prod ranker d_detail -->
|
|
|
+
|
|
|
+ <div class="item_state"> <!-- item_state AD soldout -->
|
|
|
+ <a href="#none" class=" itemLink">
|
|
|
+ <div class="shape ranker"><span>1</span></div>
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class=" itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape "><span>2</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>3</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>4</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape "><span>5</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod sUiXc ">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class=" itemLink">
|
|
|
+ <div class="shape ranker"><span>1</span></div>
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class=" itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>88</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>999</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>특가</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape dealdetail"><span>상품<br> 04</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
|
|
|
+ <span class="slider__label sr-only">
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post-slider it_item " id="it2">
|
|
|
+ <div class="post-wrapper post-it">
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod sUiXc "> <!-- item_prod ranker d_detail -->
|
|
|
+
|
|
|
+ <div class="item_state"> <!-- item_state AD soldout -->
|
|
|
+ <a href="#none" class=" itemLink">
|
|
|
+ <div class="rank ranker"><span>1</span></div>
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class=" itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="rank r⸏an⸏ke⸏r"><span>88</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="rank"><span>100</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="rank"><span>특가</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="rank detail"><span>상품 014</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod sUiXc ">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class=" itemLink">
|
|
|
+ <div class="shape ranker"><span>1</span></div>
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class=" itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>88</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>999</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>특가</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape dealdetail"><span>상품<br> 04</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
|
|
|
+ <span class="slider__label sr-only">
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 5. 프로모션배너 -->
|
|
|
+ <div class="content main_2stage">
|
|
|
+ <div class="cont_head dpnone">
|
|
|
+ <p class="t_c">프로모션배너</p>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="ui_row">
|
|
|
+ <div class="ui_col_6">
|
|
|
+ <a href="#none"><img src="../ux/images/thumb/bnn_2stage1.jpg" alt=""></a>
|
|
|
+ </div>
|
|
|
+ <div class="ui_col_6">
|
|
|
+ <a href="#none"><img src="../ux/images/thumb/bnn_2stage2.jpg" alt=""></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 6. 타임딜 : 슬라이드 -->
|
|
|
+ <div class="content wide main_deal">
|
|
|
+ <div class="cont_head">
|
|
|
+ <p class="displayH">오늘만<br>이 가격에 만나요</p>
|
|
|
+ <a href="#none"><span>전체보기</span></a>
|
|
|
+
|
|
|
+ <div class="count">
|
|
|
+ <style>
|
|
|
+ /**
|
|
|
+* Progress Bar
|
|
|
+*/
|
|
|
+.progress {
|
|
|
+display: block;
|
|
|
+width: 100%;
|
|
|
+height: 2px;
|
|
|
+border-radius: 0px;
|
|
|
+overflow: hidden;
|
|
|
+background-color: #dddddd;
|
|
|
+background-image: linear-gradient(to right, #222222, #222222);
|
|
|
+background-repeat: no-repeat;
|
|
|
+/* background-size: 0 100%; */
|
|
|
+background-size: 0% 100%;
|
|
|
+transition: background-size .4s ease-in-out;
|
|
|
+}
|
|
|
+ </style>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="post-slider active" id="it1">
|
|
|
+ <div class="post-wrapper post-deal">
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod sUiXc "> <!-- item_prod ranker d_detail -->
|
|
|
+
|
|
|
+ <div class="item_state"> <!-- item_state AD soldout -->
|
|
|
+ <a href="#none" class=" itemLink">
|
|
|
+ <div class="rank ranker"><span>1</span></div>
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class=" itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="rank r⸏an⸏ke⸏r"><span>88</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod2.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">여성 체인 프린트 큐롯 스커트 프린트 큐롯 스커트</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="rank"><span>100</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod3.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 헤링본 기모 팬츠 헤링본 기모 팬츠</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="rank"><span>특가</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod4.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼 여성 니트 후드 경량 다운 점퍼</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="rank detail"><span>상품 014</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod sUiXc ">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class=" itemLink">
|
|
|
+ <div class="shape ranker"><span>1</span></div>
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod4.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class=" itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>88</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>999</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape"><span>특가</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="shape dealdetail"><span>상품<br> 04</span></div>
|
|
|
+ <div class=" itemPic">
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">[온라인 단독] 여성 겨울 부클칼라 A라인 다운베스트(구스)</div>
|
|
|
+ <p class="itemPrice">488,000 </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
|
|
|
+ <span class="slider__label sr-only">
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 7. 브랜드픽 -->
|
|
|
+ <div class="content main_pick">
|
|
|
+ <div class="cont_head">
|
|
|
+ <p class="displayH t_c">브랜드 PICK</p>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="post-slider variable">
|
|
|
+ <div class="post-wrapper post-pick-nav">
|
|
|
+ <div><span><img src="../ux/images/thumb/main_picklogo01.png" alt="barnd name"></span></div>
|
|
|
+ <div><span><img src="../ux/images/thumb/main_picklogo02.png" alt="barnd name"></span></div>
|
|
|
+ <div><span><img src="../ux/images/thumb/main_picklogo03.png" alt="barnd name"></span></div>
|
|
|
+ <div><span><img src="../ux/images/thumb/main_picklogo04.png" alt="barnd name"></span></div>
|
|
|
+ <div><span><img src="../ux/images/thumb/main_picklogo05.png" alt="barnd name"></span></div>
|
|
|
+ <div><span><img src="../ux/images/thumb/main_picklogo06.png" alt="barnd name"></span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="post-slider">
|
|
|
+ <div class="post-wrapper post-pick-for">
|
|
|
+ <div>
|
|
|
+ <div class="pick_look">
|
|
|
+ <div class="post-slider variable">
|
|
|
+ <div class="post-wrapper post-lookbook">
|
|
|
+ <div><img src="../ux/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
|
|
|
+ <div><img src="../ux/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
|
|
|
+ <div><img src="../ux/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="pick_item">
|
|
|
+
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="pick_look">
|
|
|
+ <div class="post-slider variable">
|
|
|
+ <div class="post-wrapper post-lookbook">
|
|
|
+ <div><img src="../ux/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
|
|
|
+ <div><img src="../ux/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
|
|
|
+ <div><img src="../ux/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="pick_item">
|
|
|
+
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod2.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod2.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod2.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="pick_look"></div>
|
|
|
+ <div class="pick_item"></div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="pick_look"></div>
|
|
|
+ <div class="pick_item"></div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="pick_look"></div>
|
|
|
+ <div class="pick_item"></div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="pick_look"></div>
|
|
|
+ <div class="pick_item"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 8. 가로 긴 배너 슬라이드 -->
|
|
|
+ <!-- bnn_1stage -->
|
|
|
+ <div class="content wide main_1stage">
|
|
|
+ <div class="cont_head dpnone">
|
|
|
+ <p class="t_c">배너 슬라이드</p>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="post-slider">
|
|
|
+ <div class="post-wrapper post-bnnWide">
|
|
|
+ <div class="post">
|
|
|
+ <a href="#none">
|
|
|
+ <div class="bnnbox" style="background:#e3e7ea;">
|
|
|
+ <div class="txtWrap ">
|
|
|
+ <p>TBJ 가을 신상</p>
|
|
|
+ <p>아우터 + 이너 단독세일</p>
|
|
|
+ <button type="button" class="btn">VIEW MORE</button>
|
|
|
+ </div>
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/bnn_1stage.jpg">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <a href="#none">
|
|
|
+ <div class="bnnbox" style="background:#eef1f3;">
|
|
|
+ <div class="txtWrap ">
|
|
|
+ <p>TBJ 가을 신상</p>
|
|
|
+ <p>아우터 + 이너 단독세일</p>
|
|
|
+ <button type="button" class="btn">VIEW MORE</button>
|
|
|
+ </div>
|
|
|
+ <img alt="BLUE-a" class=" vLHTC pd_img" src="../ux/images/thumb/bnn_1stage.jpg">
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 9. MD추천 스타일 -->
|
|
|
+ <div class="content main_recomm">
|
|
|
+ <div class="cont_head">
|
|
|
+ <p class="displayH t_c">MD가 추천하는 스타일</p>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <section>
|
|
|
+ <div class="sec_head">
|
|
|
+ <div class="filter action">
|
|
|
+ <button data-filter="tag_warm" class="btn">따뜻한 무드</button>
|
|
|
+ <button data-filter="tag_daily" class="btn">일상의 데일리룩</button>
|
|
|
+ <button data-filter="tag_homeware" class="btn">집콕스타일</button>
|
|
|
+ <button data-filter="tag_point" class="btn" disabled >포인트 아이템</button>
|
|
|
+ <button data-filter="tag_classic" class="btn" disabled >클래식 자켓</button>
|
|
|
+ <button data-filter="Test" class="btn test_btn" disabled >테스트 버튼</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body">
|
|
|
+ <div class="post-slider">
|
|
|
+ <div class="post-wrapper post-recomm">
|
|
|
+ <div class="tag_warm post">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod3.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod3.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tag_warm post">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod3.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod3.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod1.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tag_daily post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod4.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod2.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod4.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod2.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod4.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tag_daily post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod4.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod2.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod4.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod2.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod4.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tag_homeware post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tag_homeware post">
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class=" item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/prod5.jpg">
|
|
|
+ <button type="button" class="itemLike">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ <div class="itemComment">#주문 폭주 상품</div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="sec_foot dpnone">SECTION-FOOT</div>
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 10. 당신을위한제안 -->
|
|
|
+ <div class="content wide main_foryou">
|
|
|
+ <div class="cont_head">
|
|
|
+ <p class="displayH">당신을 위한 제안</p>
|
|
|
+ <span>스타일24에서 가장 주목받는 상품을 살펴보세요</span>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+
|
|
|
+ <div class="post-slider fy_nav">
|
|
|
+ <div class="post-wrapper post-sug">
|
|
|
+ <div class="post">
|
|
|
+ <ul>
|
|
|
+ <li><button class="btn btn_shape active" data-tab="fy1"><div><span class="number">1</span><span>BUCKAROO</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ <li><button class="btn btn_shape" data-tab="fy2"><div><span class="number">2</span><span>기모청바지</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ <li><button class="btn btn_shape" data-tab="fy3"><div><span class="number">3</span><span>겨울 팬츠</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ <li><button class="btn btn_shape" data-tab="fy4"><div><span class="number">4</span><span>컨버스 주니어</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ <li><button class="btn btn_shape" data-tab="fy5"><div><span class="number">5</span><span>모이몰른</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <ul>
|
|
|
+ <li><button class="btn btn_shape" data-tab="fy6"><div><span class="number">6</span><span>컨버스 주니어</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ <li><button class="btn btn_shape" data-tab="fy7"><div><span class="number">7</span><span>겨울 팬츠</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ <li><button class="btn btn_shape" data-tab="fy8"><div><span class="number">8</span><span>BUCKAROO</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ <li><button class="btn btn_shape" data-tab="fy9"><div><span class="number">9</span><span>모이몰른</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ <li><button class="btn btn_shape" data-tab="fy10"><div><span class="number">10</span><span>기모청바지</span></div></button><a href="#none">더보기</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="fy_item active" id="fy1">
|
|
|
+ <div class="part">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug01.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">자카드 방풍 패딩 스웨터 가디건 자카드 </div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug02.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part lg">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug03.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug04.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug05.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug06.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug07.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fy_item" id="fy2">
|
|
|
+ <div class="part">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug04.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug05.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug01.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">자카드 방풍 패딩 스웨터 가디건 자카드 </div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug02.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug06.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug07.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part lg">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a href="#none" class="itemLink" tabindex="0">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="BLACK-a" class=" vLHTC pd_img" src="../ux/images/thumb/main_sug03.jpg">
|
|
|
+ <button type="button" class="itemLike" tabindex="0">관심상품 추가</button>
|
|
|
+ </div>
|
|
|
+ <div class="itemInfo">
|
|
|
+ <p class="itemBrand">BRAND NAME</p>
|
|
|
+ <div class=" itemName">남성 로고 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건 자카드 방풍 패딩 스웨터 가디건</div>
|
|
|
+ <p class="itemPrice">80,100
|
|
|
+ <span class="itemPrice_original">89,000</span>
|
|
|
+ <span class=" itemPercent">10%</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 11. 바닥 슬라이드 -->
|
|
|
+ <div class="content wide main_tv">
|
|
|
+ <div class="cont_head">
|
|
|
+ <p class="displayH t_c">STYLE24 TV</p>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <div class="post-slider">
|
|
|
+ <div class="post-wrapper post-tv">
|
|
|
+ <div class="post">
|
|
|
+ <div class="movbox">
|
|
|
+ <iframe width="100%" height="100%" src="https://www.youtube.com/embed/hqryeW6scd0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class="movbox">
|
|
|
+ <iframe width="100%" height="100%" src="https://www.youtube.com/embed/J7nowE2iTIM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class="movbox">
|
|
|
+ <iframe width="100%" height="100%" src="https://www.youtube.com/embed/cRiKrFk7FTM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class="movbox">
|
|
|
+ <iframe width="100%" height="100%" src="https://www.youtube.com/embed/hqryeW6scd0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class="movbox">
|
|
|
+ <iframe width="100%" height="100%" src="https://www.youtube.com/embed/J7nowE2iTIM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="post">
|
|
|
+ <div class="movbox">
|
|
|
+ <iframe width="100%" height="100%" src="https://www.youtube.com/embed/cRiKrFk7FTM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="cont_foot dpnone">
|
|
|
+ CONT-FOOT
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- End Of Main Contents -->
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ // 컨텐츠 호출
|
|
|
+ $(document).ready(function() {
|
|
|
+// $("#header").load("head.html");
|
|
|
+// $("#footer").load("foot.html");
|
|
|
+
|
|
|
+ $('.post-visual').slick({
|
|
|
+ // autoplay: true,
|
|
|
+ // autoplaySpeed: 1000,
|
|
|
+ dots: true,
|
|
|
+ infinite: true,
|
|
|
+ centerMode: true,
|
|
|
+ slidesToShow: 1,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ centerMode: true,
|
|
|
+ centerPadding: '340px',
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.post-trendy').slick({
|
|
|
+ // autoplay: true,
|
|
|
+ // autoplaySpeed: 1000,
|
|
|
+ dots: true,
|
|
|
+ infinite: true,
|
|
|
+ slidesToShow: 5,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ variableWidth: true,
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.post-it').slick({
|
|
|
+ // autoplay: true,
|
|
|
+ // autoplaySpeed: 1000,
|
|
|
+ // dots: true,
|
|
|
+ infinite: false,
|
|
|
+ arrows: false,
|
|
|
+ slidesToShow: 4,
|
|
|
+ slidesToScroll: 4,
|
|
|
+ speed: 400,
|
|
|
+ variableWidth: true,
|
|
|
+ freeMode: true,
|
|
|
+ });
|
|
|
+
|
|
|
+ $(".it_nav .btn").click(function(){
|
|
|
+ var itActive = $(this).attr('data-tab');
|
|
|
+ $(".it_nav .btn").removeClass('active');
|
|
|
+ $(".it_item").removeClass('active');
|
|
|
+ $(this).addClass('active');
|
|
|
+ $('#'+itActive).addClass('active');
|
|
|
+ });
|
|
|
+
|
|
|
+ // $('.post-it').slick('unslick');
|
|
|
+ //#it1 progress
|
|
|
+ $it1Slider = $('#it1 .post-it');
|
|
|
+ $it1ProgressBar = $('#it1 .post-it + .progress');
|
|
|
+ $it1ProgressBarLabel = $( '#it1 .post-it + .slider__label' );
|
|
|
+ $it1Slider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
|
|
|
+ var calc = ( (nextSlide) / (slick.slideCount-1) ) * 100;
|
|
|
+ $it1ProgressBar
|
|
|
+ .css('background-size', calc + '% 100%')
|
|
|
+ .attr('aria-valuenow', calc );
|
|
|
+ $it1ProgressBarLabel.text( calc + '% completed' );
|
|
|
+ });
|
|
|
+
|
|
|
+ //#it2 progress
|
|
|
+ var $it2Slider = $('#it2 .post-it');
|
|
|
+ var $it2ProgressBar = $('#it2 .post-it + .progress');
|
|
|
+ var $it2ProgressBarLabel = $( '#it2 .post-it + .slider__label' );
|
|
|
+ $it2Slider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
|
|
|
+ var calc = ( (nextSlide) / (slick.slideCount-1) ) * 100;
|
|
|
+ $it2ProgressBar
|
|
|
+ .css('background-size', calc + '% 100%')
|
|
|
+ .attr('aria-valuenow', calc );
|
|
|
+ $it2ProgressBarLabel.text( calc + '% completed' );
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.post-deal').slick({
|
|
|
+ // dots: true,
|
|
|
+ infinite: false,
|
|
|
+ arrows: false,
|
|
|
+ slidesToShow: 4,
|
|
|
+ slidesToScroll: 2,
|
|
|
+ variableWidth: true,
|
|
|
+ speed: 400,
|
|
|
+ });
|
|
|
+
|
|
|
+ //post-deal progress
|
|
|
+ var $dealSlider = $('.post-deal');
|
|
|
+ var $dealProgressBar = $('.post-deal + .progress');
|
|
|
+ var $dealProgressBarLabel = $( '.post-deal + .slider__label' );
|
|
|
+ $dealSlider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
|
|
|
+ var calc = ( (nextSlide) / (slick.slideCount-1) ) * 100;
|
|
|
+ $dealProgressBar
|
|
|
+ .css('background-size', calc + '% 100%')
|
|
|
+ .attr('aria-valuenow', calc );
|
|
|
+ $dealProgressBarLabel.text( calc + '% completed' );
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.post-lookbook').slick({
|
|
|
+ slidesToShow: 1,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ dots: true,
|
|
|
+ arrows:false,
|
|
|
+ infinite: true,
|
|
|
+ autoplay: true,
|
|
|
+ autoplaySpeed: 1000,
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.post-pick-nav').slick({
|
|
|
+ infinite: true,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ focusOnSelect: true,
|
|
|
+ variableWidth: true,
|
|
|
+ dots: false,
|
|
|
+ asNavFor: '.post-pick-for',
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.post-pick-for').slick({
|
|
|
+ slidesToShow: 1,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ arrows: false,
|
|
|
+ fade: true,
|
|
|
+ asNavFor: '.post-pick-nav',
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.post-bnnWide').slick({
|
|
|
+ slidesToShow: 1,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ // cssEase: 'linear'
|
|
|
+ // autoplay: true,
|
|
|
+ // autoplaySpeed: 1000,
|
|
|
+ });
|
|
|
+ $('.post-recomm').slick({
|
|
|
+ slidesToShow: 1,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ dots: true,
|
|
|
+ infinite: true,
|
|
|
+ });
|
|
|
+
|
|
|
+ $(".action button").on('click', function(){
|
|
|
+ var filter = $(this).data('filter');
|
|
|
+ $(".post-recomm").slick('slickUnfilter');
|
|
|
+
|
|
|
+ if(filter == 'tag_warm'){
|
|
|
+ $(".post-recomm").slick('slickFilter','.tag_warm');
|
|
|
+ }
|
|
|
+ else if(filter == 'tag_daily'){
|
|
|
+ $(".post-recomm").slick('slickFilter','.tag_daily');
|
|
|
+ }
|
|
|
+ else if(filter == 'tag_homeware'){
|
|
|
+ $(".post-recomm").slick('slickFilter','.tag_homeware');
|
|
|
+ }
|
|
|
+ else if(filter == 'tag_point'){
|
|
|
+ $(".post-recomm").slick('slickFilter','.tag_point');
|
|
|
+ }
|
|
|
+ else if(filter == 'tag_classic'){
|
|
|
+ $(".post-recomm").slick('slickFilter','.tag_classic');
|
|
|
+ }
|
|
|
+ else if(filter == 'all'){
|
|
|
+ $(".post-recomm").slick('slickUnfilter');
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ $('.post-sug').slick({
|
|
|
+ slidesToShow: 1,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ dots: true,
|
|
|
+ arrows: false,
|
|
|
+ fade: true,
|
|
|
+ infinite: true,
|
|
|
+ // autoplay: true,
|
|
|
+ // autoplaySpeed: 3000,
|
|
|
+ });
|
|
|
+
|
|
|
+ $(".fy_nav .btn_shape").click(function(){
|
|
|
+ var fyActive = $(this).attr('data-tab');
|
|
|
+ $(".fy_nav .btn_shape").removeClass('active');
|
|
|
+ $(".fy_item").removeClass('active');
|
|
|
+ $(this).addClass('active');
|
|
|
+ $('#'+fyActive).addClass('active');
|
|
|
+ });
|
|
|
+
|
|
|
+ $('.post-tv').slick({
|
|
|
+ swipeToSlide: true,
|
|
|
+ dots: true,
|
|
|
+ infinite: true,
|
|
|
+ slidesToShow: 1,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ centerMode: true,
|
|
|
+ centerPadding: '340px',
|
|
|
+
|
|
|
+ // autoplay: true,
|
|
|
+ // autoplaySpeed: 850,
|
|
|
+
|
|
|
+ // 반응형대응
|
|
|
+ // responsive: [{
|
|
|
+ // breakpoint: 768,
|
|
|
+ // settings: {
|
|
|
+ // arrows: false,
|
|
|
+ // centerMode: true,
|
|
|
+ // centerPadding: '40px',
|
|
|
+ // slidesToShow: 3
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // breakpoint: 480,
|
|
|
+ // settings: {
|
|
|
+ // arrows: false,
|
|
|
+ // centerMode: true,
|
|
|
+ // centerPadding: '40px',
|
|
|
+ // slidesToShow: 1
|
|
|
+ // }
|
|
|
+ // }]
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ // header scroll
|
|
|
+ $(function(){
|
|
|
+ $(window).scroll(function(){
|
|
|
+ var scroll = $(this).scrollTop();
|
|
|
+ var headerH = $(".header").height();
|
|
|
+ if ($(window).scrollTop() > headerH){
|
|
|
+ $(".header").addClass("minify");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ $(".header").removeClass("minify");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+
|
|
|
+</th:block>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
gagamel
