Merge branch 'develop' into jsshin

src/main/java/com/style24/front/biz/dao/TsfCommonDao.java

@@ -1,11 +1,14 @@
 package com.style24.front.biz.dao;
 
+import com.style24.persistence.domain.SupplyCompany;
 import org.springframework.stereotype.Repository;
 
 import com.style24.core.support.annotation.ShopDs;
 import com.style24.persistence.domain.InflowHst;
 import com.style24.persistence.domain.Order;
 
+import java.util.Collection;
+
 /**
  * 공통 Dao
  *
@@ -91,4 +94,23 @@ public interface TsfCommonDao {
 	 */
 	String getSearchEngineSyncYn();
 
+	/**
+	 * 공급업체 총 건수
+	 *
+	 * @return int - 건수
+	 * @author jsshin
+	 * @since 2021. 06. 10
+	 */
+	int getSupplyCompanyCount();
+
+	/**
+	 * 공급업체 목록
+	 *
+	 * @param supplyCompany - 페이징 정보
+	 * @return Collection<SupplyCompany> - 목록
+	 * @author jsshin
+	 * @since 2021. 06. 10
+	 */
+	Collection<SupplyCompany> getSupplyCompanyList(SupplyCompany supplyCompany);
+
 }

src/main/java/com/style24/front/biz/service/TsfCommonService.java

@@ -1,5 +1,6 @@
 package com.style24.front.biz.service;
 
+import com.style24.persistence.domain.SupplyCompany;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.core.env.Environment;
@@ -14,6 +15,8 @@ import com.style24.persistence.domain.Order;
 
 import lombok.extern.slf4j.Slf4j;
 
+import java.util.Collection;
+
 /**
  * 공통 Service
  *
@@ -121,4 +124,26 @@ public class TsfCommonService {
 		return commonDao.getSearchEngineSyncYn();
 	}
 
+	/**
+	 * 공급업체 총 건수
+	 *
+	 * @return int - 건수
+	 * @author jsshin
+	 * @since 2021. 06. 10
+	 */
+	public int getSupplyCompanyCount() {
+		return commonDao.getSupplyCompanyCount();
+	}
+
+	/**
+	 * 공급업체 목록
+	 *
+	 * @param supplyCompany - 페이징 정보
+	 * @return Collection<SupplyCompany> - 목록
+	 * @author jsshin
+	 * @since 2021. 06. 10
+	 */
+	public Collection<SupplyCompany> getSupplyCompanyList(SupplyCompany supplyCompany) {
+		return commonDao.getSupplyCompanyList(supplyCompany);
+	}
 }

src/main/java/com/style24/front/biz/web/TsfCustomerController.java

@@ -4,8 +4,12 @@ import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpSession;
 
 import com.style24.core.biz.service.TscMailService;
+import com.style24.front.biz.service.TsfCommonService;
 import com.style24.front.biz.service.TsfCouponService;
+import com.style24.persistence.TscPageRequest;
+import com.style24.persistence.domain.Clause;
 import com.style24.persistence.domain.Coupon;
