|
|
@@ -666,6 +666,8 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.ev .cmt_group .cmt_list li .btn_del {display: block; font-size: 1.1rem; color: #666; font-weight: 300; position: absolute; top: 0; right: 0; height:auto; padding:0; border-color:transparent; border-bottom: 1px solid #666;}
|
|
|
|
|
|
/* ev_comment_1 포토댓글 */
|
|
|
+.modal.pop_full .modal-header {padding:1.6rem 2rem;}
|
|
|
+.modal.pop_full .modal-body {padding:0 2rem;}
|
|
|
.modal.pop_full a.close-modal {background: url('/images/mo/ico_pop_cls.png') no-repeat center/100%; width: 1.6rem; height: 1.6rem;}
|
|
|
.modal.photo_comment_popup {background: #f5f5f5; overflow:hidden;}
|
|
|
.modal.photo_comment_popup .modal-dialog, .modal.photo_comment_popup .modal-content {height: 100%;}
|
|
|
@@ -840,7 +842,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.ev_rank .member_level_area .level_content.one_row .birth_info {width: 100%;}
|
|
|
|
|
|
/* 배송관련 아이콘 */
|
|
|
-.tag {display:inline-block; height:2.2rem; padding:0.5rem 0.8rem; /*background:#fff;*/ border:1px solid #ddd; color:#666; font-size:1.1rem; font-weight:300; text-align:center; line-height:1;}
|
|
|
+.tag {display: inline-block;height: 1.7rem;padding: 0rem 0.4rem;border: 1px solid #ddd;color: #666;font-size: 1.1rem;font-weight: 300;text-align: center;line-height: 1.7rem;}
|
|
|
.tag.gray {background:#f5f5f5; border-color:#f5f5f5; color:#666;}
|
|
|
.tag.deepgray {background:#aaa; border-color:#aaa; color:#fff;}
|
|
|
.tag.primary {background:#fd4802; border-color:#fd4802; color:#fff;}
|
|
|
@@ -869,6 +871,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .tabIndex{margin-bottom: 0.85em;}
|
|
|
.my .tabIndex li .count{font-size:1.0rem; font-weight: 300; padding-left: 0.5rem;color: #888888;}
|
|
|
.my .tabIndex li.active a .count{color: #888888;}
|
|
|
+.my .select {font-size: 1.3rem;}
|
|
|
|
|
|
|
|
|
/* nodata_데이터 없을시 안내 */
|
|
|
@@ -904,14 +907,14 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.goods_btn_wrap > div > .btn {display:block; width:100%; height:100%; border:1px solid #a7a7a7; font-size: 1.2rem; padding:1rem 1.3rem; font-weight: 500;}
|
|
|
.goods_btn_wrap > div > .btn.btn_primary {background-color:#fff; border-color:#fd4802; color: #fd4802;}
|
|
|
|
|
|
-/* my_index */
|
|
|
+/* my_main */
|
|
|
/* main.container.my .inner:last-child {padding-bottom: 0;} */
|
|
|
-.my .lnb_list {margin-top: 1.2rem; padding-bottom: 6rem;}
|
|
|
+.my .lnb_list {margin-top: 1.2rem;}
|
|
|
.my .lnb_list li { border-bottom: 1px solid #ddd;}
|
|
|
.my .lnb_list li a {display: block; padding: 2rem; background: url(/images/mo/ico_lnb_arrow.png) no-repeat right 2rem center; background-size:0.7rem 1.26rem;}
|
|
|
|
|
|
.my .mem_rank {position: relative; padding:1.6rem 0; padding-left: 6rem;}
|
|
|
-.my .mem_rank .mem_name {font-size: 1.8rem; font-weight: 300;}
|
|
|
+.my .mem_rank .mem_name {dib font-size: 1.8rem; font-weight: 300;}
|
|
|
.my .mem_rank .mem_name strong {font-weight: 500;}
|
|
|
.my .mem_rank .rank_txt {display: inline-block; font-size: 1.8rem; color: #666; font-weight: 500; padding-right: 1.7rem; background: url(/images/mo/ico_btn_detail03.png) no-repeat right top 5px; background-size:0.7rem 1.3rem;}
|
|
|
.my .mem_rank .rank_txt02 button {display: inline-block; font-size: 14px; padding-right: 13px; margin-right: 20px; background: url(/images/pc/ico_mysm_arrow.png) no-repeat right top 6px;}
|
|
|
@@ -931,16 +934,13 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .mem_info .mem_box > .mem_coupon .coupon_txt02 span {font-size: 18px;}
|
|
|
.my .mem_info .mem_box > div:last-child {margin-right: 0;}
|
|
|
.my .mem_info .mem_box > div a, .my .mem_info .mem_box > div .coupon_txt01 {font-size: 16px; color: #000; font-weight: 500;}
|
|
|
-.my .mem_info .mem_box > div .tit {font-size: 1.1rem; font-weight: 300; color: #888; margin-bottom: 0.9rem;}
|
|
|
+.my .mem_info .mem_box > div .tit {font-size: 1.1rem; font-weight: 300; color: #888; margin-bottom: 0.5rem;}
|
|
|
.my .mem_info .mem_box > div em {display: inline-block; font-size: 1.4rem; font-weight: 500;}
|
|
|
|
|
|
-.my .order_info {text-align: center; margin-bottom: 1.2rem;}
|
|
|
+.my .order_info {text-align: center; margin-bottom: 2.4rem; margin-top: -1.2rem;}
|
|
|
.my .order_info > ul {position: relative; display: inline-block; width: 100%; margin:3rem 0;}
|
|
|
.my .order_info > ul > li {float:left; width: 33.3333%; text-align: center; position: relative; border-right:1px solid #ddd;}
|
|
|
.my .order_info > ul > li:last-child {border-right:0;}
|
|
|
-/* .my .order_info > ul > li:after {content:''; position: absolute; top: 50%; right: -3.9rem; width: 1px; height: 31px; transform:translateY(-50%); background: #ddd;}
|
|
|
-.my .order_info > ul > li:last-child {margin-right: 0;}
|
|
|
-.my .order_info > ul > li:last-child:after {display: none;} */
|
|
|
.my .order_info .or_p {font-size: 1.3rem; color: #666; font-weight: 300;}
|
|
|
.my .order_info .count span {display: inline-block; font-size: 1.8rem; font-weight: 500;}
|
|
|
|
|
|
@@ -1027,7 +1027,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .review .inner:last-child {padding-bottom: 0;}
|
|
|
.my .review .inner.wide {background: #f5f5f5;}
|
|
|
/* .my .review .inner .tabWrap .inner{margin-bottom:1.3rem;} */
|
|
|
-.my .review .tabIndex{margin-bottom: 0.85em;}
|
|
|
+.my .review .tabIndex{margin-bottom: 0.85rem;}
|
|
|
.my .review .tabIndex li .count{font-size:1.0rem; font-weight: 300; padding-left: 0.5rem;color: #888888;}
|
|
|
.my .review .tabIndex li.active a .count{color: #888888;}
|
|
|
.my .review .tip1 .tip_contents{width: 34rem;transform: translate(-77%, 1.0rem); padding:1.3rem 1.6rem;}
|
|
|
@@ -1170,11 +1170,12 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .my_order .order_sort {padding-top: 2rem; text-align: right;}
|
|
|
.my .my_order .order_sort a {display: inline-block; font-size: 1.2rem; font-weight: 300; padding-right: 1.4rem; background: url('/images/mo/ico_sort_arrow.png') no-repeat right center; background-size:0.7rem 0.43rem;}
|
|
|
.my .my_order .order_sort a:first-child {margin-right: 2rem;}
|
|
|
-/* .my.btPop_full_open .btPop_full {top:auto; bottom:0; height:auto;} */
|
|
|
-.my .od_filter_pop .btPop_head {display: none;}
|
|
|
-.my .od_filter_pop .btPop_body button {width: 49%; float:left; padding:1.1rem 0; border:1px solid #eee; text-align: center; margin-bottom: 0.6rem; border-radius:3rem; font-size: 1.4rem; font-weight: 300; color: #666;}
|
|
|
-.my .od_filter_pop .btPop_body button.on {border:1px solid #fd4802; color: #fd4802;}
|
|
|
-.my .od_filter_pop .btPop_body button:nth-child(even) {float:right;}
|
|
|
+.popup_box .button_list button {width: 100%; padding:1.1rem 0; border:1px solid #eee; text-align: center; margin-bottom: 0.6rem; border-radius:3rem; font-size: 1.4rem; font-weight: 300; color: #666;}
|
|
|
+.popup_box .button_list button[disabled] {background: #f5f5f5; color: #bbb;}
|
|
|
+.popup_box .button_list button[disabled] span {text-decoration: line-through; }
|
|
|
+.popup_box .button_list.clear button {width: 49%; float:left; }
|
|
|
+.popup_box .button_list button.on {border:1px solid #fd4802; color: #fd4802;}
|
|
|
+.popup_box .button_list.clear button:nth-child(even) {float:right;}
|
|
|
|
|
|
/* my_order_2 */
|
|
|
.my .my_order .inner {margin-bottom: 1.2rem;}
|
|
|
@@ -1252,9 +1253,10 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
/* my_order_3 */
|
|
|
.my .my_goodsy .tbl_wrap .tbl {border-bottom: 1px solid #ddd; padding:2rem 0;}
|
|
|
.my .my_goodsy .inner {margin-bottom: 1.2rem;}
|
|
|
-.my .my_goodsy .goods_tbl {padding-bottom: 6rem;}
|
|
|
.my .my_goodsy .goods_tbl .tblWrap {margin: 0;}
|
|
|
.my .my_goodsy .goods_tbl .tbltitWrap {margin-top: 0;}
|
|
|
+.my .my_goodsy .goods_tbl th {background: #f5f5f5;}
|
|
|
+.my .my_goodsy .goods_tbl .tblWrap table tr th, .my .my_goodsy .goods_tbl .tblWrap table tr td {border-left: 0;}
|
|
|
|
|
|
/* my_order_4 */
|
|
|
.my .my_gift {}
|
|
|
@@ -1289,7 +1291,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .my_page_edit .tbl_wrap .tbl table th, .my .my_page_edit .tbl_wrap .tbl table td {color: #222; display: block;}
|
|
|
.my .my_page_edit .tbl_wrap .tbl table th {padding-bottom: 0.5rem; font-size: 1.4rem; font-weight: 500;}
|
|
|
.my .my_page_edit .tbl_wrap .tbl table td {font-size: 1.4rem; }
|
|
|
-.my .my_page_edit .tbl_wrap .tbl td input {width: 100%;}
|
|
|
+.my .my_page_edit .tbl_wrap .tbl td input {width: 100%; padding:0 1.4rem;}
|
|
|
.my .my_page_edit .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
|
|
|
|
|
|
.my .my_page_edit .btn_group_flex {padding:0; margin:0; background: #fff;}
|
|
|
@@ -1334,55 +1336,60 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
|
|
|
/* my_exchange_optionPOP_옵션변경 팝업 */
|
|
|
.container.my.btPop_open::after, .container.od.btPop_open::after {display: none;}
|
|
|
-.container.my.btPop_open .optionPop, .container.od.btPop_open .couponChangePop {top: 55px;}
|
|
|
-.container.my.btPop_open .optionPop, .container.od.btPop_open .couponChangePop {max-height:calc(100% - 55px);}
|
|
|
+.container.my.btPop_open .optionChangePop, .container.od.btPop_open .couponChangePop {top: 55px;}
|
|
|
+.container.my.btPop_open .optionChangePop, .container.od.btPop_open .couponChangePop {max-height:calc(100% - 55px);}
|
|
|
|
|
|
-.container.my.btPop_open .optionPop .btn_group_flex, .container.od.btPop_open .couponChangePop .btn_group_flex {margin-top: 0;}
|
|
|
+.container.my.btPop_open .optionChangePop .btn_group_flex, .container.od.btPop_open .couponChangePop .btn_group_flex {margin-top: 0;}
|
|
|
.container.od.btPop_open .couponChangePop .btn_group_flex button {font-size: 1.6rem; position: absolute; left: 0; bottom: 0; width: 100%; height:5.8rem;}
|
|
|
-.container.my.btPop_open .optionPop .btPop_close {display: none;}
|
|
|
-.optionPop .btPop_head, .couponChangePop .btPop_head {display: none;}
|
|
|
-.optionPop .btPop_body, .couponChangePop .btPop_body {height: calc(100% - 4.3rem);}
|
|
|
+.container.my.btPop_open .optionChangePop .btPop_close {display: none;}
|
|
|
+.optionChangePop .btPop_head, .couponChangePop .btPop_head {display: none;}
|
|
|
+.optionChangePop .btPop_body, .couponChangePop .btPop_body {height: calc(100% - 4.3rem);}
|
|
|
.couponChangePop .btPop_body {height:calc(100% - 5.8rem);}
|
|
|
-.optionPop .optionPop_tit {font-size: 1.4rem; font-weight: 500; margin-bottom: 1.5rem;}
|
|
|
-.optionPop .option_product_list {margin-bottom: 2.4rem;}
|
|
|
-.optionPop .product_list {border-top: 1px solid #ddd;}
|
|
|
-.optionPop .product_list li {border-bottom: 1px solid #ddd; padding: 1.5rem 0;}
|
|
|
-
|
|
|
-.optionPop .option_list li {border-bottom: 1px dashed #ddd; padding:2rem 0 0;}
|
|
|
-.optionPop .option_list li:first-child {padding-top: 0;}
|
|
|
-.optionPop .option_list li:last-child {border-bottom: 0;}
|
|
|
-.optionPop .option_list li > div {margin-bottom: 1.5rem;}
|
|
|
-.optionPop .option_list li .option_box {margin:0 -0.78%}
|
|
|
-.optionPop .option_list li .option_box:after {content:''; display: block; clear:both;}
|
|
|
-.optionPop .option_list li .option_box button {height: 3.4rem; width: 18.4%; float:left; margin: 0 0.78% 1.56%; padding: 0;}
|
|
|
-.optionPop .option_list li .option_box button.on {border:1px solid #fd4802;}
|
|
|
-.optionPop .option_list li .option_box button:active {background: #fff;}
|
|
|
-.optionPop .option_list li .option_box button:disabled {background: #f5f5f5;}
|
|
|
-.optionPop .option_list li .option_box button:disabled span {text-decoration: line-through; color: #bbb;}
|
|
|
-.optionPop .option_list li .option_name {font-size: 1.4rem; font-weight: 500;}
|
|
|
-.optionPop .option_list li .option_field {margin-top: 1.5rem;}
|
|
|
+.optionChangePop .optionPop_tit {font-size: 1.4rem; color:#222; font-weight: 500; margin-bottom: 1.5rem;}
|
|
|
+.optionChangePop .option_product_list {margin-bottom: 2.4rem;}
|
|
|
+.optionChangePop .product_list {border-top: 1px solid #ddd;}
|
|
|
+.optionChangePop .product_list li {border-bottom: 1px solid #ddd; padding: 1.5rem;}
|
|
|
+
|
|
|
+.modal.optionChangePop .modal-body .pop_cont {color: #222;}
|
|
|
+.optionChangePop .option_list li {border-bottom: 1px dashed #ddd; padding:2rem 0 0;}
|
|
|
+.optionChangePop .option_list li:first-child {padding-top: 0;}
|
|
|
+.optionChangePop .option_list li:last-child {border-bottom: 0;}
|
|
|
+.optionChangePop .option_list li > div {margin-bottom: 1.5rem;}
|
|
|
+/* .optionChangePop .option_list li .option_box {margin:0 -0.78%} */
|
|
|
+.optionChangePop .option_list li .option_box:after {content:''; display: block; clear:both;}
|
|
|
+.optionChangePop .option_list li .option_box button {height: 3.4rem; width: 18.4%; float:left; margin: 0 0.78% 1.56%; padding: 0;}
|
|
|
+.optionChangePop .option_list li .option_box button.on {border:1px solid #fd4802;}
|
|
|
+.optionChangePop .option_list li .option_box button:active {background: #fff;}
|
|
|
+.optionChangePop .option_list li .option_box button:disabled {background: #f5f5f5;}
|
|
|
+.optionChangePop .option_list li .option_box button:disabled span {text-decoration: line-through; color: #bbb;}
|
|
|
+.optionChangePop .option_list li .option_name {font-size: 1.4rem; font-weight: 500;}
|
|
|
+.optionChangePop .option_list li .option_field {margin-top: 1.5rem;}
|
|
|
+.optionChangePop .modal-footer .btn_group_flex {margin-top: 0;}
|
|
|
|
|
|
/* my_return_3_accountPop_환불계좌등록 팝업 */
|
|
|
-.refund_account_pop .btPop_head {display: none;}
|
|
|
-.refund_account_pop .tbl_wrap {padding-top: 0;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl_tit {padding-bottom: 1.5rem; padding-top: 1rem;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl {border-top: 0;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl .tbl_row:last-child {padding-bottom: 0; border-bottom: 0;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl table th, .refund_account_pop .tbl_wrap .tbl table td {color: #222; display: block;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl table th {padding-bottom: 1.5rem; font-size: 1.4rem; font-weight: 500;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl table td {font-size: 1.4rem; padding-bottom: 3rem;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl td input {width: 100%;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
|
|
|
-.refund_account_pop .tbl_wrap .tbl td .certi_wrap {width: 100%;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl table tr:last-child th, .refund_account_pop .tbl_wrap .tbl table tr:last-child td {padding-bottom: 0;}
|
|
|
-.refund_account_pop .tbl_wrap .tbl table tr:last-child th {padding-bottom: 1.5rem;}
|
|
|
-.refund_account_pop .btn_group_flex {margin-top: 0;}
|
|
|
+.refundAccountPop .btPop_head {display: none;}
|
|
|
+.refundAccountPop .tbl_wrap {padding-top: 0;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl_tit {padding-bottom: 1.5rem; padding-top: 1rem;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl {border-top: 0;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl .tbl_row {padding:0 0 2rem; border-bottom: 1px solid #ddd;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl .tbl_row:first-child {margin-bottom: 2rem;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl .tbl_row:last-child {padding-bottom: 0; border-bottom: 0;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl table th, .refundAccountPop .tbl_wrap .tbl table td {color: #222; display: block;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl table th {padding-bottom: 1rem; font-size: 1.4rem; font-weight: 500;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl table td {font-size: 1.4rem; padding-bottom: 3rem;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl td input {width: 100%; padding:0 1.4rem;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl .password .btn.btn_primary {width: 100%; height: 4.5rem; background: #fff; color:#fd4802}
|
|
|
+.refundAccountPop .tbl_wrap .tbl td .certi_wrap {width: 100%;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl td .certi_wrap .btn {width: 8.6rem; height: 4.5rem; position: absolute; top: 0; right: 0; padding: 0; text-align: center;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl table tr:last-child th, .refundAccountPop .tbl_wrap .tbl table tr:last-child td {padding-bottom: 0;}
|
|
|
+.refundAccountPop .tbl_wrap .tbl table tr:last-child th {padding-bottom: 1.5rem;}
|
|
|
+.refundAccountPop .btn_group_flex {margin-top: 1rem;}
|
|
|
|
|
|
/* my_delivery_1 */
|
|
|
-.my .my_delivery {}
|
|
|
+.my_delivery .modal {display: inline-block;}
|
|
|
+.my_delivery .blocker:before {display: none;}
|
|
|
+.my_delivery .modal .modal-body {margin-bottom: 4.5rem;}
|
|
|
+.my_delivery .modal .modal-footer {position: fixed; left: 0; bottom: 0; width: 100%;}
|
|
|
.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;}
|
|
|
@@ -1451,10 +1458,10 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .have_amount dl div::before {content:''; position:absolute; width:1px; height:1.4rem; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
|
|
|
.my .have_amount dl div:first-child::before {display:none;}
|
|
|
.my .have_amount dl div > * {vertical-align:top;}
|
|
|
-.my .have_amount dl div dt {float:left; color:#666; font-size: 1.3rem;}
|
|
|
-.my .have_amount dl div dt .tag {margin-left:0.5rem;padding: 0.5rem; height:auto;}
|
|
|
+.my .have_amount dl div dt {float:left; color:#666; font-size: 1.2rem;}
|
|
|
+.my .have_amount dl div dt .tag {margin-left:0.5rem;padding:0 0.3rem;}
|
|
|
.my .have_amount dl div dd {float:right; margin-left:1.0rem; color:#222; font-weight: 300;}
|
|
|
-.my .point .tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;border: 1px solid;font-size: 0.4rem;}
|
|
|
+.my .point .tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;border: 1px solid;font-size: 1rem;}
|
|
|
.my .point .select_box { width: auto; background: #fff;position: relative;}
|
|
|
.my .point .form_field { width: auto; height: 4.5rem; margin-top: 1.5rem;}
|
|
|
.my .point .tab_cont {background: #ffffff;padding: 0 2.0rem;}
|
|
|
@@ -1465,7 +1472,9 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .point .tab_cont li div:first-child{width: 65%;}
|
|
|
.my .point .tab_cont li div:last-child{width: calc(100% - 70%);text-align: right;float: right;}
|
|
|
.my .point .tab_cont li div .amount_plus,
|
|
|
-.my .point .tab _cont li div .amount_minus{display: inline-table;vertical-align: middle;height: 100%;line-height: 5rem;font-size: 1.6rem;font-weight: 400;}
|
|
|
+.my .point .tab_cont li div .amount_minus{display: inline-table;vertical-align: middle;height: 100%;line-height: 5rem;font-size: 1.2rem;font-weight: 400;}
|
|
|
+.my .point .tab_cont li div .amount_plus em,
|
|
|
+.my .point .tab_cont li div .amount_minus em {font-size: 1.5rem;}
|
|
|
.my .point .tab_cont li div span{margin-bottom: 0.3rem;}
|
|
|
.my .point .tab_cont li div span[class^="tag"] {display: inline-block;}
|
|
|
.my .point .tab_cont li div span[class^="txt"]{display: block;font-size: 1.2rem;color: #666666;margin-bottom: 0.2rem;}
|
|
|
@@ -1521,7 +1530,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
/* my_gift(myVoucher) */
|
|
|
.my .myVoucher .inner {background: #fff;}
|
|
|
.my .myVoucher .inner:last-child {padding-bottom: 2rem;}
|
|
|
-.my .myVoucher .highlight_area {background: #fff6f2;padding: 1.5rem 1rem;text-align: center;width: 100%;display: inline-table;position: relative;margin-top: 2rem;margin-bottom: 2rem;}
|
|
|
+/* .my .myVoucher .highlight_area {background: #fff6f2;padding: 1.5rem 1rem;text-align: center;width: 100%;display: inline-table;position: relative;margin-top: 2rem;margin-bottom: 2rem;}
|
|
|
.my .myVoucher .have_amount .total_amount {color:#222; font-size:1.4rem; font-weight:400;text-align: left;position: relative;}
|
|
|
.my .myVoucher .have_amount .total_amount span {color:#fd4802;font-size: 1.8rem;font-weight: 600;position: absolute;right: 1.0rem;text-align: right;}
|
|
|
.my .myVoucher .have_amount .total_amount span em {font-size: 1.8rem;font-weight: bold;}
|
|
|
@@ -1531,11 +1540,12 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.my .myVoucher .have_amount dl div::before {content:''; position:absolute; width:1px; height:1.4rem; left:0px; top:50%; transform:translateY(-50%); background:#ddd;}
|
|
|
.my .myVoucher .have_amount dl div:first-child::before {display:none;}
|
|
|
.my .myVoucher .have_amount dl div > * {vertical-align:top;}
|
|
|
-.my .myVoucher .have_amount dl div dt {float:left; color:#666; font-size: 1.2rem;}
|
|
|
-.my .myVoucher .have_amount dl div dt .tag {margin-left:0.5rem;padding: 0rem 0.3rem;}
|
|
|
-.my .myVoucher .have_amount dl div dd {float:right; margin-left:1.0rem; color:#222;}
|
|
|
-.my .myVoucher .tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;border: 1px solid;font-size: 0.4rem;}
|
|
|
+.my .myVoucher .have_amount dl div dt {float:left; color:#666; font-size: 1.2rem;}
|
|
|
+.my .myVoucher .have_amount dl div dt .tag {margin-left:0.5rem;padding: 0rem 0.3rem; font-size: 1rem;}
|
|
|
+.my .myVoucher .have_amount dl div dd {float:right; margin-left:1.0rem; color:#222;} */
|
|
|
+.my .myVoucher .tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;border: 1px solid; font-size: 1rem;}
|
|
|
.my .myVoucher .select_box { width: auto; background: #fff;position: relative;}
|
|
|
+.my .myVoucher .select_box .form_field {display: block;}
|
|
|
.my .myVoucher .ADwrap {margin-top: 1.5rem;}
|
|
|
.my .myVoucher .tip1 .tip_contents{width: 32.5rem;transform: translate(-25%, 1.0rem);}
|
|
|
.my .myVoucher .tip1 .tip_contents:before,
|
|
|
@@ -2294,15 +2304,16 @@ main.container .shopping_bag .inner:last-child {padding-bottom: 0;}
|
|
|
.od .od_liveview .swiper-container .item_prod {width: 100%;}
|
|
|
|
|
|
/* 쇼핑백_팝업 */
|
|
|
-.popup_box {visibility:hidden; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.5); z-index:500;}
|
|
|
-.popup_box.active{visibility:visible;}
|
|
|
+.popup_box {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.7); z-index:500; transition:all 0.3s; visibility: hidden;}
|
|
|
+.popup_box.active{visibility: visible;}
|
|
|
.popup_box .lap{position:absolute; bottom:-100%; left:0; width:100%; background:#fff; transition:all 0.3s;}
|
|
|
.popup_box.active .lap {bottom: 0;}
|
|
|
.popup_box .popup_head {padding:3rem 2rem 2rem;}
|
|
|
-.popup_box .popup_con{min-height:15rem; max-height:40rem; overflow-y:auto;}
|
|
|
-.popup_box .popup_close{position:absolute; top:-3.8rem; left:50%; width:1.6rem; height:1.6rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; font-size:0; text-indent:-999999px; background-size: contain; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
+.popup_box .popup_con{min-height:15rem; max-height:40rem; overflow-y:auto; padding:2rem;}
|
|
|
+.popup_box .popup_close{position:absolute; top:-4.8rem; left:50%; width:4.8rem; height:4.8rem; background-image: url(/images/mo/ico_pop_cls_w.png); background-repeat:no-repeat; background-position:center center; background-size:1.6rem; font-size:0; text-indent:-999999px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
|
|
|
|
|
|
/* popup_장바구니 옵션변경 */
|
|
|
+.popup_box.optModifyPop .popup_con {padding: 0;}
|
|
|
.optModifyPop .area_order {padding:0 2rem 2rem;}
|
|
|
.optModifyPop .area_order > div {margin-top:3rem}
|
|
|
.optModifyPop .area_order > div:first-child {margin-top:0}
|
card007