핫딜 시간 일자 노출

src/main/webapp/WEB-INF/views/mob/goods/GoodsDealDetailFormMob.html

@@ -1048,7 +1048,10 @@
 					if (seconds < '10') { seconds = '0' + seconds; }
 	
 					if (Number(days) > 0 ){
-						hours = Number(hours) + (Number(days) * 24);
+					//	hours = Number(hours) + (Number(days) * 24);
+						$('#d-days').html(days);
+					}else{
+						$('#d-days').hide();
 					}
 					$('#d-hours').html(hours);
 					$('#d-minutes').html(minutes);

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html

@@ -129,6 +129,7 @@
 						<p>
 							<span class="tt">남은시간</span>
 							<span class="timer">
+								<em id="d-days">0</em>
 								<em id="d-hours">0</em>
 								<em id="d-minutes">0</em>
 								<em id="d-seconds">0</em>
@@ -2383,8 +2384,11 @@
 					if (seconds < '10') { seconds = '0' + seconds; }
 	
 					if (Number(days) > 0 ){
-						hours = Number(hours) + (Number(days) * 24);
-					}
+						//	hours = Number(hours) + (Number(days) * 24);
+							$('#d-days').html(days);
+						}else{
+							$('#d-days').hide();
+						}
 					
 					$('#d-hours').html(hours);
 					$('#d-minutes').html(minutes);

src/main/webapp/WEB-INF/views/web/goods/GoodsDealDetailFormWeb.html

@@ -85,6 +85,7 @@
 								<p>
 									<span class="tit">남은시간</span>
 									<span class="timer">
+										<em id="d-days">0</em>
 										<em id="d-hours">0</em>
 										<em id="d-minutes">0</em>
 										<em id="d-seconds">0</em>
@@ -386,12 +387,15 @@
 			if (seconds < '10') { seconds = '0' + seconds; }
 			
 			if (Number(days) > 0 ){
-				hours = Number(hours) + (Number(days) * 24);
+			//	hours = Number(hours) + (Number(days) * 24);
+				$('#d-days').html(days);
+			}else{
+				$('#d-days').hide();
 			}
 			
 			$('#d-hours').html(hours);
 			$('#d-minutes').html(minutes);
