|
|
@@ -193,7 +193,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.com_info_txt .tit:after {content:''; position: absolute; top:50%; left:0; transform:translateY(-50%); width: 20px; height: 20px; background: url(/images/pc/ico_null02.png) no-repeat center}
|
|
|
.com_info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left: 15px; margin-bottom: 10px; line-height: 1.4;}
|
|
|
.com_info_txt ul li:last-child {margin-bottom: 0;}
|
|
|
-.com_info_txt ul li:after {content:''; position: absolute; top:5px; left: 0; background: #858585; width: 3px; height: 3px;}
|
|
|
+.com_info_txt ul li:after {content:''; position: absolute; top:7px; left: 0; background: #858585; width: 3px; height: 3px;}
|
|
|
|
|
|
/* 주문내역 테이블 리스트 */
|
|
|
.part_deliver {position:relative;}
|
|
|
@@ -307,14 +307,15 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.mb .form_wrap .form_field {margin-top:10px;}
|
|
|
.mb .form_wrap .form_field:first-child {margin-top:0px;}
|
|
|
.mb .foldGroup {margin:0;}
|
|
|
- .mb .form_group:last-of-type{display:none;}
|
|
|
+ .mb .form_group{display:none;}
|
|
|
+ .mb .form_group:first-of-type{display:block;}
|
|
|
.mb .form_group::after {display: block; content: ''; clear: both;}
|
|
|
.mb .fold_tit,
|
|
|
.mb .fold_tit span {width: inherit !important;}
|
|
|
.mb .fold_head .fold_tit {padding: 0 0 0 34px;}
|
|
|
- .mb .fold_head .fold_tit::before {content:''; display: inline-block; width:20px; height: 20px; position:absolute; top:50%; left:0; transform:translateY(-50%); background: url('/images/pc/ico_chk_rdi.png')no-repeat -63px 0px;}
|
|
|
+ .mb .fold_head .fold_tit::before {content:''; display: inline-block; width:20px; height: 20px; position:absolute; top:50%; left:0; transform:translateY(-50%); background: url('/images/pc/ico_chk_rdi.png')no-repeat -60px 0px;}
|
|
|
.mb .fold_head .fold_tit span {font-size:18px; line-height:1;}
|
|
|
- .mb .fold_head.on .fold_tit::before {background-position: -84px 0;}
|
|
|
+ .mb .fold_head.on .fold_tit::before {background-position:-80px 0;}
|
|
|
.mb .foldGroup .fold_cont {display:none; padding:40px 30px; box-sizing: border-box; background: #f5f5f5; border-top: 1px solid #ddd;}
|
|
|
.mb .foldGroup .fold_cont .txt {font-size:16px; color:#666; font-weight:300; text-align:center;}
|
|
|
.mb .find_result {padding:0px 0px 40px; font-weight:200;}
|
|
|
@@ -509,6 +510,25 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.product .case1 .fold_head .fold_tit span {width: 760px;}
|
|
|
.product .ui_row.nodata,
|
|
|
.contactUs .ui_row.nodata {border-top:none;}
|
|
|
+ .contactUs .fold_cont .img_group .thumb_pic {background:#fff;}
|
|
|
+ .contactUs .fold_cont .img_group .thumb_pic img{position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:auto; max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
|
|
|
+
|
|
|
+ .modal.cs_pop.contact_img_pop {width:800px; height:800px; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
|
|
|
+ .modal.cs_pop.contact_img_pop .modal-body .pop_cont {max-height:none;}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-slide {}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-slide .pop_img {position:relative; width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:15px; width:100%; text-align:center;}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-button-prev::after,
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-button-next::after {content: '';}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-button-prev,
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-button-prev {left:-70px;}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-button-next {right:-70px;}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
|
|
|
+ .modal.cs_pop.contact_img_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
|
|
|
/* cs_contactUs_my */
|
|
|
.cs .contactUs_my {}
|
|
|
@@ -528,6 +548,8 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.contactUs_my .form_field .cellphone {display:block;}
|
|
|
.contactUs_my .form_field .cellphone input[type="text"]{width:400px;}
|
|
|
.contactUs_my .form_field .cellphone .ck_box {display:inline-block;}
|
|
|
+ .contactUs_my .form_field .imgUpload+.imgUpload{margin-left:20px;}
|
|
|
+ .contactUs_my .form_field .pics{position: absolute;top: 0;left: 0;z-index: 2;}
|
|
|
.contactUs_my .contactus_cnt {color:#888}
|
|
|
.contactUs_my .select {height:40px; font-size:14px;}
|
|
|
.contactUs_my .select .select_dress {padding:7px 20px; color:#222; font-weight:200; line-height:26px;}
|
|
|
@@ -563,16 +585,21 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.container.dp .cont_head > div.item_header {padding: 80px 0 60px;}
|
|
|
.container.dp .cont_head > div.item_header h3 {padding: 20px 0 0; font-size: 30px; line-height: 1;}
|
|
|
.container.dp .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
|
|
|
- .container .filter_list {padding: 20px 30px; background: #222;}
|
|
|
+ .container .filter_list {padding: 20px 30px; border-top: 1px solid #222; border-bottom: 1px solid #ddd;}
|
|
|
.container .filter_list::after,.container .count_wrap::after {content:''; display: block; clear:both;}
|
|
|
.container .filter_list .form_field {float: right; width:inherit;}
|
|
|
+ .dp_list .form_field input[type="checkbox"] + label {font-weight: 200; line-height: 1;}
|
|
|
+ .dp_list .form_field input[type="checkbox"] + label:before, .dp_list .form_field input[type="checkbox"]:checked + label:after {top: -4px;}
|
|
|
+ .dp_list .form_field input[type="checkbox"]:checked + label:before {display: none;}
|
|
|
.container .filter_list .form_field div:last-child {margin-left: 20px;}
|
|
|
.container .filter_list > ul {float:left; display: flex;}
|
|
|
.container .filter_list ul li {position: relative; margin-right: 40px;}
|
|
|
+ .container .filter_list ul li a {color:#222; font-size: 16px; font-weight: 300;}
|
|
|
.container .filter_list ul li.on a {color:#fd4802;}
|
|
|
.container .filter_list > ul > li:first-child button{padding-left: 30px; position: relative;}
|
|
|
.container .filter_list > ul > li:first-child button span {color:#888;}
|
|
|
.container .filter_list > ul > li:first-child button::before {
|
|
|
+ display: none;
|
|
|
content:'';
|
|
|
position: absolute;
|
|
|
width:12px;
|
|
|
@@ -582,11 +609,10 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
left: 0;
|
|
|
transform: translateY(-50%);
|
|
|
}
|
|
|
- .container .filter_list ul li a {color:#fff;}
|
|
|
+
|
|
|
.container .filter_list > ul > li:hover > a {color:#fd4802;}
|
|
|
- .container .filter_list ul li:first-child a {color:#888;}
|
|
|
.container .filter_list .form_field div label span {color:#888;}
|
|
|
- .filter_content .sort {display: none; position: relative; padding: 40px 36px 80px; border: 1px solid #ccc; border-top: none;}
|
|
|
+ .filter_content .sort {display: none; position: relative; padding: 40px 36px 80px; border: 1px solid #ddd; border-bottom: 0; border-top: none;}
|
|
|
.filter_content .sort .tap_close {
|
|
|
position: absolute;
|
|
|
bottom: 30px;
|
|
|
@@ -680,7 +706,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
position: absolute;
|
|
|
width: 208px;
|
|
|
height: 2px;
|
|
|
- top:3px;
|
|
|
+ top:2px;
|
|
|
right:100%;
|
|
|
background: #fd4802;
|
|
|
z-index: -1;
|
|
|
@@ -727,7 +753,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
position: absolute;
|
|
|
width: 135px;
|
|
|
height: 2px;
|
|
|
- top:3px;
|
|
|
+ top:2px;
|
|
|
right:100%;
|
|
|
background: #fd4802;
|
|
|
z-index: -1;
|
|
|
@@ -782,7 +808,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
z-index: 2;
|
|
|
}
|
|
|
.filter_content .sort.on {display: block;}
|
|
|
- .container .dp_list .fillter {display: none; padding: 16px 20px; border-bottom: 1px solid #ccc;}
|
|
|
+ .container .dp_list .fillter {display: none; padding: 9px 20px; background: #f5f5f5; border:1px solid #ddd; border-top: 0;}
|
|
|
.container .dp_list .fillter::after {content:''; display: block; clear:both;}
|
|
|
.container .dp_list .fillter .fillter_reset {float:right; position: relative; padding: 10px 15px 10px 32px; background: #f5f5f5;}
|
|
|
.container .dp_list .fillter .fillter_reset::before {
|
|
|
@@ -835,6 +861,17 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.list_defult > div:first-child p {line-height: 2;}
|
|
|
.list_defult .ui_row {justify-content: center; margin-bottom: 0;}
|
|
|
|
|
|
+ .dp .range {width:1000px; margin: 0 auto;}
|
|
|
+ .dp .irs--round .irs-from, .dp .irs--round .irs-to, .dp .irs--round .irs-single {background-color: #fff; color:#222; display: none;}
|
|
|
+ .dp .irs--round .irs-from:before, .dp .irs--round .irs-to:before, .dp .irs--round .irs-single:before {display: none;}
|
|
|
+ .dp .irs--round .irs-line {background-color:#222; height: 2px;}
|
|
|
+ .dp .irs--round .irs-bar {background-color: #fd4802; height: 2px;}
|
|
|
+ .dp .irs--round .irs-handle {width:15px; height: 15px; top: 30px; border-color: #fd4802; border: 2px solid #fd4802; box-shadow: none;}
|
|
|
+ .dp .irs--round .irs-grid-text {color:#222; display: block;}
|
|
|
+ .dp .irs--round .irs-min, .dp .irs--round .irs-max {display: none;}
|
|
|
+ .dp .irs-grid-pol.small {display: none;}
|
|
|
+ .dp .irs-from, .dp .irs-to, .irs-single {top:52px;}
|
|
|
+
|
|
|
/* dp_best */
|
|
|
.dp_best .best_nav {display: flex; justify-content: center; padding-bottom: 20px;}
|
|
|
.dp_best .best_nav ul::after {content:''; display: block; clear: both;}
|
|
|
@@ -859,8 +896,21 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
left:50%;
|
|
|
transform: translateX(-50%);
|
|
|
}
|
|
|
- #countdown #tiles{position: relative; z-index: 1;}
|
|
|
- #countdown #tiles span{
|
|
|
+ #countdown {position: relative; z-index: 1;}
|
|
|
+ #countdown span{
|
|
|
+ width: 166px;
|
|
|
+ font-size: 88px;
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+ color: #222;
|
|
|
+ /* background-color: #fff; */
|
|
|
+ padding: 50px 0;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ #countdown span:nth-child(2) {margin: 0 72px;}
|
|
|
+
|
|
|
+ #countdown span{
|
|
|
width: 166px;
|
|
|
font-size: 88px;
|
|
|
font-weight: bold;
|
|
|
@@ -871,7 +921,6 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
display: inline-block;
|
|
|
position: relative;
|
|
|
}
|
|
|
- #countdown #tiles span:nth-child(2) {margin: 0 72px;}
|
|
|
|
|
|
/* 핫딜 전용 아이템 리스트 */
|
|
|
.dp .itemsGrp.rowtype .item_prod {width: 49.43%; margin-bottom: 1.12%; height: 420px; border:1px solid #ddd; overflow: hidden;}
|
|
|
@@ -890,7 +939,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.dp .itemsGrp.rowtype .item_prod .itemName {margin:0px 6px 40px; font-size: 30px; font-weight: 200; line-height: 1.2; max-height:80px;}
|
|
|
.dp .itemsGrp.rowtype .item_prod .itemPrice {font-size: 30px; line-height: 1; font-weight: 500;}
|
|
|
.dp .itemsGrp.rowtype .item_prod .itemPrice_original {font-size: 20px; font-weight: 200;}
|
|
|
- .dp .itemsGrp.rowtypeㅜ .item_prod .itemPercent {font-size: 42px; line-height: 0.8;}
|
|
|
+ .dp .itemsGrp.rowtype .item_prod .itemPercent {font-size: 42px; line-height: 0.8;}
|
|
|
|
|
|
/* dp_Exhibition */
|
|
|
.dp_Exhibition .best_nav {display: flex; justify-content: center; padding-bottom: 20px;}
|
|
|
@@ -1256,6 +1305,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.container.dp .content.wide {max-width: 100%;}
|
|
|
.dp .content .cont_head .displayH {margin-bottom: 60px; text-align: center;}
|
|
|
.dp .dp_submain .dp_sum_slide {position: relative; margin-bottom: 120px; }
|
|
|
+ .dp .dp_submain .dp_sum_slide .swiper-pagination {margin:0;}
|
|
|
.dp .dp_submain .dp_sum_slide .swiper-container {padding-bottom: 60px;}
|
|
|
.dp .dp_submain .dp_sum_slide .img img {width: 100%; height:auto;}
|
|
|
.dp .dp_submain .dp_sum_slide .txt .subject {margin:20px 0; font-size: 24px; line-height: 1.5; font-weight: 300; color:#222; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
|
|
|
@@ -1837,8 +1887,9 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_detail {}
|
|
|
.pd_detail .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
|
|
|
.pd_detail .thumb img {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%) ; z-index:2;}
|
|
|
- .pd_detail .btn_pop {border-bottom:1px solid #888; color:#888; font-size:12px; font-weight:200;}
|
|
|
-
|
|
|
+ .pd_detail .btn_popup {display:inline-block; padding:0px; box-sizing:border-box;}
|
|
|
+ .pd_detail .btn_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888; /*vertical-align:top;*/}
|
|
|
+
|
|
|
.pd_detail .item_detail {}
|
|
|
.pd_detail .item_detail .area_pic {float:left; position:relative; width:calc(100% - 560px); max-width:1200px; box-sizing:border-box;}
|
|
|
.pd_detail .area_pic .thumb_nav_wrap {position:absolute; left:auto; top:0; width:50px; z-index:2;}
|
|
|
@@ -1853,6 +1904,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-prev {top:-4px; bottom:auto;}
|
|
|
.pd_detail .area_pic .thumb_nav_wrap .thumbnav .swiper-button-next {top:auto; bottom:-4px;}
|
|
|
.pd_detail .area_pic .thumb_list_wrap {width:100%; padding-left:70px; box-sizing:border-box;}
|
|
|
+ .pd_detail.hotdeal .area_pic .thumb_list_wrap {padding-left:0;}
|
|
|
.pd_detail .area_pic .thumb_list_wrap ul {margin-top:-10px;}
|
|
|
.pd_detail .area_pic .thumb_list_wrap ul::after {content:''; clear:both; display:block; width:100%;}
|
|
|
.pd_detail .area_pic .thumb_list_wrap li {float:left; position:relative; width:calc(50% - 5px); margin-top:10px;}
|
|
|
@@ -1868,6 +1920,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_detail .area_pic.onlyitem .thumb_nav_wrap {display:none;}
|
|
|
.pd_detail .area_pic.onlyitem .thumb_list_wrap ul li {float:none; display:block; margin:0 auto;}
|
|
|
.pd_detail .area_pic.onlyitem .thumb_list_wrap ul li.on::after {display:none;}
|
|
|
+
|
|
|
|
|
|
.pd_detail .item_detail .area_desc {float:right; /*position:relative;*/ width:510px;}
|
|
|
.pd_detail .area_desc .desc_wrap {/*position:absolute; right:auto; top:0; background:#eee*/width:510px; z-index:2;}
|
|
|
@@ -1904,9 +1957,9 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk {position:relative; margin-top:30px;}
|
|
|
.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk > span {float:left; }
|
|
|
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_percent {display:block; width:100%; margin-bottom:20px; color:#fd4802; font-size:20px; font-weight:300;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_percent {display:block; width:100%; margin-bottom:20px; color:#fd4802; font-size:20px; font-weight:600;}
|
|
|
.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price {color:#222; font-size:24px; font-weight:500;}
|
|
|
- .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price em {font-size:30px; font-weight:500;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .sale_price em {font-size:30px; font-weight:600;}
|
|
|
.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .org_price {display:inline-block; margin-left:20px; margin-top:5px; color:#888; font-size:20px; font-weight:200;}
|
|
|
.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .save_point {display:block; width:100%; margin-top:15px; color:#888; font-size:14px; font-weight:200;}
|
|
|
.pd_detail .area_desc .desc_wrap .descript_box .desc_info .price_blk .btn_coupon {position:absolute; right:0; bottom:33px; z-index:2;}
|
|
|
@@ -1921,19 +1974,19 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_detail .area_desc .desc_wrap .benefit_box dl div dd {float:left; position:relative; width:calc(100% - 90px); color:#222;}
|
|
|
.pd_detail .area_desc .desc_wrap .benefit_box dl div dd span {display:block; margin-top:10px}
|
|
|
.pd_detail .area_desc .desc_wrap .benefit_box dl div dd span:first-child {margin-top:0px}
|
|
|
- .pd_detail .area_desc .desc_wrap .benefit_box dl div dd .btn_pop {position:absolute; right:0; top:0; z-index:2;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .benefit_box dl div dd .btn_popup {position:absolute; right:0; top:0; z-index:2;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box {margin-top:30px; padding-top:10px; padding-bottom:30px; border-top:1px solid #ddd;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] {padding:20px 0;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header {margin-bottom:20px}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header::after {content:''; clear:both; display:block;}
|
|
|
- .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header span {display:inline-block; font-size:14px;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header > span {display:inline-block; font-size:14px;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .title {margin-right:20px; color:#222; font-weight:300;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .color,
|
|
|
.pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .size {color:#666; font-weight:200;}
|
|
|
- .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .btn_pop {float:right;}
|
|
|
- .pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_pop {position:relative; padding-left:22px; padding-right:15px; color:#666; font-size:14px; font-weight:300; border:none;}
|
|
|
- .pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_pop::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:13px; background:url('/images/pc/ico_bell.png') no-repeat 0 0;}
|
|
|
- .pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_pop::after {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .option_box > [class^="opt_"] .opt_header .btn_popup {float:right;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_popup {position:relative; padding-left:22px; padding-right:15px; color:#666; font-size:14px; font-weight:300; border:none;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_popup::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:13px; background:url('/images/pc/ico_bell.png') no-repeat 0 0;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .option_box .info_restock a.btn_popup::after {content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); width:6px; height:11px; background:url('/images/pc/ico_more_lg.png') no-repeat 100% 50%; background-size:contain;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select {}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .form_field {margin-top:10px;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select {height:52px;}
|
|
|
@@ -1943,6 +1996,8 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_dress.active:after {top:15px;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_options li {padding:18px; color:#666; font-size:16px; font-weight:200; text-indent:0;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_options li:hover{background-color:#f5f5f5;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_options li.disabled {color:#bbb}
|
|
|
+ .pd_detail .area_desc .desc_wrap .option_box .opt_select .select .select_options li.disabled::after {content:'품절'; position:absolute; right:18px; font-size:14px;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_color ul {margin-top:-8px}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_color ul::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_color ul li {float:left; margin-left:8px; margin-top:8px}
|
|
|
@@ -1968,7 +2023,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
|
|
|
.pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count .minus::after {content:''; background-position:0 0;}
|
|
|
- .pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none; font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif; line-height: 80px;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .option_box .opt_count .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none; font-family:'LATO','Noto Sans CJK kr','Noto Sans kr',sans-serif;}
|
|
|
.pd_detail .area_desc .desc_wrap .price_box {padding:30px 0 40px; border-top:1px solid #222;}
|
|
|
.pd_detail .area_desc .desc_wrap .price_box::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .area_desc .desc_wrap .price_box .number {float:left; color:#666; font-size:14px; font-weight:200; margin-top:8px}
|
|
|
@@ -1979,7 +2034,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_detail .area_desc .desc_wrap .btn_box::after {content:''; clear:both; display:block;}
|
|
|
.pd_detail .area_desc .desc_wrap .btn_box .btn {height:60px; font-size:18px; font-weight:300;}
|
|
|
.pd_detail .area_desc .desc_wrap .btn_box .btn:disabled{background:#aaa; border-color:#aaa; opacity:1;}
|
|
|
- .pd_detail .area_desc .desc_wrap .npay_box {min-height:50px; margin-top:30px; background:#1ec300;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .npay_box {min-height:50px; margin-top:30px; background:#f5f5f5;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box {margin-top:30px}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul {border-top:1px solid #ddd}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li {border-bottom:1px solid #ddd}
|
|
|
@@ -1989,18 +2044,18 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li [class^="ex_"] > a .tit em.number {margin-left:4px; color:#666; font-weight:200;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review {}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score {float:right; margin-right:48px; height:14px;}
|
|
|
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#f5f5f5;}
|
|
|
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:cover; image-rendering:pixelated;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star {display:inline-block; position:relative; width:95px; height:14px; background:#ddd;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .star .progbar {display:inline-block; height:14px; background:#222}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .ex_review .star_score .score {color:#222; font-size:16px; font-weight:300;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review {width:500px; margin-bottom:30px;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a {display:block; position:relative; height:150px; padding:20px 35px 20px 150px; border:1px solid #eee;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic {position:absolute; left:20px; top:20px; width:110px;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .pic .thumb::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;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .exinfo_box ul li .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/pc/ico_play.png') no-repeat 50% 50%; z-index:2;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score {margin-top:10px; height:14px;}
|
|
|
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#f5f5f5;}
|
|
|
- .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:cover; image-rendering:pixelated;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star {display:inline-block; position:relative; width:83px; height:14px; background:#ddd;}
|
|
|
+ .pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:14px; background:url('/images/pc/star_empty.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .star .progbar {display:inline-block; height:14px; background:#222}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico {margin-left:10px}
|
|
|
.pd_detail .area_desc .desc_wrap .exinfo_box ul li .best_review a .star_score .ico::before {vertical-align:inherit;}
|
|
|
@@ -2078,7 +2133,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_recommend .area_slider .page::after {content:''; clear:both; display:block;}
|
|
|
.pd_recommend .area_slider .page .pic {float:left; position:relative; width:50%;}
|
|
|
.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_recommend .area_slider .page .item_wrap {display:table; position:absolute; width:50%; height:100%; right:0; top:0; bottom:0;}
|
|
|
+ .pd_recommend .area_slider .page .item_wrap {display:table; position:absolute; width:50%; height:100%; right:0; top:0; bottom:0; table-layout:fixed;}
|
|
|
.pd_recommend .area_slider .page .item_wrap .item_area {display:table-cell; width:100%; padding: 0px 10%; box-sizing:border-box; vertical-align:middle;}
|
|
|
.pd_recommend .area_slider .page .item_wrap .item_area h5 {margin:0; color:#222; font-size:20px; font-weight:500;}
|
|
|
.pd_recommend .area_slider .page .item_wrap .item_area h5 span {color:#666; font-weight:200;}
|
|
|
@@ -2103,32 +2158,472 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.pd_relate .area_slider {margin-bottom:230px;}
|
|
|
.pd_relate .area_slider .itemName {height:32px}
|
|
|
|
|
|
+ /* pd deal */
|
|
|
+ .pd.deal {}
|
|
|
+ .pd.deal div::after,
|
|
|
+ .pd.deal dl::after,
|
|
|
+ .pd.deal ul::after {content:''; clear:both; display:block;}
|
|
|
+
|
|
|
+ .pd.deal .pd_desc_wrap {position:relative; width:calc(100% - 560px); max-width:1200px; margin:100px 0px 120px; box-sizing:border-box;}
|
|
|
+ .pd.deal .tab_detail_nav {margin-bottom:60px}
|
|
|
+ .pd.deal .tab_detail_nav ul {}
|
|
|
+ .pd.deal .tab_detail_nav ul li {float:left; width:25%}
|
|
|
+ .pd.deal .tab_detail_nav ul li a {display:block; padding:22px 0px 18px; color:#888; font-size:18px; text-align:center; background:#f5f5f5; border:1px solid #f5f5f5; border-bottom-color:#222; box-sizing:border-box;}
|
|
|
+ .pd.deal .tab_detail_nav ul li.active a {border:1px solid #222; border-bottom-color:#fff; color:#222; font-weight:300; background:#fff;}
|
|
|
+ .pd.deal .tab_detail_cont {display:none; min-height:1000px;}
|
|
|
|
|
|
+
|
|
|
/* pd_popup */
|
|
|
- .modal.pd_pop .modal-header h5.modal-title {margin-top:0; font-size:24px; font-weight:300;}
|
|
|
+ .modal.pd_pop dl div,
|
|
|
+ .modal.pd_pop dl dt,
|
|
|
+ .modal.pd_pop dl dd {float:left;}
|
|
|
+ .modal.pd_pop div::after,
|
|
|
+ .modal.pd_pop dl::after,
|
|
|
+ .modal.pd_pop ul::after {content:''; clear:both; display:block;}
|
|
|
+ .modal.pd_pop .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
+ .modal.pd_pop .swiper-button-prev,
|
|
|
+ .modal.pd_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
|
|
|
+ .modal.pd_pop .swiper-button-prev {left:-70px;}
|
|
|
+ .modal.pd_pop .swiper-button-next {right:-70px;}
|
|
|
+ .modal.pd_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
|
|
|
+ .modal.pd_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
+ .modal.pd_pop .modal-body .pop_cont {max-height:none;}
|
|
|
+ .modal.pd_pop .modal-header h5.modal-title {display:inline-block; margin:0; font-size:24px; font-weight:300;}
|
|
|
.modal.pd_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
|
|
|
- .modal.pd_pop .form_field,
|
|
|
- .modal.pd_pop .form_field > div {display:block; width:100%;}
|
|
|
-
|
|
|
- .modal.pd_pop .coupon_list {line-height:1;}
|
|
|
- .modal.pd_pop .coupon_list li {}
|
|
|
- .modal.pd_pop .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon > div {position:relative;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#f5f5f5; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon p {padding:0 20px;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon .cp_cont {margin-top:15px;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon .cp_cont span em {font-size:28px;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon .cp_condition {margin-top:10px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
|
|
|
- .modal.pd_pop .coupon_list li .coupon .btn_cpdown {}
|
|
|
- .modal.pd_pop .coupon_list li .coupon .btn_cpdown span {position:relative;}
|
|
|
- .modal.pd_pop .coupon_list li .coupon .btn_cpdown span::after {content:''; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('/images/pc/ico_cp_down.png') no-repeat 0 0;}
|
|
|
+ .modal.pd_pop .modal-body .pop_cont {line-height:1;}
|
|
|
+ .modal.pd_pop .modal-footer {margin-top:40px}
|
|
|
+ .modal.pd_pop .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:10px; line-height:1;}
|
|
|
+ .modal.pd_pop .info_txt ul li:last-child {margin-bottom:0;}
|
|
|
+ .modal.pd_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
|
|
|
+
|
|
|
+ /* pd_popup > EP채널쿠폰 */
|
|
|
+ .modal.pd_pop.epcoupon_pop {max-width:none; width:620px; padding:60px 60px;}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon {position:relative; width:300px; margin:auto; border:1px solid #ddd; background:#f5f5f5; padding:44px 0; text-align:center; line-height:1;}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon > div {position:relative;}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon > div .cp_title {color:#222; font-size:16px; font-weight:600; letter-spacing:4px;}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont {margin-top:20px;}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span {display:block; color:#222;}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.number {font-size:62px; font-weight:600;}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span em.unit {font-size:32px; font-weight:500;}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_won {}
|
|
|
+ .pd_pop.epcoupon_pop .ep_coupon > div .cp_cont span.unit_percent {font-size:16px; font-weight:500;}
|
|
|
+ .pd_pop.epcoupon_pop .info_txt {margin-top:30px;}
|
|
|
+ .pd_pop.epcoupon_pop .modal-footer button {width:220px}
|
|
|
+
|
|
|
+ /* pd_popup > 할인쿠폰 */
|
|
|
+ .modal.pd_pop.salecoupon_pop {max-width:none; width:480px; padding:40px 60px;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list {line-height:1;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li {margin-top:30px}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li:first-child {margin-top:0}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon > div {position:relative;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon p {padding:0 20px;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont {margin-top:10px;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:500;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_cont span em {font-size:28px; font-weight:600;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition {margin-top:16px; padding-bottom:30px; color:#888; font-size:12px; font-weight:300;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .cp_condition span {display:block; margin-top:5px}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_down {}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_down span {position:relative; display:inline-block; padding-right:24px;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_down span::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:14px; height:15px; margin-left:10px; background:url('/images/pc/ico_cp_down.png') no-repeat 0 0;}
|
|
|
+ .pd_pop.salecoupon_pop .coupon_list li .coupon .btn_coupon_done:disabled{background:#aaa; border-color:#aaa; opacity:1;}
|
|
|
+
|
|
|
+ /* pd_popup > 쇼핑혜택, 카드혜택 */
|
|
|
+ .modal.pd_pop[class*="bnf_"] {max-width:none; width:650px; padding:60px 60px;}
|
|
|
+ .modal.pd_pop[class*="bnf_"] h6 {margin-bottom:20px}
|
|
|
+ .modal.pd_pop[class*="bnf_"] .benefit_blk {margin-top:40px}
|
|
|
+ .modal.pd_pop[class*="bnf_"] .benefit_blk:first-child {margin-top:0}
|
|
|
+ .modal.pd_pop[class*="bnf_"] .tbl.type1 {padding:20px 0; font-size:14px;}
|
|
|
+ .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th,
|
|
|
+ .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {font-size:14px; line-height:1; vertical-align:top;}
|
|
|
+ .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr th {padding:10px 0px 10px 20px; color:#222; text-align:left;}
|
|
|
+ .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td {padding:10px 0px; color:#222;}
|
|
|
+ .modal.pd_pop[class*="bnf_"] .tbl.type1 table tr td:last-child {padding:10px 20px 10px 0px; text-align:right;}
|
|
|
+ .modal.pd_pop.bnf_shopping_pop .tbl.type1 table tr td {color:#fd4802;}
|
|
|
+ .modal.pd_pop.bnf_card_pop table .info_card {text-align:left;}
|
|
|
+ .modal.pd_pop.bnf_card_pop table .info_card p {margin-top:10px}
|
|
|
+ .modal.pd_pop.bnf_card_pop table .info_card p:first-child {margin-top:0}
|
|
|
+ .modal.pd_pop.bnf_card_pop table a.btn_more {display:inline-block; position:relative; padding-right:15px; color:#888; font-size:14px;}
|
|
|
+ .modal.pd_pop.bnf_card_pop table a.btn_more:after {content:''; display:block; position:absolute; top:1px; right:0; width:8px; height:8px; border:1px solid #888; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
+ .modal.pd_pop.bnf_card_pop .info_txt {margin-top:20px;}
|
|
|
+
|
|
|
+ /* pd_popup > 사이즈정보 */
|
|
|
+ .modal.pd_pop.info_size_pop {max-width:none; width:840px; padding:60px;}
|
|
|
+ .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;}
|
|
|
+ .pd_pop.info_size_pop .size_head .tit_header {display:block; color:#222; font-size:18px; font-weight:300;}
|
|
|
+ .pd_pop.info_size_pop .size_cont {}
|
|
|
+ .pd_pop.info_size_pop .size_cont .size_tbl_box {margin-top:40px; position:relative;}
|
|
|
+ .pd_pop.info_size_pop .size_cont .size_tbl_box:first-of-type {margin-top:0;}
|
|
|
+ .pd_pop.info_size_pop .size_cont .size_tbl_box h6 {margin-bottom:20px;}
|
|
|
+ .pd_pop.info_size_pop .size_cont .size_tbl_box .size_unit {position:absolute; right:0; top:2px; color:#888; font-size:14px;}
|
|
|
+ .pd_pop.info_size_pop .size_footer {margin-top:20px}
|
|
|
+ .pd_pop.info_size_pop .tab_nav {}
|
|
|
+ .pd_pop.info_size_pop .tab_nav ul::after {content:''; clear:both; display:block;}
|
|
|
+ .pd_pop.info_size_pop .tab_nav ul li {float:left; width:calc((100%-2px)*1/3); text-align:center; background:#f5f5f5; border-bottom:1px solid #222; border-top:1px solid #f5f5f5;}
|
|
|
+ .pd_pop.info_size_pop .tab_nav ul li.active {background:#fff; border:1px solid #222; border-bottom:1px solid #fff}
|
|
|
+ .pd_pop.info_size_pop .tab_nav ul li a {display:block; color:#888; font-size:18px; font-weight:200; padding:20px 0;}
|
|
|
+ .pd_pop.info_size_pop .tab_nav ul li.active a {color:#222; font-weight:300;}
|
|
|
+ .pd_pop.info_size_pop .tab_cont_wrap {display:block; margin-top:40px}
|
|
|
+ .pd_pop.info_size_pop .tab_cont_wrap .tab_cont {display:none;}
|
|
|
+ .pd_pop.info_size_pop .tab_cont_wrap .tab_cont:first-of-type {display:block}
|
|
|
+ .pd_pop.info_size_pop .tab_cont_wrap .tab_cont .size_head {}
|
|
|
+ .pd_pop.info_size_pop .tab_cont_wrap .tab_cont .size_cont {}
|
|
|
+ .pd_pop.info_size_pop .tab_cont_wrap .tab_cont .size_footer {}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_nav {display:inline-block;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_nav ul {}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_nav ul::after {content:''; clear:both; display:block;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_nav ul li {float:left; margin-left:30px; text-align:center;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_nav ul li:first-child {margin-left:0}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_nav ul li a {display:inline-block; color:#888; font-size:16px; font-weight:200;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_nav ul li.active a {color:#222; font-weight:300; border-bottom:1px solid #222}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_cont_wrap {display:block; margin-top:40px}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont {display:none; position:relative;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont::after {content:''; clear:both; display:block;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont:first-of-type {display:block}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont .img_sizeinfo {float:left;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl {float:right; width:344px; text-align:left; margin-top:10px; font-size:14px; line-height:1.4; word-break:keep-all;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div {padding:0 0 30px;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dt {margin-bottom:10px; color:#222; font-weight:300;}
|
|
|
+ .pd_pop.info_size_pop .sub_tab_cont_wrap .sub_tab_cont dl div dd {color:#666;}
|
|
|
+
|
|
|
+ /* pd_popup > 재입고 알림 신청 */
|
|
|
+ .modal.pd_pop.push_restock_pop {max-width:none; width:630px; padding:60px;}
|
|
|
+ .pd_pop.push_restock_pop .pop_cont {overflow:initial;}
|
|
|
+ .pd_pop.push_restock_pop .item_blk {}
|
|
|
+ .pd_pop.push_restock_pop .item_blk .item_prod {width:100%; display:block;}
|
|
|
+ .pd_pop.push_restock_pop .item_blk .item_prod .item_state {padding:0;}
|
|
|
+ .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink {display:table-cell; width:100%; height:120px; padding-left:100px; vertical-align:middle;}
|
|
|
+ .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPic {position:absolute; left:0; top:0; width:80px; height:120px; padding:0; margin-bottom:0; z-index:2;}
|
|
|
+ .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemBrand {display:block; margin:0;}
|
|
|
+ .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemName {display:block; margin:0;}
|
|
|
+ .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice {margin:0;}
|
|
|
+ .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .itemPrice_original {}
|
|
|
+ .pd_pop.push_restock_pop .item_blk .item_prod .item_state .itemLink .itemPrice .itemPercent {position:relative;}
|
|
|
+ .pd_pop.push_restock_pop .select_blk {margin-top:40px;}
|
|
|
+ .pd_pop.push_restock_pop .select_blk h6 {margin-bottom:20px}
|
|
|
+ .pd_pop.push_restock_pop .select_blk .opt_size .form_field {display:block; margin-top:-8px;}
|
|
|
+ .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {margin-left:8px; margin-top:8px;}
|
|
|
+ .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div:nth-child(7n-6) {margin-left:0px;}
|
|
|
+ .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label {display:block; width:66px; height:42px; padding:0; line-height:42px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
|
|
|
+ .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::before,
|
|
|
+ .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"] + label::after {display:none;}
|
|
|
+ .pd_pop.push_restock_pop .select_blk .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
|
|
|
+ .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;}
|
|
|
+ .pd_pop.push_restock_pop .select_blk .opt_size .form_field > div {float:left; width:auto;}
|
|
|
+ .pd_pop.push_restock_pop .select_blk .opt_select .select_blk {display:block; max-height:300px; overflow-y:scroll;}
|
|
|
+ .pd_pop.push_restock_pop .modal-footer {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
|
|
|
+ .pd_pop.push_restock_pop .modal-footer button {width:220px;}
|
|
|
+
|
|
|
+ /* pd_popup > 베스트 리뷰 & 포토영상 리뷰 자세히보기 공통 */
|
|
|
+ .modal.pd_pop[class*="reviewdetail_pop"] {max-width:none; width:1080px; padding:60px;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .pic .thumb {display:block; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review {display:table; width:100%; background:#fff;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .pic {display:table-cell; position:relative; width:545px; height:545px; background:#222; vertical-align:top;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .pic::after {display:none;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .pic .thumb {display:block;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .pic .thumb img,
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .pic .thumb video {position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:auto; max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont {display:table-cell; padding-left:50px; vertical-align:top;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap {display:block; height:455px; overflow-y:auto;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .box_wrap [class*="_box"] {margin-top:25px;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .star_box {margin-top:0}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star_score {height:17px;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star {display:inline-block; position:relative; width:102px; height:17px; background:#ddd;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .star_box .star .progbar {display:inline-block; height:100%; background:#222}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box {}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div {margin-top:13px; font-size:14px;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div:first-child dl div {margin-top:0}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div {float:left; width:50%;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div.full dl div {width:100%}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dt {float:left; width:60px; color:#fd4802}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .response_box > div dl div dd {float:left; margin-left:20px; color:#666}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .txt_review_box {color:#666; font-size:14px; line-height:24px;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box {}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span {position:relative; margin-left:20px; padding-left:20px; color:#888; font-size:14px; line-height: 18px;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span:first-child {margin-left:0; padding-left:0}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .writer_box span:first-child::after {display:none;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box {}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box {margin-top:30px; padding-top:15px}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply {position:relative; padding:30px; background:#f5f5f5; font-size:14px;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply::after {content:''; position:absolute; left:0px; top:-15px; width:0px; height:0px; border:15px solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer {}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_name {padding-left:24px; color:#222; font-weight:300;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('/images/pc/ico_admin.png') no-repeat 0 0;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_date {padding-left:20px; margin-left:20px; color:#888; font-size:200;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .detail .review .review_cont .reply_box .reply .reply_txt {margin-top:20px; color:#666; line-height:24px;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .thumblist {position:absolute; right:60px; bottom:60px; max-width:365px; padding-bottom:10px;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .thumblist .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;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-slide {width:auto;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-slide .pic {position:relative; width:50px; height:50px; cursor:pointer; z-index:2;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-slide.swiper-slide-thumb-active .pic {border:2px solid #222;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-scrollbar {left:0; width:100%; height:2px; background:#ddd; border-radius:0; opacity:1;}
|
|
|
+ .pd_pop[class*="reviewdetail_pop"] .thumblist .swiper-scrollbar-drag {background:#222; opacity:1;}
|
|
|
+
|
|
|
+ /* pd_popup > 베스트 리뷰 자세히 보기 */
|
|
|
+ .modal.pd_pop.pd_bestreviewdetail_pop {}
|
|
|
+
|
|
|
+ /* pd_popup > 포토영상 리뷰 자세히 보기 */
|
|
|
+ .modal.pd_pop.pd_photoreviewdetail_pop {}
|
|
|
+ .pd_photoreviewdetail_pop button.btn_more {display:inline-block; height:34px; margin-left:10px; padding:0px 8px 0px 30px; border:1px solid #ddd; color:#222; font-size:14px; font-weight:200; background:url('/images/pc/ico_thumblist.png') no-repeat 9px 9px; box-sizing:border-box;}
|
|
|
+
|
|
|
+ /* pd_popup > 포토영상 리뷰 리스트 */
|
|
|
+ .modal.pd_pop.pd_photoreviewlist_pop {max-width:none; width:1080px; padding:60px;}
|
|
|
+ .pd_photoreviewlist_pop .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
|
|
|
+ .pd_photoreviewlist_pop .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
+ .pd_photoreviewlist_pop .pic .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;}
|
|
|
+ .pd_photoreviewlist_pop .photo_list {min-height:200px;}
|
|
|
+ .pd_photoreviewlist_pop .photo_list ul {margin-top:-12px}
|
|
|
+ .pd_photoreviewlist_pop .photo_list ul li {float:left; width:150px; margin-left:12px; margin-top:12px}
|
|
|
+ .pd_photoreviewlist_pop .photo_list ul li:nth-child(6n-5) {margin-left:0}
|
|
|
+ .pd_photoreviewlist_pop .ui_row {margin-top:50px; margin-bottom:0}
|
|
|
+
|
|
|
+ /* pd_popup > 상품문의 이미지 팝업 슬라이드 */
|
|
|
+ .modal.pd_pop.qna_img_pop {width:800px; height:800px; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
|
|
|
+ .qna_img_pop .modal-body .pop_cont {max-height:none;}
|
|
|
+ .qna_img_pop .swiper-slide {}
|
|
|
+ .qna_img_pop .swiper-slide .pop_img {position:relative; width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
|
|
|
+ .qna_img_pop .swiper-pagination {position:absolute; left:0; right:0; bottom:15px; width:100%; text-align:center;}
|
|
|
+ .qna_img_pop .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
|
|
|
+ .qna_img_pop .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
|
|
|
+ .qna_img_pop .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
|
|
|
+ .qna_img_pop .swiper-button-prev::after,
|
|
|
+ .qna_img_pop .swiper-button-next::after {content: '';}
|
|
|
+ .qna_img_pop .swiper-button-prev,
|
|
|
+ .qna_img_pop .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; }
|
|
|
+ .qna_img_pop .swiper-button-prev {left:-70px;}
|
|
|
+ .qna_img_pop .swiper-button-next {right:-70px;}
|
|
|
+ .qna_img_pop .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
|
|
|
+ .qna_img_pop .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:34px; height:34px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
+
|
|
|
+ /* pd_pop > 상품문의 작성 */
|
|
|
+ .modal.pd_pop.pd_qnawrite_pop {width:650px; height:auto; max-width:none; max-height:none; padding:60px; box-sizing:border-box;}
|
|
|
+ .modal.pd_pop.pd_qnawrite_pop .info_txt ul li {line-height:24px;}
|
|
|
+ .modal.pd_pop.pd_qnawrite_pop .info_txt ul li:after {top:10px;}
|
|
|
+ .pd_qnawrite_pop .modal-body .pop_cont {max-height:none;}
|
|
|
+ .pd_qnawrite_pop .modal-footer {margin-top:40px; padding-top:40px; border-top:1px solid #ddd;}
|
|
|
+ .pd_qnawrite_pop .form_field {display:block;}
|
|
|
+ .pd_qnawrite_pop .input_box {margin-top:40px}
|
|
|
+ .pd_qnawrite_pop .input_box textarea {display:block; width:100%; height:220px; padding:20px 20px; box-sizing:border-box; color:#222; font-size:16px;}
|
|
|
+ .pd_qnawrite_pop .input_box .txt_cnt {display:block; width:100%; margin-top:10px; z-index:1;}
|
|
|
+ .pd_qnawrite_pop .secret_box {position:absolute; left:0; bottom:0; z-index:2;}
|
|
|
+ .pd_qnawrite_pop .push_box {margin-top:40px}
|
|
|
+ .pd_qnawrite_pop .push_box dl {color:#222; font-size:16px;}
|
|
|
+ .pd_qnawrite_pop .push_box dl dt {height:24px; margin-right:40px; line-height:24px; font-weight:300;}
|
|
|
+ .pd_qnawrite_pop .push_box dl dd .form_field > div {margin-right:30px;}
|
|
|
+ .pd_qnawrite_pop .push_box dl dd .form_field > div input[type="radio"] + label {font-weight:200;}
|
|
|
+
|
|
|
+ /* pd_full_popup */
|
|
|
+ body.lock {overflow:hidden;}
|
|
|
+ .pd_pop.full_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; overflow-y:auto; z-index:110; background:#fff; line-height:1;}
|
|
|
+ .pd_pop.full_pop .info_txt ul li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-bottom:10px; line-height:1;}
|
|
|
+ .pd_pop.full_pop .info_txt ul li:last-child {margin-bottom:0;}
|
|
|
+ .pd_pop.full_pop .info_txt ul li:after {content:''; position: absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
|
|
|
+ .pd_pop .full_popup_wrap {}
|
|
|
+ .pd_pop .full_popup_wrap .btn_close {position:fixed; right:30px; top:30px; z-index:12; }
|
|
|
+ .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;}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_header {position:fixed; top:0; left:0; right:0; width:100%; height:160px; padding:20px 70px; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff; z-index:11; box-sizing:border-box;}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_header .item_prod {position:relative; width:100%; height:120px;}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state {display:table; width:50%; padding:0;}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state a.itemLink {display:table-cell; height:120px; padding:0 0 0 110px; vertical-align:middle;}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPic {position:absolute; left:0; top:0; width:80px; height:120px; padding:0; margin:0}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemBrand {margin:0}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemName {margin:15px 0 0}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPrice {margin:20px 0 0}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_header .item_prod .item_state .itemPercent {position:relative; top:auto; right:auto;}
|
|
|
+ .pd_pop .full_popup_wrap .full_pop_container {position:relative; width:1200px; margin:auto; padding-top:160px; padding-bottom:160px}
|
|
|
+
|
|
|
+ /* pd_pop > 상품문의 페이지 */
|
|
|
+ .pd_qnalist_pop {}
|
|
|
+ .pd_qnalist_pop .pd_qnalist {}
|
|
|
+ .info_txt {margin-top:80px}
|
|
|
+ .info_txt::after {content:''; clear:both; display:block;}
|
|
|
+ .info_txt ul {float:left;}
|
|
|
+ .info_txt .btn_box {float:right;}
|
|
|
+ .qna_list {margin-top:80px}
|
|
|
+ .qna_list .ui_row {margin-top:20px}
|
|
|
+ .qna_list .nodata {padding-top:120px; border-top:1px solid #222; text-align:center;}
|
|
|
+ .qna_list .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
|
|
|
+ .qna_list .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
|
|
|
+ .qna_list .form_field input[type="checkbox"] + label {line-height:1;}
|
|
|
+ .qna_list .form_field input[type="checkbox"] + label:before,
|
|
|
+ .qna_list .form_field input[type="checkbox"] + label:after {top:50%; transform:translateY(-50%);}
|
|
|
+ .qna_list .case1 .fold_head .fold_tit span {float:left; display:inline-block; position:relative; width:auto; max-width:600px;}
|
|
|
+ .qna_list .case1 .fold_head .data [class^="wr_"] {display:inline-block; width:100px; text-align:center;}
|
|
|
+ .qna_list .fold_cont .img_group .thumb_pic {background:#fff;}
|
|
|
+ .qna_list .fold_cont .img_group .thumb_pic img{position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:auto; max-height:100%; max-width:100%; margin:auto 0; cursor:pointer;}
|
|
|
+ .qna_list .case1 .my_qna .fold_head,
|
|
|
+ .qna_list .case1 .my_qna .fold_head.on,
|
|
|
+ .qna_list .case1 .my_qna .fold_detail {background:#fff6f2;}
|
|
|
+ .qna_list .fold_head .fold_tit .ico {float:left; display:inline-block; width:auto; height:auto; margin-left:12px;}
|
|
|
+ .qna_list .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; width:47px; height:22px; border:1px solid #fd4802; color:#fd4802; font-size:12px; text-align:center; box-sizing:border-box; line-height:20px; margin-top:-3px}
|
|
|
+ .qna_list .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; width:15px; height:16px; background:url('/images/pc/ico_secret.png') no-repeat 50% 50%;}
|
|
|
+
|
|
|
+ /* pd_pop > 상품리뷰 페이지 */
|
|
|
+ .pd_review_pop {}
|
|
|
+ .pd_review_pop .pd_review {}
|
|
|
+ .pd_review .swiper-pagination {position:relative; bottom:auto !important; width:100%; margin-top:40px; text-align:center;}
|
|
|
+ .pd_review .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin-left:10px; background:#ddd; opacity:1;}
|
|
|
+ .pd_review .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
|
|
|
+ .pd_review .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
|
|
|
+ .pd_review .thumb {display:block; position:relative; width:100%; height:0px; line-height:0; font-size:0; padding-top:150%; background:#f5f5f5; overflow:hidden;}
|
|
|
+ .pd_review .pic .thumb {padding-top:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
|
|
|
+ .pd_review .pic .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;}
|
|
|
+ .pd_review dl div,
|
|
|
+ .pd_review dl dt,
|
|
|
+ .pd_review dl dd {float:left;}
|
|
|
+ .pd_review div::after,
|
|
|
+ .pd_review dl::after,
|
|
|
+ .pd_review ul::after {content:''; clear:both; display:block;}
|
|
|
+ .pd_review h6 {margin-bottom:30px; color:#222; font-size:24px;}
|
|
|
+ .pd_review [class^="area_"] {display:block; position:relative; margin-top:80px}
|
|
|
+
|
|
|
+ .pd_review .area_rv_empty {margin-top:120px; text-align:center;}
|
|
|
+ .pd_review .area_rv_empty .txt_box p {color:#222; font-size:24px; font-weight:300; line-height:34px;}
|
|
|
+ .pd_review .area_rv_empty .txt_box p::before {content:''; display:block; width:60px; height:60px; margin:0 auto 30px; background:url('/images/pc/ico_point4.png') no-repeat 0 0;}
|
|
|
+ .pd_review .area_rv_empty .txt_box p span.c_primary {font-weight:500;}
|
|
|
+ .pd_review .area_rv_empty .txt_box dl {display:block; margin-top:30px; padding:40px 0; border:1px solid #ddd;}
|
|
|
+ .pd_review .area_rv_empty .txt_box dl div {float:none; display:inline-block; margin-left:60px; font-size:16px}
|
|
|
+ .pd_review .area_rv_empty .txt_box dl div:first-child {margin-left:0}
|
|
|
+ .pd_review .area_rv_empty .txt_box dl div dt {color:#666; font-weight:200;}
|
|
|
+ .pd_review .area_rv_empty .txt_box dl div dd {margin-left:20px; color:#fd4802; font-weight:300;}
|
|
|
+ .pd_review .area_rv_empty .btn_box .btn {width:237px; height:60px; margin-top:60px; font-size:18px;}
|
|
|
+
|
|
|
+ .pd_review .area_rv_average {}
|
|
|
+ .pd_review .area_rv_average .star_score {margin-bottom:30px}
|
|
|
+ .pd_review .area_rv_average .star_score span {display:inline-block; position:relative; color:#fd4802; vertical-align:middle;}
|
|
|
+ .pd_review .area_rv_average .star_score .tit {margin-right:30px; font-size:18px; font-weight:300;}
|
|
|
+ .pd_review .area_rv_average .star_score .score {margin-right:15px; font-size:32px; font-weight:500;}
|
|
|
+ .pd_review .area_rv_average .star_score .star {width:152px; height:24px; background:#ddd;}
|
|
|
+ .pd_review .area_rv_average .star_score .star .progbar {display:inline-block; height:100%; background-color:#fd4802;}
|
|
|
+ .pd_review .area_rv_average .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+
|
|
|
+ .pd_review .area_rv_average .average {margin-bottom:50px;}
|
|
|
+ .pd_review .area_rv_average .average .part_average {float:left; width:255px; margin-left:60px; color:#666; font-size:14px;}
|
|
|
+ .pd_review .area_rv_average .average .part_average:first-of-type {margin-left:0px}
|
|
|
+ .pd_review .area_rv_average .average .part_average .tit {display:block; margin-bottom:25px; color:#222; font-weight:300;}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl > div {margin-top:15px;}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl > div:first-child {margin-top:0;}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl dt {float:left; width:60px;}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl dd {float:left; width:calc(100% - 60px);}
|
|
|
+ .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 .ratio {width:145px; height:8px; margin-top:3px; background:#f5f5f5; overflow:hidden;}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl dd .ratio .progbar {display:inline-block; position:relative; height:8px; background:#888; 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 #888; border-bottom-color:transparent;border-right-color:transparent;}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl dd .percent {margin-left:15px}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl div.on dt,
|
|
|
+ .pd_review .area_rv_average .average .part_average dl div.on dd {color:#222; font-weight:300;}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl div.on dd .ratio .progbar {background:#222;}
|
|
|
+ .pd_review .area_rv_average .average .part_average dl div.on dd .ratio .progbar::after {border:4px solid #222; border-bottom-color:transparent;border-right-color:transparent;}
|
|
|
+ .pd_review .area_rv_average .info_review {color:#222; font-size:16px; background:#f5f5f5; padding:30px 60px; vertical-align:middle;}
|
|
|
+ .pd_review .area_rv_average .info_review p {float:left; position:relative; padding-left:60px;}
|
|
|
+ .pd_review .area_rv_average .info_review p i.ico_point {position:absolute; left:0; top:50%; transform:translateY(-50%); display:inline-block; width:40px; height:40px; margin-right:20px; background:url('/images/pc/ico_point3.png') no-repeat 50% 50%; background-size:100% 100%;}
|
|
|
+ .pd_review .area_rv_average .info_review p span {font-weight:300;}
|
|
|
+ .pd_review .area_rv_average .info_review dl {float:right; display:inline-block;}
|
|
|
+ .pd_review .area_rv_average .info_review dl::after {content:''; clear:both; display:block;}
|
|
|
+ .pd_review .area_rv_average .info_review dl div {margin-left:60px}
|
|
|
+ .pd_review .area_rv_average .info_review dl div:first-child {margin-left:0}
|
|
|
+ .pd_review .area_rv_average .info_review dl div dt {color:#666;}
|
|
|
+ .pd_review .area_rv_average .info_review dl div dd {margin-left:20px; color:#222; font-weight:300;}
|
|
|
+
|
|
|
+ .pd_review .area_rv_best .btn_arrow {position:absolute; right:0; top:0px; width:50px; height:24px; z-index:2;}
|
|
|
+ .pd_review .area_rv_best .btn_arrow::after {clear:both; display:block;}
|
|
|
+ .pd_review .area_rv_best .btn_arrow .swiper-button-prev,
|
|
|
+ .pd_review .area_rv_best .btn_arrow .swiper-button-next {display:inline-block; position:absolute; left:auto; right:auto; top:3px; bottom:auto; width:auto; height:auto; margin:0}
|
|
|
+ .pd_review .area_rv_best .btn_arrow .swiper-button-prev {left:3px}
|
|
|
+ .pd_review .area_rv_best .btn_arrow .swiper-button-next {right:3px}
|
|
|
+ .pd_review .area_rv_best .btn_arrow .swiper-button-prev:after {content:''; display:block; position:absolute; top:0px; left:0; width:14px; height:14px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
|
|
|
+ .pd_review .area_rv_best .btn_arrow .swiper-button-next:after {content:''; display:block; position:absolute; top:0px; right:0; width:14px; height:14px; border:2px solid #a7a7a7; border-width:2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
|
|
|
+ .pd_review .area_rv_best .best_review {width:100%;}
|
|
|
+ .pd_review .area_rv_best .best_review a {display:block;position:relative;height:222px;padding:30px 30px 30px 215px;padding: 30px;border:1px solid #eee;}
|
|
|
+ .pd_review .area_rv_best .best_review a .pic {position: relative;float: left;width:162px;height: 162px;margin-right: 23px;}
|
|
|
+ .pd_review .area_rv_best .best_review a .star_score {margin-top:7px; height:14px;}
|
|
|
+ .pd_review .area_rv_best .best_review a .star_score .star {display:inline-block; position:relative; width:102px; height:17px; background:#ddd;}
|
|
|
+ .pd_review .area_rv_best .best_review a .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+ .pd_review .area_rv_best .best_review a .star_score .star .progbar {display:inline-block; height:100%; background:#222}
|
|
|
+ .pd_review .area_rv_best .best_review a .star_score .ico {margin-left:10px}
|
|
|
+ .pd_review .area_rv_best .best_review a .star_score .ico::before {vertical-align:inherit;}
|
|
|
+ .pd_review .area_rv_best .best_review a .txt_best_review {margin-top:20px}
|
|
|
+ .pd_review .area_rv_best .best_review a .txt_best_review p {height:115px; overflow:hidden; line-height:24px; color:#666; font-size:14px; font-weight:200; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
|
|
|
+
|
|
|
+ .pd_review .area_rv_photo {}
|
|
|
+ .pd_review .area_rv_photo .photo_list {position:relative;}
|
|
|
+ .pd_review .area_rv_photo .photo_list ul li {float:left; position:relative; width:162px; height:162px; margin-left:11px}
|
|
|
+ .pd_review .area_rv_photo .photo_list ul li:first-child {margin-left:0;}
|
|
|
+ .pd_review .area_rv_photo .photo_list button {position:absolute; right:0; top:0; width:162px; height:162px; padding-top:60px; background:rgba(0,0,0,0.6); color:#fff; font-size:14px; z-index:1; text-align:center; box-sizing:border-box; z-index:2;}
|
|
|
+ .pd_review .area_rv_photo .photo_list button::after {content:''; position:absolute; top:45px; left:50%; transform:translateX(-50%); width:40px; height:40px; background:url('/images/pc/ico_plus_white.png') no-repeat 50% 50%; z-index:1;}
|
|
|
+
|
|
|
+ .pd_review .area_rv_all {margin-top:100px}
|
|
|
+ .pd_review .area_rv_all h6 span {display:inline-block; margin-left:5px; color:#666; font-weight:200;}
|
|
|
+ .pd_review .area_rv_all .selection {position:absolute; right:0; top:-16px; width:800px; z-index:2;}
|
|
|
+ .pd_review .area_rv_all .selection .select_dress {padding:0px 15px; color:#666; font-size:14px; line-height:40px;}
|
|
|
+ .pd_review .area_rv_all .selection .select_options {max-height:250px; overflow-y:auto;}
|
|
|
+ .pd_review .area_rv_all .selection .select_options::-webkit-scrollbar {width:2px;}
|
|
|
+ .pd_review .area_rv_all .selection .select_options::-webkit-scrollbar-thumb {background-color:#222; border-radius:0px; background-clip:padding-box; border:none;}
|
|
|
+ .pd_review .area_rv_all .selection .select_options::-webkit-scrollbar-track {background-color:#ddd; border-radius:0px; box-shadow:none;}
|
|
|
+ .pd_review .area_rv_all .selection .select_options li {padding:0; color:#666; font-size:14px; line-height:40px;}
|
|
|
+ .pd_review .area_rv_all .review_list {border-top:1px solid #ddd;}
|
|
|
+ .pd_review .area_rv_all .review_list > ul > li {padding:30px 0; border-bottom:1px 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}
|
|
|
+ .pd_review .area_rv_all .review_list .review .info_box .star_score .star {display:inline-block; position:relative; width:101px; height:16px; background:#ddd;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .info_box .star_score .star::after {content:''; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:url('/images/pc/star_empty_big.png') no-repeat 0 0; background-size:100% 100%; image-rendering:pixelated;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .info_box .star_score .star .progbar {display:inline-block; height:100%; background:#222}
|
|
|
+ .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:20px; padding-left:20px; color:#888; font-size:14px; line-height: 18px;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .info_box .writer span::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; 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:25px}
|
|
|
+ .pd_review .area_rv_all .review_list .review .response_box > div {margin-top:15px;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .response_box > div:first-child {margin-top:0}
|
|
|
+ .pd_review .area_rv_all .review_list .review .response_box > div dl div {margin-right:30px}
|
|
|
+ .pd_review .area_rv_all .review_list .review .response_box > div dl div dt {color:#fd4802}
|
|
|
+ .pd_review .area_rv_all .review_list .review .response_box > div dl div dd {margin-left:12px; color:#666}
|
|
|
+ .pd_review .area_rv_all .review_list .review .photo_box {margin-top:20px}
|
|
|
+ .pd_review .area_rv_all .review_list .review .photo_box .photo_list {}
|
|
|
+ .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li {float:left; width:calc((100% - 90px)/10); margin-left:10px}
|
|
|
+ .pd_review .area_rv_all .review_list .review .photo_box .photo_list > ul li:nth-child(10n-9) {margin-left:0;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .txt_review_box {margin-top:25px; line-height:24px;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box {margin-top:30px; padding-top:15px}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box .reply {position:relative; padding:30px; background:#f5f5f5;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box .reply::after {content:''; position:absolute; left:0px; top:-15px; width:0px; height:0px; border:15px solid #f5f5f5; border-top-color:transparent; border-right-color:transparent;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer {}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer span {display:inline-block; position:relative;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name {padding-left:24px; font-weight:300;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_name::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('/images/pc/ico_admin.png') no-repeat 0 0;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date {padding-left:20px; margin-left:20px; color:#888; font-size:200;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_writer .wr_date::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:12px; width:1px; background:#ddd;}
|
|
|
+ .pd_review .area_rv_all .review_list .review .reply_box .reply .reply_txt {margin-top:20px; color:#666; font-size:14px; line-height:24px;}
|
|
|
+ .pd_review .area_rv_all .nodata {padding-top:120px; border-top:1px solid #ddd; text-align:center;}
|
|
|
+ .pd_review .area_rv_all .nodata .txt_box {color:#666; font-size:16px; font-weight:300; line-height:26px;}
|
|
|
+ .pd_review .area_rv_all .nodata .txt_box::before {content:''; display:block; width:36px; height:46px; margin:0 auto 24px; background:url('/images/pc/ico_content_none.png') no-repeat;}
|
|
|
+ .pd_review .area_rv_all .nodata .btn_box {margin-top:40px;}
|
|
|
+ .pd_review .area_rv_all .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
|
|
|
+ .pd_review .area_rv_all .ui_row .pageNav {margin-top:50px}
|
|
|
+
|
|
|
+ /* pd_popup > 배송교환반품 안내 */
|
|
|
+ .pd_pop.full_pop.pd_delivery_pop {}
|
|
|
+ .pd_delivery_pop .pd_delivery {}
|
|
|
+ .pd_delivery h6 {margin-bottom:20px; font-size:18px;}
|
|
|
+ .pd_delivery .table_box {margin-top:80px}
|
|
|
+ .pd_delivery .tbl.type1 {padding:20px 0; font-size:14px;}
|
|
|
+ .pd_delivery .tbl.type1 table tr th,
|
|
|
+ .pd_delivery .tbl.type1 table tr td {font-size:16px; line-height:26px; vertical-align:top;}
|
|
|
+ .pd_delivery .tbl.type1 table tr th {padding:10px 0px 10px 40px; color:#222; text-align:left;}
|
|
|
+ .pd_delivery .tbl.type1 table tr td {padding:10px 0px; color:#222;}
|
|
|
|
|
|
|
|
|
-
|
|
|
-
|
|
|
/* my */
|
|
|
.container.my .wrap .content .cont_body {margin-bottom: 150px;}
|
|
|
.my .lnb_list::after {display: none;}
|
|
|
@@ -2514,7 +3009,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
.my .wish .item_prod {width: 23.3333%; margin:0 26px 50px 0;}
|
|
|
.my .wish .item_prod:nth-child(4n) {margin:0 0 50px 0;}
|
|
|
.my .wish .item_prod .itemcolorchip, .my .wish .item_prod .itemComment {margin:15px 6px 0px;}
|
|
|
- .my .wish .itemBadge {margin:0 4px;}
|
|
|
+ .my .wish .itemBadge {margin:0 4px; margin-top: 14px;}
|
|
|
.my .wish .itemBadge [class*="badge"] {margin:0 2px;}
|
|
|
.my .wish .item_state {padding:0;}
|
|
|
|
card007