/*마이페이지 공통*/ .header.fixed nav{background-color: #fff;} section{max-width:1800px;margin:0 auto;} /* 마이페이지 이모지 */ .my_menu_box .my_menu .mypage_icon {margin-bottom:36px;} .my_menu_box .my_menu .mypage_icon.order_box {background:url(/img/mypage_icon_box.svg) no-repeat center/contain; width:28px; height:28px;} .my_menu_box .my_menu .mypage_icon.manage_user_info {background:url(/img/mypage_icon_userinfo.svg) no-repeat center/contain; width:32px; height:32px;} .my_menu_box .my_menu .mypage_icon.zzim_list {background:url(/img/mypage_icon_heart.svg) no-repeat center/contain; width:28px; height:28px;} .my_menu_box .my_menu .mypage_icon.manage_mileage {background:url(/img/mypage_icon_cash.svg) no-repeat center/contain; width:28px; height:28px;} .my_menu_box .my_menu .mypage_icon.manage_coupon {background:url(/img/mypage_icon_coupon.svg) no-repeat center/contain; width:34px; height:34px;} .my_menu_box .my_menu .mypage_icon.manage_review {background:url(/img/mypage_icon_review.svg) no-repeat center/contain; width:28px; height:28px;} .my_menu_box .my_menu .mypage_icon.manage_address {background:url(/img/mypage_icon_address.svg) no-repeat center/contain; width:28px; height:28px;} .my_menu_box .my_menu .mypage_icon.qna_list{background:url(/img/mypage_icon_qna.svg) no-repeat center/contain; width:28px; height:28px;} /*마이쇼핑*/ .mypage_wrap {padding: 75px 100px 260px;} .mypage_wrap h2.sec_title{margin-bottom: 37px; font-size:24px;} .mypage_wrap .my_profile{margin-bottom: 34px;padding:49px 74px;display: flex;align-items:center;gap:36px; border:1px solid #D9D9D9;} .mypage_wrap .my_profile p, .mypage_wrap .my_profile span{line-height: 32px;font-size:16px;} .mypage_wrap .my_profile span{color:#FF0004;} .mypage_wrap .my_info{margin-bottom: 45px;padding:27px 0 27px 74px; margin-top: 34px;border:5px solid #D9D9D9;} .mypage_wrap .my_info ul {display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; } .mypage_wrap .my_info ul li {padding-right: 100px;display: flex; justify-content: space-between; width:46%;} .mypage_wrap .my_info ul li span{position: relative; line-height: 48px;font-weight: 700;font-size:14px;} .mypage_wrap .my_info ul li span a{position: absolute; top: 6px; right: -98px;background: #F1F1F1; width: 57px;height: 35px;line-height: 35px;border-radius: 5px;; font-weight: 700;font-size:14px;text-align: center;vertical-align: middle;} .mypage_wrap .my_info ul li span a:hover {background:#D8DCDE;} .mypage_wrap .my_process {border:1px solid #D9D9D9;overflow: hidden;} .mypage_wrap .my_process h3{padding:0 24px;line-height: 58px; font-size:16px;border-bottom:1px solid #D9D9D9;} .mypage_wrap .my_process h3 span{line-height: 58px; font-size:16px;color:#B0B8BC;} .mypage_wrap .my_process .process_list {display: inline-flex; float: left; width: 80%; height: 180px; } .mypage_wrap .my_process .process_list li{display: flex; width: 25%; height: 100%; flex-direction: column; justify-content: center; border-right: 1px solid #D9D9D9; align-items: center; } .mypage_wrap .my_process .process_list li p{line-height: 54px; font-weight: 700;font-size:16px;} .mypage_wrap .my_process .process_list li strong{line-height: 54px; font-weight: 900;font-size:28px;} .mypage_wrap .my_process .process_count{padding: 0 42px;display: flex ; flex-direction: column; justify-content: center; align-items: flex-start; height: 180px; } .mypage_wrap .my_process .process_count p{line-height: 48px; font-weight: 700;font-size:16px;} .mypage_wrap .my_menu_box{margin-top: 55px;display: flex;gap: 82px 28px;flex-wrap: wrap;} .mypage_wrap .my_menu_box .my_menu{background:#FCFCFC; width:calc(25% - 21px); border:1px solid #D9D9D9; text-align: center;} .mypage_wrap .my_menu_box .my_menu:hover {background:#d9d9d9;} .mypage_wrap .my_menu_box .my_menu a{display:flex; padding:53px 0 47px; flex-direction:column; align-items:center;} .mypage_wrap .my_menu_box .my_menu p{margin-bottom: 28px;line-height: 54px;font-weight: 700;font-size:20px;} .mypage_wrap .my_menu_box .my_menu i{display: block;margin-bottom: 34px;line-height: 54px;font-weight: 700;font-size:28px;color:#B0B8BC;} .mypage_wrap .my_menu_box .my_menu span{display: block; height: 54px;line-height:1.4;font-weight: 700;font-size:14px;color:#B0B8BC;} .mypage_wrap .my_menu_box .my_menu:hover span{color:#000;} /*마이쿠폰*/ .coupon_wrap{padding:75px 80px;} .coupon_wrap .sec_title{display:none;} .coupon_wrap h3 { margin-bottom:40px; line-height:44px; font-weight:700; font-size:24px; } .coupon_wrap .my_coupon_box { display:flex; flex-wrap:wrap; flex-direction:row; gap:40px; } .coupon_wrap .my_coupon_box .my_coupon{width:calc(50% - 20px);border:1px solid #B0B8BC; border-radius:8px; display:flex; flex-direction:column; justify-content:space-between;} .coupon_wrap .my_coupon_box .my_coupon .coupon_top{padding:24px 30px 32px;background: url(/img/web/dot_line.svg) repeat-x center bottom;} .coupon_wrap .my_coupon_box .my_coupon .coupon_top span{display: block;line-height: 34px;font-size:14px;color:#000; font-weight:600;} .coupon_wrap .my_coupon_box .my_coupon .coupon_top strong{margin:12px 0;display: block;font-weight: 700;font-size:22px;color:#f2838f;} .coupon_wrap .my_coupon_box .my_coupon .coupon_top p{line-height: 34px;font-size:14px; font-weight:600;} .coupon_wrap .my_coupon_box .my_coupon .coupon_txt{padding:20px 30px 22px;} .coupon_wrap .my_coupon_box .my_coupon .coupon_txt p{margin:14px 0;font-size:14px;color:#76848C;} .coupon_wrap .my_coupon_box .coupon_btn{display: block;padding:16px 0 ;background: #D8DCDE;line-height:44px;font-weight: 700;font-size: 16px;text-align: center;} .coupon_wrap .my_coupon_box .coupon_tag{display: block;padding:16px 0 ;background: #D8DCDE;line-height:44px;font-weight: 700;font-size: 16px;text-align: center;} .coupon_wrap .my_coupon_box .coupon_btn:hover {background:#f2838f; color:#f0f0f0;} .coupon_wrap .my_coupon_box .coupon_btn::after {content:'';margin-left:10px;width:16px;height:16px; display:inline-block; background:url(/img/web/drop_arr.svg) no-repeat center center; transform:rotate(-90deg); vertical-align: middle;} .coupon_wrap .my_coupon_box .coupon_btn:hover::after {background:url(/img/web/down_ico.svg) no-repeat center center; transform:rotate(-90deg);} .coupon_wrap .my_coupon_box .coupon_empty {display:flex; flex-direction:column; align-items:center; margin:0 auto; justify-content:center; height:90vh;} .coupon_wrap .my_coupon_box .coupon_empty p {font-size:18px; line-height:2;} .coupon_wrap .my_coupon_box .coupon_empty a {border:1px solid #111B47; color:#111B47; padding:20px 28px; margin:20px 0; font-size:18px; font-weight:600; border-radius:6px;} .coupon_wrap .my_coupon_box .coupon_empty a:hover {border:1px solid #f2838f; background:#f2838f; color:#f0f0f0;} .coupon_wrap .paging{margin-top:150px; margin-bottom:300px;} .coupon_wrap h4{margin-bottom: 24px;font-weight: 700;font-size:20px;} .coupon_wrap .coupon_num_box{padding:52px 0 44px;background: #E9EBEC;text-align: center;} .coupon_wrap .coupon_num_box input[type="number"]{padding:10px;width:480px;height:64px;font-size:20px;} .coupon_wrap .coupon_num_box input[type="number"]::placeholder{color:#B0B8BC;} .coupon_wrap .coupon_num_box button{margin-left: 34px;background:#111B47;width:175px;height:64px;line-height:64px;font-size:20px;color:#fff;border-radius: 8px;vertical-align: top;} .coupon_wrap .coupon_num_box p{margin-top: 20px;line-height:22px;font-size:18px;color:#000} .coupon_wrap dl{margin-top: 80px;margin-bottom: 264px;border:1px solid #454E54;} .coupon_wrap dl dt{padding:16px; line-height:24px;font-weight: 700;font-size:20px;} .coupon_wrap dl dt button{display: none;margin-top: 6px;float: right;vertical-align: middle;} .coupon_wrap dl dd{padding:20px 40px;border-top:1px solid #454E54;} .coupon_wrap dl dd ul li{list-style: auto;line-height:28px;font-size:18px;color:#454E54;} /* 적립금 */ .mypage_wrap .tab_section{} .mypage_wrap .tab_section .tab_type{border-bottom:1px solid #F1F1F1;justify-content: left;align-items:end;} .mypage_wrap .tab_section .tab_type > li {border-radius:15px 15px 0 0; cursor:pointer;text-align:center;width:calc(100% / 4); padding:24px 40px; border:1px solid #D9D9D9; background-color:#fbfbfb;font-size:14px;} .mypage_wrap .tab_section .tab_type > li:not(.on):hover {background:#B0B8BC; color:#f0f0f0;} .mypage_wrap .tab_section .tab_type > li.on {font-weight: bold;font-size:14px;background-color: #fff;padding:24px 40px;} .mypage_wrap .tab_section .tab_con {margin-top:28px;} .mypage_wrap .point_tb th, .mypage_wrap .point_tb td, .mypage_wrap .point_tb td span {font-size:14px;} .mypage_wrap .point_tb td {padding:40px 0;} .mypage_wrap .point_tb td.point_date {color:#76848C} .mypage_wrap .point_tb td strong{font-size:14px;} .mypage_wrap .point_tb td p{font-size:14px; margin-top:8px;} .mypage_wrap .point_tb .my_point {font-weight:700} .mypage_wrap .point_tb .plus{color:#2245E3;} .mypage_wrap .point_tb .min, .mypage_wrap .point_tb .minus {color:#f2838f;} .mypage_wrap .point_tb + .paging{margin-top: 105px;} .mypage_wrap .point_info{margin-top: 95px;} .mypage_wrap .point_info > dl{border:1px solid #B0B8BC;} .mypage_wrap .point_info > dl > dt{padding:16px;font-weight: bold;font-size:14px;} .mypage_wrap .point_info > dl > dd{padding:16px;font-size:14px; color:#454E54;line-height: 28px;padding:20px 40px;border-top:1px solid #B0B8BC;} .mypage_wrap .point_info > dl > dd ul li{list-style: auto;line-height:28px;font-size:14px;color:#454E54;} .mypage_wrap .point_info .btn_toggle_slide{display: none;margin-top: 6px;float: right;vertical-align: middle;} /* 관심상품 */ .mypage_wrap .wish_list_wrap .item_list_box{margin-bottom: 20px;} .mypage_wrap .wish_list_wrap + .paging {margin-top:90px;} .mypage_wrap .wish_list_wrap form .empty_box {display:none;} .mypage_wrap .wish_list_wrap form .empty_box.active {display:flex; flex-direction:column; align-items:center; justify-content:center; height:70vh;} .mypage_wrap .wish_list_wrap form .empty_icon {background: url(/img/web/header_favorite_ico.svg) no-repeat center / contain; width:60px; height:60px; margin:22px auto;} .mypage_wrap .wish_list_wrap form .empty_msg {line-height:2; font-size:18px; text-align:center;} .item_list_box {align-items: center;} .item_list_box .wish_info {gap:52px !important;} .item_list_box .wish_info a strong {font-size:16px; font-weight:600} .item_list_box .wish_info .item_price .ori_price > p {font-size:14px;} .item_list_box .wish_info .item_price .per {font-size:16px;} .item_list_box .btn_wrap > button, .item_list_box .btn_wrap > form, .item_list_box .btn_wrap > a {font-size:14px; width:96px; height:44px; line-height:44px;} .wish_list_wrap .item_list_box .btn_wrap .btn01:hover {background:#111B47; color:#f0f0f0;} .wish_list_wrap .item_list_box .btn_wrap .btn02:hover {background:#111B47; color:#f0f0f0;} .wish_list_wrap .item_list_box .btn_wrap .btn_del:hover {background:#76848C; color:#f0f0f0;} /* 주문조회 */ .mypage_wrap.-order .tab_con{margin-top: 0;} .mypage_wrap.-order .item_list_box.type2{padding:0;} .mypage_wrap.-order .tab_section > .tab_con > .order_item_wrap > div{border: 1px solid #b0b8bc; border-radius:4px; padding: 40px 32px;} .mypage_wrap .my_order_form{display: flex;justify-content:center; gap:50px; align-items:center; margin-bottom:45px; padding:52px 0; margin-top: 34px;border: 5px solid #D9D9D9;} .mypage_wrap .my_order_form .top_box{position: relative;display: flex;justify-content: left;} .mypage_wrap .my_order_form .top_box .ico_arr_down{position: absolute;top: -25px;left: 202px;} .mypage_wrap .my_order_form .top_box .my_order_txt{ display: flex;align-items: end;} .mypage_wrap .my_order_form .top_box .my_order_txt p{width:271px;font-size: 16px;display: inline-block;border:1px solid #D9D9D9;height:36px;line-height: 36px;padding-left: 23px;} /* .mypage_wrap .my_order_form .top_box .btn_box{margin-left: 82px;} */ .mypage_wrap .my_order_form .top_box .btn_box > button{width:56px; height:32px; line-height:32px; font-size:12px; display:inline-block; text-align:center; background-color:#F1F1F1; border-radius:4px;} .mypage_wrap .my_order_form .top_box .btn_box > button:hover {background-color:#d9d9d9;} .mypage_wrap .my_order_form .date_pick_box .date_from, .mypage_wrap .my_order_form .date_pick_box .date_to{position: relative;} .mypage_wrap .my_order_form .date_pick_box .date_from .hasDatepicker, .mypage_wrap .my_order_form .date_pick_box .date_to .hasDatepicker{height: 35px;line-height: 35px;vertical-align: middle;padding-left: 23px;width: 154px;border: 1px solid #D9D9D9;box-sizing: border-box;font-size: 14px;} .mypage_wrap .my_order_form .date_pick_box .date_from > i, .mypage_wrap .my_order_form .date_pick_box .date_to > i{display: inline-block;width:20px;height:24px;background: url('/img/ico_datepick.svg') no-repeat 0 0;position: absolute;top:50%;right:10px;margin-top:-12px;} .mypage_wrap .my_order_form .date_pick_box .btn_check{width: 57px;height:35px;line-height:35px;font-size: 14px;display: inline-block;text-align: center;color: #fff;background-color:#111B47;border-radius: 5px;margin-left: 57px;} .mypage_wrap .my_order_form .date_pick_box .btn_check:hover {background-color:#2245E3;} .mypage_wrap .my_order_form + ul{margin-left: 20px;} .mypage_wrap .my_order_form + ul > li{font-size: 20px;font-weight: bold;line-height:1.4;color:#B0B8BC; list-style: disc;} .mypage_wrap .order_item_wrap {margin-top:64px; font-size:16px;} .mypage_wrap .order_item_wrap > div{margin-bottom:52px;} .mypage_wrap .order_item_wrap > div > .item_list_box.type2 > .btn_wrap {justify-content:center; gap:8px;} .mypage_wrap .order_item_wrap .date{margin-bottom:37px; display:flex; justify-content:space-between; align-items:center;} .mypage_wrap .order_item_wrap .date div p {font-size:15px; font-weight:600; line-height:1.4;} .mypage_wrap .order_item_wrap .date a {font-size:15px; font-weight:600} .mypage_wrap .order_item_wrap .btn_wrap .review_finish {width:90px;border-radius:4px;text-align:center; font-size:12px; height:42px; line-height:42px; font-weight:bold;} .mypage_wrap .order_item_wrap .btn_wrap > button, .mypage_wrap .order_item_wrap .btn_wrap > form, .mypage_wrap .order_item_wrap .btn_wrap > a {width:90px;border-radius:4px;text-align:center; font-size:12px; height:42px; line-height:42px;} .mypage_wrap .order_item_wrap .btn_wrap > a button {font-size:12px;} .mypage_wrap .order_item_wrap .btn_wrap > form.btn_review:hover {background-color:#76848c; color:#f0f0f0; border:1px solid #76848C;} .mypage_wrap .order_item_wrap .btn_wrap > .btn_delivery{font-weight: bold;} .mypage_wrap .order_item_wrap .btn_wrap > .btn_cart{border-color:#000;} .mypage_wrap .order_item_wrap .btn_wrap > .btn_buy_finish{border-color:#76848C;color: #76848C;} .mypage_wrap .order_item_wrap .btn_wrap > .btn_review button{font-weight:bold;} .mypage_wrap .order_item_wrap .btn_wrap > .btn_review button:hover {background-color:#76848C; color:#f0f0f0; border:1px solid #76848C; width:100%; height:100%;} .mypage_wrap .order_item_wrap .btn_wrap > .btn_review.-end{border-color:#454E54;color: #454E54;} .mypage_wrap .order_item_wrap .item_list_box > div:first-child{display:flex; justify-content:left; gap:30px; align-items:center;} .item_list_box .info_wrap > strong a {font-weight:600; line-height:1.4;} .item_list_box .info_wrap > strong a, .item_list_box .info_wrap .num, .item_list_box .info_wrap .item_price .dis_price > p {font-size:16px;} .item_list_box .info_wrap > .opt_item {display:flex; flex-direction:row; align-items:center; gap:6px;} .item_list_box .info_wrap > .opt_item > * {font-size:14px;} .item_list_box .info_wrap > .opt_item .badge {background:#A3C954; color:#f0f0f0; padding:9px; border-radius:4px; font-size:13px; font-weight:600;} .item_list_box .info_wrap {gap:28px;} .item_list_box .thumb_wrap > a img {max-width:150px; max-height:150px;} .item_list_box .thumb_wrap {width:130px; height:130px; min-width:130px; min-height:130px;} .item_list_box .btn_wrap > form button, .item_list_box .btn_wrap > a button {font-size:12px;} /* PC */ @media (min-width: 1460px) { /* .mypage_wrap .tab_section .tab_type > li:hover{border-radius:15px 15px 0 0;font-weight: bold;font-size:20px;background-color: #fff;padding:32px 50px;} */ } /* 태블릿 */ @media (max-width: 1080px) { /*마이쇼핑*/ .mypage_wrap {padding: 0 4.3% 180px;} .mypage_wrap h2.sec_title {margin: 37px 7%} .mypage_wrap .my_profile{padding:58px 44px; margin: 0 7% 34px 7%;} .mypage_wrap .my_profile p, .mypage_wrap .my_profile span{font-size:16px;letter-spacing: -1px;} .mypage_wrap .my_info {margin: 43px 7%; padding: 27px 40px;} .mypage_wrap .my_info ul{flex-direction: column;} .mypage_wrap .my_info ul li{width:100%;} .mypage_wrap .my_process {margin:0 7%;} .mypage_wrap .my_process .process_list{width: 66.66%; flex-wrap: wrap; height:280px;} .mypage_wrap .my_process .process_list li{width:50%;height:50%;} .mypage_wrap .my_process .process_list li p {line-height:40px; font-size:15px;} .mypage_wrap .my_process .process_list li strong {line-height:40px; font-size:24px;} .mypage_wrap .my_process .process_list li:nth-child(1), .mypage_wrap .my_process .process_list li:nth-child(2){border-bottom: 1px solid #D9D9D9;} .mypage_wrap .my_process .process_count{height:280px;} .mypage_wrap .my_menu_box{padding: 0 7%;gap: 40px 26px;} .mypage_wrap .my_menu_box .my_menu{width:calc(50% - 13px);} /*마이쿠폰*/ .coupon_wrap{padding: 0 4.3%;} .coupon_wrap .sec_title{display: block;} .coupon_wrap h3{margin-top: 32px;} .coupon_wrap .my_coupon_box { flex-direction: column; gap:24px; flex-wrap: nowrap; } .coupon_wrap .my_coupon_box .my_coupon{width: 100%;} .coupon_wrap .paging{margin-bottom: 240px;} .coupon_wrap .coupon_num_box{padding:0;background: #fff;text-align: left;} .coupon_wrap .coupon_num_box button{margin-left: 16px;background: #454E54;} .coupon_wrap .coupon_num_box p{color: #454E54;} .coupon_wrap dl dt button{display: block;} .coupon_wrap dl dd ul li{list-style: disc;} /* 적립금 */ .mypage_wrap .tab_section{margin:0 7%; width:auto;} .mypage_wrap .tab_section .tab_type > li{width:calc(100% / 3); font-size:14px; padding:24px 10px;} .mypage_wrap .tab_section .tab_type > li.on, .mypage_wrap .tab_section .tab_type > li:hover{font-size:14px;} .mypage_wrap .tab_section .tab_con {margin-top:32px;} .mypage_wrap .point_tb td strong{font-size:14px;} .mypage_wrap .point_tb td p{font-size:14px;} .mypage_wrap .point_tb td {padding:24px 0;} .mypage_wrap .point_info .btn_toggle_slide{display: block;} .mypage_wrap .point_info dl dd ul li{list-style: disc;} /* 주문조회 */ .mypage_wrap h2.sec_title {margin:60px 1% 37px;} .mypage_wrap .my_order_form {flex-direction: column; margin:0; padding:52px 20px 52px 20px;gap:25px;display:flex; align-items:center;} .mypage_wrap .my_order_form + ul > li {font-size:16px;} .mypage_wrap .order_item_wrap {margin-top:52px;} .mypage_wrap .order_item_wrap > div {margin-bottom:32px;} .item_list_box .info_wrap > strong a, .item_list_box .info_wrap .num, .item_list_box .info_wrap .item_price .dis_price > p {font-size:14px;} .mypage_wrap .order_item_wrap .btn_wrap .review_finish {width: 104px;height: 42px;line-height:42px;font-size:14px;} .mypage_wrap .order_item_wrap .btn_wrap > button, .mypage_wrap .order_item_wrap .btn_wrap > form, .mypage_wrap .order_item_wrap .btn_wrap > a {width: 104px;height: 42px;line-height:42px;font-size:14px;} .mypage_wrap .order_item_wrap .btn_wrap > form button, .mypage_wrap .order_item_wrap .btn_wrap > a button {font-size: 14px} .mypage_wrap .order_item_wrap p.date{display: flex;font-weight: bold;font-size:14px; margin-bottom:26px;} .mypage_wrap .order_item_wrap p.date > a{margin-left: auto;font-size: 14px; color: #454e54;} .item_list_box .thumb_wrap {width:150px; height:150px; margin:0 16px 0 10px;} /* .item_list_box .thumb_wrap a {width:200px; height:170px;} */ .item_list_box .thumb_wrap > img {max-width:150px; max-height:130px;} .item_list_box .info_wrap > .opt_item {flex-direction:column; align-items:flex-start;} } @media (max-width: 860px){ .mypage_wrap.-order .my_order_form .date_pick_box form {display:flex; align-items:center;} /* 마이페이지 이모지 */ .my_menu_box .my_menu .mypage_icon {margin-bottom:12px;} .my_menu_box .my_menu .mypage_icon.order_box {background:url(/img/mypage_icon_box.svg) no-repeat center/contain; width:22px; height:28px;} .my_menu_box .my_menu .mypage_icon.manage_user_info {background:url(/img/mypage_icon_userinfo.svg) no-repeat center/contain; width:28px; height:32px;} .my_menu_box .my_menu .mypage_icon.zzim_list {background:url(/img/mypage_icon_heart.svg) no-repeat center/contain; width:24px; height:28px;} .my_menu_box .my_menu .mypage_icon.manage_mileage {background:url(/img/mypage_icon_cash.svg) no-repeat center/contain; width:26px; height:28px;} .my_menu_box .my_menu .mypage_icon.manage_coupon {background:url(/img/mypage_icon_coupon.svg) no-repeat center/contain; width:28px; height:34px;} .my_menu_box .my_menu .mypage_icon.manage_review {background:url(/img/mypage_icon_review.svg) no-repeat center/contain; width:24px; height:28px;} .my_menu_box .my_menu .mypage_icon.manage_address {background:url(/img/mypage_icon_address.svg) no-repeat center/contain; width:24px; height:28px;} .my_menu_box .my_menu .mypage_icon.qna_list{background:url(/img/mypage_icon_qna.svg) no-repeat center/contain; width:26px; height:28px;} /*마이쇼핑*/ .mypage_wrap {padding: 0 4.3% 100px;} .mypage_wrap h2.sec_title{margin-bottom: 0;} .mypage_wrap .my_profile{padding:28px 22px; margin:28px 4%;} .mypage_wrap .my_profile > img{width:51px;} .mypage_wrap .my_profile p, .mypage_wrap .my_profile span{line-height:1.4; font-size:14px;} .mypage_wrap .my_info {margin: 28px 4%; padding: 16px 24px;border: 3px solid #D9D9D9;} .mypage_wrap .my_point_info {margin:28px 0%;} .mypage_wrap .my_info ul li{padding-right:50px;} .mypage_wrap .my_info ul li span{line-height: 24px; font-size:12px;} .mypage_wrap .my_info ul li span a{top:3px;right:-48px;width:30px;height:18px;line-height: 16px;font-size:10px;border-radius: 3px;} .mypage_wrap .my_process {margin:0 4%;} .mypage_wrap .my_process h3{padding:0 12px;line-height: 30px; font-size:12px;} .mypage_wrap .my_process h3 span{line-height: 30px; font-size:12px;} .mypage_wrap .my_process .process_list{height: 180px; flex-wrap: wrap;} .mypage_wrap .my_process .process_list li p{line-height: 27px; font-size:12px;} .mypage_wrap .my_process .process_list li strong{line-height: 27px;font-size:17px;} .mypage_wrap .my_process .process_count{padding:0 20px;height:180px;} .mypage_wrap .my_process .process_count p{line-height: 24px;font-size:12px;} .mypage_wrap .my_menu_box{padding: 0 4%;margin-top: 28px;gap: 20px 13px;} .mypage_wrap .my_menu_box .my_menu{width:calc(50% - 7px);} .mypage_wrap .my_menu_box .my_menu a{padding: 25px 0 25px;} .mypage_wrap .my_menu_box .my_menu p{margin-bottom: 14px;line-height: 27px;font-size:14px;} .mypage_wrap .my_menu_box .my_menu i{margin-bottom: 15px; line-height: 27px;font-size:14px;} .mypage_wrap .my_menu_box .my_menu span{padding:5px 0;height:40px;line-height: 14px;font-size:10px;letter-spacing: -1px;} /*마이쿠폰*/ .coupon_wrap h3 { margin-top: 18px; margin-bottom: 20px; font-size: 18px; } .coupon_wrap .my_coupon_box .my_coupon .coupon_top { padding: 20px 22px; } .coupon_wrap .my_coupon_box .my_coupon .coupon_top span { line-height: 17px; font-size: 11px; } .coupon_wrap .my_coupon_box .my_coupon .coupon_top strong { margin: 8px 0; line-height: 22px; font-size: 14px; } .coupon_wrap .my_coupon_box .my_coupon .coupon_top p { line-height: 17px; font-size: 11px; } .coupon_wrap .my_coupon_box .my_coupon .coupon_txt { padding: 14px 15px 16px; } .coupon_wrap .my_coupon_box .my_coupon .coupon_txt p { margin: 8px 0; font-size: 11px; } .coupon_wrap .my_coupon_box .coupon_tag, .coupon_wrap .my_coupon_box .coupon_btn {padding: 14px 0; font-size: 12px; line-height:24px;} .coupon_wrap .my_coupon_box .coupon_btn::after { margin-left: 7px; background-size: contain; width: 8px; height: 15px; } .coupon_wrap .paging { margin-top: 60px; margin-bottom: 60px; } .coupon_wrap h4 {margin-bottom: 12px;font-size: 14px; } .coupon_wrap .coupon_num_box input[type="number"] { width: 69%; height: 41px; font-size: 14px;border:1px solid #B0B8BC;border-radius: 4px;} .coupon_wrap .coupon_num_box input[type="number"]::placeholder { font-size: 14px; } .coupon_wrap .coupon_num_box button { width:27%; height:41px; line-height:41px; margin-left:8px; font-size:14px; border-radius:4px; } .coupon_wrap .coupon_num_box p { margin-top:6px; font-size:12px; } .coupon_wrap dl{margin-top:60px; margin-bottom:40px; border-color:#76848C;} .coupon_wrap dl dt{padding:8px 12px; font-size:14px;} .coupon_wrap dl dt button{width:10px; height:18px;} .coupon_wrap dl dt button img{width:100%;} .coupon_wrap dl dd{padding:10px 30px; border-top:1px solid #76848C;} .coupon_wrap dl dd ul li {line-height:16px; font-size:12px;} /* 적립금 */ .mypage_wrap .tab_section {margin:0 4%;} .mypage_wrap .tab_section .tab_con {margin-top: 60px;} .mypage_wrap .tab_section .tab_type > li {font-size:11px; padding:18px 5px;} .mypage_wrap .tab_section .tab_type > li.on, .mypage_wrap .tab_section .tab_type > li:hover {word-break:break-all; font-size:11px; padding:18px 5px;} .mypage_wrap.-points .tab_section .tab_con{margin-top:24px;} .mypage_wrap.-points .my_info{margin-bottom: 27px;} .mypage_wrap .point_tb th, .mypage_wrap .point_tb td, .mypage_wrap .point_tb td span {font-size:10px;} .mypage_wrap .point_tb td strong{font-size:11px;} .mypage_wrap .point_tb td p{font-size:11px;} .mypage_wrap .point_info > dl {margin-top: 60px;margin-bottom:40px;border-color:#76848C;} .mypage_wrap .point_info > dl dt{padding:10px 12px;font-size:11px;} .mypage_wrap .point_info > dl dt .btn_toggle_slide{width:10px;height:18px;margin-top: 0;} .mypage_wrap .point_info > dl dt .btn_toggle_slide img{width:100%;} .mypage_wrap .point_info > dl > dd{padding:10px 30px;border-color:#76848C;} .mypage_wrap .point_info > dl > dd ul li{line-height:16px;font-size:11px;} /* 관심상품 */ .mypage_wrap h2.sec_title {margin:0 1%;} .mypage_wrap .wish_list_wrap{margin-top:15px;} .mypage_wrap .wish_list_wrap form .empty_icon {width:52px; height:52px; margin:48px auto 22px;} .mypage_wrap .wish_list_wrap form .empty_msg {font-size:15px;} .mypage_wrap .wish_list_wrap .item_list_box{margin:0 10px 16px 10px; padding:24px; border-radius:4px; align-items: center;border:1px solid #76848C;display:flex; flex-direction:row;} .item_list_box .wish_btn > button, .item_list_box .wish_btn > form, .item_list_box .wish_btn > a {font-size:12px; width:72px; height:32px; line-height:32px;} .item_list_box .wish_info {gap:14px !important; margin:12px 0; width:auto;} .item_list_box .wish_info a strong {line-height:1.3;} .item_list_box .wish_info .item_price .per, .item_list_box .wish_info .item_price .ori_price > p {font-size:11px;} /* 주문조회 */ .mypage_wrap.-order .tab_con{margin-top: 0;} .mypage_wrap.-order .tab_section > .tab_con > .order_item_wrap > div {padding:28px 18px;} .mypage_wrap .my_order_form{margin-bottom: 24px; padding: 26px 14px;margin-top: 17px;} .mypage_wrap .my_order_form .top_box .my_order_txt {position: relative;} .mypage_wrap .my_order_form .top_box .my_order_txt p{width: auto;padding: 0 8px;font-size: 11px;height: 24px;line-height: 24px;} .mypage_wrap .my_order_form .top_box .btn_box{margin-left: 3vw;display: flex;justify-content: space-between;align-items: end;gap: 1vw;} .mypage_wrap .my_order_form .top_box .btn_box > button{width:50px; height:28px; line-height:28px; font-size:11px;} .mypage_wrap .my_order_form .top_box .ico_arr_down{position: absolute;top: -15px;right: 5px;left: auto;} .mypage_wrap .my_order_form .top_box .ico_arr_down > img{width:8px;height:7px;} .mypage_wrap .my_order_form + ul{margin-left: 10px;} .mypage_wrap .my_order_form + ul > li{font-size: 10px;} .mypage_wrap .my_order_form .date_pick_box .date_from, .mypage_wrap .my_order_form .date_pick_box .date_to{position: relative;} .mypage_wrap .my_order_form .date_pick_box .date_from .hasDatepicker, .mypage_wrap .my_order_form .date_pick_box .date_to .hasDatepicker{height: 24px;line-height: 24px;padding-left: 5px;width: 94px;font-size: 11px;} .mypage_wrap .my_order_form .date_pick_box .date_from > i, .mypage_wrap .my_order_form .date_pick_box .date_to > i{width: 10px;height: 12px;top: 50%;right: 1.3vw;background-size: 10px 12px;margin-top: -6px;} .mypage_wrap .my_order_form .date_pick_box .date_from > i img, .mypage_wrap .my_order_form .date_pick_box .date_to > i img{width: 100%;} .mypage_wrap .my_order_form .date_pick_box .btn_check{width:50px; height:28px; line-height:28px; font-size:11px; border-radius: 2px;margin-left: 28px;} .mypage_wrap .order_item_wrap{margin-top:36px;} .mypage_wrap .order_item_wrap > div{margin-bottom:32px;} .mypage_wrap .order_item_wrap .item_list_box{gap:16px;} .mypage_wrap .order_item_wrap .item_list_box .info_wrap{row-gap:24px; margin:0; width:100%;} .mypage_wrap .order_item_wrap .item_list_box > div:first-child {flex-direction:column; width:100%;} /* .item_list_box .info_wrap > strong a, .item_list_box .info_wrap .num, .item_list_box .info_wrap .item_price .dis_price > p {font-size:14px;} */ /* .mypage_wrap .order_item_wrap .thumb_wrap{width:200px; height:170px; margin-bottom:20px;} */ .mypage_wrap .order_item_wrap .thumb_wrap > a img{max-width:200px; max-height:170px;} .mypage_wrap .order_item_wrap p.date, .mypage_wrap .order_item_wrap p.date > a {font-size:10px;} .mypage_wrap .order_item_wrap .btn_wrap .review_finish {width:84px; border-radius:4px; height:36px; line-height:36px; font-size:12px;} .mypage_wrap .order_item_wrap .btn_wrap > button, .mypage_wrap .order_item_wrap .btn_wrap > form, .mypage_wrap .order_item_wrap .btn_wrap > a {width:84px; border-radius:4px; height:36px; line-height:36px; font-size:12px;} .mypage_wrap .order_item_wrap .btn_wrap > form button, .mypage_wrap .order_item_wrap .btn_wrap > a button {font-size:12px} .mypage_wrap .order_item_wrap .date {margin-bottom:20px;} .mypage_wrap .order_item_wrap .date p, .mypage_wrap .order_item_wrap .date a {font-size:14px;} } @media (max-width: 640px){ .mypage_wrap .wish_list_wrap .item_list_box{margin:0 10px 16px 10px; padding:24px 24px 10px 24px; border-radius:4px; align-items: center;border:1px solid #76848C;display:flex; flex-direction:column;} .item_list_box .wish_btn {gap:16px; display:flex; flex-direction:row; margin:8px 0;} .mypage_wrap .my_order_form .date_pick_box .btn_check {margin-left:8px;} .mypage_wrap .my_order_form .top_box .btn_box > button {width:46px;} .coupon_wrap .my_coupon_box .coupon_empty p {font-size:15px;} .coupon_wrap .my_coupon_box .coupon_empty a {font-size:15px; padding:16px 28px;} .mypage_wrap .order_item_wrap .date div p, .mypage_wrap .order_item_wrap .date a {font-size:13px} } @media (max-width:395px){ .item_list_box .wish_btn {gap:10px;} .mypage_wrap .order_item_wrap .date div p, .mypage_wrap .order_item_wrap .date a {font-size:12px} .coupon_wrap .my_coupon_box .coupon_btn {font-size:11px;} }