-			$('#d-seconds').html(seconds);		
+			$('#d-seconds').html(seconds);
 	}
 
 	if (!gagajf.isNull(socialSq)){

src/main/webapp/WEB-INF/views/web/goods/GoodsDetailFormWeb.html

@@ -124,6 +124,7 @@
 								<p>
 									<span class="tit">남은시간</span>
 									<span class="timer">
+										<em id="d-days">0</em>
 										<em id="d-hours">0</em>
 										<em id="d-minutes">0</em>
 										<em id="d-seconds">0</em>
@@ -1167,7 +1168,10 @@
 			if (seconds < '10') { seconds = '0' + seconds; }
 			
 			if (Number(days) > 0 ){
-				hours = Number(hours) + (Number(days) * 24);
+			//	hours = Number(hours) + (Number(days) * 24);
+				$('#d-days').html(days);
+			}else{
+				$('#d-days').hide();
 			}
 			
 			$('#d-hours').html(hours);

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

@@ -540,6 +540,8 @@
 .pd_detail .timer_box p .timer em::before {content:':'; position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
 .pd_detail .timer_box p .timer em:first-of-type {padding-left:0.8rem;}
 .pd_detail .timer_box p .timer em:first-of-type::before {display:none;}
+.pd_detail .timer_box p .timer em#d-days::after {content:'일'}
+.pd_detail .timer_box p .timer em#d-hours::before {display:none;}
 .pd_detail .descript_box {padding-top: 2.4rem;}
 .pd_detail .option_box .opt_color{padding:3rem 0;}
 .pd_detail .option_box .opt_color ul {margin:0 -2rem; padding-left:2rem; overflow-x:auto; font-size:0; white-space:nowrap;}
@@ -831,6 +833,8 @@
 .product_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
 .product_floormenu.fixed{-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);}
 
+
+
 /* 토스트팝업 > 구매하기 */
 .container.btPop_full.pd_open::after, 
 .container.btPop_open.pd::after{position:fixed; z-index: 100;}
@@ -924,7 +928,7 @@
 .pd .pd_detail .pop_option_select .form_wrap .form_field:nth-child(2) .select:before {content: '옵션2';display: inline-block;width: 0;height: 0;position: absolute;left: 1rem;}
 
 .pd .pd_detail .pop_option_select .select_custom .deal_opt_item .select .item_prod {top:-0.1rem;}
-.pd .pd_detail .pop_option_select .select_custom .combo .select{color: #777777;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding-right: 4rem;padding-left: 5rem; min-height:4.5rem; padding-bottom:0}
+.pd .pd_detail .pop_option_select .select_custom .combo .select{color: #777777;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding-right: 4rem;padding-left: 5rem; min-height:4.5rem; padding-bottom:0; font-size:1.4rem;}
 .pd .pd_detail .pop_option_select .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem}
 .pd .pd_detail .pop_option_select .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
 .pd .pd_detail .pop_option_select .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
@@ -1643,7 +1647,7 @@
 .select_custom.deal_opt_item .combo .list > li[aria-disabled="true"] a img {opacity:0.3;}
 /* tab_detail_cont >  item_prod*/
 .tab_detail_cont .item_blk .item_prod .item_state .itemLink .itemBrand{padding-right:0; margin:0; margin-bottom:0.3rem;}
-.tab_detail_cont .item_blk .item_prod .item_state .itemLink .itemName{-webkit-line-clamp:1; padding-right:0; margin:0;}
+.tab_detail_cont .item_blk .item_prod .item_state .itemLink .itemName{/*-webkit-line-clamp:1;*/ padding-right:0; margin:0;}
 /* deal_list_select  >  item_prod*/
 .deal_list_select .item_prod .item_state .itemLink .itemBrand{padding-right:0; margin:0; margin-bottom:0.3rem;}
 .deal_list_select .item_prod .item_state .itemLink .itemName{-webkit-line-clamp:1; padding-right:0; margin:0;}

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

@@ -389,7 +389,8 @@
 .main_pick .inner_head {padding: 0 0 0.9rem 0;position: relative;}
 .main_pick .inner_head .pick-head{padding: 0; box-sizing: border-box;overflow: visible;}
 .main_pick .inner_head .pick-head .swiper-wrapper{transform: translate3d(0px, 0px, 0px);}
-.main_pick .inner_head .pick-head ul > li{width: auto; text-align: center;}
+.main_pick .inner_head .pick-head ul > li{width: auto; text-align: center; padding-right: 2rem;}
+.main_pick .inner_head .pick-head ul > li:last-child {padding-right: 0;}
 .main_pick .inner_head .pick-head ul > li button,
 .main_pick .inner_head .pick-head ul > li a{padding: 1.46rem 0rem 1.3rem 0rem; border:0; position: relative;}
 .main_pick .inner_head .pick-head ul > li.on button,
@@ -897,11 +898,11 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my table input[type="text"], table input[type="password"] {padding: 0 1.4rem; font-size: 1.3rem;}
 .my .btn_group {width: 100%; margin-top: 0;}
 .my .btn_popup {display:inline-block; position:absolute; left:auto; right: 0; top:-0.75rem; padding:0px 1rem; height:3rem; color:#222; font-size:1.1rem; font-weight:300; border:1px solid #a7a7a7; box-sizing:border-box;}
-.my .btn_group .btn {width: 100%;}
+.my .btn_group .btn {width: 100%; height: 5rem;}
 /* main.my .inner:last-child {padding-bottom: 0; margin-bottom: 0;} */
 .my .desc_txt {margin-top: 1.5rem; font-size: 1.1rem; color: #666; font-weight: 200; position: relative; padding-left: 0.6rem;}
 .my .desc_txt:before {content:''; position: absolute; left: 0; top: 0.6rem; width: 0.2rem; height: 0.2rem; background: #888;}
-.my .required_group {margin-bottom: 1.8rem; padding:1.5rem 0; position: relative; background: #fff6f2; border: 1px solid #ffe4d9; text-align: center;}
+.my .required_group {margin-bottom: 3rem; padding:1.5rem 0; position: relative; background: #fff6f2; border: 1px solid #ffe4d9; text-align: center;}
 .my .required_group:after, 
 .my .required_group:before {content: "";position: absolute;top: 100%;left: 50%;height: 0;width: 0;border: solid transparent;pointer-events: none; z-index: 8;}
 .my .required_group:after {margin-left: -0.7rem; margin-top: 0rem; border-width: 0.7rem;border-color: rgba(255, 246, 242, 0);border-top-color: #fff6f2;}
@@ -1005,7 +1006,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .part_goods {position:relative;}
 .my .part_goods:first-child {margin-top: -1.2rem; padding-top:3rem}
 .my .part_goods h3.subH2 span {color:#888; font-size:1.6rem; font-weight:200;}
-.my .part_goods .goods_section {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 1px solid #eee;}
+.my .part_goods .goods_section {padding-bottom: 2.4rem; margin-bottom: 2.4rem; border-bottom: 0.1rem solid #eee;}
 .my .part_goods .goods_section:last-of-type {margin-bottom: 0; border-bottom: 0;}
 .my .part_goods .btn_area {position:absolute; right:0; top:-8px; z-index:2;}
 .my .part_goods .btn_area button {padding:8px 14px; background:#f5f5f5; border:none; color:#222; font-size:14px; font-weight:200;}
@@ -1091,11 +1092,14 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .review .tip_wrap ul li::before{content: '';position: absolute;top: 0.7rem;left: 0;background: #858585;width: 0.2rem;height: 0.2rem;}
 .my .review .tab_cont .inner:first-child {margin-top: 0;}
 .my .review .tab_cont .inner {margin-top: 1.2rem;}
-.my .review .tab_cont .inner .reviewMy {padding: 2.4rem 0 6rem; font-weight: 200;}
-.my .review .tab_cont .inner .reviewMy::before {content: ''; width: 100%; height: 0.1rem; display: block; background: #eeeeee; position: relative; top: -2.45rem; left: 0; }
+.my .review .tab_cont .inner .reviewMy {padding: 0 0 2.4rem; font-weight: 200;}
+/* .my .review .tab_cont .inner .reviewMy::before {content: ''; width: 100%; height: 0.1rem; display: block; background: #eeeeee; position: relative; top: -2.45rem; left: 0; } */
 .my .review .part_goods {padding-top: 2.4rem;}
 .my .review .part_goods:first-child {margin-top: 0;}
-.my .review .part_goods .goods_section:last-of-type {margin-bottom: 0; border-bottom: 0;}
+.my .review .part_goods .goods_section:last-child {padding-bottom: 2.4rem;margin-bottom: 2.4rem;border-bottom:0.1rem solid #eee;}
+/* .my .review .part_goods .goods_section:last-of-type {padding-bottom: 2.4rem;margin-bottom: 2.4rem;border-bottom:0.1rem solid #eee;} */
+.my .review  .btn_group {padding-bottom: 2.4rem;}
+.my .review  .btn_group .btn{height: 4.0rem;}
 .my .review .part_goods .goods_detail .info_box {padding-top: 1.6rem;}
 .my .review .part_goods .goods_detail .info_box .goods_date {font-size: 1.3rem;}
 .my .review .part_goods .goods_detail .info_box .od_name .brand {padding-top: 1.5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
@@ -1147,7 +1151,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .review .reviewMy .photo_box .photo_list > ul li {display: inline-block; /*width:calc((100% - 9.0rem)/10);*/ width: 7.2rem; margin-left:0.8rem}
 .my .review .reviewMy .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
 .my .review .reviewMy .photo_box .photo_list .pic {width: 7.2rem; height: 7.2rem;}
-.my .review .reviewMy .photo_box .photo_list .pic span {display: block; width: 100%; height: 100%; background-size:100%;}
+.my .review .reviewMy .photo_box .photo_list .pic span {position: relative; display: block; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
+.my .review .reviewMy .photo_box .photo_list .pic span.thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
 .my .review .reviewMy .txt_review_box {margin-top:1.9rem; font-size: 1.3rem; line-height:2.1rem;}
 .my .review .reviewMy .reply_box {margin-top:1.5rem; padding-top:1.5rem;}
 .my .review .reviewMy .reply_box .reply {position:relative; padding:2.0rem; background:#f5f5f5;}
@@ -1382,10 +1387,11 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 /* my_return_2 */
 .my .my_return .inner {margin-bottom: 1.2rem;}
 .my .my_return .ship_info dl > div.addr {width: 100%;}
-.my .my_return .desc_txt,.my .my_exchange .desc_txt {margin-top: -1.5rem; margin-bottom: 3rem;}
+.my .my_return .desc_txt,.my .my_exchange .desc_txt {margin-top: -1.5rem; margin-bottom: 4.2rem;}
 .my .my_return .tbl .desc_txt {margin-top: 1.3rem; margin-bottom: 0;}
 .my .my_return .tbl_radio label span b {display: inline-block; font-weight: 200; margin-left: 5px;}
 .my .my_return .pay_wrap .tbl .refund_deduct {margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px dashed #ddd;}
+.my .my_return .btn_group {margin-top: -1.2rem;}
 
 /* my_return_3 */
 .my .my_return .tbl_tarea td {font-weight: 300;}
@@ -1397,6 +1403,10 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .my_return .retrieve_box.direct .ship_info dt, .my .my_return .retrieve_box.direct .ship_info dd {width: 100%; margin-bottom: 0.5rem;}
 .my .my_return .retrieve_box.direct .ship_info dl > div:first-child dd {font-weight: 300;}
 
+/* my_exchange_1 */
+.my .my_exchange .txt_ref {margin-bottom: 1.2rem;}
+.my .my_exchange .btn_group {margin-top: -1.2rem;}
+
 /* my_exchange_optionPOP_옵션변경 팝업 */
 .container.my.btPop_open::after, .container.od.btPop_open::after {display: none;}
 .container.my.btPop_open .optionChangePop, .container.od.btPop_open .couponChangePop {top: 55px;}
@@ -1430,6 +1440,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .optionChangePop .option_list li .option_field {margin-top: 1.5rem;}
 .optionChangePop .modal-footer {position: fixed; left: 0; bottom: 0; width: 100%; margin-top: 0;}
 .optionChangePop .modal-footer .btn_group_flex {margin-top: 0;}
+.optionChangePop .modal-footer .btn_group_flex .btn {height: 5rem;}
 
 /* my_return_3_accountPop_환불계좌등록 팝업 */
 .refundAccountPop .btPop_head {display: none;}
@@ -1443,12 +1454,13 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .refundAccountPop .tbl_wrap .tbl table th {padding-bottom: 1rem; font-size: 1.4rem; font-weight: 500;}
 .refundAccountPop .tbl_wrap .tbl table td {font-size: 1.4rem; padding-bottom: 3rem;}
 .refundAccountPop .tbl_wrap .tbl td input {width: 100%; padding:0 1.4rem;}
+.refundAccountPop .tbl_wrap .tbl .select {font-size: 1.3rem;}
 .refundAccountPop .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
 .refundAccountPop .tbl_wrap .tbl td .certi_wrap {width: 100%;}
 .refundAccountPop .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
 .refundAccountPop .tbl_wrap .tbl table tr:last-child th, .refundAccountPop .tbl_wrap .tbl table tr:last-child td {padding-bottom: 0;}
 .refundAccountPop .tbl_wrap .tbl table tr:last-child th {padding-bottom: 1.5rem;}
-.refundAccountPop .btn_group_flex {margin-top: 1rem;}
+.refundAccountPop .btn_group_flex {margin-top: 1rem; height: 5rem;}
 
 /* my_delivery_1 */
 .my_delivery .modal {display: inline-block; overflow-y: none;}
@@ -1494,7 +1506,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
 .my .myMbLeave .inner:nth-last-child(2) {background: #fff;margin-bottom: 0;}
 .my .myMbLeave .mb_leave_complete {text-align: center;padding: 10rem 0 4rem 0;color: #222;font-size: 2.4rem;font-weight: 500;}
 .my .myMbLeave .mb_leave_complete::before {content: '';display: block;width: 8.5rem;height: 8.5rem;position: relative;left: 50%;top: 50%;background: url(/images/mo/ico_complete_check.png) no-repeat;background-size: 100%;background-position: 50% 50%;transform: translate(-50%, -50%);}
-.my .myMbLeave .hold_order .on, .my .myMbLeave .hold_voucher, .my .myMbLeave .hold_coupon {color: #fd4802;}
+.my .myMbLeave .hold_order .on, .my .myMbLeave .hold_voucher, .my .myMbLeave .hold_coupon {color: #222;}
 .my .myMbLeave .tblWrap table {padding: 0;border-top: 0px;}
 .my .myMbLeave .tblWrap table tr td {padding-top:0;}
 .my .myMbLeave .tblWrap table tr td:first-child {border-bottom: 0;}
@@ -2423,10 +2435,11 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
 .optModifyPop .area_order > div:first-child {margin-top:0}
 .optModifyPop .area_order > div .color {}
 .optModifyPop .select_custom .combo .list {position: static;}
+.optModifyPop .area_order .sale_price {margin-left: 1rem;}
 .optModifyPop .opt_header:after {content:''; display: block; clear:both;}
 .optModifyPop .opt_header {margin-bottom: 1rem; position: relative;}
 .optModifyPop .opt_header > span {float:left;}
-.optModifyPop .opt_header .color {margin-left: 2rem; color: #666;}
+.optModifyPop .opt_header .info {margin-left: 2rem; color: #666;}
 .optModifyPop .opt_header .form_field {position: absolute; top: 0; right: 0; width:auto;}
 .optModifyPop .area_order .opt_color::before {content: ''; display: block; width:100%;border-top: 1px solid #dddddd;position: relative;top: -1.2rem;left: auto;right: auto;}
 .optModifyPop .area_order .opt_color ul {font-size: 0; width: 100%; white-space: nowrap; overflow-x: auto;}

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

@@ -372,6 +372,9 @@ $(document).ready(function () {
                     $(".tabbar").addClass("fixed");
                     $(".product_floormenu").addClass("fixed");
                 }
+                if(commonSt < 10){
+                    $(".tabbar").addClass("fixed");
+                }
                 lastScrollTop = commonSt;
             }
         })

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

@@ -925,7 +925,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 .tbl.type2 {padding:0; border-top:1px solid #000;} 
 .tbl.type2 table {word-break:keep-all;}
 .tbl.type2 table th,
-.tbl.type2 table td {position:relative; padding:20px 0; border-bottom:1px solid #ddd; font-weight:200; font-size:16px; letter-spacing:-0.025em; text-align:center;}
+.tbl.type2 table td {position:relative; padding:20px 0; border-bottom:1px solid #ddd; font-weight:500; font-size:16px; letter-spacing:-0.025em; text-align:center;}
 .tbl.type2 table th {font-weight:500;}
 
 /* 테이블 type3 - 결제정보 (구 버전) */
@@ -2711,6 +2711,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.pd_detail .area_desc .desc_wrap .timer_box p .timer em::before {content:':'; position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
 	.pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type {padding-left:15px;}
 	.pd_detail .area_desc .desc_wrap .timer_box p .timer em:first-of-type::before {display:none;}
+	.pd_detail .area_desc .desc_wrap .timer_box p .timer em#d-days::after {content:'일'}
+	.pd_detail .area_desc .desc_wrap .timer_box p .timer em#d-hours::before {display:none;}
 
 	.pd_detail .area_desc .desc_wrap .descript_box {margin-top:15px;}
 	.pd_detail .area_desc .desc_wrap .descript_box .desc_top {position:relative; height:16px; vertical-align:top;}
@@ -3215,6 +3217,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 	/* pd_popup > 사이즈정보 */
 	.modal.pd_pop.info_size_pop {max-width:none; width:840px; padding:60px;}
+	.modal.pd_pop.info_size_pop .tbl.scroll_tbl{position: relative;}
+	.modal.pd_pop.info_size_pop .tbl.scroll_tbl .head_t{float: left;width: 25% !important;display: block; color:#222}
+	.modal.pd_pop.info_size_pop .tbl.scroll_tbl .body_t{float: left;width: 75% !important;display: block;white-space: nowrap;overflow-x: auto;}
 	.pd_pop.info_size_pop .pop_cont {max-height:none;}
 	.pd_pop.info_size_pop .size_head {text-align:center; margin-bottom:20px}
 	.pd_pop.info_size_pop .size_head .tit_sub {display:block; margin-bottom:20px; font-size:14px; font-weight:200;}