|
|
@@ -349,8 +349,8 @@
|
|
|
.it_nav li .btn.btn_link:hover{text-decoration: none;}
|
|
|
.it_nav li .btn.btn_link.active {color: #fd4802; font-weight: 500;}
|
|
|
.it_nav li .btn.btn_link.active span {border-bottom: 2px solid #fd4802;}
|
|
|
-.main_it .it_item {overflow: visible;
|
|
|
- margin-right: 4rem;margin-left: -2rem;padding-left: 2rem; /* 아이템 사이즈 조정 */
|
|
|
+.main_it .it_item {/*overflow: visible;*/
|
|
|
+ margin-right: -4rem;margin-left: -2rem; padding-right: 4rem; padding-left: 2rem; /* 아이템 사이즈 조정 */
|
|
|
}
|
|
|
.main_it .it_item {display: none;}
|
|
|
.main_it .it_item::after {content: '';display: block;clear: both;}
|
|
|
@@ -368,11 +368,11 @@
|
|
|
.main_deal .count_tit {font-size: 1.5rem;}
|
|
|
.hotdealcount{display: inline-block;width: auto;}
|
|
|
.main_deal .count #countdown #tiles span {width: auto;font-size: 1.5rem;font-weight: 300;text-align: center;color: #fff;display: inline-block;position: relative;}
|
|
|
-.main_deal .count #countdown #tiles span:first-child:before {content: '';position: absolute;top: 1.0rem;right: -0.6rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
|
|
|
-.main_deal .count #countdown #tiles span:first-child:after {content: '';position: absolute;top: 0.5rem;right: -0.6rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
|
|
|
-.main_deal .count #countdown #tiles span:nth-child(2) {margin: 0 1.0rem;}
|
|
|
-.main_deal .count #countdown #tiles span:nth-child(2):before {content: '';position: absolute;top: 1.0rem;right: -0.6rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
|
|
|
-.main_deal .count #countdown #tiles span:nth-child(2):after {content: '';position: absolute;top: 0.5rem;right: -0.6rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
|
|
|
+.main_deal .count #countdown #tiles span:first-child:before {content: '';position: absolute;top: 1.0rem;right: -0.5rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
|
|
|
+.main_deal .count #countdown #tiles span:first-child:after {content: '';position: absolute;top: 0.5rem;right: -0.5rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
|
|
|
+.main_deal .count #countdown #tiles span:nth-child(2) {margin: 0 0.8rem;}
|
|
|
+.main_deal .count #countdown #tiles span:nth-child(2):before {content: '';position: absolute;top: 1.0rem;right: -0.5rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
|
|
|
+.main_deal .count #countdown #tiles span:nth-child(2):after {content: '';position: absolute;top: 0.5rem;right: -0.5rem;background: #fff;width: 0.2rem;height: 0.2rem;border-radius: 50%;}
|
|
|
.main_deal {width: 100%; margin-bottom: 3.5rem;padding-top: 1.0rem;}
|
|
|
.main_deal::after {content: '';display: block;clear: both;}
|
|
|
.main_deal .titWrap {padding: 3rem 0 2rem 0px;}
|
|
|
@@ -380,7 +380,7 @@
|
|
|
.main_deal .titWrap .count{margin-top: 1.2rem;}
|
|
|
.main_deal .titWrap .count .count_tit{position:relative;}
|
|
|
.main_deal .titWrap .count .count_tit:before{content: '';display: inline-block;background: url(/images/mo/ico_count.png) no-repeat;width: 2.4rem;height: 2.4rem;background-size: 2.4rem 2.4rem;position: absolute;left: -2.7rem;bottom: -0.5rem;}
|
|
|
-.main_deal .swiper-container {margin-right: -2rem;margin-left: -2rem;padding-left: 2rem;}
|
|
|
+.main_deal .swiper-container {margin-right: -4rem;margin-left: -2rem;padding-right: 4rem;padding-left: 2rem;}
|
|
|
.main_deal .item_prod .itemName {color: rgb(204, 204, 204);}
|
|
|
.main_deal .item_prod .itemPrice {color: #ffffff;}
|
|
|
|
|
|
@@ -412,7 +412,7 @@
|
|
|
.main_pick .pick-post::-webkit-scrollbar {display: none;}
|
|
|
.main_pick .pick-post .item_prod {width: 68%; padding-right: 10%;}
|
|
|
.main_pick .pick-post .item_prod .itemLink:after{content: '';display: block;clear: both;}
|
|
|
-.main_pick .pick-post .item_prod .itemPic{width: 7rem;height: 10.5rem;float: left;padding-top: 12vh;background: #f0f0f0; margin-bottom: 0;}
|
|
|
+.main_pick .pick-post .item_prod .itemPic{width: 7rem;height: 10.5rem;float: left;padding-top: 12vh;background: #ffffff; margin-bottom: 0;}
|
|
|
.main_pick .pick-post .item_prod .itemName{width: calc(100% - 9rem);top: 1.5rem;margin: 0px 8rem 0.8rem;}
|
|
|
.main_pick .pick-post .item_prod .itemPrice{margin: 0px 8rem 0.8rem;top:1.5rem;}
|
|
|
|
|
|
@@ -1194,7 +1194,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .review .tbl_wrap .tbl.review_tbl td {padding-left: 0;}
|
|
|
.my .review .tbl_wrap .tbl.review_tbl td textarea {height: 200px;}
|
|
|
.my .review .tbl_wrap .tbl td .select {width: 400px;}
|
|
|
-.my .review .tbl_wrap .tbl td .txt_cnt {background: #fff; width: calc(100% - 3.0rem); position: absolute; bottom: 1.7rem; right: 1.5rem; margin-top: 0; padding:0.5rem 0 0.5rem; font-size: 1.3rem; text-align: right; color: #888;}
|
|
|
+.my .review .tbl_wrap .tbl td .txt_cnt {background: #fff; width: calc(100% - 3.0rem); position: absolute; bottom: 1.7rem; right: 1.5rem; margin-top: 0; padding:0 0 0.5rem; font-size: 1.3rem; text-align: right; color: #888;}
|
|
|
.my .review .tbl_wrap .tbl td .rev_height,
|
|
|
.my .review .tbl_wrap .tbl td .rev_weight {border:1px solid #ddd; position: relative;}
|
|
|
.my .review .tbl_wrap .tbl td .rev_height input,
|
|
|
@@ -1305,7 +1305,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.pay_wrap .tbl table dt {vertical-align: top; background: url('/images/mo/ico_bracket.png') no-repeat left top 2px; background-size:0.7rem; padding-left: 1.3rem; color: #888; float:left; margin-bottom: 1.4rem; font-weight: 300;}
|
|
|
.pay_wrap .tbl dl > div:last-child dt, .pay_wrap .tbl dl > div:last-child dd {margin-bottom: 0;}
|
|
|
.pay_wrap .tbl table dd {text-align: right; color: #666; float:right;}
|
|
|
-.pay_wrap .tbl .btn {float: right; padding:0.6rem 1.3rem; font-size: 1.1rem; height:auto; margin-top: 1rem;}
|
|
|
+.pay_wrap .tbl .btn {float: right; padding:0.6rem 1.3rem; font-size: 1.1rem; height:auto; margin-top: 1rem; display: block; margin-left:50%;}
|
|
|
+.pay_wrap .tbl .btn:after {content:''; clear:both; display: block;}
|
|
|
|
|
|
/* my_order_3 */
|
|
|
.my .my_goodsy .tbl_wrap .tbl {border-bottom: 1px solid #ddd; padding:2rem 0;}
|
|
|
@@ -1389,7 +1390,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .my_return .tbl_tarea td {font-weight: 300;}
|
|
|
.my .my_return .tbl_tarea .textarea_wrap, .my .my_exchange .tbl_tarea .textarea_wrap {position: relative; padding:1.7rem 1.5rem 2.8rem; border:1px solid #d7d7d7;}
|
|
|
.my .my_return .tbl_tarea .textarea_wrap .txt_cnt, .my .my_exchange .tbl_tarea .textarea_wrap .txt_cnt {background: #fff; width: calc(100% - 3.0rem); position: absolute; bottom: 0.1rem; right: 1.5rem; margin-top: 0; padding:0.5rem 0 0.5rem; font-size: 1.3rem; text-align: right; color: #888;}
|
|
|
-.my .my_return .tbl_tarea .textarea_wrap textarea, .my .my_exchange .tbl_tarea .textarea_wrap textarea {resize:none; height: 10rem; width: 100%; border:none; outline:none;}
|
|
|
+.my .my_return .tbl_tarea .textarea_wrap textarea, .my .my_exchange .tbl_tarea .textarea_wrap textarea {resize:none; height: 10rem; width: 100%; border:none; outline:none; color: #222;}
|
|
|
.my .my_return .retrieve_box.direct input[type="tel"] {width: 100%; padding:0 1rem;}
|
|
|
.my .my_return .retrieve_box.direct .ship_info dt {font-weight: 500;}
|
|
|
.my .my_return .retrieve_box.direct .ship_info dt, .my .my_return .retrieve_box.direct .ship_info dd {width: 100%; margin-bottom: 0.5rem;}
|
|
|
@@ -1449,14 +1450,15 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.refundAccountPop .btn_group_flex {margin-top: 1rem;}
|
|
|
|
|
|
/* my_delivery_1 */
|
|
|
-.my_delivery .modal {display: inline-block;}
|
|
|
+.my_delivery .modal {display: inline-block; overflow-y: none;}
|
|
|
.my_delivery .blocker:before {display: none;}
|
|
|
-.my_delivery .modal .modal-body {margin-bottom: 4.5rem;}
|
|
|
+.my_delivery .modal .modal-body {margin-bottom: 5rem;}
|
|
|
.my_delivery .modal .modal-footer {position: fixed; left: 0; bottom: 0; width: 100%;}
|
|
|
.my .my_delivery .inner {padding: 0;}
|
|
|
.my .my_delivery .inner > .btn_group {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99; transition:all 0.3s;}
|
|
|
.my .my_delivery .inner > .btn_group.active {transform: translate(0, -4.3rem);}
|
|
|
.my .my_delivery .inner:last-child {padding-bottom: 0;}
|
|
|
+.my .my_delivery .delivery_list {padding-bottom: 4rem;}
|
|
|
.my .my_delivery .ship_info {padding:3rem 2rem; border-bottom: 1px solid #eee;}
|
|
|
.my .my_delivery .ship_info.active {background: #fff6f2;}
|
|
|
.my .my_delivery .ship_info dl > div.addr {width: 100%;}
|
|
|
@@ -1569,7 +1571,6 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.coupon.disable .tag {border-color:#dddddd; background:none;}
|
|
|
|
|
|
/* my_coupon */
|
|
|
-.my .inner {margin-bottom: 1.2rem;}
|
|
|
.my .inner:last-child {margin-bottom: 0;}
|
|
|
.my .my_coupon .highlight_area {background: #fff6f2;padding: 2rem 1.5rem;text-align: center;width: 100%;display: inline-table;position: relative;margin-top: 2rem;margin-bottom: 2rem;}
|
|
|
.my .my_coupon .content_area {padding-top: 20px;}
|
|
|
@@ -1626,6 +1627,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .myVoucher .tip_wrap ul li::before{content: '';position: absolute;top: 7px;left: 0;background: #858585;width: 0.2rem;height: 0.2rem;}
|
|
|
.my .myVoucher .form_field { width: auto; height: 4.5rem; display: inline;}
|
|
|
.my .myVoucher .form_field .input_wrap{ width: 100%; margin-bottom: 1.5rem;padding-bottom: 2.5rem;}
|
|
|
+.my .myVoucher .form_field .certi_wrap {padding-right: 8rem;}
|
|
|
.my .myVoucher input {width: 100%;}
|
|
|
.my .myVoucher .certi_wrap .btn {width: 8.6rem;height: 4.5rem;position: absolute;top: 0;right: 0;padding: 0;text-align: center;}
|
|
|
.my .myVoucher .tab_cont {background: #ffffff;padding: 0 2.0rem;}
|
|
|
@@ -1656,12 +1658,13 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .restock .restock_past {display:inline-block; font-size: 1.2rem; padding-left:1.5rem; margin-bottom:1.0rem; color:#888; background:url('/images/mo/ico_restock_past.png') no-repeat 0% 45%;background-size: 1.1rem;}
|
|
|
|
|
|
/* my_wishlist */
|
|
|
-.my .my_wishlist .wishlist {padding-top: 8rem;}
|
|
|
+.my .my_wishlist .wishlist {padding-top: 3rem;}
|
|
|
+main.my .my_wishlist .inner:last-child {padding-bottom: 0;}
|
|
|
.my .my_wishlist .monthly_wish_wrap {margin-top:1rem;}
|
|
|
.my .my_wishlist .monthly_wish_wrap:first-child {margin-top:0}
|
|
|
.my .my_wishlist .monthly_wish_wrap .itemsGrp {margin:0 -1.25%;}
|
|
|
.my .my_wishlist .monthly_wish_wrap .itemsGrp:after {content:''; display: block; clear:both;}
|
|
|
-.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod {width:50%; height:60rem; padding:0 1.25%; float:left;}
|
|
|
+.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod {width:50%; /*height:60rem;*/ padding:0 1.25%; float:left;}
|
|
|
.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod:nth-child(2n) {margin-right: 0;float: right;}
|
|
|
.my .my_wishlist .monthly_wish_wrap .itemsGrp .item_prod .item_state {padding-bottom:4rem}
|
|
|
.my .my_wishlist .monthly_wish_wrap .date {display:block; position:relative; width:100%; margin-bottom:1.8rem; text-align: center;}
|
|
|
@@ -1845,7 +1848,7 @@ background-size:100%;}
|
|
|
.odPayment .fold_cont .area_overseas .info_box.overs1 .input_wrap .form_control {width: 100%; color: #222;}
|
|
|
.odPayment .fold_cont .area_overseas .info_box.overs2 {margin-top:0; margin-right:0; color:#666; font-size: 1.4rem;}
|
|
|
.odPayment .fold_cont .area_overseas .info_box .agree_overs {margin-top:15px; width:100%; word-break:keep-all;}
|
|
|
-.odPayment .fold_cont .area_overseas .info_box .agree_overs label {line-height:1.4; color:#666; font-size: 1.3rem;}
|
|
|
+.odPayment .fold_cont .area_overseas .info_box .agree_overs label {line-height:1.4; color:#666; font-size: 1.3rem; text-align: left;}
|
|
|
.odPayment .fold_cont .area_overseas .info_box .agree_overs label::before,
|
|
|
.odPayment .fold_cont .area_overseas .info_box .agree_overs label::after {top:10px !important; transform:translateY(0%) !important;}
|
|
|
.odPayment .agree_insurance, .od .agree_insurance {display:none; margin:1rem 0 0;}
|
|
|
@@ -1859,7 +1862,7 @@ background-size:100%;}
|
|
|
.od .fold_cont .area_selpoint input[type="text"]:disabled {background: #fff;}
|
|
|
|
|
|
.od .fold_cont .area_customitem > p {font-size: 1.1rem; color: #888;}
|
|
|
-.od .fold_cont .area_customitem .agree_custom label {font-size: 1.3rem; color: #222;}
|
|
|
+.od .fold_cont .area_customitem .agree_custom label {font-size: 1.3rem; color: #222; text-align: left;}
|
|
|
.od .fold_cont .area_customitem .form_field {margin:1.3rem 0 2rem;}
|
|
|
.od .fold_cont .area_customitem .form_field input[type="checkbox"] + label:after,
|
|
|
.od .fold_cont .area_customitem .form_field input[type="checkbox"] + label:before {top: 0; margin-top: 0;}
|
|
|
@@ -1913,6 +1916,8 @@ background-size:100%;}
|
|
|
.adrsChange_Pop .badge_wrap {display: inline-block;}
|
|
|
.adrsChange_Pop .order_badge {font-size: 1rem; color: #666; font-weight: 300; border:1px solid #888; padding:0.4rem 0.4rem 0.25rem; margin-left: 1px; vertical-align: middle;}
|
|
|
.adrsChange_Pop .order_bullet_badge {color: #fd4802; border:1px solid #fd4802;}
|
|
|
+.adrsChange_Pop .modal-footer {margin-bottom: 5rem;}
|
|
|
+.adrsChange_Pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
|
|
|
|
|
|
.adrsChange_Pop {}
|
|
|
.adrsChange_Pop .inner:last-child {padding-bottom: 0;}
|
|
|
@@ -1955,6 +1960,8 @@ background-size:100%;}
|
|
|
.adrsAdd_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
|
|
|
.adrsAdd_pop .htop .btn_back:active span i {left: -20px;}
|
|
|
.adrsAdd_pop .default_addrs {margin-top: 1.5rem;}
|
|
|
+.adrsAdd_pop .modal-footer {margin-bottom: 5rem;}
|
|
|
+.adrsAdd_pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
|
|
|
/* //주문결제_배송지추가 팝업 */
|
|
|
|
|
|
/* 주문결제_배송지수정 팝업 */
|
|
|
@@ -1986,6 +1993,8 @@ background-size:100%;}
|
|
|
.adrsModify_pop .htop .btn_back span i.gl3 {left: 0;bottom: 6px;width: 12px;height: 2px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
|
|
|
.adrsModify_pop .htop .btn_back:active span i {left: -20px;}
|
|
|
.adrsModify_pop .default_addrs {margin-top: 1.5rem;}
|
|
|
+.adrsModify_pop .modal-footer {margin-bottom: 5rem;}
|
|
|
+.adrsModify_pop .modal-footer .btn {position: fixed; left: 0; bottom: 0; height: 5rem; font-size: 1.4rem;}
|
|
|
/* //주문결제_배송지수정 팝업 */
|
|
|
|
|
|
/* 주문결제_할인쿠폰변경 팝업 */
|
tsit14