Merge branch 'sowon' into develop

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

@@ -180,6 +180,7 @@
 		                         AND    DISP_YN = 'Y' /*전시하는브랜드기획전*/
 		                        )
 		    </if>
+	
 		    AND    NOW() BETWEEN PD.DISP_STDT AND PD.DISP_EDDT
 		    AND    PD.DISP_YN = 'Y' /*전시하는코너*/
 		    AND    PG.DEL_YN = 'N' /*삭제안된상품*/
@@ -202,36 +203,131 @@
 		    AND    (GI.DEFAULT_IMG_YN = 'Y' OR GI.MOUSEOVER_IMG_YN = 'Y')
 		    GROUP  BY PG.GOODS_CD
 		)
-		SELECT PG.PLAN_SQ
-		     , PG.CORNER_NM
-		     , PG.DISP_ORD
-		     , PG.BRAND_GROUP_NM
-		     , PG.GOODS_CD
-		     , FN_GET_GOODS_NM(PG.GOODS_NM,PG.GOODS_GB,PG.FOREIGN_BUY_YN,PG.PARALLEL_IMPORT_YN,PG.ORDER_MADE_YN) AS GOODS_FULL_NM /*상품FULL명*/
-		     , PG.GOODS_NM
-		     , PG.GOODS_TNM
-		     , PG.MAIN_COLOR_CD
-		     , PG.LIST_PRICE
+	  , TAB_PLAN_GOODS2 AS (                                                                                                                            
+		    SELECT P.PLAN_SQ                                                /*기획전번호*/                                                                  
+		         , PC.LINK_URL 
+		         , PC.LINK_OPEN_GB
+		         , PC.DISP_ORD 
+		         , PC.TITLE 
+		         , PC.TMPL_TYPE 
+		         , PC.PLAN_CONT_SQ 		         
+		         , PCI.ITEM_VAL 
+		         , PCI.REVIEW_DISP_EDDT 
+		         , PCI.REVIEW_DISP_STDT 
+		         , CASE WHEN BG.DISP_NM_LANG = 'EN' THEN
+		                    BG.BRAND_GROUP_ENM
+		                ELSE
+		                    BG.BRAND_GROUP_KNM
+		           END                                    AS BRAND_GROUP_NM /*브랜드그룹명*/
+		         , G.GOODS_CD                                               /*상품코드*/
+		         , G.GOODS_NM                                               /*상품명*/
+		         , G.GOODS_GB                                               /*상품구분*/
+		         , G.FOREIGN_BUY_YN                                         /*해외구매대행여부*/
+		         , G.PARALLEL_IMPORT_YN                                     /*병행수입여부*/
+		         , G.ORDER_MADE_YN                                          /*주문제작여부*/
+		         , G.GOODS_TNM                                              /*상품타이틀명*/
+		         , G.MAIN_COLOR_CD                                          /*대표색상코드*/
+		         , G.LIST_PRICE                                             /*정상가(최초판매가)*/
+		         , G.CURR_PRICE                                             /*현재판매가*/
+		         , RANK() OVER(PARTITION BY P.PLAN_SQ
+		                       ORDER BY PC.DISP_ORD
+		                              , G.GOODS_CD)      AS NUMB
+		    FROM   TB_PLAN P
+		    	 , TB_PLAN_CONTENTS PC
+		    	 , TB_PLAN_CONTENTS_ITEM PCI
+		         , TB_GOODS G
+		         , TB_GOODS_STOCK GS
+		         , TB_BRAND B
+		         , TB_BRAND_GROUP BG
+		    WHERE  P.PLAN_SQ = PC.PLAN_SQ
+		    AND    PC.PLAN_CONT_SQ = PCI.PLAN_CONT_SQ
+		    AND    PCI.ITEM_VAL = G.GOODS_CD
+		    AND    G.GOODS_CD = GS.GOODS_CD
+		    AND    G.BRAND_CD = B.BRAND_CD
+		    AND    B.BRAND_GROUP_NO = BG.BRAND_GROUP_NO
+		    AND    P.PLAN_SQ =  #{planSq}
+		    AND    P.PLAN_GB = 'P' /*기획전*/
+		    AND    P.SITE_CD =  #{siteCd} /**P*/
+		    <if test="frontGb != null and frontGb != ''">
+		    AND    P.FRONT_GB LIKE CONCAT('%',#{frontGb},'%')
+		    </if>
+		    AND    NOW() BETWEEN P.DISP_STDT AND P.DISP_EDDT
+		    AND    P.DEL_YN = 'N' /*삭제안된 기획전*/
+		    AND    P.OPEN_YN = 'Y' /*오픈된 기획전*/
+		    AND    PC.TMPL_TYPE IN ('G082_50','G082_51','G082_52')
+		    AND    PC.DISP_YN = 'Y' /*전시하는템플릿*/
+		    AND    G.GOODS_STAT = 'G008_90' /*승인완료상품*/
+		    AND    G.SELF_MALL_YN = 'Y'   /*몰노출상품*/
+		    AND    GS.STOCK_QTY  <![CDATA[>]]>  0 /*재고있는상품*/
+		    AND    B.USE_YN = 'Y'
+		    AND    BG.USE_YN = 'Y'
+		    AND    NOW() BETWEEN G.SELL_STDT AND G.SELL_EDDT
+		), TAB_GOODS_IMG2 AS (
+		    /* 상품의 이미지 */
+		    SELECT PG.GOODS_CD
+		         , MAX(CASE WHEN GI.DEFAULT_IMG_YN = 'Y' THEN GI.SYS_IMG_NM ELSE NULL END)   AS SYS_IMG_NM
+		         , MAX(CASE WHEN GI.MOUSEOVER_IMG_YN = 'Y' THEN GI.SYS_IMG_NM ELSE NULL END) AS SYS_IMG_NM2
+		    FROM   TAB_PLAN_GOODS2 PG
+		         , TB_GOODS_IMG GI
+		    WHERE  PG.GOODS_CD = GI.GOODS_CD
+		    AND    PG.MAIN_COLOR_CD = GI.COLOR_CD
+		    AND    (GI.DEFAULT_IMG_YN = 'Y' OR GI.MOUSEOVER_IMG_YN = 'Y')
+		    GROUP  BY PG.GOODS_CD
+		)
+	   SELECT PG.PLAN_SQ																																	
+		   --  , PG.CORNER_NM                                                                                                                               
+		     , PG.DISP_ORD                                                                                                                                  
+		     , PG.BRAND_GROUP_NM                                                                                                                            
+		     , PG.GOODS_CD                                                                                                                                  
+		     , FN_GET_GOODS_NM(PG.GOODS_NM,PG.GOODS_GB,PG.FOREIGN_BUY_YN,PG.PARALLEL_IMPORT_YN,PG.ORDER_MADE_YN) AS GOODS_FULL_NM /*상품FULL명*/  
 		     , FN_GET_BENEFIT_PRICE(#{frontGb},PG.GOODS_CD,PG.CURR_PRICE,#{custGb})                              AS CURR_PRICE    /*현재판매가*/
-		     , GI.SYS_IMG_NM
-		     , GI.SYS_IMG_NM2
+		     , PG.GOODS_NM                                                                                                                                  
+		     , PG.GOODS_TNM                                                                                                                                 
+		     , PG.MAIN_COLOR_CD                                                                                                                             
+		     , PG.LIST_PRICE                                                                                                                                
+		     , GI.SYS_IMG_NM                                                                                                                                
+		     , GI.SYS_IMG_NM2 
 		     <choose>
 		         <when test="custNo != null and custNo > 0"> <!-- 로그인 했으면 -->
-		     , IF(W.GOODS_CD IS NULL,'','likeit')                                                                AS LIKE_IT       /*위시리스트담긴상품*/
+		         , IF(W.GOODS_CD IS NULL,'','likeit')                                                                AS LIKE_IT       /*위시리스트담긴상품*/
 		         </when>
 		         <otherwise>
-		     , ''                                                                                                AS LIKE_IT       /*위시리스트담긴상품*/
-		         </otherwise>
-		     </choose>
-		     
-		FROM   TAB_PLAN_GOODS PG
-		INNER JOIN TAB_GOODS_IMG GI ON PG.GOODS_CD = GI.GOODS_CD
+		         , ''                                                                                                AS LIKE_IT       /*위시리스트담긴상품*/
+		        </otherwise>
+		   </choose>                       
+		FROM   TAB_PLAN_GOODS2 PG
+		INNER JOIN TAB_GOODS_IMG2 GI ON PG.GOODS_CD = GI.GOODS_CD
+		WHERE  (SELECT COUNT(*) FROM TAB_PLAN_GOODS) = 0
+		AND PG.NUMB <![CDATA[<=]]> #{maxRow}
+		UNION ALL 
+		   SELECT PG.PLAN_SQ																																	
+		        , PG.DISP_ORD                                                                                                                                  
+		        , PG.BRAND_GROUP_NM                                                                                                                            
+		        , PG.GOODS_CD                                                                                                                                  
+		        , FN_GET_GOODS_NM(PG.GOODS_NM,PG.GOODS_GB,PG.FOREIGN_BUY_YN,PG.PARALLEL_IMPORT_YN,PG.ORDER_MADE_YN) AS GOODS_FULL_NM /*상품FULL명*/       
+		        , FN_GET_BENEFIT_PRICE(#{frontGb},PG.GOODS_CD,PG.CURR_PRICE,#{custGb})                              AS CURR_PRICE    /*현재판매가*/
+		        , PG.GOODS_NM                                                                                                                                  
+		        , PG.GOODS_TNM                                                                                                                                 
+		        , PG.MAIN_COLOR_CD                                                                                                                             
+		        , PG.LIST_PRICE                                                                                                                                
+		        , GI.SYS_IMG_NM                                                                                                                                
+		        , GI.SYS_IMG_NM2 
+		        <choose>
+		            <when test="custNo != null and custNo > 0"> <!-- 로그인 했으면 -->
+		            , IF(W.GOODS_CD IS NULL,'','likeit')                                                                AS LIKE_IT       /*위시리스트담긴상품*/
+		            </when>
+		            <otherwise>
+		            , ''                                                                                                AS LIKE_IT       /*위시리스트담긴상품*/
+		            </otherwise>
+		        </choose>
+		FROM   TAB_PLAN_GOODS PG 
+		INNER JOIN TAB_GOODS_IMG GI ON PG.GOODS_CD = GI.GOODS_CD 
 		<if test="custNo != null and custNo > 0"> <!-- 로그인 했으면 -->
 		LEFT OUTER JOIN TB_WISHLIST W ON PG.GOODS_CD = W.GOODS_CD
 		                             AND W.CUST_NO = #{custNo}
 		</if>
 		<if test="maxRow != null and maxRow > 0">
-		WHERE  PG.NUMB <![CDATA[<=]]> #{maxRow}
+		WHERE PG.NUMB <![CDATA[<=]]> #{maxRow}
 		</if>
 	</select>
 	
@@ -786,7 +882,7 @@
 		     , FN_GET_BENEFIT_PRICE(#{frontGb},PG.GOODS_CD,PG.CURR_PRICE,#{custGb})                     AS CURR_PRICE    /*현재판매가*/
 		     , GI.SYS_IMG_NM
 		     , GI.SYS_IMG_NM2
-			FROM   TAB_PLAN_GOODS PG
+		FROM   TAB_PLAN_GOODS PG
 		INNER JOIN TAB_GOODS_IMG GI ON PG.GOODS_CD = GI.GOODS_CD
 		)Z
 	</select>
@@ -960,7 +1056,7 @@
 		      ,TP.POLL_CONTENT 
 		FROM TB_PLAN P INNER JOIN TB_POLL TP ON P.POLL_SQ = TP.POLL_SQ 
 		WHERE 1=1
-		  AND P.PLAN_SQ = 18
+		  AND P.PLAN_SQ = #{planSq}
 		  AND P.SITE_CD = #{siteCd}
 		  AND P.OPEN_YN ='Y'
 		  AND P.DEL_YN ='N'

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

@@ -68,7 +68,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval1 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-1-'+${pollData.pollQsq}" th:value="${pollData.pollQval1}" class="etc_radio"><label th:for="'rdi-1-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval1}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 														<li th:if="${pollData.pollQval2 != null && pollData.pollQval2 != ''}">
@@ -77,7 +77,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval2 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-2-'+${pollData.pollQsq}" th:value="${pollData.pollQval2}" class="etc_radio"><label th:for="'rdi-2-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval2}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 														<li th:if="${pollData.pollQval3 != null && pollData.pollQval3 != ''}">
@@ -86,7 +86,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval3 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-3-'+${pollData.pollQsq}" th:value="${pollData.pollQval3}" class="etc_radio"><label th:for="'rdi-3-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval3}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 														<li th:if="${pollData.pollQval4 != null && pollData.pollQval4 != ''}">
@@ -95,7 +95,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval4 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-4-'+${pollData.pollQsq}" th:value="${pollData.pollQval4}" class="etc_radio"><label th:for="'rdi-4-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval4}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 														<li th:if="${pollData.pollQval5 != null && pollData.pollQval5 != ''}">
@@ -104,7 +104,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval5 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-5-'+${pollData.pollQsq}" th:value="${pollData.pollQval5}" class="etc_radio"><label th:for="'rdi-5-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval5}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 														<li th:if="${pollData.pollQval6 != null && pollData.pollQval6 != ''}">
@@ -113,7 +113,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval6 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-6-'+${pollData.pollQsq}" th:value="${pollData.pollQval6}" class="etc_radio"><label th:for="'rdi-6-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval6}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 														<li th:if="${pollData.pollQval7 != null && pollData.pollQval7 != ''}">
@@ -122,7 +122,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval7 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-7-'+${pollData.pollQsq}" th:value="${pollData.pollQval7}" class="etc_radio"><label th:for="'rdi-7-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval7}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 														<li th:if="${pollData.pollQval8 != null && pollData.pollQval8 != ''}">
@@ -131,7 +131,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval8 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-8-'+${pollData.pollQsq}" th:value="${pollData.pollQval8}" class="etc_radio"><label th:for="'rdi-8-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval8}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 														<li th:if="${pollData.pollQval9 != null && pollData.pollQval9 != ''}">
@@ -140,7 +140,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval9 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-9-'+${pollData.pollQsq}" th:value="${pollData.pollQval9}"class="etc_radio"><label th:for="'rdi-9-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval9}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 														<li th:if="${pollData.pollQval10 != null && pollData.pollQval10 != ''}">
@@ -149,7 +149,7 @@
 															</th:block>
 															<th:block th:unless="${pollData.pollQval10 != '기타'}">
 																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-10-'+${pollData.pollQsq}" th:value="${pollData.pollQval10}" class="etc_radio"><label th:for="'rdi-10-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval10}"></span></label>
