|
|
@@ -464,13 +464,10 @@
|
|
|
.pd .pd_detail .Purchase_pop .item_prod .itemPrice_original{margin-left:0.5rem;}
|
|
|
.pd .pd_detail .Purchase_pop .select_custom.on .combo .select{border-bottom:1px solid #dcdcdc;}
|
|
|
.pd .pd_detail .Purchase_pop .select_custom .combo .list>li{padding:1.2rem 4.2rem 1.2rem 1.2rem; line-height:2rem; word-wrap: break-word;}
|
|
|
-.pd .pd_detail .Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem}
|
|
|
-
|
|
|
+.pd .pd_detail .Purchase_pop .select_custom .combo .list>li[data-soldout="true"]::after{top:1rem;}
|
|
|
.pd .pd_detail .Purchase_pop .select_custom .opt_price{font-size:1.2rem; color:#888888;}
|
|
|
-.pd .pd_detail .Purchase_pop .deal_opt_item .select{padding-bottom:0}
|
|
|
-
|
|
|
-.pd .pd_detail .Purchase_pop .deal_opt_item .select .item_prod{top:-0.2rem}
|
|
|
-
|
|
|
+.pd .pd_detail .Purchase_pop .deal_opt_item .select{padding-bottom:0;}
|
|
|
+.pd .pd_detail .Purchase_pop .deal_opt_item .select .item_prod{top:-0.2rem;}
|
|
|
.pd .pd_detail .Purchase_pop .btn_box{display:flex;}
|
|
|
.pd_detail .pd_info > .inner:after, .pd_detail > .inner:after{content: '';width: 100%;height: 1.2rem;padding: 0;background: #f5f5f5;position: absolute;bottom: -1.2rem;left: 0;right: auto;}
|
|
|
.pd_detail > .inner:last-child::after{content: '';width: 100%;height: 0rem;}
|
|
|
@@ -608,21 +605,21 @@
|
|
|
.pd_detail .option_box .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
|
|
|
.pd_detail .option_box .opt_count .number_count .minus::after {content:''; background-position:0 0;}
|
|
|
.pd_detail .option_box .opt_count .number_count input[type='text'] {width:3.2rem; height:3.2rem; padding:0; text-align:center; color:#222; font-size:1.5rem; font-weight:200; border:none; font-family:'LATO','Noto Sans kr',sans-serif; background:#fff;}
|
|
|
-.pd_detail .price_box {padding:1rem 2rem; border-top:1px solid #222;}
|
|
|
+.pd_detail .price_box {background-color: #fff; padding:1rem 2rem; border-top:0.1rem solid #222; display: block; width: 100%; height: 4.2rem; position: absolute; bottom: 5.8rem; left: 0;}
|
|
|
.pd_detail .price_box::after {content:''; clear:both; display:block;}
|
|
|
-.pd_detail .price_box .number {float:left; color:#666; font-size:1.2rem; font-weight:200; margin-top:0.3rem}
|
|
|
+.pd_detail .price_box .number {float:left; color:#666; font-size:1.2rem; font-weight:200; margin-top:0.3rem;}
|
|
|
.pd_detail .price_box .price {float:right; color:#222; font-size:1.5rem; font-weight:500;}
|
|
|
.pd_detail .price_box .price em {font-size:1.5rem;}
|
|
|
|
|
|
/* 재확인할 것 */
|
|
|
-.form_field.mb20{margin-bottom:2rem !important}
|
|
|
+.form_field.mb20{margin-bottom:2rem !important;}
|
|
|
/*.cs .cs_contactUs_1 .inner.m_pb45{padding-bottom:4.5rem;}*/
|
|
|
.opt_name {margin-bottom:0.4rem;}
|
|
|
.pd_line_box{padding:0.7rem; background:#f5f5f5; width:100%; margin:0 -2rem; display:block; position: absolute; bottom:0;}
|
|
|
.select_custom .combo .list>li[aria-disabled="true"] .opt_price{color:#bbb !important}
|
|
|
/* popup_box알수없음 */
|
|
|
.dp .popup_box .button_list.clear button{width:100% !important;}
|
|
|
-.dp_lookbook ~ .popup_box .popup_con{margin-bottom:5rem}
|
|
|
+.dp_lookbook ~ .popup_box .popup_con{margin-bottom:5rem;}
|
|
|
.dp .dp_lookbook ~ .popup_box.nodata .popup_con{margin-bottom:0;}
|
|
|
/* 재확인할 것 */
|
|
|
|
|
|
@@ -638,25 +635,25 @@
|
|
|
.pd_detail .benefit_box dl dd span {display:block;}
|
|
|
.pd_detail .benefit_box dl dd .btn_popup {position:absolute; right:0; top:0; line-height:1.4!important; font-size:1.3rem; color:#666666; z-index:2;}
|
|
|
.pd_detail .benefit_box dl dd .btn_popup > span{position: relative;}
|
|
|
-.pd_detail .benefit_box dl dd .btn_popup > span:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#666;}
|
|
|
+.pd_detail .benefit_box dl dd .btn_popup > span:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:0.1rem; background:#666;}
|
|
|
/* 4 */
|
|
|
.pd_detail .benefit_box{padding-top:3rem;}
|
|
|
/* 5 */
|
|
|
.pd_detail .pd_together{padding-top:3rem;}
|
|
|
.pd_detail .pd_together .item_prod .itemName{max-height: 3.3rem;min-height: 3rem; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;overflow-wrap: break-word;width: calc(100% - 10%);}
|
|
|
.pd_detail .brand_home{margin-bottom:-1.2rem;}
|
|
|
-.pd_detail .brand_home .link_go{display:block; padding:1rem 2rem; font-size:1.4rem; color:#222; font-weight:500; border-bottom:1px solid #eee;}
|
|
|
+.pd_detail .brand_home .link_go{display:block; padding:1rem 2rem; font-size:1.4rem; color:#222; font-weight:500; border-bottom:0.1rem solid #eee;}
|
|
|
.pd_detail .brand_home .link_go:before{content:''; display:inline-block; margin-right:1.2rem; width:3.4rem; height:3.4rem; background:#000 url(/images/mo/ico_branb_home.png) center center no-repeat; border-radius:50%; background-size:contain; vertical-align:middle;}
|
|
|
.pd_detail .brand_home .link_go:after{content:''; display:inline-block; margin-left:0.6rem; width:0.6rem; height:0.9rem; background:url(/images/mo/ico_brandhome_arrow.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
.pd_detail .content.pd_descrp{padding-top:3rem;}
|
|
|
.pd_descrp .btn_group_flex{width:92%; margin: 0 auto; padding-bottom:4rem;}
|
|
|
-[class*="pd_descrp"] .btn_group_flex button{border: 1px solid #fd4802; color: #fd4802; background: #fff;}
|
|
|
+[class*="pd_descrp"] .btn_group_flex button{border: 0.1rem solid #fd4802; color: #fd4802; background: #fff;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button span{position:relative; padding-right:2rem;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button span::after {content:""; position:absolute; right:0.4rem; top:0.1rem; transform:rotate(90deg); width:0.7rem; height:1.3rem; background:url(/images/mo/ico_mb_arrow2.png) no-repeat 0 0; background-size:auto 100%;}
|
|
|
[class*="pd_descrp"] .btn_group_flex button.active span::after {transform:rotate(-90deg);}
|
|
|
[class*="pd_descrp"] {width:100%;}
|
|
|
[class*="pd_descrp"] .cont_body {max-height:58rem; overflow:hidden;}
|
|
|
-[class*="pd_descrp"] .cont_body.on {max-height:none; overflow-y:visible;overflow: visible;}
|
|
|
+[class*="pd_descrp"] .cont_body.on {max-height:none; overflow-y:visible;}
|
|
|
[class*="pd_descrp"] .cont_body > div {position:relative; width:100%; padding:0 2.0rem 1.3rem 2.0rem;}
|
|
|
[class*="pd_descrp"] .descrp_box {}
|
|
|
[class*="pd_descrp"] .descrp_box > div {margin-top:2.4rem;}
|
|
|
@@ -678,14 +675,14 @@
|
|
|
[class*="pd_descrp"] .view_label_box .view{margin:0;}
|
|
|
[class*="pd_descrp"] [class^="view_"] .view img {display:block; margin:0.5rem auto 0}
|
|
|
[class*="pd_descrp"] [class^="view_"] .view img:first-child {margin-top:0}
|
|
|
-[class*="pd_descrp"] .view_label_box .view span {display:block; margin:0 -0.5rem; overflow:hidden;}
|
|
|
-[class*="pd_descrp"] .view_label_box .view span img {float:left; width:50%; margin-top:0; padding:0 0.5rem; box-sizing:border-box;}
|
|
|
+[class*="pd_descrp"] .view_label_box .view span {display:block; margin:0 -0.5rem; overflow:hidden; text-align: center; font-size: 0;}
|
|
|
+[class*="pd_descrp"] .view_label_box .view span img {display: inline-block; width:50%; margin-top:0; padding:0 0.5rem; box-sizing:border-box;}
|
|
|
[class*="pd_descrp"] .view_label_box .view img:first-child {margin-left:0}
|
|
|
[class*="pd_descrp"] .view_outfit_box {}
|
|
|
[class*="pd_descrp"] .view_detail_box {}
|
|
|
-[class*="pd_descrp"] .brand_box {padding:3rem 2rem !important; margin:6rem -2rem 0; width:auto!important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box;}
|
|
|
+[class*="pd_descrp"] .brand_box {padding:3rem 2rem !important; margin:6rem -2rem 0; width:auto!important; border-top:0.1rem solid #ddd; border-bottom:0.1rem solid #ddd; text-align:center; box-sizing:border-box;}
|
|
|
[class*="pd_descrp"] .brand_box .name {margin-bottom:1rem; color:#222; font-size:1.8rem; font-weight:bold;}
|
|
|
-[class*="pd_descrp"] .brand_box a {display:inline-block; border:1px solid #ddd; font-size:1.3rem; color:#222; font-weight:300; line-height: 4.3rem; width: 92%;}
|
|
|
+[class*="pd_descrp"] .brand_box a {display:inline-block; border:0.1rem solid #ddd; font-size:1.3rem; color:#222; font-weight:300; line-height: 4.3rem; width: 92%;}
|
|
|
[class*="pd_descrp"] .required_box {margin-bottom:4.0rem;}
|
|
|
[class*="pd_descrp"] .required_box .area_detail {text-align:center;}
|
|
|
[class*="pd_descrp"] .required_box .area_detail img {max-width:100%;}
|
|
|
@@ -697,26 +694,26 @@
|
|
|
[class*="pd_descrp"] .required_box .area_kcl > div:first-child{width:4.5rem;}
|
|
|
[class*="pd_descrp"] .required_box .area_kcl p {color:#222; font-size:1.3rem; letter-spacing:-0.025em;}
|
|
|
[class*="pd_descrp"] .required_box .area_kcl p a{position:relative; color:#666; cursor: pointer;}
|
|
|
-[class*="pd_descrp"] .required_box .area_kcl p a:after{display:block; content:''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:1px; background:#666666;}
|
|
|
+[class*="pd_descrp"] .required_box .area_kcl p a:after{display:block; content:''; position:absolute; left:0; bottom:-0.2rem; width:100%; height:0.1rem; background:#666666;}
|
|
|
[class*="pd_descrp"] .required_box .area_kcl .tit {margin-top:0; margin-bottom:0.5rem; font-size:1.3rem;}
|
|
|
[class*="pd_descrp"] .required_box .area_kcl a.linktxt3 {margin-left:2.0rem; color:#888; font-weight:200; text-decoration:none !important;}
|
|
|
[class*="pd_descrp"] .required_box .area_kcl .ico_kcl {position:relative;}
|
|
|
-[class*="pd_descrp"] .required_box .tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;}
|
|
|
+[class*="pd_descrp"] .required_box .tbl.type1 {border-top:0.1rem solid #000; border-bottom:0.1rem solid #ddd;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type1 table th,
|
|
|
[class*="pd_descrp"] .required_box .tbl.type1 table td {position:relative; padding:0.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em; word-break: break-all;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type1 table th {font-weight:400; width:8rem;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type1 table td {color:#666666}
|
|
|
-[class*="pd_descrp"] .required_box .tbl.type2 {padding:0; border-top:1px solid #000;}
|
|
|
+[class*="pd_descrp"] .required_box .tbl.type2 {padding:0; border-top:0.1rem solid #000;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type2 table {width:100%; word-break:keep-all;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type2 table th,
|
|
|
-[class*="pd_descrp"] .required_box .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
|
|
|
+[class*="pd_descrp"] .required_box .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:0.1rem solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
|
|
|
[class*="pd_descrp"] .required_box .tbl.type2 table th {font-weight:300; color:#222;}
|
|
|
[class*="pd_descrp"] .required_box .dot_info {position:relative; padding-left:0.8rem; font-size:1.1rem;}
|
|
|
[class*="pd_descrp"] .required_box .dot_info::before {content:'·'; position:absolute; left:0; top:0; line-height:inherit;}
|
|
|
[class*="pd_descrp"] .btn_more_box {position:relative; width:100%; background:#fff; text-align:center; z-index:2;}
|
|
|
[class*="pd_descrp"] .btn_more_box.covered::after {content:''; position:absolute; left:0; right:0; top:-8rem; width:100%; height:8rem; 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 .btnL {border:1px solid #fd4802; color:#fd4802;}
|
|
|
+[class*="pd_descrp"] .btn_more_box .btnL {border:0.1rem solid #fd4802; color:#fd4802;}
|
|
|
[class*="pd_descrp"] .btn_more_box .btnL span {position:relative; padding-right:3.5rem;}
|
|
|
[class*="pd_descrp"] .btn_more_box .btnL .ico {margin-left:2.0rem; margin-right:0;}
|
|
|
/* 6 */
|
|
|
@@ -732,7 +729,7 @@
|
|
|
.riview_box .ex_review .star_score .star .progbar {display:inline-block;vertical-align: top; height:1.4rem; background:#fd4802}
|
|
|
.riview_box .ex_review .star_score .score {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
.riview_box .best_review {margin-bottom:1.4rem; text-align:left;}
|
|
|
-.riview_box .best_review a {display:block; position:relative; padding:2rem; border:1px solid #eee;}
|
|
|
+.riview_box .best_review a {display:block; position:relative; padding:2rem; border:0.1rem solid #eee;}
|
|
|
.riview_box .best_review a .star_score .star {display:inline-block; position:relative; width:9.3rem; height:1.4rem; background:#ddd;}
|
|
|
.riview_box .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:1.4rem; background:url('/images/mo/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
.riview_box .best_review a .star_score .star .progbar {display:inline-block; height:1.4rem; background:#fd4802; vertical-align:top;}
|
|
|
@@ -754,8 +751,8 @@
|
|
|
.pd_detail .riview_box [class^="ex_"] > a .tit {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
.pd_detail .riview_box [class^="ex_"] > a .tit em.number {margin-left:0.4rem; color:#666; font-weight:200;}
|
|
|
.pd_detail .exinfo_box {margin:0 -2rem 0;}
|
|
|
-.pd_detail .exinfo_box ul {border-top:1px solid #ddd}
|
|
|
-.pd_detail .exinfo_box ul li {padding:1.8rem 2rem; border-bottom:1px solid #ddd}
|
|
|
+.pd_detail .exinfo_box ul {border-top:0.1rem solid #ddd}
|
|
|
+.pd_detail .exinfo_box ul li {padding:1.8rem 2rem; border-bottom:0.1rem solid #ddd;}
|
|
|
.pd_detail .exinfo_box ul li:last-child {border-bottom:0}
|
|
|
.pd_detail .exinfo_box ul li [class^="ex_"] > a {display:block; background:url('/images/mo/pd_arrow.png') right center no-repeat; image-rendering:pixelated;}
|
|
|
.pd_detail .exinfo_box ul li [class^="ex_"] > a::after {content:''; clear:both; display:block;}
|
|
|
@@ -786,8 +783,8 @@
|
|
|
.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;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar {width: 0.2rem;}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-thumb {background-color:#888888; border-radius: 0px; background-clip: padding-box;border: 0px solid transparent;}
|
|
|
-.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0px;}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-thumb {background-color:#888888; border-radius: 0; background-clip: padding-box;border: 0px solid transparent;}
|
|
|
+.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item::-webkit-scrollbar-track {background-color: #dddddd;border-radius: 0;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li {position:relative; height:15.0rem; margin-top:2.0rem;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li:first-child {margin-top:0;}
|
|
|
.pd_detail .pd_recommend .area_slider .page .item_wrap .item_area .li_item ul li .item_prod {display:block; width:100%;}
|
|
|
@@ -803,7 +800,7 @@
|
|
|
.pd_detail .pd_recommend .pic_img{margin:0 -2rem 2rem;}
|
|
|
.pd_detail .pd_recommend .pic_list .item_prod .itemName{display: block; min-height:3rem; max-height: 3.3rem; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word; width: calc(100% - 10%);}
|
|
|
.pd_detail .pd_recommend .pic_list .btn_group_flex{margin-top:3rem;}
|
|
|
-.pd_detail .pd_recommend .pic_list .btn_group_flex button{border: 1px solid #fd4802; color: #fd4802; background-color:#fff;}
|
|
|
+.pd_detail .pd_recommend .pic_list .btn_group_flex button{border: 0.1rem solid #fd4802; color: #fd4802; background-color:#fff;}
|
|
|
.pd_detail .pd_samebrand{}
|
|
|
.pd_detail .pd_relate{}
|
|
|
.pd_detail .pd_relate .area_slider .itemName {height:3.2rem}
|
|
|
@@ -816,7 +813,7 @@
|
|
|
.product_floormenu > div:nth-child(2){width:63%; background-color:#fd4802;}
|
|
|
.product_floormenu button{display:block; width:100%; height:5.8rem; line-height:5.8rem; font-size:1.6rem; font-weight:500;}
|
|
|
.product_floormenu .share_like{overflow:hidden;}
|
|
|
-.product_floormenu .share_like > button{float:left; width:50%; font-size:0; text-indent:-999999px;}
|
|
|
+.product_floormenu .share_like > button{float:left; width:50%; font-size:0; text-indent:-99999.9rem;}
|
|
|
.product_floormenu .share_like > button.share{background:#000 url(/images/mo/ico_floorbtn_share.png) center center no-repeat; background-size:1.6rem;}
|
|
|
/* .product_floormenu .share_like > button.like{background:#000 url(/images/mo/ico_floorbtn_like.png) center center no-repeat; background-size:2rem;} */
|
|
|
.product_floormenu .share_like > button.itemLike {background:#000 url('/images/mo/ico_floorbtn_like.png') center center no-repeat;background-size:2rem;}
|
|
|
@@ -838,7 +835,7 @@
|
|
|
/* .pd_pop.Purchase_pop .btPop_body{max-height:70rem;} */
|
|
|
|
|
|
/* 재확인 할 것 */
|
|
|
-.pd_pop.Purchase_pop .btPop_body{height:calc(100% - 10rem);}
|
|
|
+.pd_pop.Purchase_pop .btPop_body{height: calc(100% - 5.95rem);}
|
|
|
.pd_pop.Purchase_pop .select_custom .combo .list{position:relative; top:0; margin-top:-0.6rem}
|
|
|
|
|
|
|
|
|
@@ -852,7 +849,7 @@
|
|
|
.pd_pop.Purchase_pop .option_box .opt_color{padding-top:0}
|
|
|
.pd_pop.Purchase_pop .btn_box{}
|
|
|
.pd_pop.Purchase_pop .btn_box:after{content:''; display:block; clear:both;}
|
|
|
-.pd_pop.Purchase_pop .btn_box button {display: block; height: 5.8rem; line-height: 5.8rem; font-size: 1.6rem; font-weight: 500; float:left; width:100%; color:#fff; border-top:1px solid #ddd; box-sizing:border-box;}
|
|
|
+.pd_pop.Purchase_pop .btn_box button {display: block; height: 5.8rem; line-height: 5.8rem; font-size: 1.6rem; font-weight: 500; float:left; width:100%; color:#fff; border-top:0.1rem solid #ddd; box-sizing:border-box;}
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift{position:relative; background:#444 url(/images/mo/ico_present_purchase.png) center center no-repeat; background-size:1.8rem; font-size:0; width:30%;}
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift > span{position:relative; display:inline-block; width:1.8rem; height:1.9rem;}
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift > span > span{position:absolute; left:0; top:0; display:inline-block; padding:0.3rem 1rem; font-size:1.2rem; color:#fff; background-color:#fd4801; -webkit-transform:translate(0 ,-125%); transform:translateX(0 ,-125%);}
|
|
|
@@ -860,7 +857,7 @@
|
|
|
.pd_pop.Purchase_pop .btn_box button.gift > span > span:after{content:''; display:block; position:absolute; bottom:-1rem; left:0.4rem; border:0.5rem solid transparent; border-bottom-color:#ff7800; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
|
|
|
.pd_pop.Purchase_pop .btn_box button.cart{background-color:#222222;}
|
|
|
.pd_pop.Purchase_pop .btn_box button.buyNow{background-color:#fd4801;}
|
|
|
-.pd_pop.Purchase_pop .npay_box{margin-top:2.8rem; margin-bottom:2.5rem; border-top:2px solid #222; height:7.4rem;}
|
|
|
+.pd_pop.Purchase_pop .npay_box{margin-top:2.8rem; margin-bottom:2.5rem; border-top:0.2rem solid #222; height:7.4rem;}
|
|
|
.pd_pop.Purchase_pop .form_wrap .form_field{display: block; margin-bottom:1rem;}
|
|
|
|
|
|
|
|
|
@@ -909,7 +906,7 @@
|
|
|
/* 상품상세 및 상품상세딜_옵션선택팝업 */
|
|
|
.pd .pd_detail .pop_option_select {display:none; position:fixed; bottom:0; left:0; width:100%; box-sizing:border-box; z-index:1000; background: #ffffff; height:84%;}
|
|
|
.pd .pd_detail .pop_option_select .pp_body{position:relative; padding:2rem; overflow:scroll; height:100%; background-color:#fff;}
|
|
|
-.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
|
|
|
+.pd .pd_detail .pop_option_select .close{position: absolute; z-index: 99; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width:3.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -999.9rem; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
|
|
|
.pd .pd_detail .pop_option_select .opt_header{margin-bottom:2rem;}
|
|
|
.pd .pd_detail .pop_option_select .opt_header:after{display:block; content:''; clear:both;}
|
|
|
.pd .pd_detail .pop_option_select .opt_header .title{position:relative; float:left; font-size:1.6rem; color:#222222; font-weight:500;}
|
|
|
@@ -918,6 +915,7 @@
|
|
|
.pd .pd_detail .pop_option_select .text_excluding{margin-top:-1rem; padding:1.2rem; background-color:#383838; font-size:1.3rem; color:#fff; text-align:center;}
|
|
|
|
|
|
.pd .pd_detail .pop_option_select .form_wrap .form_field{display: block; margin-bottom:1rem;}
|
|
|
+.pd .pd_detail .pop_option_select .form_wrap .form_field > p {margin-bottom: 1rem;}
|
|
|
.pd .pd_detail .pop_option_select .form_wrap .form_field .select:before{color:#333333}
|
|
|
.pd .pd_detail .pop_option_select .form_wrap .form_field .select .opt_name{pointer-events: none;}
|
|
|
.pd .pd_detail .pop_option_select .form_wrap .form_field .select .opt_price{pointer-events: none;display: none;}
|
|
|
@@ -936,15 +934,15 @@
|
|
|
#shoppingBagModal .shoppingBag_box{position:relative; padding:2.5rem 2rem; text-align:center;}
|
|
|
#shoppingBagModal .shoppingBag_box::after {content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: currentColor; background:rgba(34,34,34,.9); clip-path: polygon(40px 0, 40px 30px, 30px 40px, 0 40px, 0 0); clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% calc( 100% - 10px), calc( 100% - 10px) 100%, 0 100%, 0 0);}
|
|
|
#shoppingBagModal .shoppingBag_box p{font-size:1.3rem; color:#fff;}
|
|
|
-#shoppingBagModal .shoppingBag_box .link_shoppingBag{margin-top:1rem; padding:0.9rem 2.5rem; display:inline-block; border:1px solid #656565; font-size:1.1rem; color:#fff;}
|
|
|
+#shoppingBagModal .shoppingBag_box .link_shoppingBag{margin-top:1rem; padding:0.9rem 2.5rem; display:inline-block; border:0.1rem solid #656565; font-size:1.1rem; color:#fff;}
|
|
|
|
|
|
/* pd_pop > 상품썸네일 크게보기 */
|
|
|
-.pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:160px; width:100%; height:calc(100% - 160px); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
|
|
|
+.pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; margin-top:16.0rem; width:100%; height:calc(100% - 16.0rem); overflow-y:auto; z-index:110; background:#fff; line-height:1;}
|
|
|
.pd_pop.full_pop.pd_itemthumb_pop {margin-top:0; height:100%;}
|
|
|
-.pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; display:inline-block; z-index:130; cursor:pointer;}
|
|
|
-.pd_pop .full_popup_wrap .btn_close a {display:block; width:25px; height:25px; text-indent:-9999px; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
|
|
|
-.full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0px;}
|
|
|
-.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:40px; z-index:1;}
|
|
|
+.pd_pop .full_popup_wrap .btn_close {position:fixed; right:3.0rem; top:3.0rem; display:inline-block; z-index:130; cursor:pointer;}
|
|
|
+.pd_pop .full_popup_wrap .btn_close a {display:block; width:2.5rem; height:2.5rem; text-indent:-999.9rem; background:url('/images/pc/ico_pop_cls.png') no-repeat 50% 50%; background-size:100% auto;}
|
|
|
+.full_pop.pd_itemthumb_pop .full_pop_container {width:100%; padding:0;}
|
|
|
+.full_pop.pd_itemthumb_pop .full_pop_container .scaleview {position:relative; display:block; text-align:center; margin-top:4.0rem; z-index:1;}
|
|
|
.full_pop.pd_itemthumb_pop .full_pop_container .scaleview:first-child {margin-top:0}
|
|
|
.full_pop.pd_itemthumb_pop .full_pop_container .scaleview .video_controls,
|
|
|
.full_pop.pd_itemthumb_pop .full_pop_container .scaleview video {display: none; width:100%;}
|
|
|
@@ -952,15 +950,15 @@
|
|
|
|
|
|
/* pd_popup > 할인쿠폰 */
|
|
|
.salecoupon_pop{width:100%; max-height:80%; position: absolute; bottom:0; left:0}
|
|
|
-.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url(/images/mo/ico_pop_cls_w.png); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -9999px;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
|
|
|
+.salecoupon_pop .btPop_close{width: 1.6rem;height: 1.6rem;background-image: url(/images/mo/ico_pop_cls_w.png); opacity: 1;position: absolute;z-index: 998;top: -3.8rem;left: 50%;transform: translate(-50%);display: block;border: 0;text-indent: -999.9rem;background-size: contain;background-repeat: no-repeat;background-position: center center;background-color: transparent;}
|
|
|
.salecoupon_pop .close-modal{left:50%; transform:translate(-50%); top:-3.5rem !important;background-image: url(/images/mo/ico_pop_cls_w.png) !important;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list {line-height:1;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li {margin-top:1rem}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li:last-child{margin-bottom:6rem;}
|
|
|
-.modal.pd_pop.salecoupon_pop .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
|
|
|
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon {position:relative; border:0.1rem solid #ddd; box-sizing:border-box; background:#fff;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div {position:relative; padding:3rem 0;}
|
|
|
-.modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:1.5rem; height:3.0rem; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem; overflow:hidden;}
|
|
|
+.modal.pd_pop.salecoupon_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-0.1rem; transform:translateY(-50%); width:1.5rem; height:3.0rem; background:#fff; z-index:2; border:0.1rem solid #ddd; border-right:none; border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem; overflow:hidden;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon p {padding:0 2.0rem;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_name {color:#222; font-size:1.4rem; font-weight:300;}
|
|
|
.modal.pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont {margin-top:0.7rem;}
|
|
|
@@ -983,9 +981,9 @@
|
|
|
|
|
|
/* pd_popup > EP채널쿠폰 */
|
|
|
.modal.pd_pop.epcoupon_pop .modal-body{padding:0rem 2rem;}
|
|
|
-.modal.pd_pop.epcoupon_pop .ep_coupon {position:relative; max-width:60rem; margin:auto; border:1px solid #222; background:#fff; padding:4rem 0; text-align:center; line-height:1;}
|
|
|
+.modal.pd_pop.epcoupon_pop .ep_coupon {position:relative; max-width:60rem; margin:auto; border:0.1rem solid #222; background:#fff; padding:4rem 0; text-align:center; line-height:1;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div {position:relative;}
|
|
|
-.modal.pd_pop.epcoupon_pop .ep_coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:1.5rem; height:3.0rem; background:#fff; z-index:2; border:1px solid #222; border-right:none; border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem; overflow:hidden;}
|
|
|
+.modal.pd_pop.epcoupon_pop .ep_coupon > div::after {content:''; position:absolute; top:50%; right:-0.1rem; transform:translateY(-50%); width:1.5rem; height:3.0rem; background:#fff; z-index:2; border:0.1rem solid #222; border-right:none; border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem; overflow:hidden;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_title {color:#222; font-size:1.2rem; font-weight:600; letter-spacing:0.4rem;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont {margin-top:1rem;}
|
|
|
.modal.pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span {display:block; color:#222;}
|
|
|
@@ -1016,13 +1014,13 @@
|
|
|
.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td:last-child {text-align:right;}
|
|
|
.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th{vertical-align:top; color:#222; width:28%;}
|
|
|
.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th,
|
|
|
-.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {border-top:1px solid #eeeeee;}
|
|
|
+.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {border-top:0.1rem solid #eeeeee;}
|
|
|
.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr:first-child th,
|
|
|
.modal.pd_pop[class*="bnf_"] .tbl.type1 table tr:first-child td {border-top:none;}
|
|
|
-.modal.pd_pop[class*="bnf_"] .tbl.type2 {padding:0; border-top:1px solid #000;}
|
|
|
+.modal.pd_pop[class*="bnf_"] .tbl.type2 {padding:0; border-top:0.1rem solid #000;}
|
|
|
.modal.pd_pop[class*="bnf_"] .tbl.type2 table {width:100%; word-break:keep-all;}
|
|
|
.modal.pd_pop[class*="bnf_"] .tbl.type2 table th,
|
|
|
-.modal.pd_pop[class*="bnf_"] .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:1px solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
|
|
|
+.modal.pd_pop[class*="bnf_"] .tbl.type2 table td {position:relative; padding:1.5rem 0; border-bottom:0.1rem solid #ddd; font-weight:200; font-size:1.3rem; letter-spacing:-0.025em; text-align:center;}
|
|
|
.modal.pd_pop[class*="bnf_"] .tbl.type2 table th {font-weight:300; color:#222;}
|
|
|
.modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr td p,
|
|
|
.modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr th p {color:#fd4802;}
|
|
|
@@ -1031,14 +1029,14 @@
|
|
|
.modal.pd_pop.bnf_card_pop table .info_card p:first-child {margin-top:0}
|
|
|
.modal.pd_pop.bnf_card_pop table tr td {color:#666;}
|
|
|
.modal.pd_pop.bnf_card_pop table a.link {display:inline-block; position:relative; margin-top:1rem; padding-right:1.2rem; color:#888;}
|
|
|
-.modal.pd_pop.bnf_card_pop table a.link:after {content:''; display:block; position:absolute; top:0.6rem; right:0; width:0.5rem; height:0.5rem; border:1px solid #888; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
+.modal.pd_pop.bnf_card_pop table a.link:after {content:''; display:block; position:absolute; top:0.6rem; right:0; width:0.5rem; height:0.5rem; border:0.1rem solid #888; border-width:0.1rem 0.1rem 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
.modal.pd_pop.bnf_card_pop .info_txt {margin-top:2rem;}
|
|
|
|
|
|
/* pd_popup > 사이즈정보 */
|
|
|
.modal.pd_pop.info_size_pop {}
|
|
|
.modal.pd_pop.info_size_pop .modal-header{border-bottom:0;}
|
|
|
.modal.pd_pop.info_size_pop .modal-body .pop_cont {max-height:none; overflow: visible; overflow-x:visible!important; padding-bottom:2rem;}
|
|
|
-.modal.pd_pop.info_size_pop .tab_nav {margin: 0 -1.33rem; border-bottom:1px solid #eee;box-sizing: border-box;}
|
|
|
+.modal.pd_pop.info_size_pop .tab_nav {margin: 0 -1.33rem; border-bottom:0.1rem solid #eee;box-sizing: border-box;}
|
|
|
.modal.pd_pop.info_size_pop .tab_nav ul{display: flex;flex-direction: row;align-content: space-around;justify-content: space-between;}
|
|
|
.modal.pd_pop.info_size_pop .tab_nav ul::after {content:''; clear:both; display:block;}
|
|
|
.modal.pd_pop.info_size_pop .tab_nav ul li {/* float:left; width:33.33%; */ flex: 1; text-align:center; background:#fff; box-sizing:border-box;}
|
|
|
@@ -1070,16 +1068,16 @@
|
|
|
.modal.pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd {color:#666;}
|
|
|
.modal.pd_pop.info_size_pop .sub_tab_nav {padding:0 2rem;}
|
|
|
.modal.pd_pop.info_size_pop .sub_tab_nav ul {}
|
|
|
-.modal.pd_pop.info_size_pop .sub_tab_nav ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:1px solid #eee; border-radius:4rem;;}
|
|
|
+.modal.pd_pop.info_size_pop .sub_tab_nav ul li {margin-top:0.8rem; padding:0.9rem 1rem; background:#fff; text-align:center; border:0.1rem solid #eee; border-radius:4rem;;}
|
|
|
.modal.pd_pop.info_size_pop .sub_tab_nav ul li a {display:inline-block; color:#666; font-size:1.3rem; font-weight:300; color:inherit;}
|
|
|
.modal.pd_pop.info_size_pop .sub_tab_nav ul li.active{border-color:#fd4802; color:#fd4802; font-weight:500;}
|
|
|
-.modal.pd_pop.info_size_pop .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
|
|
|
+.modal.pd_pop.info_size_pop .category_open{position:relative; padding: 1.1rem 1.5rem; font-size:1.3rem; color:#222; font-weight: 300; text-align:left; background-color: #ffffff; border: 0.1rem solid #dddddd; box-sizing: border-box;}
|
|
|
.modal.pd_pop.info_size_pop .category_open:after {content: ""; width: 0; height: 0; box-sizing: border-box; position: absolute; top: 1.8rem; right: 1.5rem; border: 0.6rem solid transparent; border-color: #888888 transparent transparent transparent;}
|
|
|
.modal.pd_pop.info_size_pop .category_box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
|
|
|
.modal.pd_pop.info_size_pop .category_box .lap{position:absolute; bottom:0; left:0; padding:3rem 0; width:100%; background:#fff;}
|
|
|
.modal.pd_pop.info_size_pop .category_box .category_list{min-height:25rem; max-height:40rem; overflow-y:auto;}
|
|
|
.modal.pd_pop.info_size_pop .category_box .category_close{opacity: 1; position: absolute; z-index: 98; top: -3.8rem; left: 50%; transform: translate(-50%); display: block; border: 0; width: 1.6rem; height: 1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent;}
|
|
|
-.modal.pd_pop.info_size_pop .tbl.type1 {border-top:1px solid #000; border-bottom:1px solid #ddd;}
|
|
|
+.modal.pd_pop.info_size_pop .tbl.type1 {border-top:0.1rem solid #000; border-bottom:0.1rem solid #ddd;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table {width:100%; text-align:left; word-break:keep-all;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table th,
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table td {position:relative; padding:1.4rem 1.2rem; font-weight:300; font-size:1.3rem; letter-spacing:-0.025em;}
|
|
|
@@ -1087,15 +1085,15 @@
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table tr td:last-child {text-align:right;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table tr th{vertical-align:top; color:#222;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table tr th,
|
|
|
-.modal.pd_pop.info_size_pop .tbl.type1 table tr td {border-top:1px solid #eeeeee;}
|
|
|
+.modal.pd_pop.info_size_pop .tbl.type1 table tr td {border-top:0.1rem solid #eeeeee;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table tr:first-child th,
|
|
|
.modal.pd_pop.info_size_pop .tbl.type1 table tr:first-child td {border-top:none;}
|
|
|
/* 임시 스타일, 차주 제거 예정 */
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 {width: 100%;overflow: auto;}
|
|
|
-.modal.pd_pop.info_size_pop .tbl.type2 {padding:0; border-top:1px solid #000;}
|
|
|
+.modal.pd_pop.info_size_pop .tbl.type2 {padding:0; border-top:0.1rem solid #000;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table {width:100%; word-break:keep-all;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table th,
|
|
|
-.modal.pd_pop.info_size_pop .tbl.type2 table td {position:relative; padding:1.5rem 1rem; border-bottom:1px solid #ddd; font-weight:200; font-size:1.4rem; letter-spacing:-0.025em; text-align:center;}
|
|
|
+.modal.pd_pop.info_size_pop .tbl.type2 table td {position:relative; padding:1.5rem 1rem; border-bottom:0.1rem solid #ddd; font-weight:200; font-size:1.4rem; letter-spacing:-0.025em; text-align:center;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table th {font-weight:400; color:#222;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table td{color:#000; font-weight:300; font-size:1.3rem;}
|
|
|
.modal.pd_pop.info_size_pop .tbl.type2 table thead tr{background:#f5f5f5;}
|
|
|
@@ -1115,10 +1113,10 @@
|
|
|
.modal.pd_pop.push_restock_pop {max-width:none;}
|
|
|
.modal.pd_pop.push_restock_pop .modal-header{border-bottom:0;}
|
|
|
.modal.pd_pop.push_restock_pop .pop_cont {overflow:initial; padding-bottom:2rem;}
|
|
|
-.modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 1px solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/mo/pd_btn.png) no-repeat right center; background-size:1.2rem; background-position-x:97%;}
|
|
|
+.modal.pd_pop.push_restock_pop .select{font-size:1.4rem; height:auto; padding:1.1rem; border: 0.1rem solid #dddddd; background:#fff; color:#333333; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/mo/pd_btn.png) no-repeat right center; background-size:1.2rem; background-position-x:97%;}
|
|
|
.modal.pd_pop.push_restock_pop .select::-ms-expand{display:none;}
|
|
|
.modal.pd_pop.push_restock_pop .item_prod .itemPercent{left:4.5rem;}
|
|
|
-.modal.pd_pop.push_restock_pop .item_blk {padding-bottom:2rem; border-bottom:1px solid #dddddd;}
|
|
|
+.modal.pd_pop.push_restock_pop .item_blk {padding-bottom:2rem; border-bottom:0.1rem solid #dddddd;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block; line-height: 1.4;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state {padding:0;}
|
|
|
.modal.pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:10.5rem; padding-left:9.0rem; vertical-align:middle; max-width:20rem;}
|
|
|
@@ -1134,10 +1132,10 @@
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-0.8rem; margin-left:-0.8rem !important;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:0.8rem; margin-top:0.8rem;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div:nth-child(7n-6) {margin-left:0.8rem;}
|
|
|
-.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label {display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:1.2rem;}
|
|
|
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label {display:block; width:6rem; height:3.4rem; padding:0; line-height:3.4rem; text-align:center; background:#fff; box-sizing:border-box; border:0.1rem solid #ddd; color:#222; font-weight:200; font-size:1.2rem;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::before,
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::after {display:none;}
|
|
|
-.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
|
|
|
+.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:checked + label {border:0.1rem solid #fd4802;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {float:left; width:auto;}
|
|
|
.modal.pd_pop.push_restock_pop .select_blk .opt_select .select_blk {display:block; max-height:30.0rem; overflow-y:scroll;}
|
|
|
@@ -1145,7 +1143,7 @@
|
|
|
.modal.pd_pop.push_restock_pop .btn_group_flex > div > .btn{height:5.3rem;}
|
|
|
|
|
|
/* 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-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0.1rem 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 0 0 -1.3rem!important; width:auto;}
|
|
|
.modal.pd_pop.pd_qnalist_pop .pd_qnalist > .btn_group_flex{position:fixed; width: 100%; bottom: 0; margin-top: 0;}
|
|
|
@@ -1175,7 +1173,7 @@
|
|
|
/*.pd_qnalist .qna_list .foldGroup .fold_head.on .fold_tit .lap2 span{display: inline-block;max-height: 100%;overflow: auto;}*/
|
|
|
.pd_qnalist .qna_list .foldGroup .my_qna .fold_head {background-color:#fff6f2;}
|
|
|
.pd_qnalist .qna_list .foldGroup .fold_head .fold_state{font-size:1.1rem;}
|
|
|
-.pd_qnalist .qna_list .foldGroup > ul > li:first-child {border-top: 1px solid #e5e5e5;}
|
|
|
+.pd_qnalist .qna_list .foldGroup > ul > li:first-child {border-top: 0.1rem solid #e5e5e5;}
|
|
|
.pd_qnalist .qna_list .check_secret{padding: 0 1.33rem; margin-bottom:1.5rem;}
|
|
|
.pd_qnalist .btnIcon_more{margin-bottom: 2rem;}
|
|
|
.pd_qnalist .qna_list .nodata {padding:14rem 0 17rem; text-align:center;}
|
|
|
@@ -1186,7 +1184,7 @@
|
|
|
.pd_qnalist .info_txt ul li:last-child {margin-bottom:0;}
|
|
|
.pd_qnalist .info_txt ul li:after {content:''; position: absolute; top:0.5rem; left:0; background:#858585; width:0.2rem; height:0.2rem;}
|
|
|
.pd_qnalist .info_txt .btn_group_flex{margin-top:2rem;}
|
|
|
-.pd_qnalist .info_txt .btn_group_flex button{font-size:1.3rem; color:#222; border:1px solid #a7a7a7;}
|
|
|
+.pd_qnalist .info_txt .btn_group_flex button{font-size:1.3rem; color:#222; border:0.1rem solid #a7a7a7;}
|
|
|
.pd_qnalist > .btn_group_flex{margin-top:0;}
|
|
|
|
|
|
/* pd_pop > 상품문의 작성 */
|
|
|
@@ -1197,7 +1195,7 @@
|
|
|
.modal.pd_pop.pd_qnawrite_pop .input_box {margin-top:3rem}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .input_box textarea {display:block; width:100%; height:20rem; padding:0 1rem 0; color:#222; font-size: 1.2rem; font-weight: 300; box-sizing: border-box; border:0 none; outline: none;}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .input_box .txt_cnt {position: absolute;right: 1.5rem;bottom: 0.1rem;text-align: right;font-size: 1.4rem;font-weight: 300;background-color: #ffffff;}
|
|
|
-.modal.pd_pop.pd_qnawrite_pop .input_box .input_wrap{width:100%; padding:1.5rem; padding-bottom:2.5rem; border: 1px solid #d7d7d7;}
|
|
|
+.modal.pd_pop.pd_qnawrite_pop .input_box .input_wrap{width:100%; padding:1.5rem; padding-bottom:2.5rem; border: 0.1rem solid #d7d7d7;}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .secret_box {margin-top:1rem;}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .push_box {margin-top:3rem;}
|
|
|
.modal.pd_pop.pd_qnawrite_pop .push_box dl {display:flex; flex-wrap: wrap; align-items: center; color:#222; font-size:1.3rem;}
|
|
|
@@ -1208,7 +1206,7 @@
|
|
|
.modal.pd_pop.pd_qnawrite_pop .modal-footer button{height:5.3rem; color: #ffffff; background-color: #222222; border-color: #222222;}
|
|
|
|
|
|
/* pd_popup > 배송/반품/교환 */
|
|
|
-.modal.pd_pop.pd_delivery_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_delivery_pop .modal-header {position:fixed; top:0; left:0; right:0; width:100%; height:auto; border-bottom:0.1rem solid #eee !important; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
|
|
|
.modal.pd_pop.pd_delivery_pop .modal-title { display: flex;}
|
|
|
.modal.pd_pop.pd_delivery_pop .modal-title .title_img { width: 5.5rem; height: 9rem; margin: 0 2rem 0 0; background: url(/images/pc/thumb/tmp_pdDetail1.jpg) no-repeat center; background-size: 4rem 6rem;}
|
|
|
.modal.pd_pop.pd_delivery_pop .modal-title .title_text { height: 9rem;}
|
|
|
@@ -1226,12 +1224,12 @@
|
|
|
.pd_delivery .change { margin: 0; padding: 4rem 0 0;}
|
|
|
.pd_delivery .change .pop_table { width: 100%; margin: 2rem 0 1rem; border-top: 0.1rem solid #222222;}
|
|
|
.pd_delivery .change .pop_table tr th,
|
|
|
-.pd_delivery .change .pop_table tr td { font-size: 1.2rem; padding: 2.5rem 0 2.5rem 1.2rem; align-items: center; border-bottom: 1px solid #eeeeee; }
|
|
|
+.pd_delivery .change .pop_table tr td { font-size: 1.2rem; padding: 2.5rem 0 2.5rem 1.2rem; align-items: center; border-bottom: 0.1rem solid #eeeeee; }
|
|
|
.pd_delivery .change .pop_table tr th {width: 10rem; padding: 0 0 0 1.2rem; color:#222; font-weight:500; background: #f5f5f5; text-align:left; word-break: break-all;}
|
|
|
|
|
|
/* pd_pop > 상품리뷰 페이지 */
|
|
|
.modal.pd_pop.pd_review_pop {overflow-x: hidden;overflow-y: auto;}
|
|
|
-.modal.pd_pop.pd_review_pop .modal-header{border-bottom:1px solid #eee !important;}
|
|
|
+.modal.pd_pop.pd_review_pop .modal-header{border-bottom:0.1rem solid #eee !important;}
|
|
|
.modal.pd_pop.pd_review_pop .modal-body{margin-top:9.3rem; padding:0}
|
|
|
.modal.pd_pop.pd_review_pop .modal-header{height:auto;}
|
|
|
.modal.pd_pop.pd_review_pop .pd_detail{overflow: hidden;}
|
|
|
@@ -1254,7 +1252,7 @@
|
|
|
.pd_review .area_rv_empty .txt_box p {color:#222; font-size:1.5rem; font-weight:300;}
|
|
|
.pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:4rem; height:4rem; margin:0 auto 2rem; background:url('/images/mo/ico_point4.png') no-repeat 0 0; background-size:contain;}
|
|
|
.pd_review .area_rv_empty .txt_box p span.c_primary {font-weight:500;}
|
|
|
-.pd_review .area_rv_empty .txt_box div {display:flex; justify-content:center; margin-top:2.3rem; padding:2.3rem 0.5em; border:1px solid #ddd;}
|
|
|
+.pd_review .area_rv_empty .txt_box div {display:flex; justify-content:center; margin-top:2.3rem; padding:2.3rem 0.5em; border:0.1rem solid #ddd;}
|
|
|
.pd_review .area_rv_empty .txt_box div dl {margin-left:12vw; font-size:1.5rem;}
|
|
|
@media screen and (max-width:360px) {
|
|
|
.pd_review .area_rv_empty .txt_box div dl {margin-left:5vw;}
|
|
|
@@ -1274,13 +1272,13 @@
|
|
|
.pd_review .area_rv_average .average {margin-bottom:3rem;}
|
|
|
.pd_review .area_rv_average .average .part_average {margin-top:1rem; text-align:left;}
|
|
|
.pd_review .area_rv_average .average .part_average .pa_head{position:relative; height:2.4rem; line-height:2.4rem; padding-left:7.2rem;}
|
|
|
-.pd_review .area_rv_average .average .part_average .pa_head .tit{position:absolute; left:0; display:block; padding-top:0.5rem; width:6rem; height:2.4rem; border:1px solid #fd4802; font-size: 1.3rem; color:#fd4802; font-weight:300; line-height:1; border-radius:2.2rem; text-align:center;}
|
|
|
+.pd_review .area_rv_average .average .part_average .pa_head .tit{position:absolute; left:0; display:block; padding-top:0.5rem; width:6rem; height:2.4rem; border:0.1rem solid #fd4802; font-size: 1.3rem; color:#fd4802; font-weight:300; line-height:1; border-radius:2.2rem; text-align:center;}
|
|
|
.pd_review .area_rv_average .average .part_average .pa_head dl dt {padding-left:0; width:5.2rem; font-size:1.5rem; font-weight:300; color:#222;}
|
|
|
.pd_review .area_rv_average .average .part_average .pa_head dl dd {width:calc(100% - 5.2rem);}
|
|
|
.pd_review .area_rv_average .average .part_average .pa_head dl dd .percent{font-size:1.5rem; font-weight:500; color:#222;}
|
|
|
.pd_review .area_rv_average .average .part_average .pa_body{display:none; margin-top:1.3rem;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex{margin-top:2.4rem;}
|
|
|
-.pd_review .area_rv_average .average .btn_group_flex button{border:1px solid #a7a7a7; color:#222;}
|
|
|
+.pd_review .area_rv_average .average .btn_group_flex button{border:0.1rem solid #a7a7a7; color:#222;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button span:after{content:''; display:inline-block; margin-left:0.8rem; width:1.0rem; height:7px; background: url(/images/mo/ico_btn_more.png) center center no-repeat; background-size:contain; vertical-align:middle;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button span:before{display:"inline-block"; content:'자세히보기'; vertical-align:middle;}
|
|
|
.pd_review .area_rv_average .average .btn_group_flex button.active span:before{display:"inline-block"; content:'접기'; }
|
|
|
@@ -1323,8 +1321,8 @@
|
|
|
.pd_review .area_rv_photo .photo_list button span{margin-top:0.5vw; display:block; font-size:1.2rem; position:relative; top:0.6rem}
|
|
|
.pd_review .area_rv_all {}
|
|
|
.pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
|
|
|
-.pd_review .area_rv_all .review_list {border-top:1px solid #ddd;}
|
|
|
-.pd_review .area_rv_all .review_list > ul > li {padding:3rem 0; border-bottom:1px solid #ddd; }
|
|
|
+.pd_review .area_rv_all .review_list {border-top:0.1rem solid #ddd;}
|
|
|
+.pd_review .area_rv_all .review_list > ul > li {padding:3rem 0; border-bottom:0.1rem solid #ddd; }
|
|
|
.pd_review .area_rv_all .review_list > ul > li .review {}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box {}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .star_score {float:left}
|
|
|
@@ -1333,7 +1331,7 @@
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#fd4802; vertical-align:top;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .writer {float:right;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .writer span {position:relative; margin-left:1.1rem; padding-left:1.1rem; color:#888; font-size:1.1rem;}
|
|
|
-.pd_review .area_rv_all .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:1px; background:#ddd;}
|
|
|
+.pd_review .area_rv_all .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:8px; width:0.1rem; background:#ddd;}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .writer span:first-child {margin-left:0; padding-left:0}
|
|
|
.pd_review .area_rv_all .review_list .review .info_box .writer span:first-child::after {display:none;}
|
|
|
.pd_review .area_rv_all .review_list .review .response_box {margin-top:1.4rem;}
|
|
|
@@ -1719,8 +1717,9 @@
|
|
|
.dp .dp_outlets .outlets_visual img {width: 100%;}
|
|
|
.dp .dp_outlets .outlets_visual .swiper-pagination-fraction {bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
|
|
|
.dp .dp_outlets .outlets_visual .swiper-pagination-current {font-weight: 600;}
|
|
|
-.dp .dp_outlets .outlets_visual .txtWrap {position: absolute; left: 2rem; bottom: 9rem; color: fff;}
|
|
|
-.dp .dp_outlets .outlets_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2;}
|
|
|
+.dp .dp_outlets .outlets_visual .txtWrap {position: absolute; left: 2rem; bottom: 9rem; color: #222;}
|
|
|
+.dp .dp_outlets .outlets_visual .txtWrap.w {color: #fff;}
|
|
|
+.dp .dp_outlets .outlets_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2;}
|
|
|
.dp .dp_outlets .outlets_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300;}
|
|
|
.dp .dp_outlets .dp_cate_list {margin:-1.2rem 0;}
|
|
|
.dp .dp_outlets .dp_cate_list:after {content:''; display: block; clear: both;}
|
|
|
@@ -2249,8 +2248,8 @@
|
|
|
|
|
|
/* 상품아이콘*/
|
|
|
.itemBadge {margin:2.0rem 0.5rem 0; margin-top:1rem; font-size: 0px; overflow:hidden;}
|
|
|
-.itemBadge [class*="badge"] {display:inline-block; height:2.2rem; margin:0.5rem 0.5rem 0 0; padding:0 0.8rem; border:1px solid #888888; background: #fff; color:#888888; font-size: 1.1rem; font-weight: 300; line-height: 21px;}
|
|
|
-.itemBadge [class*="badge"]:first-child {margin-left:0}
|
|
|
+.itemBadge [class*="badge"] {display:inline-block; height:2.2rem; margin:0.5rem 0.2rem 0 0; padding:0 0.5rem; background: #fff; color:#888888; font-size: 0.9rem; font-weight: 300; line-height: 2.2rem;}
|
|
|
+.itemBadge [class*="badge"]:first-child {margin-left:0;}
|
|
|
.itemBadge .badge13 {background:#f5f5f5; border-color:#f5f5f5;}
|
|
|
|
|
|
/* 상품코멘트*/
|
|
|
@@ -2313,8 +2312,9 @@
|
|
|
.br .br_main .submain_visual img {width: 100%;}
|
|
|
.br .br_main .submain_visual .swiper-pagination-fraction {position:absolute; bottom: 4rem ; width:auto; left: 2rem; background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
|
|
|
.br .br_main .submain_visual .swiper-pagination-current {font-weight: 600;}
|
|
|
-.br .br_main .submain_visual .txtWrap {position: absolute; left: 2rem; bottom: 9rem; color: fff;}
|
|
|
-.br .br_main .submain_visual .txtWrap p {color: #fff; font-size: 3rem; font-weight: 500; line-height: 1.2;}
|
|
|
+.br .br_main .submain_visual .txtWrap {position: absolute; left: 2rem; bottom: 9rem; color: #222;}
|
|
|
+.br .br_main .submain_visual .txtWrap.w {color: #fff;}
|
|
|
+.br .br_main .submain_visual .txtWrap p {font-size: 3rem; font-weight: 500; line-height: 1.2;}
|
|
|
.br .br_main .submain_visual .txtWrap p.txt_xs {font-size: 1.4rem; margin-top: 1.6rem; font-weight: 300;}
|
|
|
.br .br_main .br_top_info{position:relative; margin-top:-1rem;}
|
|
|
.br .br_main .br_top_info .br_subtitle{text-align:left;}
|
|
|
@@ -2393,11 +2393,11 @@
|
|
|
.br .br_lookbook .title { font-size: 1.3rem; font-weight: 300; color:#888; margin-bottom:2rem;}
|
|
|
.br .br_lookbook .title em{color:#222; font-weight:500;}
|
|
|
.br .br_lookbook .inner { margin-bottom: 0; padding-bottom: 0; padding-top:3rem;}
|
|
|
-.br .br_lookbook .inner .lb_text {padding:2rem 2rem 0}
|
|
|
+.br .br_lookbook .inner .lb_text {padding:2rem 2rem;min-height: 11.2rem;}
|
|
|
.br .br_lookbook .inner .lb_text p { height: 3.4rem; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
|
|
|
-.br .br_lookbook .inner .lb_text .text_cont{display:none; height: 3.4rem; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
|
|
|
+.br .br_lookbook .inner .lb_text .text_cont{display:none; height: auto;overflow: hidden; overflow: hidden; margin: 0 0 2.4rem; font-size: 1.2rem; font-weight: 300; line-height: 1.8rem;}
|
|
|
.br .br_lookbook .inner .lb_text .text_cont.active{display:block;}
|
|
|
-.br .br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 1rem; font-size: 1.2rem; border:0px none;}
|
|
|
+.br .br_lookbook .inner .lb_text .btn { width: 100%; height: 2.4rem; text-align: center; margin: 0 0 1rem; margin-bottom: -2rem; font-size: 1.2rem; border:0px none;}
|
|
|
.br .br_lookbook .inner .lb_text .btn > p{display:inline}
|
|
|
.br .br_lookbook .inner .lb_text .btn > span{display:inline-block; width:1.2rem; height:0.7rem; background:url(/images/mo/br_arrow_down.png); margin-left:0.5rem; margin-bottom:0.1rem}
|
|
|
.br .br_inlookbook{margin-bottom:1.2rem; padding-bottom:4rem;}
|
|
|
@@ -2413,7 +2413,7 @@
|
|
|
.br .br_otherbrand {margin-top:1.2rem;}
|
|
|
.br .br_otherbrand .thumb {display:block; position:relative; width:100%; height:0; padding-top:100%; background:#f5f5f5;}
|
|
|
.br .br_otherbrand .thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:1}
|
|
|
-.br .br_otherbrand .txt {margin-top:1rem; padding:0px 0.5rem 0px}
|
|
|
+.br .br_otherbrand .txt {margin-top:1rem; padding:0px 0.5rem 0px;}
|
|
|
.br .br_otherbrand .txt .tt {display:block; display: -webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#222; font-weight:500; font-size:1.3rem; word-break:keep-all; white-space:normal;}
|
|
|
.br .br_otherbrand .txt .date {display:block; margin-top:1.5rem; color:#888; font-size:1.4rem; font-weight:300;}
|
|
|
/* 브랜드 - br_search */
|