js, CSS 수정

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

@@ -1780,7 +1780,7 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
 
 
 /*  modal popup  */
-.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;/*z-index:999999;*/ z-index:200; padding:0px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center;pointer-events: none;}
+.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;/*z-index:999999;*/ z-index:200; padding:0px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center;}
 .blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em;}
 .blocker.behind{background-color:transparent;}
 .modal{
@@ -1843,3 +1843,14 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
   }
 }
 
+/* popover style Tooltip */
+.tip_tit{background-color: transparent;border-radius: 100%;border: 1px solid #888888;color: #fd4802;cursor: default;display: inline-block;font-size: 12px;font-weight: 600;line-height: 1.3;position: relative;text-align: center;width: 15px;height: 15px;}
+.tip_wrap {position: relative;display: inline-block;}
+.tip_contents {width: auto;opacity: 0;visibility: hidden;position: absolute;transform: scale(.6) translateX(-45%) translateY(90%);color:#888888;border: 1px solid #ffe4d9;background-color: #fff6f2;padding: 15px;}
+.tip_contents:before {position: absolute;z-index: -1;content: "";right: calc(50% - 10px);top: -8px;border-style: solid;border-width: 0 1.0rem 1.0rem 1.0rem;border-color: transparent transparent #fff6f2 transparent;transition-duration: 0.3s;transition-property: transform;}
+.tip_contents:after, .tip_contents:before {transform: scale(1) translateY(0);}
+.tip_contents:after, .tip_contents:before {bottom: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
+.tip_contents:after {border-color: rgba(255, 246, 242, 0);border-bottom-color: #fff6f2;border-width: 10px;margin-left: -10px;}
+.tip_contents:before {border-color: rgba(255, 228, 217, 0);border-bottom-color: #ffe4d9;border-width: 11px;margin-left: -11px;top: -22px;}
+.tip_wrap:hover .tip_contents {z-index: 10;opacity: 1;visibility: visible;transform: translate(-45%, 1.0rem);transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);}
+.tip_txt {text-align: center;}

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

@@ -2263,6 +2263,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.shopping_bag .area_part + .area_part .part_goods .goods_cont .goods_info:last-child{border-bottom: 0px;}
 	.shopping_bag .part_goods .goods_cont .goods_info:last-child{margin-bottom: 0px;padding-bottom: 40px;border-bottom: 1px dashed #ddd;}*/
 	
+	.shopping_bag .tip1 .tip_contents{width: 100%; min-width:250px; transform: translate(-61px, 14px); font-size: 12px;}
+	.shopping_bag .tip1 .tip_contents:before,
+	.shopping_bag .tip1 .tip_contents:after{left: 27%;}
 
 	/* od_shopping_Bag 실시간조회상품 */
 	.container .wrap .content.od_realtime {position:relative; max-width:1460px; margin-top:120px;}
@@ -3861,13 +3864,19 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	/* .br_lookbook_view.cont_visual .text_cont {margin-top:80px; color:#666; font-size:16px; font-weight:200; line-height:26px;} */
 	
 	.br_lookbook_view.cont_txts {margin-bottom:120px;pointer-events: none;}
-	.br_lookbook_view.cont_txts .text_cont {color:#666; font-size:16px; font-weight:200; line-height:26px; background: #ffffff; pointer-events: none;}
+	.br_lookbook_view.cont_txts .text_cont {display: none;color:#666; font-size:16px; font-weight:200; line-height:26px; background: #ffffff; pointer-events: none;}
+	.br_lookbook_view.cont_txts .text_cont.active { display:block;}
 
 	.content.br_lookbook_view.cont_items {padding-top:120px; padding-bottom:120px; background:#f5f5f5;}
 	.br_lookbook_view.cont_items .cont_head h3 {margin-bottom:40px; color:#222; font-size:24px; font-weight:500;}
 	.br_lookbook_view.cont_items .cont_head h3 span.number {margin-left:4px; color:#888; font-weight:200;}
 	.br_lookbook_view.cont_items .cont_head .btn {position:absolute; right:0; bottom:0; padding:13px 24px; font-size:14px; font-weight:300; height:42px;}
 	.br_lookbook_view.cont_items .cont_head .btn span {display:inline-block; line-height:1;}
+	.br_lookbook_view.cont_items .items_outside {background: #f5f5f5;}
+	.br_lookbook_view.cont_items .items_inside {background: #f5f5f5;}
+	.br_lookbook_view.cont_items .items_outside .itemsOut {display: none;}
+	.br_lookbook_view.cont_items .items_outside .itemsOut.active {display: block;} 
+	
 	.br_lookbook_view.cont_items .area_slider {position:relative; width:100%; box-sizing:border-box;}
 	.br_lookbook_view.cont_items .area_slider .swiper-wrapper {padding-bottom:60px;}
 	.br_lookbook_view.cont_items .area_slider .swiper-container .item_prod {width:100%;}

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

@@ -384,10 +384,10 @@
 .main_deal .cont_head a {margin:30px 0;display:block;line-height:0;padding:0; color:#ddd; font-size:16px; font-weight:200;}
 .main_deal .cont_head a span::after{content:"〉";font-size:12px;padding-left:8px;}				
 .main_deal .cont_body {width:calc(100% - 520px);float:left;background:#f5f5f5;padding-top:80px;padding-bottom:80px;padding-left:100px;padding-right:140px;}
-.main_deal .deal_progress {width:266px; position:relative; margin:95px 0 40px;}
+.main_deal .deal_progress {width:266px; position:relative; margin:95px 0 40px;    overflow: visible;}
 .main_deal .deal_progress .bar_bg {width:100%; height:4px; background:#fd4802;}
 .main_deal .deal_progress .bar_current {background:#333; position:absolute; top:0; left:0; height:4px; z-index:2; max-width:100%;}
-.main_deal .deal_progress .bar_current span {position:absolute; right:-31px; top:-45px; background:#fd4802; padding:8px 10px; font-size:14px; color:#fff; font-weight:300; letter-spacing:0.1em;}
+.main_deal .deal_progress .bar_current span {width: 62px; z-index: 3; position:absolute; right:-31px; top:-45px; background:#fd4802; padding:8px 10px; font-size:14px; color:#fff; font-weight:300; letter-spacing:0.1em;}
 .main_deal .deal_progress .bar_current span:after {content:''; position:absolute; left:50%; bottom:-10px; border:5px solid transparent; transform:translateX(-50%); border-top:5px solid #fd4802;}
 .main_deal .count {}
 .main_deal .count .hotdeal:after {content:''; display:block; clear:both;}

src/main/webapp/ux/pc/js/common-ui.js

@@ -404,6 +404,11 @@ $(document).ready( function() {
 		return false;
 	});
 
+	$(".jquery-modal").modal({
+		escapeClose: false,
+		clickClose: false
+	});
+
 
 	/* 같은 데이터 노출시 동일 영역끼리 병합 */
 	$(".merge_row").each(function() {