@charset "utf-8";

/*========================================================================
마이페이지 메인
========================================================================*/
.body-mypage.body-index #contents .sub_content { padding:38px 0 0; }

/* 좌측 메뉴 */
.side_cont .sub_menu_box h2 { padding:0; color:#221C10; font-size:32px; font-weight:700; line-height:1; border:0; }
.side_cont .sub_menu_box .sub_menu_mypage > li { margin:40px 0 0; padding:0; color:#2E2E2E; font-size:20px; font-weight:600; line-height:1; background:none; }
.side_cont .sub_menu_box .sub_menu_mypage > li:first-child { margin:40px 0 0; }
.side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 { margin:20px 0 0; }
.side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 a { padding:0; margin:0 0 12px; color:#666; font-size:16px; font-weight:400; line-height:1; background:none; text-indent:0; }

/* 마이 정보 */
.mypage_top_info { display:flex; margin:0 0 60px; padding:50px 60px;  background:#F7F4EF; border:0; border-radius:20px; box-sizing:border-box; }
.mypage_top_txt { display:flex; align-items:center; width:380px; padding:0; text-align:left; background:none; }
.mypage_top_txt .grade_txt p { display:inline-flex; color:#121212; font-size:22px; font-weight:400; line-height:1; }
.mypage_top_txt .grade_txt p span { padding:0 6px; color:#121212; font-size:22px; font-weight:700; }
.mypage_top_txt .grade_txt .btn_layer { display:block; margin:20px 0 0; }
.mypage_top_txt .grade_txt .btn_layer a.btn_gray_small { padding:8px 18px; color:#FFF; font-size:16px; font-weight:600; background:var(--point-color ); border:0; border-radius:999px; }
.mypage_top_txt .grade_txt .btn_layer a.btn_gray_small em { padding:0; background:none; }
/* 지갑 */
.mypage_top_wallet { width:calc(100% - 380px); padding:0; background:none; box-sizing:border-box; }
.mypage_top_wallet ul { display:flex; padding:0; }
.mypage_top_wallet ul li { flex:auto; width:auto; padding:0; }
.mypage_top_wallet ul li > span { padding:0; }
.mypage_top_wallet ul li > span:first-of-type { width:100%; height:27px; padding:0; }
.mypage_top_wallet ul li > span:nth-of-type(2) { display:flex; flex-direction:column; }
.mypage_top_wallet ul li > span:nth-of-type(2) a { order:1; margin:12px 0 0; color:#221C10; font-size:18px; font-weight:600; line-height:1; }
.mypage_top_wallet ul li > span:nth-of-type(2) a strong { font-size:18px; font-weight:600; }
.mypage_top_wallet ul li > span:nth-of-type(2) em { order:2; padding:0; margin:6px 0 0; color:#666; font-size:16px; font-weight:400; line-height:1; }
.mypage_top_wallet ul li > span:first-of-type img { display:none; }
.mypage_top_wallet ul li.wallet-coupon > span:first-of-type { background:url("../img/mypage_coupon_icon.png") no-repeat 50% 0; }
.mypage_top_wallet ul li.wallet-mileage > span:first-of-type { background:url("../img/mypage_mileage_icon.png") no-repeat 50% 0; }

/* 중간 타이틀 */
.side_cont + .content .mypage_zone_tit { padding:0 0 20px; font-size:20px; line-height:1; }
.side_cont + .content .mypage_zone_tit h3 { color:#2E2E2E; font-size:20px; font-weight:600; line-height:1; } 
.side_cont + .content .mypage_zone_tit span { padding:0 0 0 12px; color:#999; font-size:14px; font-weight:400; }
.side_cont + .content .mypage_zone_tit .order_num_view { color: #DD4A4A; font-size: 14px; font-weight: 400; }

/* 진행 중인 주문 */
.mypage_order_info_cont { display:flex; align-items:center; margin:0 0 70px; padding:30px 0 0; border:0; border-top:2px solid #2E2E2E; }
.mypage_order_info_cont ol { display:flex; justify-content:space-between; width:calc(100% - 192px); padding:0 40px 0 0; border-right:1px solid #D1D1D1; box-sizing:border-box; }
.mypage_order_info_cont ol li { display:flex; flex-direction:column; position:relative; width:auto; min-width:0; padding:0; background:none; }
.mypage_order_info_cont ol li:first-child { padding:0; }
.mypage_order_info_cont ol li:not(:first-child)::before { content:""; position:absolute; top:34px; left:-33px; width:10px; height:16px; background:url("../img/order_stpe_arr.png") no-repeat; }
.mypage_order_info_cont ol li strong { display:flex; justify-content:center; align-items:center; width:78px; height:78px; padding:0; color:#2E2E2E; font-size:30px; font-weight:500; border-radius:50%; background:#F4F4F4; }
.mypage_order_info_cont ol li.active strong { background:#F4F4F4; }
.mypage_order_info_cont ol li b { order:1; padding:17px 0 0; color:#2E2E2E; font-size:16px; font-weight:400; }
/* 취소반품교환 */
.mypage_order_info_cont .order_case_list { width:192px; text-align:right; }
.mypage_order_info_cont .order_case_list ul { width:152px; }
.mypage_order_info_cont .order_case_list ul li { padding:15px 0; color:#2E2E2E; font-size:15px; font-weight:400; line-height:1; border:0; border-top:1px dashed #D1D1D1; }
.mypage_order_info_cont .order_case_list ul li b { font-size:16px; font-weight:400; }
.mypage_order_info_cont .order_case_list ul li:first-child { padding-top:0; border-top:0; }
.mypage_order_info_cont .order_case_list ul li:last-child { padding-bottom:0; }

/* 최근 주문 정보 */
/* 더보기 */
.mypage_lately_info .btn_board_more { top:0; font-size:0; }
.mypage_lately_info .btn_board_more::after { content:"더보기"; display:inline-block; color:#666; font-size:14px; text-decoration-line:underline; text-underline-offset:2px; }
/* 테이블 */
.mypage_table_type table { }
.mypage_table_type table th { padding:16px 0; color:#2E2E2E; font-size:16px; font-weight:500; line-height:1; background:none; border-top:1px solid #2E2E2E; border-bottom:1px solid #D1D1D1; }
.mypage_table_type table td { padding:27px 0; color: #2E2E2E; font-size: 14px; font-weight: 300; border-color:#E0E0E0; }
.mypage_table_type table td > strong { font-weight: 500; }
.mypage_table_type table td > em { font-weight: 500; }
.mypage_table_type table td.order_day_num { padding:0 19px; color:#666; font-size:14px; font-weight:400; line-height:1.3; border-right:0; }
.mypage_table_type table td.order_day_num em { display:block; }
.mypage_table_type .order_num_link { display:inline-flex; color:#DD4A4A; font-size:14px; font-weight:400; line-height:1.3; border-color:#DD4A4A; }
.mypage_table_type .order_num_link::before { content:"["; display:inline-flex; }
.mypage_table_type .order_num_link::after { content:"]"; display:inline-flex; }
.mypage_table_type .pick_add_cont .pick_add_img { width:90px; height:auto; }
.mypage_table_type .pick_add_cont .pick_add_img img { border:0; }
.mypage_table_type .pick_add_cont .pick_add_info em { color:#2E2E2E; font-size:16px; font-weight:600; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mypage_table_type .pick_add_cont .pick_add_info .text_type_cont { margin:6px 0 0; color: #666; font-size: 14px; font-weight: 400; line-height: 1; }
/* 리뷰 버튼 */
.mypage_table_type table td :is(.btn_review_write,.btn_review_write:hover,.js_btn_order_settle,.js_btn_order_settle:hover) { width:90px; height:30px; line-height:30px; padding:0; color:#fff; font-size: 14px; font-weight: 500; background:var(--point-color); border-radius:4px; text-align:center; }
.mypage_table_type table td a em { font-weight: 500; }
/* 작은 버튼 */
.body-mypage.body-index .mypage_table_type table td .btn_gray_list .btn_gray_small { width:90px; height:30px; line-height:28px; padding:0; color: #666; font-size: 14px; font-weight: 500; background:none; border:1px solid #E0E0E0; border-radius:4px; box-sizing:border-box; }
.body-mypage.body-index .mypage_table_type table td .btn_gray_list .btn_gray_small span { padding:0; }

/* 최근 본 상품 */
.mypage_lately_goods { margin:70px 0 0; }
.mypage_lately_goods .mypage_zone_tit { margin:0 0 30px; }
.mypage_lately_goods .goods_list_cont > div { overflow:hidden; }
.mypage_lately_goods .goods_list_cont ul { width:calc(100% + 20px); margin-left:-10px; }
.mypage_lately_goods .goods_list_cont ul li { margin:0; }
.mypage_main .item_photo_box a > img { width:100%; }
.mypage_lately_goods .item_tit_box .item_name { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.mypage_lately_goods .item_tit_box .item_name_explain,
.mypage_lately_goods .item_icon_box,
.mypage_lately_goods .item_money_box .item_price + .item_price,
.mypage_lately_goods .mileage { display:none; }