+import com.style24.persistence.domain.SupplyCompany;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
@@ -67,6 +71,9 @@ public class TsfCustomerController extends TsfBaseController {
 	@Autowired
 	private Yes24Login yes24Login;
 
+	@Autowired
+	private TsfCommonService commonService;
+
 	/**
 	 * 아이디 찾기 화면
 	 *
@@ -937,7 +944,7 @@ public class TsfCustomerController extends TsfBaseController {
 		ModelAndView mav = new ModelAndView(super.getDeviceViewName("customer/PrivacyPolicyForm"));
 
 		mav.addObject("clause", clauseService.getClause(TscConstants.Site.STYLE24.value(), "G057_11"));
-
+		mav.addObject("clauseList", clauseService.getClauseList(TscConstants.Site.STYLE24.value(), "G057_11"));
 		return mav;
 	}
 
@@ -1024,6 +1031,19 @@ public class TsfCustomerController extends TsfBaseController {
 		return mav;
 	}
 
+	/**
+	 * 개인정보취급방침 정보
+	 *
+	 * @return Clause
+	 * @author jsshin
+	 * @since 2021. 06. 10
+	 */
+	@GetMapping("/privacy/policy/info/{clauseSq}")
+	@ResponseBody
+	public Clause getPrivacyPolicyInfo(@PathVariable Integer clauseSq) {
+		return clauseService.getPrivacyPolicyInfo(clauseSq);
+	}
+
 	/**
 	 * 공급업체목록 화면
 	 *
@@ -1032,12 +1052,33 @@ public class TsfCustomerController extends TsfBaseController {
 	 * @since 2021. 04. 01
 	 */
 	@PostMapping("/supply/company/layer")
-	public ModelAndView getSupplyCompanyLayer() {
+	public ModelAndView getSupplyCompanyLayer(HttpServletRequest request) {
 		ModelAndView mav = new ModelAndView();
-		mav.setViewName(super.getDeviceViewName("customer/SupplyComanyLayerForm"));
+		mav.addObject("mallGb", request.getParameter("mallGb"));
+		mav.setViewName(super.getDeviceViewName("customer/SupplyCompanyLayerForm"));
 		return mav;
 	}
 
+	/**
+	 * 공급업체목록
+	 *
+	 * @param supplyCompany
+	 * @return GagaMap
+	 * @author jsshin
+	 * @since 2021. 06. 10
+	 */
+	@PostMapping("/supply/company/list")
+	@ResponseBody
+	public GagaMap getSupplyCompanyList(@RequestBody SupplyCompany supplyCompany) {
+		GagaMap result = new GagaMap();
+		TscPageRequest pageable = new TscPageRequest((supplyCompany.getPageNo() > 0 ? supplyCompany.getPageNo() - 1 : 0), supplyCompany.getPageSize(), supplyCompany.getPageUnit());
+		pageable.setTotalCount(commonService.getSupplyCompanyCount());
+		supplyCompany.setPageable(pageable);
+		result.set("supplyCompanyList",commonService.getSupplyCompanyList(supplyCompany));
+		result.set("paging", supplyCompany);
+		return result;
+	}
+
 	/**
 	 * 개인정보위탁 화면
 	 *

src/main/java/com/style24/persistence/domain/SupplyCompany.java

@@ -0,0 +1,27 @@
+package com.style24.persistence.domain;
+
+import com.fasterxml.jackson.annotation.JsonFormat;
+import com.style24.persistence.TscBaseDomain;
+
+import com.style24.persistence.TscPageRequest;
+import lombok.Data;
+
+/**
+ * 공급업체 Domain
+ *
+ * @author gagamel
+ * @since 2020. 10. 7
+ */
+@SuppressWarnings("serial")
+@Data
+public class SupplyCompany extends TscBaseDomain {
+
+	private String supplyCompCd;		// 공급업체코드
+	private String supplyCompNm;		// 공급업체명
+	private String ownerNm;
+
+	private TscPageRequest pageable;
+	private int pageNo = 1;
+	private int pageSize = 10;
+	private int pageUnit = 5;
+}

src/main/java/com/style24/persistence/mybatis/shop/TsfCommon.xml

@@ -88,4 +88,32 @@
 		AND    CD = 'SEARCHSYNCYN'
 	</select>
 
+	<select id="getSupplyCompanyCount" resultType="int">
+		/* TsfCommon.getSupplyCompanyCount */
+		SELECT COUNT(*) AS CNT
+		FROM   TB_SUPPLY_COMPANY SC
+		     , TB_SUPPLY_VENDOR SV
+		WHERE  SC.SUPPLY_VENDOR_CD = SV.SUPPLY_VENDOR_CD
+		AND    SC.USE_YN = 'Y'
+	</select>
+
+	<select id="getSupplyCompanyList" parameterType="SupplyCompany" resultType="SupplyCompany">
+		/* TsfCommon.getSupplyCompanyList */
+		SELECT SUPPLY_COMP_CD
+		     , SUPPLY_COMP_NM
+		     , OWNER_NM
+		     , NUMB
+		FROM (
+		      SELECT SC.SUPPLY_COMP_CD       /*공급업체코드*/
+		           , SC.SUPPLY_COMP_NM       /*공급업체명*/
+		           , SV.OWNER_NM             /*대표자명*/
+		           , ROW_NUMBER() OVER(ORDER BY SV.REG_DT DESC)   AS NUMB
+		      FROM   TB_SUPPLY_COMPANY SC
+		           , TB_SUPPLY_VENDOR SV
+		      WHERE  SC.SUPPLY_VENDOR_CD = SV.SUPPLY_VENDOR_CD
+		      AND    SC.USE_YN = 'Y'
+		) ORIGINAL
+		WHERE NUMB BETWEEN #{pageable.startRow} AND #{pageable.endRow}
+	</select>
+
 </mapper>

src/main/webapp/WEB-INF/views/mob/customer/PrivacyPolicyLayerFormMob.html

@@ -32,7 +32,7 @@
 </div>
 <script th:inline="javascript">
 /*<![CDATA[*/
-	$("#partners").click(function() {
+	$("#partners").on('click', function() {
 		cfnSupplyComanyLayer();
 	});
 	//약관내부링크

src/main/webapp/WEB-INF/views/mob/customer/SupplyCompanyLayerFormMob.html

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="ko"
+	  xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : SupplyCompanyLayerFormMob.html
+ * @desc    : 공급업체 리스트 page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2021 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.06.09   jsshin       최초 작성
+ *******************************************************************************
+ -->
+<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="ps ptn" >
+					<table>
+						<colgroup>
+							<col width="*">
+							<col width="30%">
+						</colgroup>
+						<thead>
+							<tr>
+								<th>업체명</th>
+								<th>대표자</th>
+							</tr>
+						</thead>
+						<tbody id="supplyCompanyList">
+						</tbody>
+					</table>
+					<div class="paging_wrap">
+						<ul class="pageNav" id="paging">
+						</ul>
+					</div>
+				</div>
+				<!-- 컨텐츠 종료 -->
+			</div>
+		</div>
+	</div>
+</div>
+<form id="supplyCompanyForm" name="supplyCompanyForm" th:action="@{/customer/supply/company/list}" th:method="post">
+	<input type="hidden" name="pageNo" value="1" />
+	<input type="hidden" name="pageSize" value="10" />
+</form>
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
+<script th:inline="javascript">
+/*<![CDATA[*/
+	var mallGb = [[${mallGb}]];
+	var fnGetSupplyCompanyList = function () {
+		gagaPaging.init('supplyCompanyForm', fnSearchCallback, 'paging', 10);
+		gagaPaging.load(1);
+	}
+
+	var fnSearchCallback = function (result) {
+		$('#supplyCompanyList').html('');
+		let html = '';
+		if (!gagajf.isNull(result) && result.supplyCompanyList.length > 0) {
+			$.each(result.supplyCompanyList, function (idx, item) {
+				html += '<tr>\n';
+				html += '    <td>\n';
+				html += item.supplyCompNm;
+				html += '    </td>\n';
+				html += '    <td>\n';
+				html += item.ownerNm;
+				html += '    </td>\n';
+				html += '</tr>\n';
+			});
+		}
+		$('#supplyCompanyList').html(html);
+
+		gagaPaging.createSinglePagination(result.paging.pageable);
+	}
+
+	$(document).ready(function() {
+		fnGetSupplyCompanyList();
+		$('#supplyCompanyPop .close-modal').on('click', function () {
+			cfnPrivacyPolicyLayer(mallGb);
+		});
+	});
+
+	//약관내부링크
+	$(function(){
+		$(".hook_list ul li a").on("click", function(){
+			var hookHeader = $(".modal-header").outerHeight() + 3000;
+			var hookHref = $(this).attr("href");
+			var hookPot = $(hookHref == "#" || hookHref == "" ? "body" : hookHref);
+			var hookPos = hookPot.offset().top - hookHeader;
+			$("html, body").animate({ scrollTop: hookPos }, 3000);
+		});
+	});
+/*]]>*/
+</script>
+</html>

src/main/webapp/WEB-INF/views/web/customer/PrivacyPolicyFormWeb.html

@@ -35,252 +35,50 @@
 				</div>
 			</div>
 			<div class="cont_body" th:utext="${#strings.replace(#strings.replace(clause,'&amplt;','<'),'&ampgt;','>')}">
-				<!-- <p>
-                        아이스타일이십사 주식회사에서 운영하는 www.istyle24.com은 고객님의 개인정보를 소중히 여기며, 안전한 거래를 위해 관련법령의 규정을 반영하여 준수하고 있습니다.
-                    </p>                    
-                    <div class="hookGrp">
-                        <div class="hook_list">
-                            <ul>
-                                <li>
-                                    <a href="#prvc1"><span>제1조 개인정보의 수집, 이용목적</span></a>
-                                    <a href="#prvc2"><span>제2조 정의</span></a>
-                                    <a href="#prvc3"><span>제3조 약관 등의 명시와 설명 및 개정</span></a>
-                                    <a href="#prvc4"><span>제4조 서비스의 제공 및 변경</span></a>
-                                    <a href="#prvc5"><span>제5조 서비스의 중단</span></a>
-                                    <a href="#prvc6"><span>제6조 회원가입</span></a>
-                                    <a href="#prvc7"><span>제7조 회원 탈퇴 및 자격 상실 등</span></a>
-                                    <a href="#prvc8"><span>제8조 회원에 대한 통지</span></a>
-                                </li>
-                                <li>
-                                    <a href="#prvc9"><span>제9조 구매신청</span></a>
-                                    <a href="#prvc10"><span>제10조 계약의 성립</span></a>
-                                    <a href="#prvc11"><span>제 11조</span></a>
-                                    <a href="#prvc12"><span>제 12조</span></a>
-                                    <a href="#prvc13"><span>제 13조</span></a>
-                                    <a href="#prvc14"><span>제 14조</span></a>
-                                    <a href="#prvc15"><span>제 15조</span></a>
-                                    <a href="#prvc16"><span>제 16조</span></a>
-                                </li>
-                                <li>
-                                    <a href="#prvc17"><span>제 17조</a>
-                                    <a href="#prvc18"><span>제 18조</span></a>
-                                    <a href="#prvc19"><span>제 19조</span></a>
-                                    <a href="#prvc20"><span>제 20조</span></a>
-                                    <a href="#prvc21"><span>제 21조</span></a>
-                                    <a href="#prvc22"><span>제 22조</span></a>
-                                    <a href="#prvc23"><span>제 23조</span></a>
-                                    <a href="#prvc24"><span>제24조 재판권 및 준거법</span></a>
-                                </li>
-                            </ul>
-                            
-                        </div>
-                        <div class="hook_cont"> 
-                            <div id="prvc1">
-                                <h4><span>제1조 개인정보의 수집, 이용목적</span></h4>
-                                <p>
-                                    이 약관은 아이스타일이십사 주식회사가 운영하는 www.istyle24.com(이하 "몰"이라 한다)에서 제공하는 인터넷 관련 서비스 (이하 "서비스"라 한다)를 이용함에 있어 사이버 몰과 이용자의
-                                    권리, 의무 및 책임사항을 규정함을 목적으로 합니다.
-                                </p>
-                                <table>
-                                    <colgroup>
-                                        <col width="300">
-                                        <col width="*">
-                                    </colgroup>   
-                                    <thead>
-                                        <tr>
-                                            <th>구분</th>
-                                            <th>이용목적</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td rowspan="5">회원관리</td>
-                                            <td>회원제 서비스 이용에 따른 본인확인, 개인식별</td>
-                                        </tr>
-                                        <tr>
-                                            <td>불량회원의 부정이용 방지와 비인가 사용 방지, 중복가입방지</td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td rowspan="3">서비스 제공에 관한 계약의 이행 및 서비스 제공에 따른 요금정산</td>
-                                            <td>콘텐츠 제공, 이벤트 당첨 결과안내 및 경품배송</td>
-                                        </tr>
-                                        <tr>
-                                            <td>금융거래 본인 인증 및 금융 서비스</td>
-                                        </tr>
-                                        <tr>
-                                            <td>물품 배송, 구매 및 요금 결제</td>
-                                        </tr>
-                                        <tr>
-                                            <td rowspan="7">마케팅 광고에 활용</td>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                        </tr>
-                                        <tr>
-                                            <td></td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                            <div id="prvc2">
-                                <h4><span>제2조 정의</span></h4>
-                                <p>1. “몰”이란 아이스타일24가 재화 또는 용역(이하 “재화 등”이라 함)을 이용자에게 제공하기 위하여 컴퓨터 등 정보통신설비를 이용하여 재화 등을 거래할 수 있도록 설정한 가상의 영업장을 말하며, 아울러 사이버몰을 운영하는 사업자의 의미로도 사용합니다.</p>
-                                <p>2. '이용자'란 "몰"에 접속하여 이 약관에 따라 "몰"이 제공하는 서비스를 받는 회원 및 비회원을 말합니다.</p>
-                                <p>3. '회원'이라 함은 "몰"에 개인정보를 제공하여 회원등록을 한 자로서, "몰"의 정보를 지속적으로 제공받으며, "몰"이 제공하는 서비스를 계속적으로 이용할 수 있는 자를 말합니다.</p>
-                                <p>4. ‘비회원’이라 함은 회원에 가입하지 않고 몰”이 제공하는 서비스를 이용하는 자를 말합니다.</p>
-                                <p>5. '아이디(ID)'란 이용자가 회원가입 당시 몰에 등록한 사용자 '개인이용문자'를 말합니다.</p>
-                                <p>6. '비밀번호'란 회원의 동일성 확인과 비밀보호를 위하여 회원 스스로가 설정하여 몰에 등록한 '개인이용문자'로 회원으로 로그인을 하기위해 아이디와 같이 사용됩니다.</p>
-                                <p>7. ‘영업일’이란 회사가 정상적으로 서비스를 제공한 날로서 토요일, 일요일 및 법정 공휴일을 제외한 날을 말합니다.</p>
-                                <p>8. ‘아이포인트’란 아이스타일24를 통하여 회원이 상품을 구매할 때, 구매금액의 일정 비율이 적립되는 ‘몰’전용 마일리지로 적립일로부터 3년이 지나면 자동 소멸 됩니다</p>
-                                <p>9. ‘아이머니’란 상품구매 시 현금과 같이 이용할 수 있는 ‘몰’ 전용 사이버머니로, 적립된 아이포인트를 일정한 단위로 환전하여 사용할 수 있습니다.</p>
-                                <p>10. 기타 ‘2조’에서 정의되지 아니한 이 약관상의 용어의 의미는 일반적인 거래관행에 의합니다.</p>
-                            </div>
-                            <div id="prvc3">
-                                <h4><span>제3조 약관 등의 명시와 설명 및 개정</span></h4>
-                                <p>1. "몰"은 이 약관의 내용과 상호 및 대표자 성명, 영업소 소재지 주소(소비자의 불만을 처리할 수 있는 곳의 주소를 포함), 전화번호, 팩스번호, 전자우편주소, 사업자등록번호,
-                                    통신판매업신고번호, 개인정보관리책임자 등을 이용자가 쉽게 알 수 있도록 www.istyle24.com의 초기 서비스화면(전면)에 게시합니다.
-                                    다만, 이용약관의 내용은 이용자가 연결화면을 통하여 볼 수 있도록 할 수 있습니다.</p>
-                                <p>2. "몰"은 이용자가 약관에 동의하기에 앞서 약관에 정하여져 있는 내용 중 청약철회 배송책임 환불조건 등과 같은 중요한 내용을 이용자가 이해할 수 있도록 별도의 연결화면 또는 팝업화면 등을
-                                    제공하여 이용자의 확인을 구하여야 합니다.</p>
-                                <p>3. "몰"은 전자상거래등에서의소비자보호에관한법률, 약관의규제에관한법률, 전자거래기본법, 전자서명법, 정보통신망이용촉진등에관한법률, 방문판매등에관한법률, 소비자보호법 등
-                                    관련법을 위배하지 않는 범위에서 이 약관을 개정할 수 있습니다.</p>
-                                <p>4. "몰"이 약관을 개정할 경우에는 적용일자 및 개정사유를 명시하여 현행약관과 함께 몰의 초기화면에 그 적용일자 7일 이전부터 적용일자 전일까지 공지합니다.
-                                    다만, 이용자에게 불리하게 약관내용을 변경하는 경우에는 최소한 30일 이상의 사전 유예기간을 두고 공지합니다. 이 경우 "몰"은 개정 전 내용과 개정 후 내용을 명확하게 비교하여 이용자가
-                                    알기 쉽도록 표시합니다.</p>
-                                <p>5. "몰"이 약관을 개정할 경우에는 그 개정 약관은 그 적용일자 이후에 체결되는 계약에만 적용되고 그 이전에 이미 체결된 계약에 대해서는 개정전의 약관조항이 그대로 적용됩니다.
-                                    다만 이미 계약을 체결한 이용자가 개정 약관 조항의 적용을 받기를 원하는 뜻을 제3조에 의한 개정약관의 공지기간내에 "몰"에 송신하여 "몰"의 동의를 받은 경우에는 개정약관 조항이
-                                    적용됩니다.</p>
-                                <p>6. 본 약관에서 정하지 아니한 사항과 이 약관의 해석에 관하여는 전자상거래등에서의 소비자보호에관한법률, 약관의규제등에관한법률, 공정거래위원회가 정하는 전자상거래등에서의
-                                    소비자보호지침 및 관계법령 또는 상관례에 따릅니다.</p>
-                            </div>
-                            <div id="prvc4">
-                                <h4><span>제4조 서비스의 제공 및 변경</span></h4>
-                                <p>1. “몰"은 다음과 같은 업무를 수행합니다.</p>
-                                <ol>
-                                    <li>① 재화 또는 용역에 대한 정보 제공 및 구매계약의 체결</li>
-                                    <li>② 구매계약이 체결된 재화 또는 용역의 배송</li>
-                                    <li>③ 기타 “몰”이 정하는 업무</li>
-                                </ol>
-                                <p>2. "몰"은 재화 또는 용역의 품절 또는 기술적 사양의 변경 등의 경우에는 장차 체결되는 계약에 의해 제공할 재화 또는 용역의 내용을 변경할 수 있습니다. 이 경우에는 변경된 재화 또는 용역의
-                                    내용 및 제공일자를 명시하여 현재의 재화 또는 용역의 내용을 게시한 곳에 즉시 공지합니다.단, "몰"이 합리적으로 예측할 수 없는 불가피한 여건이나 사정이 있는 경우, 위 공지를 하지 않을 수
-                                    있습니다.
-                                    </p>
-                                <p>3. "몰"이 제공하기로 이용자와 계약을 체결한 서비스의 내용을 재화등의 품절 또는 기술적 사양의 변경 등의 사유로 변경할 경우에는 그 사유를 이용자에게 통지 합니다.</p>
-                                <p>4. 전항의 경우 "몰"은 이로 인하여 이용자가 입은 손해를 배상합니다. 다만, "몰"이 고의 또는 과실이 없음을 입증하는 경우에는 그러하지 아니합니다.</p>
-                            </div>
-                            <div id="prvc5">
-                                <h4><span>제5조 서비스의 중단</span></h4>
-                                <p>1. "몰"은 컴퓨터 등 정보통신설비의 보수점검·교체 및 고장, 통신의 두절 등의 사유가 발생한 경우에는 서비스의 제공을 일시적으로 중단할 수 있습니다.</p>
-                                <p>2. "몰"은 제1항의 사유로 서비스의 제공이 일시적으로 중단됨으로 인하여 이용자 또는 제3자가 입은 손해에 대하여 배상합니다.단, "몰"에 고의 또는 과실이 없는 경우에는 그러하지
-                                    아니합니다.</p>
-                                <p>3. "사업종목의 전환, 사업의 포기, 업체간의 통합 등의 이유로 서비스를 제공할 수 없게 되는 경우에는 "몰"은 제8조에 정한 방법으로 이용자에게 통지하고 당초 "몰"에서 제시한 조건에 따라
-                                    소비자에게 보상합니다.</p>
-                                <p>4. 다만, "몰"이 보상기준 등을 고지하지 아니한 경우에는 이용자들의 적립금 등을 "몰"에서 통용되는 통화가치에 상응하는 현물 또는 현금으로 이용자에게 지급합니다.</p>
-                            </div>
-                            <div>
-                                <h4  id="prvc6"><span>제6조 회원가입</span></h4>
-                                <p>1. 이용자는 "몰"이 정한 가입 양식에 따라 회원정보를 기입한 후 이 약관에 동의한다는 의사표시를 함으로서 회원가입을 신청합니다.</p>
-                                <p>2. "몰"은 제1항과 같이 회원으로 가입할 것을 신청한 이용자 중 다음 각호에 해당하지 않는 한 회원으로 등록합니다.</p>
-                                <ol>
-                                    <li>① 가입신청자가 이 약관 제7조 제3항에 의하여 이전에 회원자격을 상실한 적이 있는 경우, 다만 제7조 제3항에 의한 회원자격 상실후 3년이 경과한 자로서 "몰"의 회원 재가입 승낙을 얻은
-                                        경우에는 예외로 한다.</li>
-                                    <li>② 등록 내용에 허위, 기재누락, 오기가 있는 경우</li>
-                                    <li>③ 만 14세가 되지 않은 자가 신청하였을 경우</li>
-                                    <li>④기타 회원으로 등록하는 것이 ＂몰＂의 기술상 현저히 지장이 있다고 판단되는 경우</li>
-                                </ol>
-                                <p>3. 회원가입계약의 성립시기는 "몰"의 승낙이 회원에게 도달한 시점으로 합니다.</p>
-                                <p>4. 가입신청자가 "몰"에 회원으로 가입하더라도 로그인하지 않은 상태에서 주문하는 경우는 회원주문이 아니라 비회원주문으로 인정합니다.</p>
-                                <p>5. 회원은 제15조 제1항에 의한 등록사항에 변경이 있는 경우, 즉시 전자우편 기타 방법으로 "몰"에 대하여 그 변경사항을 알려야 합니다.이러한 변경사항의 미 통보로 인해 발생하는 손해는
-                                    회원에게 그 책임이 있습니다.</p>
-                            </div>
-                            <div id="prvc7">
-                                <h4><span>제7조 회원 탈퇴 및 자격 상실 등</span></h4>
-                                <p>1. 회원은 "몰"에 언제든지 탈퇴를 요청할 수 있으며 "몰"은 즉시 회원탈퇴를 처리합니다.</p>
-                                <p>2. 회원이 다음 각호의 사유에 해당하는 경우, "몰"은 회원자격을 제한 및 정지시킬 수 있습니다.</p>
-                                <p>3. "몰"이 회원 자격을 제한 정지 시킨 후, 동일한 행위가 2회 이상 반복되거나 30일 이내에 그 사유가 시정되지 아니하는 경우 "몰"은 회원자격을 상실시킬 수 있습니다.</p>
-                                <p>4. "몰"이 회원자격을 상실시키는 경우에는 회원등록을 말소합니다. 이 경우 회원에게 이를 통지하고, 회원등록 말소 전에 최소한 30일 이상의 기간을 정하여 소명할 기회를 부여합니다.</p>
-                            </div>
-                            <div id="prvc8">
-                                <h4><span>제8조 회원에 대한 통지</span></h4>
-                                <p>1. "몰"이 회원에 대한 통지를 하는 경우, 회원이 "몰"에 제출하여 지정한 전자우편 주소로 할 수 있습니다.</p>
-                                <p>2. "몰"은 불특정다수 회원에 대한 통지의 경우 1주일이상 "몰" 게시판에 게시함으로서 개별 통지에 갈음할 수 있습니다.
-                                    다만, 회원 본인의 거래와 관련하여 중대한 영향을 미치는 사항에 대하여는 개별통지를 합니다.</p>
-                            </div>
-                            <div id="prvc9">
-                                <h4><span>제9조 구매신청</span></h4>
-                                <p>"몰"이용자는 "몰"상에서 다음 또는 이와 유사한 방법에 의하여 구매를 신청하며, "몰"은 이용자가 구매신청을 함에 있어서 다음의 각 내용을 알기 쉽게 제공하여야 합니다.
-                                    단, 회원인 경우 제2호 내지 제4호의 적용을 제외할 수 있습니다.</p>
-                                <p>1. 재화 등의 검색 및 선택</p>
-                                <p>2. 성명, 주소, 전화번호, 전자우편주소(또는 이동전화번호) 등의 입력</p>
-                                <p>3. 약관내용, 청약철회권이 제한되는 서비스, 배송료 설치비 등의 비용부담과 관련한 내용에 대한 확인</p>
-                                <p>4. 이 약관에 동의하고 위 3.호의 사항을 확인하거나 거부하는 표시(예, 마우스 클릭)</p>
-                                <p>5. 재화 등의 구매신청 및 이에 관한 확인 또는 "몰"의 확인에 대한 동의</p>
-                                <p>6. 결제방법의 선택</p>
-                            </div>
-                            <div id="prvc10">
-                                <h4><span>제10조 계약의 성립</span></h4>
-                                <p>1."몰"은 제9조와 같은 구매신청에 대하여 다음 각호에 해당하면 승낙하지 않을 수 있습니다. 다만, 미성년자와 계약을 체결하는 경우에는 법정대리인의 동의를 얻지 못하면 미성년자 본인 또는
-                                    법정대리인이 계약을 취소할 수 있다는 내용을 고지하여야 합니다.</p>
-                                    <ol>
-                                        <li>① 신청 내용에 허위, 기재누락, 오기가 있는 경우</li>
-                                        <li>② 미성년자가 담배, 주류 등 청소년보호법에서 금지하는 재화 및 용역을 구매하는 경우</li>
-                                        <li>③ 기타 구매신청에 승낙하는 것이 ＂몰＂ 기술상 현저히 지장이 있다고 판단하는 경우</li>
-                                    </ol>
-                                <p>2. "몰"의 승낙이 제12조 제1항의 수신확인통지형태로 이용자에게 도달한 시점에 계약이 성립한 것으로 봅니다.</p>
-                                <p>3. "몰"의 승낙의 의사표시에는 이용자의 구매 신청에 대한 확인 및 판매가능 여부, 구매신청의 정정 취소 등에 관한 정보 등을 포함하여야 합니다.</p>
-                                <p>4. 이 약관에 동의하고 위 3.호의 사항을 확인하거나 거부하는 표시(예, 마우스 클릭)</p>
-                                <p>5. 재화 등의 구매신청 및 이에 관한 확인 또는 "몰"의 확인에 대한 동의</p>
-                            </div>
-                            <div id="prvc24">
-                                <h4><span>제24조 재판권 및 준거법</span></h4>
-                                <p>1."몰"과 이용자간에 발생한 전자상거래 분쟁에 관한 소송은 제소 당시의 이용자의 주소에 의하고, 주소가 없는 경우에는 거소를 관할하는 지방법원의 전속관할로 합니다.
-                                    다만, 제소 당시 이용자의 주소 또는 거소가 분명하지 않거나 외국 거주자의 경우에는 민사소송법상의 관할법원에 제기합니다.</p>
-                                <p>2. "몰"과 이용자간에 제기된 전자상거래 소송에는 한국법을 적용합니다.</p>
-                            </div>
-                            <div id="prvc">
-                                <h4><span></span></h4>
-                                <p></p>
-                                <p></p>
-                                <p></p>
-                                <p></p>
-                                <p></p>
-                            </div>
-                            
-                            <div>
-                                <p>부칙 : 본 약관은 2016년 01월 04일부터 시행하며, 종전의 약관내용은 본 약관으로 대체합니다.</p>
-                            </div>
 
-                        </div>
-                    </div> -->
 			</div>
+			<div class="cont_foot">
+				<div id="prvc_sel">
+					<form class="form_wrap">
+						<div class="form_field">
+							<div class="select_custom prvs_detail">
+								<div class="combo">
+									<div class="select">개인정보 처리방침 v1.0</div>
+									<ul class="list" style="display: none;">
+										<th:block th:if="${clauseList}" th:each="oneData, status : ${clauseList}">
+											<li th:text="${oneData.clauseTitle}" th:onclick="fnGetCaluseInfo([[${oneData.clauseSq}]]);"></li>
+										</th:block>
+									</ul>
+								</div>
+							</div>
+						</div>
+					</form>
+				</div>
+			</div>
+
 		</div>
 	</div>
 </div>
 
 <script th:inline="javascript">
 /*<![CDATA[*/
+
+	$(document).ready(function() {
+		$(document).on("click","#partners",function(event){
+			cfnSupplyComanyLayer();
+		});
+	});
+
+	var fnGetCaluseInfo = function (clauseSq) {
+		$.get('/customer/privacy/policy/info/' + clauseSq
+			, function (data) {
+			if(!gagajf.isNull(data.clauseContent)) {
+				$('.cont_body').html(data.clauseContent);
+				$("html, body").animate({scrollTop : $("#container").offset().top},100)
+			}
+		});
+	};
+
 	// 약관 내부 링크
 	$(function() {
 		$(".hook_list ul li a").on("click", function() {
@@ -290,6 +88,21 @@
 			var hookPos = hookPot.offset().top - hookHeader;
 			$("html, body").animate({ scrollTop: hookPos }, 300);
 		});
+
+		$(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;
+			}
+		});
+
+		var prvc_select = new sCombo('.select_custom.prvs_detail');
 	});
 /*]]>*/
 </script>

src/main/webapp/WEB-INF/views/web/customer/SupplyCompanyLayerFormWeb.html

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="ko"
+	  xmlns:th="http://www.thymeleaf.org">
+<!--
+ *******************************************************************************
+ * @source  : SupplyCompanyLayerFormWeb.html
+ * @desc    : 공급업체 리스트 page
+ *============================================================================
+ * STYLE24
+ * Copyright(C) 2021 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.06.09   jsshin       최초 작성
+ *******************************************************************************
+ -->
+<div class="modal-dialog" role="document">
+	<div class="modal-content">
+		<div class="modal-header">
+			<h5 class="modal-title" id="psptnLabel">업체 리스트</h5>
+		</div>
+		<div class="modal-body">
+			<div class="pop_cont">
+				<!-- 컨텐츠 시작 -->
+				<div class="ps ptn" >
+					<table>
+						<colgroup>
+							<col width="*">
+							<col width="30%">
+						</colgroup>
+						<thead>
+							<tr>
+								<th>업체명</th>
+								<th>대표자</th>
+							</tr>
+						</thead>
+						<tbody id="supplyCompanyList">
+						</tbody>
+					</table>
+					<div class="paging_wrap">
+						<ul class="pageNav" id="paging">
+						</ul>
+					</div>
+				</div>
+				<!-- 컨텐츠 종료 -->
+			</div>
+		</div>
+		<div class="modal-footer">
+			<a href="#close-modal" rel="modal:close" className="close-modal" class="btn btn_default">닫기</a>
+		</div>
+	</div>
+</div>
+<form id="supplyCompanyForm" name="supplyCompanyForm" th:action="@{/customer/supply/company/list}" th:method="post">
+	<input type="hidden" name="pageNo" value="1" />
+	<input type="hidden" name="pageSize" value="5" />
+</form>
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
+<script th:inline="javascript">
+/*<![CDATA[*/
+	var fnGetSupplyCompanyList = function () {
+		gagaPaging.init('supplyCompanyForm', fnSearchCallback, 'paging', 10);
+		gagaPaging.load(1);
+	}
+
+	var fnSearchCallback = function (result) {
+		$('#supplyCompanyList').html('');
+		let html = '';
+		if (!gagajf.isNull(result) && result.supplyCompanyList.length > 0) {
+			$.each(result.supplyCompanyList, function (idx, item) {
+				html += '<tr>\n';
+				html += '    <td>\n';
+				html += item.supplyCompNm;
+				html += '    </td>\n';
+				html += '    <td>\n';
+				html += item.ownerNm;
+				html += '    </td>\n';
+				html += '</tr>\n';
+			});
+		}
+		$('#supplyCompanyList').html(html);
+
+		gagaPaging.createPagination(result.paging.pageable);
+	}
+
+	$(document).ready(function() {
+		fnGetSupplyCompanyList();
+	});
+
+	//약관내부링크
+	$(function(){
+		$(".hook_list ul li a").on("click", function(){
+			var hookHeader = $(".modal-header").outerHeight() + 3000;
+			var hookHref = $(this).attr("href");
+			var hookPot = $(hookHref == "#" || hookHref == "" ? "body" : hookHref);
+			var hookPos = hookPot.offset().top - hookHeader;
+			$("html, body").animate({ scrollTop: hookPos }, 3000);
+		});
+	});
+/*]]>*/
+</script>
+</html>

src/main/webapp/ux/mo/css/common_m.css

@@ -938,7 +938,7 @@ footer{background-color: #f1f1f1;}
 footer .btn_top{position: fixed; bottom: 9%; right: 2.0rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 500; background:url(/images/mo/mo_btn_top.png) no-repeat;}
 footer .btn_top span{display: block;width: 2.4rem;height: 2.4rem;margin: 0 auto;position: relative;opacity: 1;color: #222222;font-size: 1.1rem;font-weight: 600;line-height: 3.4rem;letter-spacing: -0.025em;}
 footer .btn_back{position: fixed; bottom: 9%; left: 2.0rem; opacity: 0; background-color: rgba(0, 0, 0, 0.4); width: 4.1rem; height: 4.0rem; font-size: 0; z-index: 500; background:url(/images/mo/mo_btn_back.png) no-repeat; bottom: calc(env(safe-area-inset-bottom) + 6.5rem);}
-footer .btn_back span{display: block;width: 2.4rem;height: 2.4rem;margin: 0 0.6rem;position: relative;opacity: 1;color: #222222;font-size: 1.1rem;font-weight: 600;line-height: 3.4rem;letter-spacing: -0.025em;}
+footer .btn_back span{display: block;width: 2.4rem;height: 2.4rem;margin: 0 0.6rem;position: relative;opacity: 1;color: #222222;font-size: 1.1rem;font-weight: 600;line-height: 3.4rem;letter-spacing: -0.025em; text-indent:-999rem;}
 footer .f1{background-color: #f1f1f1;padding: 0 0 4.5rem; position: relative;}
 footer .f1 .inner{padding: 0 2.0rem 2.0rem;}
 footer .f1 .link{padding-top: 20px;}

src/main/webapp/ux/mo/css/layout_m.css

@@ -485,7 +485,7 @@
 
 .pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.25%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}
 .pd_detail .movbox #prodMovBtn{background: rgb(246 55 55 / 0%);  position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;color: transparent;font-size: 1px;z-index: 2;}
-.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;pointer-events:none;}
+.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
 
 
 .pd_detail .thumb_box{position: relative;}
@@ -545,7 +545,7 @@
 .pd_detail .option_box .opt_color ul::after {content:''; position: relative; display:inline-block; width:2rem; height:1px;}
 .pd_detail .option_box .opt_color ul li {margin-right:0.5rem; display:inline-block; width:5rem;height: 7.5rem;}
 .pd_detail .option_box .opt_color ul li:last-child {margin-right:0;}
-.pd_detail .option_box .opt_color ul li a {position:relative; display:block; padding-bottom:0%; box-sizing:border-box; width:5rem;height: 7.5rem;}
+.pd_detail .option_box .opt_color ul li a {position:relative; display:block; padding-bottom:0%; box-sizing:border-box; width:5rem;height: 7.4rem;}
 .pd_detail .option_box .opt_color ul li a img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%); }
 .pd_detail .option_box .opt_color ul li a.on:after{display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #fd4802; box-sizing:border-box;}
 .pd_detail .option_box > [class^="opt_"] .opt_header {margin-bottom:0.5rem;}

src/main/webapp/ux/mo/css/style24_m.css

@@ -419,8 +419,8 @@
 
 .main_1stage {padding: 2rem 0 0rem 0;}
 .main_1stage .bnnbox{position: relative; /*height:11.3rem;*/ overflow:hidden; padding-top: 35%;}
-.main_1stage .txtWrap{margin: 0 auto; position: absolute; top: 50%; left: 2rem; transform:translate(0%, -50%); z-index: 1;}
-.main_1stage .txtWrap p{font-size: 1.8rem;font-weight: 500;letter-spacing: -0.025em;text-align: left;line-height: 1;color: #222222;padding-bottom:1.0rem;}
+.main_1stage .txtWrap{width: 18.5rem; margin: 0 auto; position: absolute; top: 50%; left: 2rem; transform:translate(0%, -50%); z-index: 1;}
+.main_1stage .txtWrap p{display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; font-size: 1.8rem;font-weight: 500;letter-spacing: -0.025em;text-align: left;line-height: 1.2;color: #222222;padding-bottom:1.0rem;}
 .main_1stage .txtWrap p:last-child {padding-bottom:0px;}
 .main_1stage img {position: absolute; top: 50%; left:50%; transform:translate(-60%, -50%); max-width:none; width:auto; height:100%;}
 
@@ -607,7 +607,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .dp .dp_btn_area .btn_wrap a.btn span:after {content:''; position: absolute; top: 50%; right: -1.3rem; transform:translateY(-50%); background:url(/images/mo/ico_more_arrow.png) no-repeat center/100%; width: 0.53rem; height: 0.9rem; display: none;}
 .dp .dp_btn_area .btn_wrap a.btn.go_next span:after {display: block;}
 .dp .dp_btn_area .btn_wrap button.btn {width: 100%; padding:1.5rem 0; height:auto; font-size: 1.2rem; color: #fff; font-weight: 500; border:none;}
-.dp .announce_txt {margin-top:-1.2rem; padding:2.4rem 0;}
+.dp .announce_txt {margin-top:-3.2rem; padding:2.4rem 0;}
 .dp .announce_txt .announce_list {padding-bottom: 0;}
 
 /* 다른 이벤트 보기 슬라이드 */
@@ -738,6 +738,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 /* ev_check */
 /* .ev .check {background: #f5f5f5;} */
+.stamp_event {padding-bottom: 2.0rem;}
 .stamp_event .event_calander {position: relative; background-color: #f4f3ef; padding:4.3rem 2rem 3rem; overflow:hidden;}
 .stamp_event .event_calander:after {content:''; position: absolute; top: 12rem; left: -3rem; background:url('/images/mo/bg_check01.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
 .stamp_event .event_calander:before {content:''; position: absolute; top: 0; right: 0; background:url('/images/mo/bg_check02.png'); background-size: 100%; width: 12.5rem; height: 84.1rem; z-index: 1;}
@@ -1236,11 +1237,13 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 
 /* my_order_1 */
-.my .order_sort {padding-top: 2rem; text-align: right;}
+.my .order_sort {padding-top: 2rem;padding-bottom: 1.2rem;margin-bottom: -2.4rem; text-align: right;}
 .my .order_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
 .my .order_sort a:first-child {margin-right: 2rem;}
-.my .my_order .inner .part_goods {margin-bottom: 1.2rem; margin-top: -1.2rem;}
+.my .my_order .inner .part_goods {margin-bottom: 1.2rem; margin-top: -1.2rem;margin-top: 1.2rem;}
 .my .my_order .inner .part_goods:last-child {margin-bottom: 0;}
+/* .my .my_order .inner:first-child .part_goods {margin-top: -1.2rem;} */
+/* .my .my_order .inner .part_goods:last-child {margin-bottom: 0;margin-top: -1.2rem;} */
 .popup_box .button_list button {width: 100%; padding:1.1rem 0; border:1px solid #eee; text-align: center; margin-bottom: 0.6rem; border-radius:3rem; font-size: 1.4rem; font-weight: 300; color: #666;}
 .popup_box .button_list button[disabled] {background: #f5f5f5; color: #bbb;}
 .popup_box .button_list button[disabled] span {text-decoration: line-through; }
@@ -1252,10 +1255,11 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .my_order .inner {margin-bottom: 1.2rem;}
 .my .my_order .inner:last-child {margin-bottom: 0;}
 .my .inner.bg_beige {background: #fff6f2;}
-.my .order_number {padding:2rem; position: relative; margin-bottom:0;}
+.my .order_number {padding:2rem; position: relative; margin-bottom:0; margin-bottom: -2rem;}
+.my .order_number dl{display: inline-block;}
 .my .order_number dt, .my .order_number dd {float:left; font-size: 1.4rem; font-weight: 500;}
 .my .order_number dt {margin-right: 0.8rem;}
-.my .order_number .delete {position: absolute; top: 50%; right: 2rem; transform:translateY(-50%); font-size: 1.1rem; color: #666; border-bottom: 1px solid #666;}
+.my .order_number .delete {position: absolute; top: 45%; right: 2rem; transform:translateY(-50%); font-size: 1.1rem; color: #666; border-bottom: 1px solid #666;}
 .my .foldGroup {margin-bottom: 0;}
 .my .foldGroup > ul > li {border-bottom: 0;}
 .my .fold_answer {background: #fff; padding-top: 0;}
@@ -1394,6 +1398,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 
 /* my_return_2 */
 .my .my_return .inner {margin-bottom: 1.2rem;}
+.my .my_return .inner .part_goods {margin-top: 1.2rem;}
 .my .my_return .ship_info dl > div.addr {width: 100%;}
 .my .my_return .desc_txt,.my .my_exchange .desc_txt {margin-top: -1.5rem; margin-bottom: 4.2rem;}
 .my .my_return .tbl .desc_txt {margin-top: 1.3rem; margin-bottom: 0;}
@@ -2454,53 +2459,56 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 .optModifyPop .opt_header > span {float:left;}
 .optModifyPop .opt_header .info {margin-left: 2rem; color: #666;}
 .optModifyPop .opt_header .form_field {position: absolute; top: 0; right: 0; width:auto;}
-.optModifyPop .area_order .opt_color::before {content: ''; display: block; width:100%;border-top: 1px solid #dddddd;position: relative;top: -1.2rem;left: auto;right: auto;}
+.optModifyPop .area_order .opt_color::before {content: ''; display: block; width:100%;border-top: 0.1rem solid #dddddd;position: relative;top: -1.2rem;left: auto;right: auto;}
 .optModifyPop .area_order .opt_color ul {font-size: 0; width: 100%; white-space: nowrap; overflow-x: auto;}
-.optModifyPop .area_order .opt_color ul li {display: inline-block; margin:0 3px; margin-top:6px}
-.optModifyPop .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
-.optModifyPop .area_order .opt_color ul li a.on img {border:1px solid #fd4802}
-.optModifyPop .area_order .opt_size {padding-bottom:40px; border-bottom:1px solid #ddd;}
+.optModifyPop .area_order .opt_color ul li {display: inline-block; margin:0 0.3rem; margin-top:0.6rem;}
+.optModifyPop .area_order .opt_color ul li a {display:block; background: #f5f5f5; position: relative; padding-bottom: 0%;box-sizing: border-box;width: 7.0rem;height: 10.5rem;}
+.optModifyPop .area_order .opt_color ul li a::after {display: block;content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: content-box;border: 0.1rem solid #f5f5f5;}
+.optModifyPop .area_order .opt_color ul li a.on::after {display: block;content: '';border: 0.1rem solid #fd4802;}
+.optModifyPop .area_order .opt_color ul li a img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
+/* .optModifyPop .area_order .opt_color ul li a.on img {border:1px solid #fd4802} */
+.optModifyPop .area_order .opt_size {padding-bottom:4.0rem; border-bottom:0.1rem solid #ddd;}
 .optModifyPop .area_order .opt_size .form_field {display:block; width:100%; font-size: 0;}
-.optModifyPop .area_order .opt_size .form_field > div {float:none; width:20%; display: inline-block; margin:6px 0 0; padding:0 0.78%;}
+.optModifyPop .area_order .opt_size .form_field > div {float:none; width:20%; display: inline-block; margin:0.6rem 0 0; padding:0 0.78%;}
 .optModifyPop .area_order .opt_size .form_field > div {}
 /* .optModifyPop .area_order .opt_size .form_field > div:nth-child(6n-5) {margin-left:0px;} */
-.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label {position: relative; display:block; width:100%; height:40px; padding:0; line-height:40px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
-.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label span {position:absolute; top:50%; left:0%; width:100%; padding:0 6px; line-height:1.2; transform:translateY(-50%); display:inline-block; text-overflow:ellipsis; overflow:hidden;}
+.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label {position: relative; display:block; width:100%; height:4.0rem; padding:0; line-height:4.0rem; text-align:center; background:#fff; box-sizing:border-box; border:0.1rem solid #ddd; color:#222; font-weight:200; font-size:1.4rem;}
+.optModifyPop .area_order .opt_size .form_field input[type="radio"] + label span {position:absolute; top:50%; left:0%; width:100%; padding:0 0.6rem; line-height:1.2; transform:translateY(-50%); display:inline-block; text-overflow:ellipsis; overflow:hidden;}
 .optModifyPop .area_order .opt_size .form_field input[type="radio"] + label::before,
 .optModifyPop .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
-.optModifyPop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
+.optModifyPop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:0.1rem solid #fd4802;}
 .optModifyPop .area_order .opt_size .form_field input[type="radio"]:disabled + label {background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
 .optModifyPop .area_order .opt_size .form_field input[type="radio"]:disabled + label span {text-decoration:line-through;}
 
-.optModifyPop .area_order .opt_select .select_custom .combo .select {height:45px; padding:15px;}
-.optModifyPop .area_order .opt_select .select_custom .combo .list > li {height:45px; padding:15px; font-size:14px; line-height:1;}
+.optModifyPop .area_order .opt_select .select_custom .combo .select {height:4.5rem; padding:1.5rem;}
+.optModifyPop .area_order .opt_select .select_custom .combo .list > li {height:4.5rem; padding:1.5rem; font-size:1.4rem; line-height:1;}
 .optModifyPop .area_order .opt_count .opt_count {padding-bottom:0;}
-.optModifyPop .area_order .opt_count .number_count {display:inline-block; border:1px solid #ddd}
+.optModifyPop .area_order .opt_count .number_count {display:inline-block; border:0.1rem solid #ddd;}
 .optModifyPop .area_order .opt_count .number_count::after {content:''; clear:both; display:block;}
 .optModifyPop .area_order .opt_count .number_count span,
 .optModifyPop .area_order .opt_count .number_count input[type='text']{float:left;}
-.optModifyPop .area_order .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:40px; height:40px; text-align:center;}
-.optModifyPop .area_order .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
+.optModifyPop .area_order .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:4.0rem; height:4.0rem; text-align:center;}
+.optModifyPop .area_order .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:1.2rem; height:1.2rem; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
 .optModifyPop .area_order .opt_count .number_count span.min_val,
 .optModifyPop .area_order .opt_count .number_count span.max_val {opacity:0.2;}
 .optModifyPop .area_order .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
 .optModifyPop .area_order .opt_count .number_count .minus::after {content:''; background-position:0 0;}
-.optModifyPop .area_order .opt_count .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none;}
-.optModifyPop .area_order .btn_group_block .btn {height:60px; font-size:18px; font-weight:300;}
+.optModifyPop .area_order .opt_count .number_count input[type='text'] {width:4.4rem; height:4.0rem; padding:0; text-align:center; color:#222; font-size:1.5rem; font-weight:200; border:none;}
+.optModifyPop .area_order .btn_group_block .btn {height:6.0rem; font-size:1.8rem; font-weight:300;}
 
 .popup_box .part_goods .od_calc {margin-top: 0;}
 .popup_box .part_goods .od_calc .price {position: static;}
 
 /* popup_다다익선 */
-.moresalePop .area_benefit {padding-top:2.4rem; color:#fd4802; font-size:14px;}
+.moresalePop .area_benefit {padding-top:2.4rem; color:#fd4802; font-size:1.4rem;}
 .moresalePop .area_benefit::after {content:''; clear:both; display:block;}
 .moresalePop .area_benefit .tag {float:left; width:3.2rem; font-size: 1rem; padding: 0.5rem 0; text-align: center; height:auto;}
 .moresalePop .area_benefit p {float:left;}
 .moresalePop .area_benefit p span {position:relative; display: block; padding:0px 1rem; display: block; line-height: 2.2rem;}
 .moresalePop .area_benefit p span:first-child::before {display:none;}
 .moresalePop .popup_con {padding:0 2rem;}
-.moresalePop .part_goods ul {border-top: 1px solid #eeeeee;}
-.moresalePop .part_goods li {border-bottom: 1px solid #eeeeee; padding:2rem 0;}
+.moresalePop .part_goods ul {border-top: 0.1rem solid #eeeeee;}
+.moresalePop .part_goods li {border-bottom: 0.1rem solid #eeeeee; padding:2rem 0;}
 .moresalePop .part_goods li:last-child {border-bottom: 0;}
 .moresalePop .part_goods .sale_price {margin-left: 1rem;}
 .moresalePop .part_goods .sale_percent {margin-left: 1.5rem;}

src/main/webapp/ux/pc/css/layout.css

@@ -2778,7 +2778,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box .info_restock a.btn_popup {position:relative; padding-left:22px; padding-right:15px; color:#666; font-size:14px; font-weight:300; border:none;}
 	.option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:13px; background:url('/images/pc/ico_bell.png') no-repeat 0 0;}
 	.option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}	
-
+	
 	/* pd_deal_컬러선택 */
 	.pd .option_box .opt_color {}
 	.pd .option_box .opt_color .title {margin-right: 16px;}
@@ -2786,9 +2786,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box .opt_color ul::after {content:''; clear:both; display:block;}
 	.option_box .opt_color ul li {float:left; margin-left:8px; margin-top:8px}
 	.option_box .opt_color ul li:nth-child(7n-6) {margin-left:0;}
-	.option_box .opt_color ul li a {display:block; box-sizing:border-box; width:66px; height:99px;}
-	.option_box .opt_color ul li a img {width:100%;}
-	.option_box .opt_color ul li a.on img {border:1px solid #fd4802;}
+	.option_box .opt_color ul li a {position: relative; display:block; box-sizing:border-box; width:66px; height:99px; line-height: 0; font-size: 0; overflow: hidden;background: #f5f5f5; border: 1px solid #f5f5f5; box-sizing: content-box;}
+	.option_box .opt_color ul li a img {position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);z-index: 2;	}
+	.option_box .opt_color ul li a.on {border:1px solid #fd4802;}
 
 	/* pd_deal_컬러선택 폼 */
 	.pd .option_box .opt_size {}
@@ -4673,7 +4673,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.optModify_pop .modal-header {margin-bottom:20px;}
 	.modal.optModify_pop .modal-header h5.modal-title {margin-bottom:20px}
 	.modal.optModify_pop button span {line-height:1;}
-	.modal.optModify_pop img {width:100%}
+	.modal.optModify_pop img {position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
 	.modal.optModify_pop .form_field,
 	.modal.optModify_pop .form_field > div {display:block; width:100%;}
 	.modal.optModify_pop .opt_header {margin-bottom:18px; font-size:14px;}
@@ -4683,6 +4683,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.optModify_pop .opt_header .text {margin-left:20px; color:#666; font-weight:200;}
 	.modal.optModify_pop .area_pic {float:left; width:360px;}
 	.modal.optModify_pop .area_pic .pic_list {margin-top:-5px}
+	.modal.optModify_pop .area_pic .pic_list .thumb {position: relative;display: block;padding-bottom: 0%;box-sizing: border-box;width: 175px;height: 261px;border: 1px solid #eee;background: #f5f5f5;}
 	.modal.optModify_pop .area_pic .pic_list li {float:left; width:50%; padding-top:5px; padding-bottom:5px;}
 	.modal.optModify_pop .area_pic .pic_list li:nth-child(odd) {padding-right:5px;}
 	.modal.optModify_pop .area_pic .pic_list li:nth-child(even) {padding-left:5px;}
@@ -4692,8 +4693,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.modal.optModify_pop .area_order .opt_color ul {margin-top:-6px;}
 	.modal.optModify_pop .area_order .opt_color ul li {float:left; margin-left:6px; margin-top:6px}
 	.modal.optModify_pop .area_order .opt_color ul li:nth-child(5n-4) {margin-left:0} 
-	.modal.optModify_pop .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
-	.modal.optModify_pop .area_order .opt_color ul li a.on img {border:1px solid #fd4802}
+	.modal.optModify_pop .area_order .opt_color ul li a {display:block; position: relative; box-sizing:border-box; width:70px; height:103px;padding-bottom: 0%;border: 1px solid #eee;background: #f5f5f5;}
+	.modal.optModify_pop .area_order .opt_color ul li a::after {display: block;content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #f5f5f5;box-sizing: border-box;}
+	.modal.optModify_pop .area_order .opt_color ul li a.on::after {display: block;content: '';border:1px solid #fd4802;}
 	.modal.optModify_pop .area_order .opt_size {padding-bottom:40px; border-bottom:1px solid #ddd;}
 	.modal.optModify_pop .area_order .opt_size .form_field {display:block; width:95%; margin-top:-6px;}
 	.modal.optModify_pop .area_order .opt_size .form_field > div {margin-left:6px; margin-top:6px;}

src/main/webapp/ux/pc/css/main.css

@@ -456,8 +456,8 @@
 /* main_1stage */
 .main .wrap .content.main_1stage {}
 .main_1stage .bnnbox{position:relative;}
-.main_1stage .txtWrap{margin:0 auto; position:absolute; top:50%; left:31.25%; transform:translate(0, -50%);z-index:1; text-align:left;}
-.main_1stage .txtWrap p{color:#222222; font-size:40px; font-weight:500; text-align:left; line-height:1.25;}
+.main_1stage .txtWrap{width: 445px; margin:0 auto; position:absolute; top:50%; left:31.25%; transform:translate(0, -50%);z-index:1; text-align:left;}
+.main_1stage .txtWrap p{line-height: 1; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:#222222; font-size:40px; font-weight:500; text-align:left; line-height:1.25;}
 .main_1stage .txtWrap .btn{position:relative; width:160px; height:52px; border:1px solid #959899; margin:20px auto 0; text-align:center; font-weight:300; }
 .main_1stage img {margin:0 auto;width:100%;}
 .post-bnnWide .swiper-button-next {right:70px;}

src/main/webapp/ux/style24_link.js

@@ -1014,19 +1014,22 @@ function cfnPrivacyPolicyLayer(mallGb) {
 	cfnOpenLayer(_PAGE_PRIVACY_POLICY_LAYER, 'policiesPrivacyPop', params);
 }
 
-function cfnSupplyComanyLayer() {
+function cfnSupplyComanyLayer(mallGb) {
 	let str;
 	if (_frontGb === 'P') {
-
+		str ='<div class="modal fade pd_pop psptn_pop" id="supplyCompanyPop" tabIndex="-1" role="dialog" aria-labelledby="psptnLabel" aria-hidden="true"></div>'
 	} else {
 		str = '<div class="modal pop_full fade" id="supplyCompanyPop" role="dialog" aria-labelledby="partnersPopFullLabel" aria-hidden="true"></div>';
 	}
-	if($('#partnersPop').length == 0) {
+	if($('#supplyCompanyPop').length == 0) {
 		$('body').append(str);
 	}
+	let params = {}
+	params.mallGb = mallGb;
 	cfnOpenLayer(_PAGE_SUPPLY_COMPANY_LAYER,'supplyCompanyPop');
 }
 
+
 /**
  * @type   : function
  * @access : public