|
|
@@ -424,7 +424,7 @@
|
|
|
.pd_detail > .inner.wide{padding-left:0!important; padding-right:0!important; padding-bottom:0;}
|
|
|
|
|
|
.pd_detail .movbox {position: relative;height: 0;padding-top: 100%;padding-bottom:50.25%;overflow: hidden;transition: all 300ms ease;transform: scale(1);}
|
|
|
-.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
|
|
|
+.pd_detail .movbox iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;pointer-events:none;}
|
|
|
|
|
|
|
|
|
.pd_detail .thumb_box{position: relative;}
|
|
|
@@ -659,7 +659,7 @@
|
|
|
.riview_box .best_review a .lap > .pic.none + div.txt_best_review{padding-left:0;}
|
|
|
.riview_box .best_review a .lap > .pic + div.txt_best_review{padding-left:1.6rem;}
|
|
|
.riview_box .best_review a .lap > div.txt_best_review p{height:6.4rem; margin-top: 0.8rem; overflow:hidden; line-height:2.1333rem; color:#666; font-size:1.3rem; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
|
|
|
-.riview_box .best_review a .star_score {display:block; margin-bottom:0.7rem; vertical-align:middle; image-rendering:pixelated;}
|
|
|
+.riview_box .best_review a .star_score {display:block; margin-bottom:0.7rem; image-rendering:pixelated;}
|
|
|
.riview_box .best_review a .star_score .star{vertical-align:middle;}
|
|
|
.riview_box .best_review a .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
.riview_box .best_review a .pic .thumb.mov::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3) url('/images/mo/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
@@ -692,7 +692,7 @@
|
|
|
.pd_detail .pd_recommend .area_slider .page .pic {position:relative;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .pic span.thumb {display:block; width:100%; height:0; padding-top:100%; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap {}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:1.0rem; box-sizing:border-box; vertical-align:middle;}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area {position:relative; display:block; height:100%; width:100%; padding:1.0rem; box-sizing:border-box;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area h5 {margin: 0 0 3.0rem;color:#222;font-size:2.0rem;font-weight:500;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item {height:calc(100% - 14.0rem); overflow-y:auto;}
|
|
|
@@ -814,7 +814,7 @@ header .htop.trans{position:absolute; background:transparent !important;}
|
|
|
.cs .fold_head .fold_tit .lap2 span{font-weight:500;}
|
|
|
.cs .fold_head .fold_state{padding:0.2rem 0.3rem;}
|
|
|
.cs .fold_head .data{font-family: 'LATO', 'Noto Sans kr', sans-serif;}
|
|
|
-.Purchase_pop .select_custom .combo .list>li{padding:1.2rem; line-height:2rem; word-wrap: break-word;}
|
|
|
+.Purchase_pop .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
|
|
|
/* 210415 */
|
|
|
.dp .popup_box .button_list.clear button{width:100% !important;}
|
|
|
.dp .open_categori a{display: inline-block;font-size: 1.2rem;font-weight: 300;padding-right: 1.4rem;background: url(/images/mo/ico_sort_arrow.png) no-repeat right center;background-size: 0.7rem 0.43rem;}
|
|
|
@@ -822,30 +822,14 @@ header .htop.trans{position:absolute; background:transparent !important;}
|
|
|
/*.dp .dp_Bulletship .inner:first-child{margin-bottom:0; padding-bottom:0;}*/
|
|
|
.dp .items_option{padding-top:0; margin:0 2rem;}
|
|
|
.dp .items_option #filter{height:4.5rem; border:0.1rem solid #dddddd; font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
|
|
|
-.dp .items_option.fix{position:fixed; top:0; z-index:999; width:100%; left:0; margin:0}
|
|
|
+.dp .items_option.fix{position:fixed; top:0; z-index:999; width:100%; left:0; margin:0; box-shadow:rgb(0 0 0 / 30%) 0px 3px 15px 0px;}
|
|
|
.dp .dp_listItems_wrap .items_option #filter{font-size:1.2rem; color:#666666; width:100%;line-height:4.5rem; padding:0 1.5rem; background-color:#fff;}
|
|
|
.Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
|
|
|
/* 210416 */
|
|
|
.dp .filter_box .filter_body .daps1{position:sticky; top:0; background-color:#fff; z-index: 9999;}
|
|
|
-.deal_list_select .list>li[aria-disabled="true"] {
|
|
|
- text-decoration: line-through;
|
|
|
- background: #fff;
|
|
|
- color: #bbb;
|
|
|
- pointer-events: none;
|
|
|
-}
|
|
|
-.deal_list_select .list>li[data-soldout="true"] {
|
|
|
- pointer-events: none;
|
|
|
-}
|
|
|
-.deal_list_select .list>li[data-soldout="true"]::after {
|
|
|
- content: '품절';
|
|
|
- display: inline-block;
|
|
|
- font-size: 12px;
|
|
|
- color: #bbbbbb;
|
|
|
- position: absolute;
|
|
|
- right: 15px;
|
|
|
- top: 0;
|
|
|
- bottom: 0;
|
|
|
-}
|
|
|
+.deal_list_select .list>li[aria-disabled="true"] {text-decoration: line-through;background: #fff;color: #bbb;pointer-events: none;}
|
|
|
+.deal_list_select .list>li[data-soldout="true"] {pointer-events: none;}
|
|
|
+.deal_list_select .list>li[data-soldout="true"]::after {content: '품절';display: inline-block;font-size: 12px;color: #bbbbbb;position: absolute;right: 15px;top: 0;bottom: 0;}
|
|
|
.dp .mid_banner{margin-top:-6rem}
|
|
|
/* 210419 */
|
|
|
.pd_qnalist_pop .ui_foot{padding:0 2rem}
|
|
|
@@ -861,6 +845,29 @@ header .subs .dp_list_btn_gnbs span i {display: block;position: absolute;left: 0
|
|
|
header .subs .dp_list_btn_gnbs span {display: block;width: 24px;height: 24px;margin: 0 auto;position: relative;}
|
|
|
header .subs .dp_list_btn_gnbs span i {background: url(/images/mo/ico_btn_more.png) no-repeat;background-size: 1.3rem 0.733rem;background-position: 50% 50%;}
|
|
|
header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
|
|
|
+/* 210422 */
|
|
|
+/* 플롯팅 메뉴 > 구매하기 */
|
|
|
+.brand_floormenu{position:fixed; bottom:0; left:0; width:100%; height:5.8rem; line-height:5.8rem; z-index:20;}
|
|
|
+.brand_floormenu > div{float:left; color:#fff; text-align:center;}
|
|
|
+.brand_floormenu > div:nth-child(1){width:37%;}
|
|
|
+.brand_floormenu > div:nth-child(2){width:63%; background-color:#fd4802;}
|
|
|
+.brand_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
|
|
|
+.brand_floormenu .share_like{overflow:hidden;}
|
|
|
+.brand_floormenu .share_like > button{float:left; width:100%; font-size:0; text-indent:-999999px;}
|
|
|
+.brand_floormenu .share_like > button.refresh{background:#000 url(/images/mo/dp_refresh.png) center center no-repeat; background-color:#222222;}
|
|
|
+/*.brand_floormenu .share_like > button.like{background:#000 url(/images/mo/ico_floorbtn_like.png) center center no-repeat; background-size:2rem;}*/
|
|
|
+.brand_floormenu .prd_buy > .buying{display:block; background-color:#fd4802;}
|
|
|
+.brand_floormenu .prd_buy > .cantbuying{display:none;}
|
|
|
+.brand_floormenu.soldout .prd_buy > .buying{display:none;}
|
|
|
+.brand_floormenu.soldout .prd_buy > .cantbuying{display:block; background-color:#ddd;}
|
|
|
+.dp_lookbook ~ .popup_box .popup_con{margin-bottom:5rem}
|
|
|
+.dp_listItems_cont.type1 .open_categori{background-color:#fff; padding: 1.6rem 2rem;}
|
|
|
+/* 210423 */
|
|
|
+.br .brand_si{margin-top:0.1rem}
|
|
|
+.br .brand_si .swiper-wrapper{height:0;}
|
|
|
+.br .brand_si .swiper-wrapper .swiper-slide:nth-child(odd){border-bottom:0rem none;}
|
|
|
+.Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888}
|
|
|
+.select_custom .combo .list>li[aria-disabled="true"] .opt_price{color:#bbb !important}
|
|
|
|
|
|
|
|
|
|
|
|
@@ -1142,7 +1149,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
/* pd_pop > 상품문의 페이지 */
|
|
|
.modal.pd_pop.pd_qnalist_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:1px solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
|
|
|
.modal.pd_pop.pd_qnalist_pop .modal-body{position:relative; margin:auto; padding:9.3rem 0 3rem;}
|
|
|
-.modal.pd_pop.pd_qnalist_pop .ui_row{margin:0 -1.33rem!important 0; width:auto;}
|
|
|
+.modal.pd_pop.pd_qnalist_pop .ui_row{margin:0 -1.33rem!important; width:auto;}
|
|
|
.modal.pd_pop.pd_qnalist_pop .pd_qnalist > .btn_group_flex{position:fixed; width: 100%; bottom: 0; margin-top: 0;}
|
|
|
.pd_qnalist .qna_list .foldGroup {margin-bottom:0;}
|
|
|
.pd_qnalist .qna_list {margin-top:3rem;}
|
|
|
@@ -1269,7 +1276,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.pd_review .area_rv_average .average .part_average dl dt {float:left; padding-left:0.7rem; width:7.2rem; font-size:1.2rem; box-sizing:border-box;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd {position:relative; float:left; width:calc(100% - 7.2rem); padding-right:4.7rem; box-sizing:border-box;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd::after {content:''; clear:both; display:block;}
|
|
|
-.pd_review .area_rv_average .average .part_average dl dd span {float:left; display:inline-block;}
|
|
|
+.pd_review .area_rv_average .average .part_average dl dd span {float:left; /*display:inline-block;*/}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .ratio {width:100%; height:5px; margin-top:6px; background:#f5f5f5; overflow:hidden;}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar {display:inline-block; position:relative; height:8px; background:#ddd; vertical-align:top; margin-left:0}
|
|
|
.pd_review .area_rv_average .average .part_average dl dd .ratio .progbar::after {content:''; position:absolute; right:-8px; top:0; width:0; height:0; border:4px solid #ddd; border-bottom-color:transparent;border-right-color:transparent;}
|
|
|
@@ -1682,7 +1689,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
color: #222;
|
|
|
font-weight: 300;
|
|
|
word-break: keep-all;
|
|
|
-}}
|
|
|
+}
|
|
|
|
|
|
/* 베스트 - dp_best */
|
|
|
.dp .dp_best .count_wrap{padding-top:0;}
|
|
|
@@ -1986,7 +1993,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.filter_body > ul > li .filter_content [class*="pdColor"] {position: relative; display: inline-block; width:2.4rem; height: 2.4rem; cursor: pointer;}
|
|
|
.filter_body > ul > li .colorbox li [class*="pdColor"]:before {content: ""; display: inline-block; width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box;}
|
|
|
.filter_body > ul > li.color .daps1 span [class*="pdColor"]{position:relative; display:inline-block; margin-left:0.5rem; width:1.2rem; height:1.2rem; border-radius:50%; overflow:hidden;}
|
|
|
-.filter_body > ul > li.color .daps1 span [class*="pdColor"]:before{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; cursor: pointer; vertical-align:top;}
|
|
|
+.filter_body > ul > li.color .daps1 span [class*="pdColor"]:before{content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; cursor: pointer;}
|
|
|
.pdColor-color01::before {background-color: #000;}
|
|
|
.pdColor-color02::before {background-color: #7f7f7f;}
|
|
|
.pdColor-color03::before {background-color: #ff0306;}
|
|
|
@@ -2221,7 +2228,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.htop.br_lookbook h1 { color: #fff !important; margin: 1rem 0 0 2rem;}
|
|
|
.htop.br_lookbook .btn_back { margin: 1.4rem 0 0 0;}
|
|
|
.htop.br_lookbook .btn_back img { width: 1.5rem; height: 1rem;}
|
|
|
-.htop.br_lookbook .button_wrap {height: 5.5rem; display: inline-block; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
|
|
|
+.htop.br_lookbook .button_wrap {height: 5.5rem; /*display: inline-block;*/ float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
|
|
|
.htop.br_lookbook .button_wrap .br_search { margin: 0 2.5rem 0 0; width: 2.3rem; height: 2.4rem;}
|
|
|
.htop.br_lookbook .button_wrap .br_store img:nth-child(1) { width: 1.8rem; height: 2.2rem; }
|
|
|
.htop.br_lookbook .button_wrap .br_store span { width: 2.1rem; height: 1.5rem; position: absolute; top: 1.2rem; right: 1.5rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
|
|
|
@@ -2265,10 +2272,10 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
.br_search_wrap .swiper-container { width: 100%; height: 21.4rem; margin-left: auto; margin-right: auto; }
|
|
|
.br_search_wrap .swiper-slide { text-align: center; font-size: 1.8rem; background: #fff; height: calc((100% - 30px) / 2); /* Center slide text vertically--> */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
|
|
|
.br_search_wrap .swiper-slide {width: 12rem; height: 8rem;}
|
|
|
-.br_search_wrap .swiper-slide {border-bottom: 0.1rem solid #eeeeee; border-right: 1px solid #eeeeee;}
|
|
|
+.br_search_wrap .swiper-slide {border-bottom: 0.1rem solid #eeeeee; border-right: 0.1rem solid #eeeeee; border-top: 0.1rem solid #eeeeee;}
|
|
|
.br_search_wrap .swiper-slide:nth-child(1) {border-left: 0.1rem solid #eeeeee;}
|
|
|
.br_search_wrap .swiper-slide:nth-child(2) {border-left: 0.1rem solid #eeeeee;}
|
|
|
-.br_search_wrap .swiper-slide > div { width: 12.6rem; height: 8rem; margin: 0; padding: 2.5rem 2rem 0; box-sizing: border-box;}
|
|
|
+.br_search_wrap .swiper-slide > div { width: 12.6rem; margin: 0; box-sizing: border-box; padding:0.6rem;}
|
|
|
.br_search_wrap .swiper-pagination-bullet-active { background: #fd4802;}
|
|
|
.br_search_wrap .hmenu .line { width: 100%; height: 1.4rem; background: #f5f5f5; margin: 1rem 0 0;}
|
|
|
.br_search_wrap .hmenu .brand_si .swiper-pagination-bullet{margin-right:0.8rem;}
|
|
|
@@ -2291,7 +2298,7 @@ header .subs .dp_list_btn_gnbs.on span i {transform: rotate(-180deg);-webkit-tra
|
|
|
/* 브랜드 - br_search */
|
|
|
.htop.br { overflow: hidden;}
|
|
|
/* 제거 예정/ 공통으로 교체 */
|
|
|
-.htop.br .button_wrap {height: 5.5rem; display: inline-block; float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
|
|
|
+.htop.br .button_wrap {height: 5.5rem; /*display: inline-block;*/ float: right; padding: 1.6rem 0 0; margin: 0 2.5rem 0 0; box-sizing: border-box;}
|
|
|
.htop.br .button_wrap .br_search { margin: 0 2.5rem 0 0; }
|
|
|
.htop.br .button_wrap .br_store img:nth-child(1) { height: 2rem; }
|
|
|
.htop.br .button_wrap .br_store span { width: 2.1rem; height: 1.5rem; position: absolute; top: 1.2rem; right: 1.5rem; background: #fd4802; border-radius: 0.8rem; font-size: 0.8rem; color: #fff; line-height: 1.6rem;}
|
gagamel