-																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" disabled/>
+																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" class="etc_input" />
 															</th:block>
 														</li>
 													</ul>
@@ -339,12 +339,13 @@ $(document).ready( function() {
 
 	$('.ev .survey_wrap .survey_con .survey_row input[type="radio"]').change(function(){
 		if ($('.etc_radio').is(':checked')) {
-			$('.etc_input').removeAttr('disabled');
+			// $('.etc_input').removeAttr('disabled');
+			$('.etc_input').css({'visibility': 'visible'}); 
 		} else {
-			$('.etc_input').attr('disabled', true);
+			// $('.etc_input').attr('disabled', true);
+			$('.etc_input').css({'visibility': 'hidden'}); 
 		}   
 	});		
-
 });
 
 

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

@@ -432,7 +432,7 @@ background-color: #fe970a;border-color: #fe970a;color:#ffffff;
 .ico_blank::before {content: ""; width:13px; height:13px; background-image: url('/images/pc/ico_blank.png');}
 .ico_ft_arrow_r:before {content: ""; width:11px; height:11px; background-image: url('/images/pc/ico_ft_arrow.png');}
 .ico_ft_arrow_b:before {content: ""; width:11px; height:11px; background-image: url('/images/pc/ico_ft_arrow.png'); transform: rotate(90deg);}
