이벤트상세/설문조사 중간커밋

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

@@ -106,7 +106,7 @@ public class TsfPlanningController extends TsfBaseController {
 	}
 
 	/**
-	 * 기획전 상세화면
+	 * 기획전 / 이벤트 상세화면
 	 *
 	 * @return
 	 * @author sowon
@@ -139,11 +139,10 @@ public class TsfPlanningController extends TsfBaseController {
 		plan.setPlanSq(plan.getPlanSq());
 		review.setPlanSq(plan.getPlanSq());
 		coupon.setPlanSq(plan.getPlanSq());
-
-		//plan.setSiteCd(TscConstants.Site.STYLE24.value());
 		plan.setFrontGb(TsfSession.getFrontGb());
 
 		Plan planInfo = planningService.getPlanDetailInfo(plan);
+		String planGb = planInfo.getPlanGb();
 		mav.addObject("planInfo", planInfo);
 
 		mav.addObject("planCount", planningService.getPlanAllCount(plan));
@@ -181,26 +180,28 @@ public class TsfPlanningController extends TsfBaseController {
 		plan.setTmplType("G082_52");
 		mav.addObject("goods4Info", planningService.getPlanGoodsDisplayList(plan));
 
-		// 다른기획전 보기 
+		if (planGb.equals("P")) {
+			// 다른기획전 보기 
+			mav.addObject("planList", planningService.getPlanningList(plan));
+			mav.addObject("listSize", planningService.getPlanningList(plan).size());
+		}
+		else{
+			// 다른이벤트 보기
+			mav.addObject("planList", planningService.getPlanEventList(plan));
+			mav.addObject("listSize", planningService.getPlanEventList(plan).size());
+		}
+		
 		
-		mav.addObject("planList", planningService.getPlanningList(plan));
 //
 //		mav.addObject("couponList", planningService.getPlusCouponList(plan));
 //
-//		// 기획전  코너 목록
+//		// 코너 목록
 		mav.addObject("planCornerList", planningService.getPlanCornerList(plan));
+		mav.addObject("planCornerListLength", planningService.getPlanCornerList(plan).size());
 		
-		// 기획전 코너 상품
+		// 코너 상품
 		mav.addObject("planCornerGoodsList", planningService.getPlanningCornerGoodsList(plan));
-//
-//		// 특가세일 기준
-//		mav.addObject("specialPriceSaleRate", policyService.getSpecialPriceSaleDisplayRate(TsfConstants.SITE_CD));
-//
-//		if ("E".equals(planInfo.getPlanGb())) { // 기획전 일 떄
-//			if (planInfo.getPrivacyPolicy() != null && !planInfo.getPrivacyPolicy().equals("")) {
-//				mav.addObject("planQuestionList", planningService.getPlanQuestionList(plan));
-//			}
-//		}
+
 
 		// Popup Parameter
 		mav.addObject("preview", plan.getPreview());
@@ -315,6 +316,21 @@ public class TsfPlanningController extends TsfBaseController {
 		return planningService.getPlanEventList(plan);
 	}
 	
+	/**
+	 * 이벤트 설문조사 화면
+	 * @param 
+	 * @return
+	 * @author sowon
+	 * @since 2021. 4. 2
+	 */
+	@GetMapping("/event/poll/form")
+	public ModelAndView planningEventPollForm() {
+		ModelAndView mav = new ModelAndView(super.getDeviceViewName("planning/PlanningEventPollForm"));
+
+		return mav;
+	}
+	
+	
 	/**
 	 * 총알배송 메인 화면
 	 * 

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

@@ -73,6 +73,7 @@
 				 , REG_DT
 				 , UPD_NO
 				 , UPD_DT
+				 , CASE WHEN DATE_FORMAT(now(),'%Y%m%d') <![CDATA[<=]]> DATE_FORMAT(USE_EXP_DATE,'%Y%m%d') THEN 'Y' ELSE 'N' END AS USE_YN
 		 FROM TB_CUST_GIFTCARD CG 
 		 WHERE 1=1 
 		  AND CUST_NO = #{custNo}

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

@@ -396,6 +396,9 @@
 		        AND    NOW() BETWEEN P.DISP_STDT AND P.DISP_EDDT
 		        AND    P.DEL_YN = 'N' /*삭제안된 기획전*/
 		        AND    P.OPEN_YN = 'Y' /*오픈된 기획전*/
