<!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 layout: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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/images/thumb/bnn_2stage1.jpg" alt=""></a>
					</div>
					<div class="ui_col_6">
						<a href="#none"><img src="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/images/thumb/main_picklogo01.png" alt="barnd name"></span></div>
						<div><span><img src="/images/thumb/main_picklogo02.png" alt="barnd name"></span></div>
						<div><span><img src="/images/thumb/main_picklogo03.png" alt="barnd name"></span></div>
						<div><span><img src="/images/thumb/main_picklogo04.png" alt="barnd name"></span></div>
						<div><span><img src="/images/thumb/main_picklogo05.png" alt="barnd name"></span></div>
						<div><span><img src="/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="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
										<div><img src="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
										<div><img src="/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="/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="/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="/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="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
										<div><img src="/images/thumb/main_pickImg01.jpg" alt="barnd lookbook"></div>
										<div><img src="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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="/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>