-.ico_ft_arrow_t:before {content: ""; width:11px; height:11px; background-image: url('/images/pc/ico_ft_arrow.png'); transform: rotate(-90deg);}
+.ico_ft_arrow_t:before {content: ""; width:11px; height:11px; background-image: url('/images/pc/ico_ft_arrow.png'); transform: rotate(-90deg);background-position: 5px;}
 .ico_kcl::before {content: ""; width:32px; height:50px; background-image: url('/images/pc/ico_kcl.png');}
 .ico_picker::before {content: ""; width:40px; height:40px; background:url(/images/pc/ico_picker.png) no-repeat 50% 50%;}
 .ico_trash::before {content: ""; width:13px; height:16px; background:url(/images/pc/ico_trash.png) no-repeat 50% 50%;}
@@ -687,7 +687,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .fold_head .fold_tit {position:relative; padding-left:30px;}
 .fold_head .fold_tit span {display: block; position: relative; width: 100%; height: auto; font-size:20px; font-weight:300; color: #222; line-height: 1.2; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: justify; letter-spacing:-0.025em;}
 .fold_head .fold_state {width:170px; box-sizing: border-box; text-align: center; font-weight: 300; color:#888; line-height:1;}
-.fold_head .fold_state .important {display:inline-block; position:relative; background-color: #fd4802; color:#fff; font-size:11px; font-weight:300;font-family: 'dotum'; width: 55px; height: 22px;}
+.fold_head .fold_state .important {display:inline-block; position:relative; background-color: #fd4802; color:#fff; font-size:11px; font-weight:300;line-height:22px; width: 55px; height: 22px;}
 .fold_head .fold_state.fix {color:#222;}
 .fold_head .fold_state.done {color:#222}
 .fold_head .fold_state.doing {color:#888}
@@ -797,7 +797,10 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemLink {position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
 .itemPic {position: relative;width: 100%;margin-bottom:20px;padding-top: 150%;font-size: 0px;overflow: hidden;background: #ffffff;}
 .itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
-.itemPic .pd_img {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
+.itemPic .pd_img,
+.itemPic .pd_mov {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
+.itemPic .pd_mov {z-index: 3;height: 100%;}
+.itemPic .pd_img {z-index: 2;transition: 0.5s;}
 /* .itemPic .pd_img {position: absolute;width: 100%;width: auto; height: auto;max-height: 500px;top: 50%;left: 50%;transform: translate(-50%,-50%);} */
 .itemBrand {margin: 0px 5px 12px;line-height: 12px;font-size: 12px;font-weight: 300;color: rgb(137, 137, 137);height:12px;}
 .itemComment{margin:20px 5px 0px;line-height: 1; font-size: 14px;font-weight: 300;color: #fd4802;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@@ -860,7 +863,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
     height: 40px;width: 0;padding: 0px 0px 0px 0px;
 }
 .shape span{
-    color: #ffffff; text-align:center; text-indent: 10px;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;z-index: 2;
+    color: #ffffff; text-align:center; text-indent: 10px;font-size: 14px;font-weight: 300;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;z-index: 2;
     /* line-height: 1; */
     /* letter-spacing: -25em; */
     /* display: -webkit-box; */
@@ -1035,11 +1038,11 @@ input[type="file"] {
   transform: translate(-50%, -50%);cursor: pointer;
 }
 .removes {
-  display: block;width: 30px;height: 30px;font-size: 0;text-align: center;cursor: pointer;background-color: #666666;
+  display: block;width: 21px;height: 21px;font-size: 0;text-align: center;cursor: pointer;background-color: #666666;
   position: absolute;top: 0;bottom: auto;left: auto;right: 0;
 }
 .removes::after {
-  content: '';display: inline-block;width: 30px;height: 30px;
+  content: '';display: inline-block;width: 21px;height: 21px;
   background: url('/images/pc/ico_btn_cls1.png') no-repeat;background-position: 50% 50%;
 }
 

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

@@ -183,24 +183,24 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 
 /* common_search */
-.common_search {display:none; position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#fff; z-index:200; }
+.common_search {display:none; position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#fff; z-index:200; overflow-y: auto;}
 .common_search.active {display:block;}
 .common_search div::after,
 .common_search ul::after {content:''; clear:both; display:block;}
-.common_search .btn_close_search {position:fixed; right:50px; top:50px; width:30px; height:30px; text-indent:-9999px; overflow:hidden; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
-.common_search .cont_search {position:relative; width:830px; top:50%; transform:translateY(-50%); margin:auto; }
+.common_search .btn_close_search {position:absolute; right:50px; top:50px; width:30px; height:30px; text-indent:-9999px; overflow:hidden; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
+.common_search .cont_search {/*position:relative;*/ width:830px; /*top:50%;*/ /*transform:translateY(-50%);*/ margin:0 auto; padding:100px 0;}
 .common_search .cont_search .area_input {border-bottom:2px solid #222;}
 .common_search .cont_search .area_input input[type='text'] {width:calc(100% - 30px); height:54px; border:none; color:#222; font-size:30px; padding-left:0;}
 .common_search .cont_search .area_input .ico_search:before {width:26px; height:26px; background-image:url('/images/pc/ico_search_faq.png');}
 .common_search .cont_search .area_result {}
-.common_search .cont_search .area_result .empty_box {margin-top:80px;}
+.common_search .cont_search .area_result .empty_box {display: block; margin-top:80px;}
 .common_search .empty_box .nodata {color:#666; font-size:16px; font-weight:300; line-height:26px; text-align:center;}
 .common_search .empty_box .nodata::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
-.common_search .empty_box .nodata .keyword {color:#fd4802; font-weight:500;}
-.common_search .empty_box .pd_list.recommend {margin-top:120px}
+.common_search .empty_box .nodata .keyword {font-weight: 300;}
+.common_search .empty_box .pd_list.recommend {margin-top:40px}
 .common_search .pd_list {float:left; width:100%;}
 .common_search .pd_list h3 {color:#222; font-size:20px; font-weight:500;}
-.common_search .pd_list .itemsGrp {margin:30px -10px 0;}
+.common_search .pd_list .itemsGrp {margin:24px 0 0;}
 .common_search .pd_list .itemsGrp .item_prod {width:calc(100% / 5);}
 
 .common_search .cont_search .area_result .default_box {margin-top:30px;}
@@ -220,22 +220,39 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .common_search .default_box .recent_blk ul li {padding-right:18px;}
 .common_search .default_box .recent_blk ul li .btn_delete {position:absolute; right:0; top:0; width:9px; height:9px; font-size:1px; text-indent:-9999px; overflow:hidden; background:url('/images/pc/ico_close1.png') no-repeat 50% 50%; background-size:100% auto;}
 .common_search .default_box .popular_blk ul li a::before {content:'#';}
-.common_search .default_box .realtime_blk {width:100%; margin-top:50px; margin-right:0px; padding-top:50px; padding-bottom:50px;}
+.common_search .default_box .realtime_blk {width:100%; margin-top:50px; margin-right:0px; padding-top:50px; padding-bottom:0;}
 .common_search .default_box .realtime_blk::before {content:''; display: none; position:absolute; left:50%; top:0; bottom:-30px; width:3000px; transform:translateX(-50%); background:#f5f5f5; z-index:-1;}
 .common_search .default_box .realtime_blk .modify_timer {position:absolute; right:0; top:50px;}
 .common_search .default_box .realtime_blk .modify_timer button {color:#888; font-weight: 300; padding-right: 20px; }
 .common_search .default_box .realtime_blk .modify_timer button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
-.common_search .realtime_wrap .item_prod .itemName {color:#000; margin:0 0 15px;}
+.common_search .realtime_wrap {margin:0 -10px;}
+/* .common_search .realtime_wrap .item_prod .itemPic {padding-top: 135%;} */
+.common_search .realtime_wrap .item_prod .itemName {color:#000; margin:0 0 15px; font-weight: 300;}
 .common_search .realtime_wrap .item_prod .viewCount {display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
+.common_search .realtime_wrap .item_prod .item_state {padding-bottom: 0;}
 
 .common_search .cont_search .area_result .searching_box {margin-top:30px;}
 .common_search .cont_search .area_result .searching_box h3 {margin-bottom:24px; color:#222; font-size:18px; font-weight:500}
-.common_search .cont_search .area_result .searching_box .find_brand h3 {border-bottom: 1px solid #ddd;}
+.common_search .cont_search .area_result .searching_box .find_brand h3 {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
+.common_search .cont_search .area_result .searching_box .find_brand h3 a {display: inline-block; padding-right: 20px; color:#222; background:url(/images/pc/ico_dp_arrow.png) no-repeat right 0 top 2px; background-size:7px 13px;}
+
+.common_search .cont_search .area_result .searching_box .find_category li {position: relative; margin-top: 14px; padding:4px 0; padding-left: 67px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
+.common_search .cont_search .area_result .searching_box .find_category li:first-child {margin-top: 0;}
+.common_search .cont_search .area_result .searching_box .find_category li .category_txt {position: absolute; left: 0; top: 0; padding:5px 8px; background: #f5f5f5; vertical-align: middle; font-size: 11px; color:#666;}
+.common_search .cont_search .area_result .searching_box .find_category li a {width: 100%; font-size: 0;}
+.common_search .cont_search .area_result .searching_box .find_category li a:after {content:''; display: block; clear:both;}
+.common_search .cont_search .area_result .searching_box .find_category li a span {position: relative; font-size: 14px; color:#888; padding-right: 30px; vertical-align: middle;}
+.common_search .cont_search .area_result .searching_box .find_category li a span:after {content:''; background: url(/images/pc/ico_bread_root.png) no-repeat center/100%; position: absolute; top: 1px; right: 11px; width: 6px; height: 11px;}
+.common_search .cont_search .area_result .searching_box .find_category li a span:last-child {padding-right: 0;}
+.common_search .cont_search .area_result .searching_box .find_category li a span:last-child:after {display: none;}
+
 .common_search .searching_box .pd_list.relate {margin-top:30px;}
 .common_search .searching_box [class*="_blk"] {float:left; position:relative; width:calc(50% - 60px); margin-right:60px;}
+.common_search .searching_box .exfind_blk {margin-right: 0; width: 50%;}
 .common_search .searching_box .autokeyword_blk ul li a em,
 .common_search .searching_box .exfind_blk .find_brand h3 a em,
 .common_search .searching_box .exfind_blk .find_category a em {color:#fd4802;}
+.common_search .searching_box .exfind_blk .find_category a em {color:#222; font-weight: 400;}
 .common_search .searching_box .autokeyword_blk ul li {margin-bottom:10px; color:#666; font-size:14px; font-weight:300; float:left; margin-right: 20px;}
 .common_search .searching_box .exfind_blk .find_category ul li a:last-child::after {display:none;}
 
@@ -548,7 +565,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .filter_content .sort {display:none; position: relative; padding: 40px 35px 80px; border: 1px solid #ddd; border-bottom: 0; border-top: none;}
 .filter_content .sort.on {display:block;}
 .filter_content .sort .tap_close {position: absolute; bottom: 30px; right: 40px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url(/images/pc/ico_pop_cls.png);  background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 98;}
-.filter_content .sort > ul {max-height: 350px; overflow-y: auto;}
+.filter_content .sort > ul {max-height: 350px; /*overflow-y: auto;*/}
 .filter_content .sort label span {color:#666; font-size:14px; font-weight:300;}
 .filter_content .sort label input:checked + span {color:#fd4802; font-weight:500;}
 .filter_content .sort.tap01 > ul {position: relative;}
@@ -564,11 +581,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .filter_content .sort.tap02 ul::after {content:''; display: block; clear:both;}
 .filter_content .sort.tap02 ul li {float:left; padding-left:40px; padding-right:40px; margin-bottom:20px;}
 .filter_content .sort.tap03 ul li {border-bottom: 1px solid #ccc;}
+.filter_content .sort.tap03 ul li::after {content: ''; display: block; clear: both;}
 .filter_content .sort.tap03 ul li:first-child {padding-bottom: 30px;}
-.filter_content .sort.tap03 ul li:nth-child(2) {padding: 30px 0;}
+.filter_content .sort.tap03 ul li:nth-child(2) {padding-top: 30px;padding-bottom: 30px;}
 .filter_content .sort.tap03 ul li:last-child {padding-top: 30px; border: none;}
-.filter_content .sort.tap03 ul li strong {margin-right:40px; color:#222; font-weight:300;}
-.filter_content .sort.tap03 ul li label {color:#666; margin-right:40px; word-break:keep-all;}
+.filter_content .sort.tap03 ul li strong {/*margin-right:40px;*/width:100px;color:#222; font-weight:300; height: 21px;float: left;}
+.filter_content .sort.tap03 ul li label {color:#666; margin-right:40px; line-height: 1.4; display: inline-block; word-break:keep-all;position:relative;}
 .filter_content .sort.tap03 ul li label:last-child {margin-right:0}
 .filter_content .sort.tap03 ul li label span {}
 .filter_content .sort.tap03 ul li .size_btn,
@@ -1177,6 +1195,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .goods_info .order_desc .button_box .btn:hover,
 .goods_info .order_desc .button_box .btn:focus,
 .goods_info .order_desc .button_box .btn:active{color: #333333;background-color: #ffffff;border-color: #dddddd;}
+.goods_info .order_desc .button_box .btn.btn_primary_line:hover,
+.goods_info .order_desc .button_box .btn.btn_primary_line:focus,
+.goods_info .order_desc .button_box .btn.btn_primary_line:active{color:#fd4802; border-color:#fd4802;}
 .goods_info .order_desc .button_box .btn span {line-height:1}
 .goods_info .order_desc .button_box .util {margin-top:12px}
 .goods_info .order_desc .button_box .util span {position:relative; display:inline-block; margin-left:24px;}
@@ -1290,7 +1311,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
 .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 20px; background:url('/images/pc/ico_content_none.png') no-repeat;}
 .nodata .btn_box {margin-top:40px;}
-.nodata .btn_box .btn {color:#222; font-size:14px; font-weight:300;}
+.nodata .btn_box .btn {color:#222; font-size:14px; font-weight:300;padding: 9px 23px;}
 
 /* page_end_point 안내*/
 .last_page {padding:30px; margin-top:120px; margin-left:70px; margin-right:70px; max-width:100%; /*background:#f5f5f5;*/ color:#888; font-size:16px; font-weight:300; text-align:center; line-height:1.24;}
@@ -1670,7 +1691,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .dp_submain {position:relative;}
 	.dp .dp_submain .swiper-container .img img {width: 100%; height:auto;}
 	.dp .dp_submain .swiper-container .txt .subject {margin:20px 0; font-size: 24px; line-height: 1.5; font-weight: 300; color:#222; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
-	.dp .dp_submain .swiper-container .txt span {font-size: 16px; font-weight: 200; color: #222;}
+	.dp .dp_submain .swiper-container .txt span {font-size: 16px; font-weight: 200; color: #222; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
 	.dp .dp_submain .swiper-controls {margin-top:60px}
 
 	/* dp_new_item 신상품 슬라이드 */
@@ -1743,7 +1764,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp .dp_Exhibition {}
 	.dp_Exhibition .count_wrap {padding-top:20px}
 	.dp_Exhibition .item_prod .item_state {display: table; vertical-align: middle; padding: 0; width: 100%; padding-left:130px; height: 100%;}
-	.dp_Exhibition .exhi_list {margin-bottom:80px;}
+	.dp_Exhibition .exhi_list {margin-bottom:80px; margin:0 -10px 80px;}
 	.dp_Exhibition .exhi_list::after {content:''; clear:both; display:block;}
 	.dp_Exhibition .exhi_list .exhi_item {float:left; width:calc((100% - 60px)/4); overflow: hidden; margin-bottom:60px; margin-left:20px;}
 	.dp_Exhibition .exhi_list .exhi_item:nth-child(4n-3) {margin-left:0;}
@@ -1759,10 +1780,10 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
 	.dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail .tit {margin:20px 0 15px; max-height:66px; font-size:24px; line-height:1.4; word-break:keep-all; text-align:left;}
 	.dp_Exhibition .exhi_list .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px;}
+	.dp_Exhibition .exhi_list .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 9; width: 88.4%; margin:-70px auto 0;}
 	.dp_Exhibition .exhi_list .exhi_item_pr li {height: 150px; margin-bottom: 16px;}
 	.dp_Exhibition .exhi_list .exhi_item_pr li:last-child {margin-bottom: 0;}
 	.dp_Exhibition .exhi_list .exhi_item_pr .item_prod {width: 100%; margin-right: 0; margin-bottom: 0; height: 150px;}
-	.dp_Exhibition .exhi_list .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 99; width: 380px; margin:-70px auto 0;}
 	.dp_Exhibition .exhi_list .exhi_item_pr .itemPic {position: absolute; left: 0; top: 0; width: 100px; height: 150px; padding-top: 0; margin-bottom: 0; background:#f5f5f5;}
 	.dp_Exhibition .exhi_list .exhi_item_pr .itemLink {position: static; display: table-cell; vertical-align:middle;}
 	.dp_Exhibition .exhi_list .exhi_item_pr .itemName {font-size: 14px; line-height: 1.4; max-height: none; margin: 0px 0px 15px; height:auto;}
@@ -1834,7 +1855,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp_coupon .coupon_list ul li:nth-child(4n-3) {margin-left:0}
 	
 	/* dp_기획전상세 : 유의사항 */	
-	.dp_announce {}
+	.dp_announce {margin-top: 80px; padding-top: 40px;}
 	.dp_announce .cont_head {display:none;}
 	.dp_announce.line {margin-top:20px;}
 	.dp_announce.line .announce_txt {padding-top:60px;}
@@ -1943,7 +1964,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.dp_special .dp_listItems_cont.type3 {padding-left:70px; padding-right:70px;}
 
 	/* dp_기획전상세 : 다른 기획전,이벤트 보기 */
-	.dp .other_promotion_slide {margin-top:160px; padding:0 140px!important;}
+	.dp .other_promotion_slide {margin-top:160px;margin-bottom: -20px;padding:0 140px!important;}
 	.dp .other_promotion_slide .cont_head {position:relative; margin-bottom:60px;}
 	.dp .other_promotion_slide .cont_head h4 {position:relative; margin-bottom:0;}
 	.dp .other_promotion_slide .cont_head 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;}
@@ -2465,7 +2486,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.odPayment .paymentinfo .payinfo_blk a::after {clear:both; display:block; width:100%;}
 	.odPayment .paymentinfo .payinfo_blk a span {float:right; position:relative; padding-right:22px; color:#222; font-size:14px;}
 	.odPayment .paymentinfo .payinfo_blk a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
-	.odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#888; font-size:14px; line-height:26px; overflow-y:scroll;}
+	.odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#222; font-size:14px; line-height:26px; overflow-y:scroll;}
 	.odPayment .paymentinfo .payinfo_blk.on {background:#f5f5f5;}
 	.odPayment .paymentinfo .payinfo_blk.on a {padding-bottom:15px;}
 	.odPayment .paymentinfo .payinfo_blk.on a span::after {top:3px; transform:rotate(-180deg);}
@@ -2474,6 +2495,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.odPayment .area_paybtn .btn {height:80px; font-size:20px; font-weight:300;}
 	.odPayment .area_paybtn .btn em {font-weight:500;}
 
+	.odPayment .infotxt table {word-break:keep-all;margin-top: 10px;margin-bottom: 10px;}
+	.odPayment .infotxt table th,
+	.odPayment .infotxt table td {position:relative; padding:10px 40px; font-size:14px;color: #222222;letter-spacing:-0.025em;text-align:center;}
+	.odPayment .infotxt table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
+	.odPayment .infotxt table td:last-child {border-right: 1px solid transparent;}
+	.odPayment .infotxt table th {border-top: 1px solid #000;border-bottom:1px solid #000;border-right: 1px solid transparent;font-weight:400;text-align:center;}
+
+
 	.odPayment .extra_pay {padding:0px 30px 40px; margin-bottom: 20px; border-top:1px solid #222; border-bottom:1px solid #ddd;}
 	.odPayment .extra_pay .tit_pay {padding:30px 0px; line-height:1; font-size:24px; font-weight:500;}
 	.odPayment .extra_pay .area_paymethod {}
@@ -2695,13 +2724,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd .option_box {margin-top:30px;}
 	.option_box > [class^="opt_"] {padding-top:40px}
 	.option_box > [class^="opt_"]:first-of-type {padding-top:0}
-	.option_box > [class^="opt_"] .opt_header {margin-bottom:20px}
+	.option_box > [class^="opt_"] .opt_header {position: relative; margin-bottom:20px;}
 	.option_box > [class^="opt_"] .opt_header::after {content:''; clear:both; display:block;}
 	.option_box > [class^="opt_"] .opt_header > span {font-size:14px;}
-	.option_box > [class^="opt_"] .opt_header .title {display:inline-block; margin-right:20px; color:#222; font-weight:500;}
+	.option_box > [class^="opt_"] .opt_header .title {display:inline-block; margin-right:70px; color:#222; font-weight:500;}
 	.option_box > [class^="opt_"] .opt_header .color,
 	.option_box > [class^="opt_"] .opt_header .size {color:#666; font-weight:200;}
-	.option_box > [class^="opt_"] .opt_header .btn_popup {float:right;}
+	.option_box > [class^="opt_"] .opt_header .btn_popup {position: absolute; top: 0; right: 0;}
 	.option_box .info_restock {margin-top:20px}
 	.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;}
@@ -2709,6 +2738,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 	/* pd_deal_컬러선택 */
 	.pd .option_box .opt_color {}
+	.pd .option_box .opt_color .title {margin-right: 16px;}
 	.option_box .opt_color ul {margin-top:-8px}
 	.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}
@@ -2719,6 +2749,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 	/* pd_deal_컬러선택 폼 */
 	.pd .option_box .opt_size {}
+	.pd .option_box .opt_size .title {margin-right: 16px;}
 	.option_box .opt_size .form_field {display:block; margin-top:-8px;}
 	.option_box .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
 	.option_box .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
@@ -2726,7 +2757,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box .opt_size .form_field input[type="radio"] + label::before,
 	.option_box .opt_size .form_field input[type="radio"] + label::after {display:none;}
 	.option_box .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
-	.option_box .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
+	.option_box .opt_size .form_field input[type="radio"]:disabled + label {background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
+	.option_box .opt_size .form_field input[type="radio"]:disabled + label span {text-decoration:line-through;}
 	.option_box .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%); transform:translateY(-50%); display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
 	
 	.option_box .opt_size .form_field > div {float:left; /* width:auto; */ width:calc((100% - 48px) / 7);}
@@ -2734,11 +2766,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	
 	/* pd_deal_옵션셀렉트 폼 */
 	.pd .option_box [class^="opt_"] {}
-	.option_box [class^="opt_"] .form_field {margin-top:10px;}
+	.option_box [class^="opt_"] .form_field {display:block; margin-top:10px;}
 	.option_box [class^="opt_"] .form_field:first-child {margin-top:0}
-	.option_box [class^="opt_"] .select_custom {height:52px;}
-	.option_box [class^="opt_"] .select_custom .select {height:52px; padding:17px 40px 17px 18px; border-bottom-color:#ddd; overflow:hidden; color:#222; font-weight:200;}
+	.option_box [class^="opt_"] .select_custom {min-height:52px;}
+	.option_box [class^="opt_"] .select_custom .select {height:auto; min-height:52px; padding:17px 40px 17px 18px; border-bottom-color:#ddd; overflow:hidden; color:#222; font-weight:200;}
 	.option_box [class^="opt_"] .select_custom .select:after {right:20px;}
+	.option_box [class^="opt_"] .select_custom .select .opt_price {padding-top: 10px;}
 	.option_box [class^="opt_"] .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
 	.option_box [class^="opt_"] .select_custom .combo .list {top:52px; padding:0}
 	.option_box [class^="opt_"] .select_custom .combo .list > li {padding:18px 18px; line-height:1; color:#666; font-size:16px; font-weight:200;}
@@ -2784,7 +2817,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box .opt_result .result_item .btn_delete_item {position:absolute; right:0; top:0px; width:14px; height:14px; overflow:hidden; background:url('/images/pc/btn_delete_item.png') no-repeat 50% 50%; image-rendering:pixelated; text-indent:-999px; z-index:2;}
 
 	/* pd_deal_수량조절 폼 */
-	.option_box .opt_count {margin-top:30px; padding-top:30px; padding-bottom:0; border-top:1px solid #ddd;}
+	.option_box .opt_count {margin-top:30px; margin-bottom: 30px; padding-top:30px; padding-bottom:0; border-top:1px solid #ddd;}
 	.option_box .number_count {display:inline-block; border:1px solid #ddd}
 	.option_box .number_count::after {content:''; clear:both; display:block;}
 	.option_box .number_count span,
@@ -2853,14 +2886,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	}
 
 
-	.pd_together {}
+	.pd_together {padding-top: 120px;}
 	.pd_together .area_slider {padding:0;}
 	.pd_together .area_slider .swiper-wrapper {padding-bottom:60px;}
 	.pd_together .area_slider .swiper-scrollbar {background:#ddd}
 	.pd_together .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
 	.pd_together .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; width:100%; height:2px; opacity: 1 !important;}
 
-	[class*="pd_descrp"] {width:1200px; margin-top:80px; padding-top:120px}
+	[class*="pd_descrp"] {width:1200px; padding-top:120px}
 	[class*="pd_descrp"] .cont_body {max-height:1100px; overflow:hidden;}
 	[class*="pd_descrp"] .cont_body.on {max-height:none;}
 	[class*="pd_descrp"] .cont_body > div {position:relative; margin-left:auto; margin-right:auto} /* width:1200px; */
@@ -2903,7 +2936,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	[class*="pd_descrp"] .required_box .area_kcl .ico_kcl {position:absolute; left:64px; top:50%; transform:translateY(-50%); z-index:2;}
 	[class*="pd_descrp"] .btn_more_box {position:relative; width:100%; margin-top:0; margin-bottom:120px; background:#fff; text-align:center; z-index:2;}
 	[class*="pd_descrp"] .btn_more_box.covered::after {content:''; position:absolute; left:0; right:0; top:-200px; width:100%; height:200px; background:linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255,255,255,1) 50%, rgba(255, 255, 255, 0) 100%); z-index:2; }
-	[class*="pd_descrp"] .btn_more_box .btn {border-color:#fd4802; color:#fd4802;}
+	[class*="pd_descrp"] .btn_more_box .btn {background: #fff; border-color:#fd4802; color:#fd4802;}
+	[class*="pd_descrp"] .btn_more_box .btn:hover, [class*="pd_descrp"] .btn_more_box .btn:active {background-color:#fff;}
 	[class*="pd_descrp"] .btn_more_box .btn span {position:relative; padding-right:35px;}
 	[class*="pd_descrp"] .btn_more_box .btn span::after {content:""; position:absolute; right:4px; top:1px; transform:rotate(90deg); width:7px; height:13px; background:url(/images/pc/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;} 
 	[class*="pd_descrp"] .btn_more_box .btn.active span::after {transform:rotate(-90deg);}
@@ -3140,7 +3174,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table thead th {border-bottom:1px solid #222;}
 	.pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table th,
 	.pd_pop.info_size_pop .size_cont .size_tbl_box .tbl table td {font-size:14px;}
-	.pd_pop.info_size_pop .size_footer {margin-top:20px}
+	.pd_pop.info_size_pop .size_footer {margin-top:20px; margin-bottom: 20px;}
 	.pd_pop.info_size_pop .tab_nav {}
 	.pd_pop.info_size_pop .tab_nav ul::after {content:''; clear:both; display:block;}
 	.pd_pop.info_size_pop .tab_nav ul li {float:left; width:calc((100% - 2px) * 1/3); text-align:center; background:#f5f5f5; border-bottom:1px solid #222; border-top:1px solid #f5f5f5;}
@@ -3164,7 +3198,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont {display:none; position:relative;}
 	.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont::after {content:''; clear:both; display:block;}
 	.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont:first-of-type {display:block}
-	.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont .img_sizeinfo {float:left;}
+	.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont .img_sizeinfo {float:left; border:1px solid #eee;}
 	.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl {float:right; width:344px; text-align:left; margin-top:10px; font-size:14px; line-height:24px; word-break:keep-all;}
 	.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div {float:none; padding:0 0 20px;}
 	.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dt {float:none; color:#222; font-weight:300;}
@@ -3629,7 +3663,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch_result .nodata {padding:50px 0 100px;  text-align:center;}
 	.sch_result .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
 	.sch_result .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
-	.sch_result .nodata .txt_box span {color:#fd4802; font-weight:500;}
+	.sch_result .nodata .txt_box span {font-weight:300;}
 	.sch_result .nodata .btn_box {margin-top:40px;}
 	.sch_result .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
 	.sch_result .cont_head {}
@@ -3638,7 +3672,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch_result .area_info .info_result .keyword {font-weight:500;}
 	.sch_result .area_info .info_result .number {color:#fd4802; font-size:28px; font-weight:500;}
 	.sch_result .area_info .inner_search {position: relative; display: inline-block; width: 100%; border-bottom:2px solid #222; z-index:2;}
-	.sch_result .area_info .inner_search input[type='text'] {width:96%; border:none; padding:2px 0px 5px; color:#222; font-size:18px;}
+	.sch_result .area_info .inner_search input[type='text'] {width:96%; border:none; padding:2px 0px 10px; color:#222; font-size:30px;}
 	.sch_result .area_info .inner_search input[type='text']::placeholder {color:#888}
 	.sch_result .area_info .inner_search button {display:inline-block; width:24px; height:24px; background:url('/images/pc/ico_search_faq.png') no-repeat 50% 50%; background-size:100% auto; overflow:hidden; font-size:1px; text-indent:-999px;}
 	.sch_result .area_info .inner_search .autokeyword {display:none; position:absolute; left:0; top:34px; width:100%; padding:0px; background:#fff; border:1px solid #222; z-index:5;}
@@ -3647,8 +3681,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch_result .area_info .inner_search .autokeyword ul li a em {color:#fd4802;}
 	.sch_result .area_info .inner_search .autokeyword ul li a:hover,
 	.sch_result .area_info .inner_search .autokeyword ul li a:active {background:#f5f5f5; color:#222}
-	.sch_result .area_info .related_keyword {clear:both; display:block; position:relative; margin-top:40px; padding:0 0 0 103px; box-sizing:border-box;}
-	.sch_result .area_info .related_keyword .title {display:inline-block; position:absolute; left:0; top:4px; padding-right:20px; color:#222; font-size:18px; font-weight:500;}
+	.sch_result .area_info .related_keyword {clear:both; display:block; position:relative; margin-top:15px; padding:0 0 0 90px; box-sizing:border-box;}
+	.sch_result .area_info .related_keyword .title {display:inline-block; position:absolute; left:0; top:4px; padding-right:20px; color:#222; font-size:16px; font-weight:500;}
 	.sch_result .area_info .related_keyword .title::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); height:17px; border-left:1px solid #ddd; display: none;}
 	.sch_result .area_info .related_keyword ul li {float:left; padding:5px 10px}
 	.sch_result .area_info .related_keyword ul li:first-of-type {margin-left:0}
@@ -3657,6 +3691,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch_result .taps {position:relative; margin-top:100px; margin-bottom:80px} 
 	.sch_result .cont_body {}
 	.sch_result .cont_body .sch_result_cont {display:none;}
+	.sch_result .cont_body .sch_result_cont .sch_recommend h3 {margin-bottom: 40px; text-align: center;}
 	.sch_result .cont_body .sch_result_cont .banner {margin-bottom:40px;}
 	.sch_result .cont_body .sch_result_cont .itemsGrp {margin-left:-10px; margin-right:-10px;}
 	.sch_result .cont_body .sch_result_cont .itemsGrp .item_prod {width:calc(100% / 5);}
@@ -3676,11 +3711,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch_result .cont_body .sch_result_cont .exhi_list .item_prod:nth-child(5n+0) {margin-right: 0;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .item_prod:nth-child(6n+0) {margin-right: 20px;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp {margin-bottom: 80px;}
-	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 80px 0;}
+	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item {float:left; width: calc((100% - 60px)/4); overflow: hidden; margin:0 20px 80px 0;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item:nth-child(4n) {margin:0 0 40px 0;}
-	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img {width: 430px; height: 430px; overflow: hidden;} 
+	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img {width: 100%; height: auto; overflow: hidden;} 
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
-	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a {position: relative; width: 100%; height: 100%; display: block; padding-bottom: 100px;}
+	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a {position: relative; width: 100%; height: auto; display: block; padding-bottom: 100%;}
+	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a .shape {max-width:52px; min-height:52px; width: 42px;}
+	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a .shape span {width: 43px; font-weight: 300;}
+	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a .shape:after {height: 42px;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 342px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%); z-index: 8;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail {position: absolute; left: 0; bottom: 100px; z-index: 9; padding: 23px; padding-bottom: 0;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail * {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-weight: 300; letter-spacing: 0;}
@@ -3690,8 +3728,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr li {height: 150px; margin-bottom: 16px;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr li:last-child {margin-bottom: 0;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .item_prod {width: 100%; margin-right: 0; margin-bottom: 0; height: 150px;}
-	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 99; width: 380px; margin:-70px auto 0;}
-	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemPic {position: absolute; left: 0; top: 0; width: 100px; height: 150px; padding-top: 0; margin-bottom: 0;}
+	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 9; width: 88.4%; margin:-70px auto 0;}
+	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemPic {position: absolute; left: 0; top: 0; background:#f5f5f5; width: 100px; height: 150px; padding-top: 0; margin-bottom: 0;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemLink {position: static; display: table-cell; vertical-align:middle;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemName {font-size: 14px; line-height: 1.4; max-height: none; margin: 0px 0px 15px; height:auto;}
 	.sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemPrice {margin-left: 0; margin-right: 0; font-size: 16px;}
@@ -4064,10 +4102,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.my .myMbLeave .com_info_txt {}
 	.my .myMbLeave .com_info_txt .check_box {margin-top:30px; padding-top:30px; border-top:1px solid #dcdcdc;}
 	.my .myMbLeave .com_info_txt .check_box span {color:#858585; font-weight:200;}
-	.my .myMbLeave .hold_order .on,
-	.my .myMbLeave .hold_point,
-	.my .myMbLeave .hold_voucher,
-	.my .myMbLeave .hold_coupon {color:#fd4802}
+	.my .myMbLeave .hold_order .on {color:#fd4802}
 
 	/* my_포인트, 상품권 공통 */
 	.my .have_amount {}
@@ -4216,15 +4251,15 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.survey .survey_wrap .survey_con .survey_row .answer textarea,
 	.survey .survey_wrap .survey_con .survey_row .answer input[type='text'] {width:100%;}
 	.survey .survey_wrap .survey_con .survey_row .answer textarea {height:220px; padding:20px;}
-	.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 .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-bottom:42px; margin-right:48px;}
+	.survey .survey_wrap .survey_con .survey_row .answer input[type='text'].etc_input {visibility:hidden;margin-left:20px; width:300px !important; max-width:300px !important; height:52px;}
 	.survey .survey_wrap .survey_con .btn_wrap {margin-top:20px} 
 
 	/* ev_rank 회원등급 혜택 */
 	.ev .ev_rank {}
-	.ev_rank .inner {position: relative;}
-	.ev_rank .my_rank_info {background: #fff6f2; padding:53px 0; min-height:260px; box-sizing:border-box;}
+	.ev_rank .inner {position: relative;margin-top: 10px;}
+	.ev_rank .my_rank_info {background: #fff6f2; padding:49px 0 40px; margin-top: -5px; min-height:260px; box-sizing:border-box;}
 	.ev_rank .my_rank_info .desc {float:left;}
 	.ev_rank .my_rank_info .desc p {color:#666; font-size:24px; font-weight:200; line-height:34px;}
 	.ev_rank .my_rank_info .desc p span.my_name {color:#222; font-weight:500;}
@@ -4260,13 +4295,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.ev_rank .my_rank_progress .pro_wrap.vip .progress_bar .current_bar {width: 100%;}
 	.ev_rank .my_rank_progress .benefit_txt {background:#fff; padding:26px 0; text-align:center; font-size:18px; color: #444; font-weight: 300;}
 	.ev_rank .my_rank_progress .benefit_txt strong {color:#222; font-weight:700;}
-	.ev_rank .my_rank_info.no_member {min-height:auto; text-align: center;}
+	.ev_rank .my_rank_info.no_member {min-height:auto; text-align: center;padding: 60px 0;}
 	.ev_rank .my_rank_info.no_member p {color:#222; font-size:24px; font-weight:200; letter-spacing:-1px;}
 	.ev_rank .my_rank_info.no_member .login_btn {margin-top:28px; padding:10px 24px; width:85px; height:42px; font-size:14px; font-weight:300;}
 
 	/* ev_benefit_tbl 등급 혜택 테이블 */
 	.ev .ev_benefit_tbl {margin-top:100px}
-	.ev_benefit_tbl  h3 {margin-bottom:50px; font-size:34px; font-weight:500; text-align:center;}
+	.ev_benefit_tbl h3 {margin-bottom:46px; font-size:34px; font-weight:500; text-align:center;}
 	.ev_benefit_tbl .rank_tbl_wrap {margin-bottom: 60px;}
 	.ev_benefit_tbl .rank_tbl_wrap .icon {margin:0 auto 20px;}
 	.ev_benefit_tbl .rank_tbl_wrap .icon + span {display: block; text-align: center; font-size: 18px; color: #222; font-weight: 500;}

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

@@ -430,7 +430,7 @@
 .main_pick .post-pick-for .pick_look .swiper-slide a{display: inline-block; width: 100%; height: 100%;}
 .main_pick .post-pick-for .pick_look .swiper-slide .text_box {position:absolute; left:0; right:0; bottom:130px; color:#fff; text-align:center;}
 .main_pick .post-pick-for .pick_look .swiper-slide .text_box .title {position:relative; display:block; display:-webkit-box; width:100%; max-height:112px; overflow:hidden; white-space:normal; overflow-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:46px; font-weight:500; line-height:56px;}
-.main_pick .post-pick-for .pick_look .swiper-slide .text_box .sub_text {margin-top:25px; font-size:18px; font-weight:300; line-height:1;}
+.main_pick .post-pick-for .pick_look .swiper-slide .text_box .sub_text {margin-top:25px; font-size:18px; font-weight:300; line-height:1.2;max-width: 600px;margin: 25px auto;text-align: center;overflow: hidden;white-space: normal;overflow-wrap: break-word;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
 .main_pick .post-pick-for .pick_look .swiper-controls {position:absolute; left:0; right:0; width:100%; bottom:40px;}
 .main_pick .post-pick-for .pick_look img{width:100%; height:auto;}
 .main_pick .post-pick-for .pick_item {position: absolute;right: 0;width:61.7978%;padding: 0 80px;top: 50%;transform: translateY(-50%);font-size:0;} 
@@ -452,6 +452,7 @@
 .main_1stage img {margin:0 auto;width:100%;}
 .post-bnnWide .swiper-button-next {right:70px;}
 .post-bnnWide .swiper-button-prev {left:70px;}
+.post-bnnWide .swiper-button-disabled {display: none;}
 @media screen and (max-width:1460px) {
 	.main_1stage .txtWrap p{font-size:34px;}
 }