+		        <if test="exceptPlanSq != null and exceptPlanSq != ''"> <!-- 제외할이벤트 -->
+		        AND    P.PLAN_SQ != #{exceptPlanSq}
+		        </if>
 		       ) Z
 		ORDER  BY NEW_YN DESC, END_DAYS
 	</select>

src/main/webapp/WEB-INF/views/web/common/fragments/FooterWeb.html

@@ -168,7 +168,7 @@
 			<li>
 				<button type="button" id="quick03" class="quick_btn03" data-tab="quick03">
 					<img src="/images/pc/ico_qk_like.png" alt="위시리스트"/>
-					<span class="count">100</span>
+					<span class="count">0</span>
 				</button>
 			</li>
 			<li>

src/main/webapp/WEB-INF/views/web/mypage/MypageGiftcardFormWeb.html

@@ -123,8 +123,8 @@
 	</div>
 <script th:inline="javascript">
 	let date = [[${date}]];
-	var year = date[0].year;
-	var month = date[0].month;
+	let year = date[0].year;
+	let month = date[0].month;
 
 	//동적으로 날짜 년도 append
 	function appendYear() {
@@ -270,7 +270,7 @@
 				let ownGiftcard = giftcardOwnList[i];
 
 				tmtbHtml2 += '<li>';
-				if (ownGiftcard.rmGfcdAmt == 0) {
+				if (ownGiftcard.rmGfcdAmt == 0 || ownGiftcard.useYn == 'N') {
 					tmtbHtml2 += '<div class="voucher disable">';
 				} else {
 					tmtbHtml2 += '<div class="voucher">';

src/main/webapp/WEB-INF/views/web/planning/PlanningDetailFormWeb.html

@@ -21,37 +21,48 @@
 <div id="container" class="container dp" th:with="frontUrl=${@environment.getProperty('domain.front')}, goodsView=${@environment.getProperty('upload.goods.view')}, planView=${@environment.getProperty('upload.image.view')}">
 		<div class="breadcrumb"> 
 			<ul>
-                <li class="bread_home"><a href="javascript:void(0);"
-						onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
-				<li class="bread_2depth"><a href="javascript:void(0);"
-					onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
+                <li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
+				<li class="bread_2depth" th:if="${planInfo.planGb == 'P'}" ><a href="javascript:void(0);"onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">기획전</a></li>
+				<li class="bread_2depth" th:if="${planInfo.planGb == 'E'}" ><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">이벤트/혜택</a></li>
 				<li class="bread_2depth" th:text="${planInfo.planNm}"></li>
 			</ul> 
 		</div>
 		<div class="wrap">
             <!-- 상단 프로모션 배너 -->
-            <div class="content wide dp_detail_visual">
-                <div class="cont_head">
-                    <div>
-                        <h3 th:text="${planInfo.planNm}"></h4>
-                        <div class="shareSet">
-                            <button class="btn_share" data-name="openShare">공유하기</button>
-                            <!-- toggle contents -->
-                            <div id="layerShare" class="setShare open">
-									<span>
-										<button type="button" class="kk" th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainImg}');|"><span>카카오톡</span></button>
-										<button type="button" class="fb" th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|"><span>페이스북</span></button>
-										<button type="button" class="tw" th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm+ '#style24몰'}', '', '');|"><span>트위터</span></button>
-										<button type="button" class="url btn_copy"><span>URL</span></button>
-									</span>
+				<div class="content wide dp_detail_visual">
+					<div class="cont_head">
+						<div>
+							<h3 th:text="${planInfo.planNm}"></h3>
+							<div class="shareSet">
+								<button class="btn_share" data-name="openShare">공유하기</button>
+								<div class="shareWrap">
+									<div id="layerShare" class="setShare open">
+										<span>
+											<button type="button" class="kk"
+												th:attr="onclick=|cfnSendToKakao('${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '${planView+ '/'+planInfo.mainImg}');|">
+												<span>카카오톡</span>
+											</button>
+											<button type="button" class="fb"
+												th:attr="onclick=|sendSns('facebook', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm}', '', '');|">
+												<span>페이스북</span>
+											</button>
+											<button type="button" class="tw"
+												th:attr="onclick=|sendSns('twitter', '${stylelUrl+'/planning/detail/form?planSq='+planInfo.planSq}', '${planInfo.planNm+ '#style24몰'}', '', '');|">
+												<span>트위터</span>
+											</button>
+											<button type="button" class="url btn_copy">
+												<span>URL</span>
+											</button>
+										</span>
+									</div>
 								</div>
 							</div>
-                        </div>                            
-                    </div>
-                </div>
-                <div class="cont_body">
+						</div>
+					</div>
+				</div>
+				<div class="cont_body" th:if="${fsrcInfoTop != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}">
                     <!-- 프로모션배너 type1 --> 
-                    <div class="promotion_visual type1" th:if="${fsrcInfoTop != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div>
+                    <!-- <div class="promotion_visual type1" th:if="${fsrcInfoTop != null and planInfo.planGb == 'P'}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div> -->
                     <!-- <div class="promotion_visual type2" th:if="${fsrcInfoTop != null}" th:utext="${#strings.replace(#strings.replace(fsrcInfoTop.fsrcPc,'&amplt;','<'),'&ampgt;','>')}"></div> -->           
                     <!-- 프로모션배너 type1 -->                    
                     <!-- 프로모션배너 type2 --> 
@@ -99,7 +110,7 @@
 			</th:block>
             
             <!-- 관련상품 리스트 -->
-			<div class="content sticky_nav_list">
+			<div class="content sticky_nav_list" th:if="${planCornerListLength>0}">
 				<div class="cont_head">
                     <div class="sticky_nav">
                         <ul>    
@@ -152,14 +163,17 @@
                     </div>
                 </div>
 		    </div>
+		  
             <!-- //관련상품 리스트 -->  
 
             <!-- 다른 기획전 보기 -->
-            <div class="content other_dp_slide">
+            <div class="content other_dp_slide" th:if="${listSize > 0}">
                 <div class="cont_head">
                     <div>
-                        <h4>다른 기획전 보기</h4>
-                        <a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
+                        <h4 th:if="${planInfo.planGb == 'P'}">다른 기획전 보기</h4>
+                        <h4 th:if="${planInfo.planGb == 'E'}">다른 이벤트 보기</h4>
+                        <a href="javascript:void(0);" th:if="${planInfo.planGb == 'P'}" onclick="cfnGoToPage(_PAGE_PLANNING_MAIN);">전체보기</a>
+                        <a href="javascript:void(0);" th:if="${planInfo.planGb == 'E'}" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">전체보기</a>
                     </div>
                 </div>
                 <div class="cont_body">
@@ -172,7 +186,6 @@
                                         <img th:src="${@environment.getProperty('upload.image.view')+PlanData.mainImg}" alt="${PlanData.planNm}">
                                     </div>
                                     <div class="txt">
-                                        <!-- <span class="brand">BUCKAROO</span> -->
                                         <p class="tit" th:text="${PlanData.planNm}"></p>
                                     </div>
                                 </a>
@@ -190,6 +203,7 @@
 
 </div>
 <script th:inline="javascript">
+
 let review = [[${reviewInfo}]];
 let coupon = [[${couponInfo}]];
 let plan = [[${planInfo}]];
@@ -202,7 +216,7 @@ let _mall = [[${@environment.getProperty('domain.front')}]];
 let goodsView =[[${@environment.getProperty('upload.goods.view')}]]
 let imgUrl=[[${@environment.getProperty('upload.image.view')}]];
 
-if(review != null || review != ''){
+if(review.length>0){
 	
 	var html = '';
 	
@@ -262,7 +276,7 @@ if(review != null || review != ''){
 	$("#G082_10").append(html);
 }
 
-if(image != null || image != ''){
+if(image.length>0){
 	var html = '';
 	
 	html += '<div class="cont_body">     ';
@@ -286,7 +300,7 @@ if(image != null || image != ''){
 	$("#G082_30").append(html);
 }
 
-if(goods1 != null || goods1 != ''){
+if(goods1.length>0){
 	var array = [];
 
 	for (var j = 0; j < template.length; j++) {
@@ -352,7 +366,7 @@ if(goods1 != null || goods1 != ''){
 	}
 }
 
-if(goods2 != null || goods2 != ''){
+if(goods2.length>0){
 	var array = [];
 
 	for (var j = 0; j < template.length; j++) {
@@ -421,7 +435,7 @@ if(goods2 != null || goods2 != ''){
 	}
 }
 
-if(goods4 != null || goods4 != ''){
+if(goods4.length>0){
 	var array = [];
 
 	for (var j = 0; j < template.length; j++) {
@@ -490,7 +504,7 @@ if(goods4 != null || goods4 != ''){
 	}
 }
 
-if(coupon != null || coupon != ''){
+if(coupon.length>0){
 	var html = '';
 	 
 	html += '<div class="cont_head">';
@@ -599,6 +613,8 @@ var fnPlanCouponCallBack = function(result){
 	// 화면 전환 필요		
 }
 
+// 설문조사
+
 
 
 $(document).ready( function() {

src/main/webapp/WEB-INF/views/web/planning/PlanningEventMainFormWeb.html

@@ -22,7 +22,7 @@
 	<div id="container" class="container ev">
 		<div class="breadcrumb">
 			<ul>
-				<li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
+				<li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li> 
 				<li class="bread_2depth">이벤트/혜택</li>
 			</ul>
 		</div>
@@ -72,6 +72,8 @@
 						</div>
 					</div>
 					<div class="area_thumb_list" id="divEventList" style="display:none;">
+					
+					</div>
 						<!-- 등록된 이벤트가 없을 때 노출 -->
 						<div class="nodata" id="divEventNoData" style="display:none;">
 							<div class="txt_box">
@@ -84,7 +86,6 @@
 							</div>
 						</div>	
 						<!-- //등록된 이벤트가 없을 때 노출 -->
-					</div>
 			    </div>
 		    </div>
         </div>	
@@ -109,30 +110,31 @@ let fnGetEventList = function() {
 					tag += '	<ul>';
 					$.each(result, function(idx, item) {
 						tag += '		<li>';
-						tag += '			<a href="">';
+						tag += '			<a onclick="cfnGoToPlanDetail(\'' + item.planSq + '\')">';
 						if (item.newYn == 'Y') {
 							tag += '				<div class="rank ranker"><span>NEW</span></div>\n';
 						}
-						tag += '				<div class="thumb">';
-						tag += '					<img src="' + _uploadImageUrl + item.mainImg + '" alt="">';
-						tag += '				</div>';
-						tag += '				<div class="txt">';
-						tag += '					<p class="title">'+item.planNm+'</p>';
-						tag += '					<p class="date">';
-						tag += '						<span>'+item.dispStdt+'</span> - <span>'+item.dispEddt+'</span>';
-						tag += '					</p>';
-						tag += '				</div>';
-						tag += '			</a>';
-						tag += '		</li>';
+						tag += '				<div class="thumb">\n';
+						tag += '					<img src="' + _uploadImageUrl + item.mainImg + '" alt="">\n';
+						tag += '				</div>\n';
+						tag += '				<div class="txt">\n';
+						tag += '					<p class="title">'+item.planNm+'</p>\n';
+						tag += '					<p class="date">\n';
+						tag += '						<span>'+item.dispStdt+'</span> - <span>'+item.dispEddt+'</span>\n';
+						tag += '					</p>\n';
+						tag += '				</div>\n';
+						tag += '			</a>\n';
+						tag += '		</li>\n';
 					});
-					tag += '	</ul>	';
-					tag += '</div>';
+					tag += '	</ul>\n	';
+					tag += '</div>\n';
 					
 					$('#divEventList').html(tag);
 					
 					$('#divEventNoData').hide();
 					$('#divEventList').show();
 				} else {
+					$('#eventTotCnt').html('<span>0</span>개의 이벤트');
 					$('#divEventNoData').show();
 					$('#divEventList').hide();
 				}

src/main/webapp/WEB-INF/views/web/planning/PlanningEventPollFormWeb.html

@@ -0,0 +1,217 @@
+<!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  : PlanningEventPollFormWeb.html
+ * @desc    : 이벤트 > 설문조사 Page
+ *============================================================================
+ * Pastelmall
+ * Copyright(C) 2020 TSIT, All rights reserved.
+ *============================================================================
+ * VER  DATE         AUTHOR      DESCRIPTION
+ * ===  ===========  ==========  =============================================
+ * 1.0  2021.4.2  	 sowon     최초 작성
+ *******************************************************************************
+ -->
+ <body>
+<th:block layout:fragment="content">
+<!--  container -->
+	<div id="container" class="container ev">
+		<div class="breadcrumb">
+			<ul>
+				<li class="bread_home"><a href="index.html">홈</a></li>
+				<li class="bread_2depth">이벤트/혜택</li>
+				<li class="bread_2depth">스타일24 사이트 리뉴얼 설문조사 이벤트</li>
+			</ul>
+		</div>
+		<div class="wrap">
+			<div class="content wide survey">
+				<div class="cont_head">
+					<div>
+						<h3>스타일24 사이트 리뉴얼 설문조사 이벤트</h3>
+						<div class="period">
+							<span>2020.12.10</span> ~ <span>2020.12.25</span>
+						</div>
+						<div class="shareSet">
+                            <button class="btn_share" data-name="openShare">공유하기</button>
+                            <!-- toggle contents -->
+                            <div class="shareWrap">
+                                <div id="layerShare" class="setShare open">
+                                    <span>
+                                        <button type="button" onclick="('');" class="kk"><span>카카오톡</span></button>
+                                        <button type="button" onclick="('');" class="fb"><span>페이스북</span></button>
+                                        <button type="button" onclick="('');" class="tw"><span>트위터</span></button>
+                                        <button type="button" onclick="('');" class="url"><span>URL</span></button>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+					</div>
+				</div>
+				<div class="cont_body">
+					<div class="survey_wrap">
+						<div class="survey_con">
+							<form class="form_wrap">
+								<div class="survey_row">
+									<h4><span class="question">Q1.</span>스타일24 사이트에서 많이 이용하는 메뉴는 무엇인가요?</h4>
+									<div class="answer">
+										<div class="form_field">
+											<ul class="clear">
+												<li>
+													<input type="radio" name="radio" id="rdi-1" value="1"><label for="rdi-1"><span>상품 카테고리</span></label>
+												</li>
+												<li>
+													<input type="radio" name="radio" id="rdi-2" value="2"><label for="rdi-2"><span>베스트</span></label>
+												</li>
+												<li>
+													<input type="radio" name="radio" id="rdi-3" value="3"><label for="rdi-3"><span>기획전</span></label>
+												</li>
+												<li>
+													<input type="radio" name="radio" id="rdi-4" value="4"><label for="rdi-4"><span>이벤트</span></label>
+												</li>
+												<li>
+													<input type="radio" name="radio" id="rdi-6" value="6"><label for="rdi-6"><span>핫딜</span></label>
+												</li>
+												<li>
+													<input type="radio" name="radio" id="rdi-7" value="7"><label for="rdi-7"><span>브랜드 사이트</span></label>
+												</li>
+												<li>
+													<input type="radio" name="radio" id="rdi-8" value="8"><label for="rdi-8"><span>통합검색</span></label>
+												</li>
+												<li>
+													<input type="radio" name="radio" id="rdi-9" value="9"><label for="rdi-9"><span>나의 쿠폰</span></label>
+												</li>
+												<li>
+													<input type="radio" name="radio" id="rdi-10" value="10"><label for="rdi-10"><span>없음</span></label>
+												</li>
+												<li>
+													<input type="radio" name="radio" id="rdi-11" value="11" class="etc_radio"><label for="rdi-11"><span>기타</span></label>
+													<input type="text" name="" id="" class="etc_input" disabled/>
+												</li>
+											</ul>
+										</div>
+									</div>
+								</div>
+								<div class="survey_row">
+									<h4><span class="question">Q2.</span>상품을 구매할 때, 가장 많이 고려하는 점은 무엇인가요?</h4>
+									<div class="answer">
+										<div class="form_field">
+											<ul class="clear">
+												<li>
+													<input type="checkbox" id="chk-1"><label for="chk-1"><span>높은 할인율</span></label>
+												</li>
+												<li>
+													<input type="checkbox" id="chk-2"><label for="chk-2"><span>저렴한 가격</span></label>
+												</li>
+												<li>
+													<input type="checkbox" id="chk-3"><label for="chk-3"><span>상세한 상품 정보</span></label>
+												</li>
+												<li>
+													<input type="checkbox" id="chk-4"><label for="chk-4"><span>편리한 결제</span></label>
+												</li>
+												<li>
+													<input type="checkbox" id="chk-5"><label for="chk-5"><span>많은 리뷰 수</span></label>
+												</li>
+												<li>
+													<input type="checkbox" id="chk-6"><label for="chk-6"><span>포토 리뷰</span></label>
+												</li>
+												<li>
+													<input type="checkbox" id="chk-7"><label for="chk-7"><span>사은품 증정 여부</span></label>
+												</li>
+												<li>
+													<input type="checkbox" id="chk-8"><label for="chk-8"><span>다양한 컬러</span></label>
+												</li>
+												<li>
+													<input type="checkbox" id="chk-9"><label for="chk-9"><span>쿠폰 적용 여부</span></label>
+												</li>
+												<li>
+													<input type="checkbox" id="chk-10"><label for="chk-10"><span>당일 배송 상품 유무</span></label>
+												</li>
+											</ul>
+										</div>
+									</div>
+								</div>
+								<div class="survey_row">
+									<h4><span class="question">Q3.</span>달라진 스타일24 홈페이지에 대한 고객님의 생각을 적어주세요. 마음에 드는 점 또는 불편한 점 등 자유롭게 기재해주시면 됩니다.</h4>
+									<div class="answer">
+										<div class="form_field">
+											<div class="input_wrap">
+												<textarea class="doc_ans" name="" id="" placeholder="1,000자 이내로 입력해 주세요." style="resize: none;"></textarea>
+												<p class="txt_cnt">
+													<span id="ans_cnt" class="ans_cnt">(<em class="c_primary">0</em>/1000자)</span>
+												</p>
+											</div> 
+										</div>
+									</div>
+								</div>
+								<div class="survey_row q4">
+									<h4><span class="question">Q4.</span>스타일24에서 가장 유용한 서비스는 무엇인가요? 마음에 드는 점 또는 불편한 점 등 자유롭게 기재해주시면 됩니다.</h4>
+									<div class="answer">
+										<div class="form_field">
+											<div class="input_wrap">
+												<input type="text" class="form_control" name="" id="" />
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="btn_wrap">
+									<button type="submit" class="btn btn_dark">응답 완료</button>
+								</div>
+							</form>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- // container -->	
+
+<script th:inline="javascript">
+$(document).ready( function() {
+	
+	//SNS 공유 버튼 토글 
+	$("button[data-name=openShare]").on("click", function(){
+		$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
+		return false;
+	});
+	
+	//영역밖 클릭으로 SNS 공유토글 닫기
+	$("body").on('click', function(e) { 
+		if(!$(".shareWrap.on").parent().has(e.target).length) {
+			$("button[data-name=openShare]").removeClass("on");
+			$(".shareWrap").removeClass("on");
+		};
+	});   		
+
+	//글자 수 카운트
+	$('.doc_ans').keyup(function (e){
+		var content = $(this).val();
+		$('#ans_cnt').html("(<em class='c_primary'>"+content.length+"</em>/1000자)");  
+		if (content.length > 1000){
+			alert("최대 1000자까지 입력 가능합니다.");
+			$(this).val(content.substring(0, 1000));
+			$('#ans_cnt').html("(<em class='c_primary'>1000</em>/1000자)");
+		}
+	});
+
+
+	$('.ev .survey_wrap .survey_con .survey_row input[type="radio"]').change(function(){
+		if ($('.etc_radio').is(':checked')) {
+			$('.etc_input').removeAttr('disabled');
+		} else {
+			$('.etc_input').attr('disabled', true);
+		}   
+	});		
+
+});
+
+
+</script>
+
+</th:block>
+
+</body>
+</html>

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

@@ -1623,7 +1623,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.contactUs .ui_row.nodata {border-top:none;}
 	.contactUs .fold_cont .img_group .thumb_pic {background:#fff;}
 	.contactUs .fold_cont .img_group .thumb_pic img{position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:auto; max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
-
+	
 	/* cs_contactUs_my */
 	.cs .contactUs_my {}
 	.contactUs_my .blt_dot {position:relative; padding-left:10px}
@@ -3134,7 +3134,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	[class*="pd_descrp"] .btn_more_box .btn.active span::after {transform:rotate(-90deg);}
 	[class*="pd_descrp"] .btn_more_box .btn .ico {margin-left:20px; margin-right:0;}
 
-	.pd_relate {padding-left:70px !important; padding-right:70px !important;}
+	.pd_relate {padding-left:70px !important; padding-right:70px !important;} 
 	.pd_brand {padding-left:70px !important; padding-right:70px !important;}
 	.pd_clickother {padding-left:70px !important; padding-right:70px !important;}
 
@@ -4476,7 +4476,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.ev .btn_wrap {margin-top:60px; margin-bottom:0; text-align:center;}
 	.ev .btn_wrap .btn {min-width:220px; height:60px; font-size:18px; font-weight:300; line-height:normal;}
 	.ev .btn_wrap .btn.go_next span {display:inline-block; padding-right:20px; background:url('/images/pc/ico_bread_root_w.png') no-repeat 100% 50%;}
-
+	
 	.ev .form_field input[type="radio"] + label,
 	.ev .form_field input[type="checkbox"] + label {padding-left:30px; color:#222; font-size:16px; font-weight:200; line-height:1;}
 	.ev .form_field input[type="radio"] + label:before,
@@ -4551,7 +4551,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.ev .renew {}
 	.renew .announce_txt {margin-top:80px; padding-top:60px;}
 	.renew .announce_txt:before {content:''; position:absolute; top:0; left:-190px; right:-190px; height: 1px; background: #ddd;}
-
+	
 	/* ev_renew 설문조사 참여이벤트 write */
 	.ev .survey {margin-bottom:-160px}
 	.survey .input_wrap {width:100%;}
@@ -4568,7 +4568,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.survey .survey_wrap .survey_con .survey_row .answer ul {margin-top:-30px; margin-right:-60px}
 	.survey .survey_wrap .survey_con .survey_row .answer ul li {float:left; position:relative; margin-top:30px; margin-right:48px;}
 	.survey .survey_wrap .survey_con .survey_row .answer input[type='text'].etc_input {margin-left:20px; width:300px !important; max-width:300px !important; height:52px;}
-	.survey .survey_wrap .survey_con .btn_wrap {margin-top:20px}
+	.survey .survey_wrap .survey_con .btn_wrap {margin-top:20px} 
 
 
 
@@ -4674,22 +4674,43 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.cmt_wrap .pageNav > li > span {background-color:transparent;}
 	.cmt_wrap .paging_wrap {margin-top: 50px; margin-bottom: 0; box-sizing:content-box;}
 
-	/* ev 다른 이벤트 보기 슬라이드 */
-	.ev .other_ev_slide {position: relative; margin:150px auto 0 !important; padding:0 140px;}
-	.ev .other_ev_slide .tit {position: relative; margin-bottom: 60px; text-align: center;}
-	.ev .other_ev_slide .tit h4 {font-size: 30px; font-weight: 500;}
-	.ev .other_ev_slide .tit a {position: absolute; top: 50%; right: 0; transform:translateY(-50%); padding-right: 20px; background: url(/images/pc/ico_more_lg.png) no-repeat right top 1px; font-size: 18px; color:#888;}
-	.ev .other_ev_slide .cont_body {position:relative;}
-	.ev .other_ev_slide .swiper-slide img {width: 100%; height:auto;}
-	.ev .other_ev_slide .swiper-slide .txt {}
-	.ev .other_ev_slide .swiper-slide .txt .subject {margin:20px 0 0; padding:0 7px; font-size: 18px; line-height: 1.5; font-weight: 300; color:#222; min-height:55px; max-height:55px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; word-break: keep-all;}
-	.ev .other_ev_slide .swiper-button-next:after, 
-	.ev .other_ev_slide .swiper-button-prev:after {content:'';}
-	.ev .other_ev_slide .swiper-button-next {background: url('/images/pc/slide_next.png') no-repeat center; right:-70px; opacity:0.6;}
-	.ev .other_ev_slide .swiper-button-prev {background: url('/images/pc/slide_prev.png') no-repeat center; left:-70px; opacity:0.6;}
-
-
-
+	/* popup_고객등록 이미지 팝업1 */
+	.modal.contact_img_pop {width:700px; height:700px; max-width:none; max-height:none; padding:0px; box-sizing:border-box;}
+	.modal.contact_img_pop a.close-modal {right:0; top:-60px; background-image:url('/images/pc/ico_pop_cls02.png');}
+	.modal.contact_img_pop .modal-body .pop_cont {max-height:none;}
+	.modal.contact_img_pop .swiper-slide {}
+	.modal.contact_img_pop .swiper-slide .pop_img {position:relative; width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
+	.modal.contact_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:30px; width:100%; text-align:center;}
+	.modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
+	.modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
+	.modal.contact_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;} 
+	.modal.contact_img_pop .swiper-button-prev::after,
+	.modal.contact_img_pop .swiper-button-next::after {content: '';}
+	.modal.contact_img_pop .swiper-button-prev,
+	.modal.contact_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
+	.modal.contact_img_pop .swiper-button-prev {left:-70px;}
+	.modal.contact_img_pop .swiper-button-next {right:-70px;}
+	.modal.contact_img_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
+	.modal.contact_img_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
+
+	/* popup_고객등록 이미지 팝업2 */
+	.modal.thumb_img_pop {width:700px; height:700px; max-width:none; max-height:none; padding:0px; box-sizing:border-box;}
+	.modal.thumb_img_pop a.close-modal {right:0; top:-60px; background-image:url('/images/pc/ico_pop_cls02.png');}
+	.modal.thumb_img_pop .modal-body .pop_cont {max-height:none;}
+	.modal.thumb_img_pop .swiper-slide {}
+	.modal.thumb_img_pop .swiper-slide .pop_img {position:relative; width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
+	.modal.thumb_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:30px; width:100%; text-align:center;}
+	.modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
+	.modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
+	.modal.thumb_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;} 
+	.modal.thumb_img_pop .swiper-button-prev::after,
+	.modal.thumb_img_pop .swiper-button-next::after {content: '';}
+	.modal.thumb_img_pop .swiper-button-prev,
+	.modal.thumb_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
+	.modal.thumb_img_pop .swiper-button-prev {left:-70px;}
+	.modal.thumb_img_pop .swiper-button-next {right:-70px;}
+	.modal.thumb_img_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
+	.modal.thumb_img_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
 
 	/* 이용약관,개인정보취급방침 */
 	.ps .cont_head > div h3{text-align: center;margin-bottom: 0;padding-bottom: 60px;font-size: 40px;line-height: 1;}

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

@@ -66,6 +66,7 @@
 
 
 /* main */
+.container.main .wrap {position:relative; width:100%; min-width:auto; max-width:none; padding-left:0px; padding-right:0px;}
 .main {}
 .main .dpnone {display:none;}
 .main .swiper-pagination {margin:0; position:relative;}

src/main/webapp/ux/style24_link.js

@@ -87,6 +87,7 @@ const _PAGE_SOCIAL_MAIN = _frontUrl + "/social/main/form";						// 소설(핫딜
 
 //== 이벤트 ==/
 const _PAGE_EVENT_MAIN = _frontUrl + "/planning/event/main/form"; 					// 이벤트 메인
+const _PAGE_EVENT_POLL = _frontUrl + "/planning/event/poll/form"; 					// 이벤트 > 설문조사
 
 //== 고객센터 ==/
 const _PAGE_FAQ = _frontUrl + "/callcenter/faq/form";									// 고객센터 > FAQ