|
|
@@ -0,0 +1,1026 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : GoodsSizeInfoFormMob.html
|
|
|
+ * @desc : 사이즈 안내 팝업
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.03.08 eskim 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+ <div class="modal-dialog" role="document">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-header">
|
|
|
+ <h5 class="modal-title" id="exampleFullLabel">사이즈 정보</h5>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <div class="pop_cont">
|
|
|
+ <div class="tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class=""><a href="javascript:void(0)">실측 사이즈</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">표준 사이즈</a></li>
|
|
|
+ <li class="active"><a href="javascript:void(0)">측정 사이즈</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="tab_cont_wrap">
|
|
|
+ <div class="tab_cont" style="display: none;">
|
|
|
+ <!-- 실측 사이즈 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <span class="tit_sub">TBJ</span>
|
|
|
+ <span class="tit_header">남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</span>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">M</th>
|
|
|
+ <th scope="col">L</th>
|
|
|
+ <th scope="col">XL</th>
|
|
|
+ <th scope="col">XXL</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">어깨너비</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">팔길이</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">총길이</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //실측 사이즈 -->
|
|
|
+ </div>
|
|
|
+ <div class="tab_cont" style="display: none;">
|
|
|
+ <!-- 표준 사이즈 카테고리 구분일때 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <div class="category_open">상의</div>
|
|
|
+ <div class="category_box">
|
|
|
+ <div class="lap">
|
|
|
+ <div class="category_close">카테고리닫기</div>
|
|
|
+ <div class="category_list">
|
|
|
+ <!-- 표준 사이즈 > 카테고리 선택 -->
|
|
|
+ <div class="sub_tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class="active"><a href="javascript:void(0)">여성</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">남성</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">캐주얼</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">유아동</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">신발</a></li>
|
|
|
+ <li class=""><a href="javascript:void(0)">언더웨어</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="sub_tab_cont_wrap">
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(여성) -->
|
|
|
+ <div class="sub_tab_cont" style="display: block;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>여성 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>여성 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(여성) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(남성) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>남성 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>남성 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(남성) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(캐주얼) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>캐주얼 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>캐주얼 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(캐주얼) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(유아동) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>유아동 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>유아동 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(유아동) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>신발 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>신발 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <!-- 표준 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ <div class="sub_tab_cont" style="display: none;">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>언더웨어 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>언더웨어 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_footer">
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>본 사이즈 조견표는 표준 가이드로, 각 제품마다 다소간의 차이는 있을 수 있습니다.</li>
|
|
|
+ <li>보다 자세한 사이즈는 각 상품 별 상품설명을 참조해주시기 바랍니다.</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 카테고리별 구분일때 -->
|
|
|
+ <!-- 표준 사이즈 브랜드별 구분일때 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <span class="tit_header">
|
|
|
+ 페르지노몬티 FERGINO MONTI
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>남성 상의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ <col width="20%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">XS/44/85</th>
|
|
|
+ <th scope="col">S/55/90</th>
|
|
|
+ <th scope="col">M/66/95</th>
|
|
|
+ <th scope="col">L/77/100</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">가슴둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">신장</th>
|
|
|
+ <td>95</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>105</td>
|
|
|
+ <td>110</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_tbl_box">
|
|
|
+ <h6>남성 하의</h6>
|
|
|
+ <p class="size_unit">단위 : cm</p>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="20%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ <col width="10%">
|
|
|
+ </colgroup>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col"> </th>
|
|
|
+ <th scope="col">27</th>
|
|
|
+ <th scope="col">28</th>
|
|
|
+ <th scope="col">29</th>
|
|
|
+ <th scope="col">30</th>
|
|
|
+ <th scope="col">32</th>
|
|
|
+ <th scope="col">34</th>
|
|
|
+ <th scope="col">36</th>
|
|
|
+ <th scope="col">38</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">허리둘레</th>
|
|
|
+ <td>69</td>
|
|
|
+ <td>71</td>
|
|
|
+ <td>74</td>
|
|
|
+ <td>76</td>
|
|
|
+ <td>81</td>
|
|
|
+ <td>86</td>
|
|
|
+ <td>91</td>
|
|
|
+ <td>97</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_footer">
|
|
|
+ <div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>본 사이즈 조견표는 표준 가이드로, 각 제품마다 다소간의 차이는 있을 수 있습니다.</li>
|
|
|
+ <li>보다 자세한 사이즈는 각 상품 별 상품설명을 참조해주시기 바랍니다.</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //표준 사이즈 브랜드 구분일때 -->
|
|
|
+ </div>
|
|
|
+ <div class="tab_cont" style="display: block;">
|
|
|
+ <!-- 측정 사이즈 -->
|
|
|
+ <div class="size_head">
|
|
|
+ <div class="category_open">상의</div>
|
|
|
+ <div class="category_box">
|
|
|
+ <div class="lap">
|
|
|
+ <div class="category_close">카테고리닫기</div>
|
|
|
+ <div class="category_list">
|
|
|
+ <!-- 측정 사이즈 > 카테고리 선택 -->
|
|
|
+ <div class="sub_tab_nav">
|
|
|
+ <ul>
|
|
|
+ <li class="active"><a href="javascript:void(0)">상의</a></li>
|
|
|
+ <li><a href="javascript:void(0)">하의</a></li>
|
|
|
+ <li><a href="javascript:void(0)">가방</a></li>
|
|
|
+ <li><a href="javascript:void(0)">신발</a></li>
|
|
|
+ <li><a href="javascript:void(0)">언더웨어</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 선택 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="size_cont">
|
|
|
+ <div class="sub_tab_cont_wrap">
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(상의) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_top.jpg" alt="상의 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>가슴둘레</dt>
|
|
|
+ <dd>양쪽 겨드랑이 밑선 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>어깨너비</dt>
|
|
|
+ <dd>좌측어깨에서 우측어깨끝 봉제선 단면을 잰 길이 (어깨봉제선이 없을경우 어깨길이와 팔길이는 측정 안함)</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>팔길이</dt>
|
|
|
+ <dd>어깨 봉제선부터 소매 끝까지 잰 길</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>총길이</dt>
|
|
|
+ <dd>카라부분(혹은 후드)를 제외 한 지점부터 밑단 끝까지 잰 길이 (라운드티셔츠의 경우 목라인을 포함 해 네크라인부터 밑단 끝까지의 길이를 측정)</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(상의) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(하의) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_pants.jpg" alt="하의 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>허리둘레</dt>
|
|
|
+ <dd>허리선을 일자로 맞추고 한쪽의 허리끝단부터 반대편 끝까지 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>밑위</dt>
|
|
|
+ <dd>허리부터 가랑이 끝점까지 잰 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>엉덩이둘레</dt>
|
|
|
+ <dd>밑위 중간부분 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>허벅지둘레</dt>
|
|
|
+ <dd>가랑이 부분부터 바깥쪽 허벅지 끝나는 지점까지의 단면을 잰 길이x2</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>총길이</dt>
|
|
|
+ <dd>허리끝선부터 바지밑단 끝선 까지 잰 길이</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(하의) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(가방) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_bag.jpg" alt="가방 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>가로</dt>
|
|
|
+ <dd>가장 넓은 부분의 수평 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>세로</dt>
|
|
|
+ <dd>바닥부터 가방의 가로 중앙지점까지 수직 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>끈길이</dt>
|
|
|
+ <dd>가방 끝의 전체 길이(길이 조절이 가능한 경우 최소~최대 길이 표기)</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>손잡이높이</dt>
|
|
|
+ <dd>가방의 가로 가운데 지점부터 손잡이를 세웠을 때의 가장 높은 부분까지의 높이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>끈폭</dt>
|
|
|
+ <dd>가방 끈의 수평폭</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>폭</dt>
|
|
|
+ <dd>가방 옆 부분의 두께</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(가방) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_shoe.jpg" alt="신발 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>굽높이</dt>
|
|
|
+ <dd>설명 필요</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>볼너비</dt>
|
|
|
+ <dd>설명 필요</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>총길이</dt>
|
|
|
+ <dd>설명 필요</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ <!--<div class="info_txt">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ 국내 브랜드는 브랜드, 스타일마다 사이즈가 다르게 전개될 수 있으니, 개별 상품 상세페이지에 기재된 상세 사이즈안내를 참조하세요.
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>-->
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(신발) -->
|
|
|
+ <!-- 측정 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ <div class="sub_tab_cont">
|
|
|
+ <span class="img_sizeinfo">
|
|
|
+ <img src="/images/pc/info_size_underwear.jpg" alt="속옷 측정 사이즈">
|
|
|
+ </span>
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>밑가슴둘레</dt>
|
|
|
+ <dd>유방의 바로 밑을 수평으로 잰 길이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>컵</dt>
|
|
|
+ <dd>밑가슴둘레와 가슴둘레의 차이</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>가슴둘레</dt>
|
|
|
+ <dd>유방을중심으로 수평으로 잰길이</dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 > 카테고리 내용(언더웨어) -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //측정 사이즈 -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_size_info')" class="close-modal">Close</a>
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ $(document).ready( function() {
|
|
|
+ //탭 - 사이즈정보 > 탭
|
|
|
+ $(document).on('click','#layer_size_info .tab_nav ul li',function(e){
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('#infoSizePop .tab_cont_wrap .tab_cont').hide();
|
|
|
+ $('#infoSizePop .tab_cont_wrap .tab_cont').eq($(this).index()).show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //탭 - 사이즈정보 > 서브탭
|
|
|
+ $(document).on('click','#layer_size_info .sub_tab_nav ul li',function(e){
|
|
|
+ var value=$(this).find("a").text();
|
|
|
+ var catTxt=$(".category_open").text();
|
|
|
+ console.log(value)
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $(this).parents('.tab_cont').find('.sub_tab_cont').hide();
|
|
|
+ $(this).parents('.tab_cont').find('.sub_tab_cont').eq($(this).index()).show();
|
|
|
+ $(this).parents().parents().parents().parents().parents(".category_box").hide();
|
|
|
+ $(this).parents().parents().parents().parents().parents(".category_box").prev(".category_open").text(value);
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ //팝업 - 사이즈정보 > 서브탭 - 카테고리팝오픈
|
|
|
+ $(document).on('click','#layer_size_info .category_open',function(e){
|
|
|
+ $(this).siblings().show();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+ $(document).on('click','#layer_size_info .category_close',function(e){
|
|
|
+ $(this).parents().parents(".category_box").hide();
|
|
|
+ return false;
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+ /*]]>*/
|
|
|
+</script>
|
|
|
+</html>
|
eskim