/* 굿스푼 새 스킨 v16 마이페이지 묶음 — 2026-10-14 (시안 v17c pages2.css .my-*·.ocard·.ov-*·.wl·.tk·.mi-*·.sha·.ho-warn·.jbody → 실제 스킨)
   - 배치·글자는 js/gs_v16_mypage.js · 이 파일은 모양만 · 고도몰 칸(입력·체크·라디오·단추)은 지우지 않는다
   - 🟥 검증 대상 칸(탈퇴 사유 라디오 등)은 display:none ✗(jQuery validate 가 건너뛴다) — 투명하게만
   - _header.html 에서 gs_v16_search.css 뒤에 붙는다 */

/* ── 공통 ── */
html.gs-my #wrap #contents_wrap { background: var(--gs-app); }
html.gs-my #wrap .gs-my-hd h1 { margin: 0; padding: 22px var(--gs-gutter) 6px; font-size: 24px; line-height: 1.3; font-weight: 800; letter-spacing: -0.035em; color: var(--gs-text); }
html.gs-my #wrap .gs-mi { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
html.gs-my #wrap .gs-cnote { margin: 0; padding: 14px var(--gs-gutter) 22px; font-size: 13px; line-height: 1.6; color: var(--gs-muted); }
html.gs-my #wrap .gs-cnote a { color: var(--gs-accent-ink); font-weight: 700; }
html.gs-my #wrap .gs-hint { margin: 8px 0 0; font-size: 12px; line-height: 1.5; color: var(--gs-muted); }
html.gs-my #wrap .gs-hint a { color: var(--gs-accent-ink); font-weight: 700; }
html.gs-my #wrap .gs-empty { padding: 44px var(--gs-gutter) 36px; text-align: center; font-size: 14px; line-height: 1.6; color: var(--gs-muted); }
html.gs-my #wrap .gs-empty b { display: block; margin-bottom: 4px; font-size: 16px; color: var(--gs-text); }
html.gs-my #wrap .gs-empty .btns { display: flex; gap: 8px; justify-content: center; margin-top: 18px; }
html.gs-my #wrap .gs-btn-fill, html.gs-my #wrap .gs-btn-ghost { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 18px; border-radius: 12px; font-size: 14px; font-weight: 800; }
html.gs-my #wrap .gs-btn-fill { background: var(--gs-accent); color: var(--gs-accent-text); }
html.gs-my #wrap .gs-btn-ghost { background: #fff; color: var(--gs-text); box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my #wrap .gs-chiprow { display: flex; gap: 8px; overflow-x: auto; padding: 14px var(--gs-gutter) 4px; scrollbar-width: none; }
html.gs-my #wrap .gs-chiprow::-webkit-scrollbar { display: none; }
html.gs-my #wrap .gs-chip { flex: 0 0 auto; height: 36px; padding: 0 15px; border: 0; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); font: inherit; font-size: 14px; color: var(--gs-sub); cursor: pointer; }
html.gs-my #wrap .gs-chip[aria-pressed="true"] { background: var(--gs-accent); box-shadow: none; color: var(--gs-accent-text); font-weight: 800; }
html.gs-my #wrap .gs-ltabs.four { grid-template-columns: repeat(4, 1fr); }
html.gs-my #wrap .gs-ltabs > a { font-size: 14px; letter-spacing: -0.03em; white-space: nowrap; }
html.gs-my #wrap .gs-st { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 8px; font-size: 13px; font-weight: 800; background: var(--gs-tint); color: var(--gs-accent-ink); white-space: nowrap; }
html.gs-my #wrap .gs-st.wait { background: #fff4dc; color: #8a5a00; }
html.gs-my #wrap .gs-st.done { background: var(--gs-surface); color: var(--gs-sub); }
html.gs-my #wrap .gs-st.off { background: #f3eeea; color: var(--gs-muted); }
html.gs-my #wrap .gs-stepper { display: grid; grid-template-columns: repeat(4, 1fr); margin: 14px 0 2px; padding: 0; list-style: none; }
html.gs-my #wrap .gs-stepper li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; color: var(--gs-muted); }
html.gs-my #wrap .gs-stepper li::before { content: ""; position: absolute; top: 6px; left: -50%; width: 100%; height: 2px; background: #eadfd2; }
html.gs-my #wrap .gs-stepper li:first-child::before { display: none; }
html.gs-my #wrap .gs-stepper li i { position: relative; z-index: 1; width: 14px; height: 14px; border-radius: 50%; background: #eadfd2; }
html.gs-my #wrap .gs-stepper li.done i, html.gs-my #wrap .gs-stepper li.done::before, html.gs-my #wrap .gs-stepper li.on::before { background: #8be3c6; }
html.gs-my #wrap .gs-stepper li.on i { background: var(--gs-accent); box-shadow: 0 0 0 4px var(--gs-tint); }
html.gs-my #wrap .gs-stepper li.on span { color: var(--gs-text); font-weight: 800; }
html.gs-my #wrap .gs-stepper.sm li { font-size: 12px; }

/* ═════════════ 마이 홈 ═════════════ */
html.gs-my-index.gs-my-ready #wrap .mypage_index > .member_summary, html.gs-my-index.gs-my-ready #wrap .mypage_index > .mypage_menu { display: none !important; }
html.gs-my-index #wrap .mypage_index { padding: 0 0 8px !important; background: none !important; }
html.gs-my #wrap .gs-my-hero { margin: 12px var(--gs-gutter) 0; padding: 20px 18px 6px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my #wrap .gs-my-hero .who { display: flex; align-items: center; gap: 14px; }
html.gs-my #wrap .gs-my-hero .av { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--gs-accent); color: var(--gs-accent-text); overflow: hidden; }
html.gs-my #wrap .gs-my-hero .av img { width: 100%; height: 100%; object-fit: cover; }
html.gs-my #wrap .gs-my-hero .av .gs-mi { width: 26px; height: 26px; }
html.gs-my #wrap .gs-my-hero .who > div { flex: 1; min-width: 0; }
html.gs-my #wrap .gs-my-hero .who b { display: block; font-size: 20px; font-weight: 800; letter-spacing: -0.03em; color: var(--gs-text); }
html.gs-my #wrap .gs-my-hero .who small { display: block; margin-top: 3px; font-size: 13px; color: var(--gs-muted); }
html.gs-my #wrap .gs-my-hero .grade { font-style: normal; display: inline-block; padding: 1px 7px; border-radius: 8px; background: var(--gs-tint); color: var(--gs-accent-ink); font-weight: 700; }
html.gs-my #wrap .gs-my-hero .edit { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--gs-line); color: var(--gs-sub); }
html.gs-my #wrap .gs-my-hero .stats { display: flex; margin-top: 18px; border-top: 1px solid var(--gs-line); }
html.gs-my #wrap .gs-my-hero .stats a { flex: 1; padding: 14px 0 12px; text-align: center; }
html.gs-my #wrap .gs-my-hero .stats a + a { box-shadow: inset 1px 0 0 var(--gs-line); }
html.gs-my #wrap .gs-my-hero .stats small { display: block; font-size: 13px; color: var(--gs-muted); }
html.gs-my #wrap .gs-my-hero .stats b { display: block; margin-top: 4px; font-size: 18px; font-weight: 800; color: var(--gs-text); letter-spacing: -0.02em; }
html.gs-my #wrap .gs-my-orders, html.gs-my #wrap .gs-my-live { margin: 12px var(--gs-gutter) 0; padding: 16px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my #wrap .gs-my-orders .hd { display: flex; align-items: center; justify-content: space-between; }
html.gs-my #wrap .gs-my-orders h3 { margin: 0; font-size: 16px; font-weight: 800; color: var(--gs-text); }
html.gs-my #wrap .gs-my-orders .hd a { font-size: 13px; color: var(--gs-muted); }
html.gs-my #wrap .gs-my-orders .ostrip { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding: 12px 8px; border-radius: 16px; background: var(--gs-surface); }
html.gs-my #wrap .gs-my-orders .ostrip[hidden] { display: none; }
html.gs-my #wrap .gs-my-orders .ostrip a { flex: 1; text-align: center; }
html.gs-my #wrap .gs-my-orders .ostrip b { display: block; font-size: 20px; font-weight: 800; color: #c9b9a6; }
html.gs-my #wrap .gs-my-orders .ostrip a.has b { color: var(--gs-accent-ink); }
html.gs-my #wrap .gs-my-orders .ostrip span { display: block; margin-top: 2px; font-size: 12px; color: var(--gs-sub); white-space: nowrap; }
html.gs-my #wrap .gs-my-orders .ostrip i { font-style: normal; color: #d6c8b8; font-size: 12px; }
html.gs-my #wrap .gs-my-orders .olinks { display: flex; margin-top: 10px; }
html.gs-my #wrap .gs-my-orders .olinks a { flex: 1; padding: 8px 0 2px; text-align: center; font-size: 13px; color: var(--gs-sub); }
html.gs-my #wrap .gs-my-orders .olinks a + a { box-shadow: inset 1px 0 0 var(--gs-line); }
html.gs-my #wrap .gs-my-live { background: #fbfffd; box-shadow: inset 0 0 0 1.5px #bfeedd; }
html.gs-my #wrap .gs-my-live[hidden] { display: none; }
html.gs-my #wrap .gs-my-live .top { display: flex; align-items: center; justify-content: space-between; }
html.gs-my #wrap .gs-my-live .top small { font-size: 12px; color: var(--gs-muted); }
html.gs-my #wrap .gs-my-live .mid { display: flex; gap: 12px; align-items: center; margin-top: 12px; }
html.gs-my #wrap .gs-my-live .mid img { width: 56px; height: 56px; border-radius: 12px; object-fit: cover; }
html.gs-my #wrap .gs-my-live .mid b { display: block; font-size: 15px; font-weight: 800; color: var(--gs-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 250px; }
html.gs-my #wrap .gs-my-live .mid small { display: block; margin-top: 3px; font-size: 13px; color: var(--gs-accent-ink); }
html.gs-my #wrap .gs-my-menu { margin: 22px 0 0; padding: 0 var(--gs-gutter); }
html.gs-my #wrap .gs-my-menu h3 { margin: 0 0 4px; font-size: 13px; font-weight: 700; color: var(--gs-muted); }
html.gs-my #wrap .gs-my-row { display: flex !important; align-items: center; gap: 12px; height: 52px; padding: 0 !important; border-bottom: 1px solid #f0e7dc; font-size: 15px !important; color: var(--gs-text) !important; background: none !important; }
html.gs-my #wrap .gs-my-row span { flex: 1; }
html.gs-my #wrap .gs-my-row small { font-size: 13px; font-weight: 800; color: var(--gs-accent-ink); }
html.gs-my #wrap .gs-my-row i { font-style: normal; color: #cbbba8; }
html.gs-my #wrap .gs-my-cs { display: flex; align-items: center; gap: 12px; margin: 24px var(--gs-gutter) 0; padding: 16px 18px; border-radius: 16px; background: var(--gs-surface); }
html.gs-my #wrap .gs-my-cs > div { flex: 1; }
html.gs-my #wrap .gs-my-cs b { display: block; font-size: 15px; font-weight: 800; color: var(--gs-text); }
html.gs-my #wrap .gs-my-cs small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.5; color: var(--gs-muted); }
html.gs-my #wrap .gs-my-bottom { display: flex; justify-content: center; gap: 20px; padding: 18px 0 10px; }
html.gs-my #wrap .gs-my-bottom a { font-size: 13px; color: var(--gs-muted) !important; text-decoration: underline; background: none !important; padding: 0 !important; }

/* ═════════════ 주문 목록 · 주문 상세 상품 칸 ═════════════ */
html.gs-my-order_list #wrap .order_list { padding: 0 0 6px !important; background: none !important; }
html.gs-my #wrap .order_goods_list { padding: 0 !important; background: none !important; }
html.gs-my-order_list #wrap .orderlist_wrap { margin: 12px var(--gs-gutter) 0 !important; padding: 16px !important; border: 0 !important; border-radius: 24px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my #wrap .orderlist_wrap .order_number_box { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my #wrap .gs-oc-hd { display: flex; align-items: baseline; gap: 8px; }
html.gs-my #wrap .gs-oc-hd b { font-size: 16px; font-weight: 800; color: var(--gs-text); }
html.gs-my #wrap .gs-oc-hd span { flex: 1; min-width: 0; font-size: 12px; color: var(--gs-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gs-my #wrap .gs-oc-hd a { font-size: 13px; color: var(--gs-sub); }
html.gs-my #wrap .gs-oc-st { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
html.gs-my #wrap .gs-oc-st small { font-size: 13px; color: var(--gs-sub); }
html.gs-my #wrap .orderlist_wrap ul.my_goods { margin: 12px 0 0 !important; padding: 12px 0 0 !important; border: 0 !important; border-top: 1px solid #f0e7dc !important; background: none !important; }
html.gs-my #wrap .orderlist_wrap ul.my_goods > li { padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my #wrap .orderlist_wrap .my_goods .info { padding: 0 !important; border: 0 !important; }
html.gs-my #wrap .orderlist_wrap .my_goods .info > a { display: flex !important; gap: 12px; align-items: center; }
html.gs-my #wrap .orderlist_wrap .my_goods .itemhead { float: none !important; width: 64px !important; flex: 0 0 64px; margin: 0 !important; }
html.gs-my #wrap .orderlist_wrap .my_goods .itemhead .img, html.gs-my #wrap .orderlist_wrap .my_goods .itemhead img { width: 64px !important; height: 64px !important; border-radius: 12px; object-fit: cover; }
html.gs-my #wrap .orderlist_wrap .my_goods .itembody { flex: 1; min-width: 0; margin: 0 !important; padding: 0 !important; }
html.gs-my #wrap .orderlist_wrap .my_goods .prd_name { font-size: 14px !important; font-weight: 700 !important; line-height: 1.4 !important; color: var(--gs-text) !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.gs-my #wrap .orderlist_wrap .my_goods .prd_option { margin-top: 3px; font-size: 13px !important; color: var(--gs-sub) !important; }
html.gs-my #wrap .orderlist_wrap .my_goods .order_info { width: auto !important; margin: 8px 0 0 76px !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my #wrap .orderlist_wrap .my_goods .info_box { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html.gs-my #wrap .orderlist_wrap .my_goods .info2 { font-size: 13px !important; color: var(--gs-sub) !important; }
html.gs-my #wrap .orderlist_wrap .my_goods .ing_chk strong { padding: 0 !important; border: 0 !important; background: none !important; font-size: 13px !important; font-weight: 800 !important; color: var(--gs-accent-ink) !important; }
html.gs-my #wrap .orderlist_wrap .my_goods .ing_chk .order_finish_btn { color: var(--gs-sub) !important; }
html.gs-my #wrap .orderlist_wrap .btn_bx, html.gs-my #wrap .orderlist_wrap .gs-oc-acts { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 10px 0 0 !important; padding: 0 !important; border: 0 !important; list-style: none; }
html.gs-my #wrap .orderlist_wrap .btn_bx:empty { display: none !important; }
html.gs-my #wrap .orderlist_wrap .btn_bx li, html.gs-my #wrap .orderlist_wrap .gs-oc-acts li { flex: 1 1 calc(50% - 4px); float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html.gs-my #wrap .orderlist_wrap .btn_bx a, html.gs-my #wrap .orderlist_wrap .btn_bx button, html.gs-my #wrap .orderlist_wrap .gs-oc-acts a, html.gs-my #wrap .orderlist_wrap .gs-oc-acts button {
  display: flex !important; align-items: center; justify-content: center; width: 100% !important; max-width: none !important; height: 44px !important; margin: 0 !important; padding: 0 8px !important; border: 0 !important; border-radius: 12px !important;
  background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; color: var(--gs-text) !important; text-align: center; }
html.gs-my #wrap .orderlist_wrap .btn_bx .delivery_trace_btn, html.gs-my #wrap .orderlist_wrap .btn_bx .ogl_reviewrite { background: var(--gs-accent) !important; box-shadow: none; color: var(--gs-accent-text) !important; }
html.gs-my #wrap .orderlist_wrap .claim_info { margin-top: 10px !important; padding: 10px 12px !important; border: 0 !important; border-radius: 12px; background: var(--gs-surface) !important; }
html.gs-my #wrap .order_list .more_btn_box { margin: 14px var(--gs-gutter) 0 !important; padding: 0 !important; }
html.gs-my #wrap .order_list .more_btn { width: 100% !important; height: 46px !important; border: 0 !important; border-radius: 12px !important; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 14px !important; font-weight: 700; color: var(--gs-sub) !important; }
html.gs-my #wrap .gs-empty[hidden] { display: none; }

/* ═════════════ 주문 상세 ═════════════ */
html.gs-my-order_view #wrap .order_view { padding: 0 !important; background: none !important; }
html.gs-my #wrap .gs-ov-hero { margin: 12px var(--gs-gutter) 0; padding: 18px 18px 14px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my #wrap .gs-ov-hero .no { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; color: var(--gs-muted); }
html.gs-my #wrap .gs-ov-hero .no button { display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 10px; border: 0; border-radius: 999px; background: var(--gs-surface); font: inherit; font-size: 13px; font-weight: 700; color: var(--gs-sub); cursor: pointer; }
html.gs-my #wrap .gs-ov-hero .no button .gs-mi { width: 15px; height: 15px; }
html.gs-my #wrap .gs-ov-hero .no button.ok { background: var(--gs-tint); color: var(--gs-accent-ink); }
html.gs-my #wrap .gs-ov-hero h2 { margin: 12px 0 0; font-size: 24px; font-weight: 800; letter-spacing: -0.035em; color: var(--gs-accent-ink); }
html.gs-my #wrap .gs-ov-hero h2.wait { color: #8a5a00; }
html.gs-my #wrap .gs-ov-hero h2.done { color: #2f7a28; }
html.gs-my #wrap .gs-ov-hero h2.off { color: var(--gs-sub); }
html.gs-my #wrap .gs-ov-hero p { margin: 4px 0 0; font-size: 14px; color: var(--gs-sub); }
html.gs-my #wrap .gs-ovbox { margin: 12px var(--gs-gutter) 0; padding: 18px 16px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my #wrap .gs-ovbox > h3 { display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 16px !important; font-weight: 800 !important; color: var(--gs-text) !important; }
html.gs-my #wrap .gs-ovbox > h3 small { font-size: 13px; font-weight: 500; color: var(--gs-muted); }
html.gs-my #wrap .gs-ovbox > h3.gs-sub { margin: 4px 0 8px !important; font-size: 14px !important; color: var(--gs-sub) !important; }
html.gs-my #wrap .gs-ovbox .view_box, html.gs-my #wrap .gs-ovbox .view_box2 { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my #wrap .gs-ovbox .view_box dl { display: flex !important; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 7px 0 !important; border: 0 !important; background: none !important; font-size: 14px; }
html.gs-my #wrap .gs-ovbox .view_box dt { float: none !important; width: auto !important; flex: 0 0 auto; padding: 0 !important; color: var(--gs-muted) !important; font-weight: 400 !important; }
html.gs-my #wrap .gs-ovbox .view_box dd { float: none !important; width: auto !important; flex: 1; padding: 0 !important; text-align: right; color: var(--gs-text) !important; word-break: keep-all; }
html.gs-my #wrap .gs-ovbox .view_box .discount { margin: 0 !important; padding: 0 !important; }
html.gs-my #wrap .gs-ovbox .btn_center button, html.gs-my #wrap .gs-ovbox .pay button { height: 42px !important; padding: 0 16px !important; border: 0 !important; border-radius: 12px !important; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 14px !important; font-weight: 800 !important; color: var(--gs-text) !important; }
html.gs-my-order_view #wrap .gs-ov-goods .orderlist_wrap { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my-order_view #wrap .gs-ov-goods .gs-oc-hd { display: none; }
html.gs-my-order_view #wrap .gs-ov-goods .orderlist_wrap ul.my_goods:first-of-type { border-top: 0 !important; padding-top: 0 !important; }

/* ═════════════ 찜 ═════════════ */
html.gs-my-wish_list #wrap .wish_list { padding: 0 0 8px !important; background: none !important; }
html.gs-my-wish_list #wrap .wish_content_box { padding: 0 !important; border: 0 !important; }
html.gs-my-wish_list #wrap .wish_list .allchk { display: flex !important; align-items: center; gap: 10px; position: static !important; margin: 0 !important; padding: 14px var(--gs-gutter) 10px !important; border: 0 !important; border-bottom: 1px solid var(--gs-line) !important; background: none !important; }
html.gs-my-wish_list #wrap .wish_list .allchk .inp_chk { flex: 1; }
html.gs-my-wish_list #wrap .wish_list .gs-wcount { font-size: 13px; color: var(--gs-muted); }
html.gs-my-wish_list #wrap .wish_list .allchk .select_prd_del_btn { height: 30px; padding: 0 12px; border: 0 !important; border-radius: 999px; background: var(--gs-surface) !important; font-size: 13px !important; color: var(--gs-sub) !important; }
html.gs-my-wish_list #wrap .wish_list ul.my_goods { margin: 0 !important; padding: 0 var(--gs-gutter) !important; border: 0 !important; background: none !important; }
html.gs-my-wish_list #wrap .wish_list ul.my_goods > li { position: relative; display: flex; gap: 12px; align-items: flex-start; margin: 0 !important; padding: 14px 0 14px 32px !important; border: 0 !important; border-bottom: 1px solid #f0e7dc !important; background: none !important; }
html.gs-my-wish_list #wrap .wish_list ul.my_goods > li .chk_box { position: absolute !important; left: 0; top: 40px; margin: 0 !important; }
html.gs-my-wish_list #wrap .wish_list ul.my_goods > li .info { flex: 1; min-width: 0; padding: 0 44px 0 0 !important; border: 0 !important; }
html.gs-my-wish_list #wrap .wish_list ul.my_goods > li .info > a { display: flex !important; flex-wrap: wrap; gap: 12px; align-items: flex-start; float: none !important; width: 100% !important; }   /* 10/21 width 100% — 고도몰 옛 폭(197px)에 묶여 이름 칸 101px */
/* 10/21 «구매 이용 조건 안내»(고도몰 order_possible_list)가 사진·이름과 한 줄에 끼어 이름 칸이 0 → 가격이 한 글자씩 세로 · 안내는 위 한 줄로 따로 */
html.gs-my-wish_list #wrap .wish_list .order_possible_list { flex: 0 0 100%; order: -1; width: 100% !important; min-height: 0 !important; margin: 0 0 -4px !important; color: var(--gs-sub) !important; }
html.gs-my-wish_list #wrap .wish_list .order_possible_list .inner_title { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding-right: 28px; line-height: 20px !important; }
html.gs-my-wish_list #wrap .wish_list .order_possible_list .inner_title strong { padding: 0 !important; font-size: 12px !important; font-weight: 700 !important; color: var(--gs-sub) !important; }
html.gs-my-wish_list #wrap .wish_list .order_possible_list .pm_more_btn { top: -2px !important; width: 24px !important; height: 24px !important; border: 0 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d6c5c' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 16px no-repeat !important; }
html.gs-my-wish_list #wrap .wish_list .order_possible_list .pm_more_btn.active { transform: rotate(180deg); }
html.gs-my-wish_list #wrap .wish_list .order_possible_list .inner_title ul { flex: 0 0 100%; margin: 6px 0 2px !important; padding: 8px 10px !important; border-radius: 12px; background: var(--gs-surface); }
html.gs-my-wish_list #wrap .wish_list .order_possible_list .inner_title ul li { padding: 2px 0 !important; border: 0 !important; background: none !important; font-size: 12px; color: var(--gs-sub); }
html.gs-my-wish_list #wrap .wish_list .order_possible_list .inner_title ul li.title { margin: 0 !important; font-weight: 700; color: var(--gs-text); }
html.gs-my-wish_list #wrap .wish_list .itemhead { float: none !important; width: 84px !important; flex: 0 0 84px; margin: 0 !important; }
html.gs-my-wish_list #wrap .wish_list .itemhead img { width: 84px !important; height: 84px !important; border-radius: 16px; object-fit: cover; }
html.gs-my-wish_list #wrap .wish_list .itembody { flex: 1; min-width: 0; margin: 0 !important; padding: 0 !important; }
html.gs-my-wish_list #wrap .wish_list .itembody .name { font-size: 14px !important; font-weight: 700 !important; line-height: 1.4 !important; color: var(--gs-text) !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.gs-my-wish_list #wrap .wish_list .itembody p { font-size: 13px !important; color: var(--gs-sub) !important; }
html.gs-my-wish_list #wrap .wish_list .itembody .prc { display: block; margin-top: 6px; font-size: 15px !important; font-weight: 800 !important; color: var(--gs-text) !important; }
html.gs-my-wish_list #wrap .wish_list .option_btn { position: static !important; float: none !important; margin: 0 0 6px !important; }
html.gs-my-wish_list #wrap .wish_list .option_btn button { height: 28px !important; padding: 0 10px !important; border: 0 !important; border-radius: 8px !important; background: var(--gs-surface) !important; font-size: 12px !important; color: var(--gs-sub) !important; }
html.gs-my-wish_list #wrap .wish_list .select_del_box { position: absolute !important; right: 0; top: 10px; margin: 0 !important; }
html.gs-my-wish_list #wrap .wish_list .wish_onedel_btn { display: grid !important; place-items: center; width: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; background: none !important; color: #ef5a5a !important; font-size: 0 !important; }
html.gs-my-wish_list #wrap .wish_list .wish_onedel_btn .gs-mi { width: 22px; height: 22px; fill: #ef5a5a; stroke: #ef5a5a; }
html.gs-my-wish_list.gs-wish-bar #wrap .btn_wish_bx { position: fixed !important; left: 50%; bottom: calc(60px + env(safe-area-inset-bottom)); z-index: 60; transform: translateX(-50%); display: flex; align-items: center; gap: 10px;
  width: 100%; max-width: 500px; margin: 0 !important; padding: 10px var(--gs-gutter) !important; border: 0 !important; background: rgba(255, 252, 247, .97) !important; box-shadow: 0 -1px 0 var(--gs-line); box-sizing: border-box; }
html.gs-my-wish_list.gs-wish-bar #wrap .btn_wish_bx .btn_bx { flex: 1.3; display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html.gs-my-wish_list.gs-wish-bar #wrap .btn_wish_bx .btn_bx li { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
html.gs-my-wish_list.gs-wish-bar #wrap .btn_wish_bx .btn_bx li:empty { display: none; }
html.gs-my-wish_list.gs-wish-bar #wrap .btn_wish_bx .wish_cart_add_btn { width: 100% !important; height: 50px !important; border: 0 !important; border-radius: 16px !important; background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; font-size: 16px !important; font-weight: 800 !important; }
html.gs-my-wish_list #wrap .gs-wsum { flex: 1; display: flex; flex-direction: column; font-size: 13px; color: var(--gs-muted); }
html.gs-my-wish_list #wrap .gs-wsum b { font-size: 18px; font-weight: 800; color: var(--gs-text); }
html.gs-my-wish_list.gs-wish-bar #footer { padding-bottom: 150px; }
html.gs-my-wish_list #wrap .wish_list .no_bx { padding: 0 !important; border: 0 !important; background: none !important; }

/* ═════════════ 쿠폰 ═════════════ */
html.gs-my-coupon #wrap .coupon { padding: 0 0 8px !important; background: none !important; }
html.gs-my-coupon #wrap .coupon .my_coupon { margin: 12px var(--gs-gutter) 0 !important; padding: 18px 16px !important; border: 0 !important; border-radius: 24px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my-coupon #wrap .coupon .my_coupon > h3 { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 16px !important; font-weight: 800 !important; color: var(--gs-text) !important; }
html.gs-my-coupon #wrap .coupon .my_coupon fieldset { display: flex; gap: 8px; margin: 0; padding: 0; border: 0; }
html.gs-my-coupon #wrap .coupon .my_coupon legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
html.gs-my-coupon #wrap .coupon .my_coupon .inp_tx { flex: 1; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html.gs-my-coupon #wrap .coupon .my_coupon .inp_tx input { width: 100% !important; height: 48px !important; padding: 0 14px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; font-size: 15px !important; box-sizing: border-box; }
html.gs-my-coupon #wrap .coupon .my_coupon .btn { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html.gs-my-coupon #wrap .coupon .my_coupon .coupon_ok_btn { height: 48px !important; padding: 0 18px !important; border: 0 !important; border-radius: 12px !important; background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; font-size: 15px !important; font-weight: 800 !important; }
html.gs-my-coupon #wrap .coupon .my_coupon p.tx { margin: 8px 0 0 !important; padding: 0 !important; font-size: 13px !important; color: var(--gs-muted) !important; text-align: left !important; }
html.gs-my-coupon #wrap .coupon .tab_menu { margin: 16px 0 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--gs-line) !important; background: none !important; }
html.gs-my-coupon #wrap .coupon .tab_menu ul { display: grid !important; grid-template-columns: 1fr 1fr; margin: 0 !important; padding: 0 !important; }
html.gs-my-coupon #wrap .coupon .tab_menu li { float: none !important; width: auto !important; margin: 0 0 -1px !important; padding: 0 !important; border: 0 !important; border-bottom: 2px solid transparent !important; background: none !important; }
html.gs-my-coupon #wrap .coupon .tab_menu li a { display: grid !important; place-items: center; height: 48px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 15px !important; color: var(--gs-muted) !important; }
html.gs-my-coupon #wrap .coupon .tab_menu li.active { border-bottom-color: var(--gs-accent-ink) !important; }
html.gs-my-coupon #wrap .coupon .tab_menu li.active a { color: var(--gs-text) !important; font-weight: 700 !important; }
html.gs-my-coupon #wrap .coupon .coupon_bx { margin: 0 !important; padding: 6px var(--gs-gutter) 0 !important; border: 0 !important; background: none !important; }
html.gs-my-coupon #wrap .coupon .coupon_bx > li { margin: 10px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my #wrap .gs-tk { display: flex; align-items: stretch; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); overflow: hidden; }
html.gs-my #wrap .gs-tk .l { flex: 0 0 104px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px 8px; background: var(--gs-tint); border-right: 2px dashed #fff; }
html.gs-my #wrap .gs-tk .l b { font-size: 18px; font-weight: 800; letter-spacing: -0.03em; color: var(--gs-accent-ink); text-align: center; }
html.gs-my #wrap .gs-tk .l small { margin-top: 2px; font-size: 12px; color: var(--gs-accent-ink); }
html.gs-my #wrap .gs-tk .r { flex: 1; min-width: 0; padding: 14px 14px 12px; }
html.gs-my #wrap .gs-tk .r b { display: block; font-size: 15px; font-weight: 800; color: var(--gs-text); }
html.gs-my #wrap .gs-tk .r small { display: block; margin-top: 3px; font-size: 13px; color: var(--gs-sub); }
html.gs-my #wrap .gs-tk .r a.detail { display: inline-block; margin-top: 6px; padding: 0 !important; background: none !important; }
html.gs-my #wrap .gs-tk .r a.detail img { display: none !important; }
html.gs-my #wrap .gs-tk .gs-tk-cond { font-size: 13px; color: var(--gs-accent-ink); font-weight: 700; text-decoration: underline; }
html.gs-my #wrap .gs-tk.off { filter: grayscale(1); opacity: .75; }
html.gs-my-coupon #wrap .coupon .coupon-inline { margin-top: 8px !important; }

/* ═════════════ 적립금·예치금 ═════════════ */
html.gs-my-mileage #wrap .mileage, html.gs-my-deposit #wrap .deposit { padding: 0 0 8px !important; background: none !important; }
html.gs-my #wrap .gs-mi-hero { margin: 12px var(--gs-gutter) 0 !important; padding: 22px 20px !important; border: 0 !important; border-radius: 24px; background: var(--gs-accent) !important; text-align: left !important; }
html.gs-my #wrap .gs-mi-hero .tit { margin: 0 !important; font-size: 14px !important; color: var(--gs-accent-text) !important; opacity: .85; }
html.gs-my #wrap .gs-mi-hero .money { margin: 6px 0 0 !important; font-size: 32px !important; font-weight: 800 !important; letter-spacing: -0.03em; color: var(--gs-accent-text) !important; }
html.gs-my-mileage #wrap .mileage > h3, html.gs-my-deposit #wrap .deposit > h3 { margin: 22px var(--gs-gutter) 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 16px !important; font-weight: 800 !important; color: var(--gs-text) !important; }
html.gs-my #wrap .gs-mi-filter { padding-top: 8px; }
html.gs-my #wrap .money_history { margin: 6px var(--gs-gutter) 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my #wrap .money_history table, html.gs-my #wrap .money_history tbody { display: block; width: 100% !important; border: 0 !important; }
html.gs-my #wrap .money_history caption, html.gs-my #wrap .money_history colgroup, html.gs-my #wrap .money_history thead { display: none !important; }
html.gs-my #wrap .money_history tr { display: grid !important; grid-template-columns: 82px 1fr auto; gap: 10px; align-items: start; padding: 14px 0 !important; border-bottom: 1px solid #f0e7dc !important; }
html.gs-my #wrap .money_history tr.gs-off { display: none !important; }
html.gs-my #wrap .money_history td { display: block; padding: 0 !important; border: 0 !important; text-align: left !important; font-size: 14px !important; color: var(--gs-text) !important; background: none !important; }
html.gs-my #wrap .money_history td:first-child { font-size: 13px !important; color: var(--gs-muted) !important; }
html.gs-my #wrap .money_history td:last-child { font-weight: 800 !important; color: var(--gs-accent-ink) !important; text-align: right !important; white-space: nowrap; }
html.gs-my #wrap .money_history td.minus { color: var(--gs-sub) !important; }
html.gs-my #wrap .money_history .expiration { display: block; margin-top: 2px; font-size: 12px; color: var(--gs-muted); }
html.gs-my #wrap .money_history .btn_tbl { width: 100% !important; height: 44px !important; margin: 14px 0 0 !important; border: 0 !important; border-radius: 12px !important; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 14px !important; color: var(--gs-sub) !important; }
html.gs-my #wrap .money_history.no { padding: 40px 0 !important; text-align: center; font-size: 14px; color: var(--gs-muted); }

/* ═════════════ 배송지 관리 + 등록 창 ═════════════ */
html.gs-my-shipping #wrap .shipping { padding: 0 0 96px !important; background: none !important; }
html.gs-my-shipping #wrap .shipping .s_content { padding: 0 var(--gs-gutter) !important; border: 0 !important; background: none !important; }
html.gs-my-shipping #wrap .shipping .gs-cnote { padding-bottom: 4px; }
html.gs-my-shipping #wrap .shipping .s_info { margin: 10px 0 0 !important; padding: 16px !important; border: 0 !important; border-radius: 16px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my-shipping #wrap .shipping .s_info.def { box-shadow: inset 0 0 0 1.5px #8be3c6; }
html.gs-my-shipping #wrap .shipping .s_tit { padding: 0 !important; border: 0 !important; font-size: 16px !important; font-weight: 800 !important; color: var(--gs-text) !important; }
html.gs-my-shipping #wrap .shipping .s_tit br { display: none; }
html.gs-my-shipping #wrap .shipping .gs-def { display: inline-flex; align-items: center; height: 22px; margin-left: 6px; padding: 0 8px; border-radius: 8px; background: var(--gs-tint); color: var(--gs-accent-ink); font-size: 12px; font-weight: 800; vertical-align: 2px; }
html.gs-my-shipping #wrap .shipping .s_address { margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; font-size: 14px !important; line-height: 1.5; color: var(--gs-sub) !important; }
html.gs-my-shipping #wrap .shipping .s_address span, html.gs-my-shipping #wrap .shipping .s_address p { display: inline; margin: 0 !important; }
html.gs-my-shipping #wrap .shipping .s_data { margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; }
html.gs-my-shipping #wrap .shipping .s_data dl { display: flex; gap: 8px; margin: 2px 0 0 !important; padding: 0 !important; border: 0 !important; font-size: 13px; color: var(--gs-muted); }
html.gs-my-shipping #wrap .shipping .s_data dt, html.gs-my-shipping #wrap .shipping .s_data dd { float: none !important; width: auto !important; padding: 0 !important; color: var(--gs-muted) !important; font-size: 13px !important; }
html.gs-my-shipping #wrap .shipping .s_btn { display: flex !important; justify-content: flex-end; gap: 6px; margin: 12px 0 0 !important; padding: 12px 0 0 !important; border: 0 !important; border-top: 1px solid #f0e7dc !important; }
html.gs-my-shipping #wrap .shipping .s_btn li { display: flex; gap: 6px; float: none !important; margin: 0 !important; padding: 0 !important; }
html.gs-my-shipping #wrap .shipping .s_btn button, html.gs-my-shipping #wrap .shipping .s_btn a { display: inline-flex !important; align-items: center; height: 34px !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px !important; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 13px !important; font-weight: 700 !important; color: var(--gs-sub) !important; width: auto !important; }
html.gs-my-shipping #wrap .shipping .s_content > .no { padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my-shipping #wrap .shipping .shipping_add_layer { position: fixed !important; left: 50%; bottom: 0; z-index: 60; transform: translateX(-50%); width: 100%; max-width: 500px; margin: 0 !important; padding: 10px var(--gs-gutter) calc(10px + env(safe-area-inset-bottom)) !important; border: 0 !important; background: rgba(255, 252, 247, .97) !important; box-shadow: 0 -1px 0 var(--gs-line); box-sizing: border-box; }
html.gs-my-shipping #wrap .shipping .add_address_btn { display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 52px !important; border: 0 !important; border-radius: 16px !important; background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; font-size: 16px !important; font-weight: 800 !important; }
html.gs-my #wrap .layer_shipping_address_regist input[type="text"], html.gs-my .layer_shipping_address_regist input[type="text"] { height: 46px !important; padding: 0 12px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; font-size: 15px !important; box-sizing: border-box; }
html.gs-my .layer_shipping_address_regist .address_save_btn { height: 50px !important; border: 0 !important; border-radius: 16px !important; background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; font-weight: 800 !important; }
html.gs-my .layer_shipping_address_regist .address_cancel_btn { height: 50px !important; border: 0 !important; border-radius: 16px !important; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); color: var(--gs-text) !important; font-weight: 800 !important; }
html.gs-my .layer_shipping_address_regist .zipcode_btn { height: 46px !important; border-radius: 12px !important; }

/* ═════════════ 비밀번호 확인 ═════════════ */
html.gs-my-my_page_password #wrap .my_page_password { padding: 6px var(--gs-gutter) 40px !important; background: none !important; }
html.gs-my #wrap .gs-pw-hd { padding: 14px 0 18px; text-align: center; }
html.gs-my #wrap .gs-pw-hd .lockic { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--gs-tint); color: var(--gs-accent-ink); }
html.gs-my #wrap .gs-pw-hd .lockic .gs-mi { width: 28px; height: 28px; }
html.gs-my #wrap .gs-pw-hd h2 { margin: 14px 0 0; font-size: 20px; font-weight: 800; letter-spacing: -0.03em; color: var(--gs-text); }
html.gs-my #wrap .gs-pw-hd p { margin: 4px 0 0; font-size: 14px; color: var(--gs-muted); }
html.gs-my-my_page_password #wrap .my_page_password fieldset { margin: 0; padding: 0; border: 0; }
html.gs-my-my_page_password #wrap .my_page_password legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
html.gs-my-my_page_password #wrap .my_page_password dl { display: block !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; }
html.gs-my-my_page_password #wrap .my_page_password dt { float: none !important; width: auto !important; margin: 0 0 6px !important; padding: 0 !important; font-size: 14px !important; font-weight: 700 !important; color: var(--gs-text) !important; }
html.gs-my-my_page_password #wrap .my_page_password dd { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html.gs-my-my_page_password #wrap .my_page_password dd.gs-ro { display: flex; align-items: center; height: 52px; padding: 0 14px !important; border-radius: 12px; background: var(--gs-surface); color: var(--gs-sub) !important; font-size: 15px; }
html.gs-my-my_page_password #wrap .my_page_password input[type="password"] { width: 100% !important; height: 52px !important; padding: 0 14px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; font-size: 15px !important; box-sizing: border-box; }
html.gs-my-my_page_password #wrap .my_page_password .c_msg { margin: 0 0 10px !important; font-size: 13px !important; color: #c4392f !important; }
html.gs-my-my_page_password #wrap .my_page_password .pw_confirm_btn { width: 100% !important; height: 54px !important; margin: 6px 0 0 !important; border: 0 !important; border-radius: 16px !important; background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; font-size: 16px !important; font-weight: 800 !important; }
html.gs-my-my_page_password #wrap .my_page_password .sns_box { display: flex; align-items: center; gap: 12px; padding: 16px !important; border: 0 !important; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my-my_page_password #wrap .my_page_password .sns_box .btn { flex: 1; }

/* ═════════════ 회원정보 변경(가입 칸 같은 모양) ═════════════ */
html.gs-my-my_page #wrap #contents_wrap { padding: 0 var(--gs-gutter) 24px !important; }
html.gs-my-my_page #wrap #contents_wrap .my_page { padding: 0 !important; background: none !important; }
html.gs-my-my_page #wrap #contents_wrap > .gs-my-hd h1 { padding-left: 0; padding-right: 0; }
html.gs-my-my_page #wrap #contents_wrap .account, html.gs-my-my_page #wrap #contents_wrap .modify_content_box, html.gs-my-my_page #wrap #contents_wrap .modify_content { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my-my_page #wrap #contents_wrap .join_view, html.gs-my-my_page #wrap #contents_wrap .join_view_other, html.gs-my-my_page #wrap #contents_wrap .join_view_business { margin: 14px 0 0 !important; padding: 18px 16px 8px !important; border: 0 !important; border-radius: 24px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); }
html.gs-my-my_page #wrap #contents_wrap .join_view > p.tit, html.gs-my-my_page #wrap #contents_wrap [class^="join_view"] > p.tit { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 16px !important; font-weight: 800 !important; color: var(--gs-text) !important; }
html.gs-my-my_page #wrap #contents_wrap .input_wrap { display: block !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; }
html.gs-my-my_page #wrap #contents_wrap .input_title { float: none !important; width: auto !important; margin: 0 0 6px !important; padding: 0 !important; font-size: 14px !important; font-weight: 700 !important; color: var(--gs-text) !important; }
html.gs-my-my_page #wrap #contents_wrap .input_title.required { background: none !important; }   /* 10/21 회원가입과 같게 · 빨간 네모 → 초록 별 */
html.gs-my-my_page #wrap #contents_wrap .input_title.required::after { content: ' *'; color: var(--gs-accent-ink); }
html.gs-my-my_page #wrap #contents_wrap .input_title:empty { display: none; }
html.gs-my-my_page #wrap #contents_wrap select:not([multiple]) { -webkit-appearance: none !important; appearance: none !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d6c5c' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center / 16px no-repeat !important; padding-right: 36px !important; }   /* 10/21 회원 화면과 같은 화살표 */
html.gs-my-my_page #wrap #contents_wrap .input_content { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html.gs-my-my_page #wrap #contents_wrap input[type="text"], html.gs-my-my_page #wrap #contents_wrap input[type="password"], html.gs-my-my_page #wrap #contents_wrap select { height: 48px !important; padding: 0 12px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; font-size: 15px !important; box-sizing: border-box; background-color: #fff; }
html.gs-my-my_page #wrap #contents_wrap input[type="text"], html.gs-my-my_page #wrap #contents_wrap input[type="password"] { width: 100% !important; }
html.gs-my-my_page #wrap #contents_wrap .member_id { display: flex; align-items: center; height: 48px; padding: 0 14px; border-radius: 12px; background: var(--gs-surface); font-size: 15px; color: var(--gs-sub); }
html.gs-my-my_page #wrap #contents_wrap .modify_pw_btn, html.gs-my-my_page #wrap #contents_wrap .zipcode_btn, html.gs-my-my_page #wrap #contents_wrap #btnPostcode { height: 44px !important; padding: 0 14px !important; border: 0 !important; border-radius: 12px !important; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 14px !important; font-weight: 700 !important; color: var(--gs-text) !important; }
html.gs-my-my_page #wrap #contents_wrap .password_reset > div { margin-top: 8px; }
html.gs-my-my_page #wrap #contents_wrap .password_reset label { display: block; margin: 0 0 4px; font-size: 13px; color: var(--gs-sub); }
html.gs-my-my_page #wrap #contents_wrap .email_select_box { margin-top: 6px !important; }
html.gs-my-my_page #wrap #contents_wrap .description { margin-top: 6px !important; font-size: 13px !important; color: var(--gs-muted) !important; }
html.gs-my-my_page #wrap #contents_wrap .modify_btn_box { margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; }
html.gs-my-my_page #wrap #contents_wrap .join_ok_btn { width: 100% !important; height: 54px !important; border: 0 !important; border-radius: 16px !important; background: var(--gs-accent) !important; color: var(--gs-accent-text) !important; font-size: 16px !important; font-weight: 800 !important; }
html.gs-my #wrap .gs-my-out { margin: 18px 0 0; text-align: center; }
html.gs-my #wrap .gs-my-out a { font-size: 13px; color: var(--gs-muted); text-decoration: underline; }

/* ═════════════ 회원 탈퇴 ═════════════ */
html.gs-my-hack_out #wrap .dropOut { padding: 0 var(--gs-gutter) 32px !important; background: none !important; }
html.gs-my #wrap .gs-out-hd h2 { margin: 6px 0 0; font-size: 20px; font-weight: 800; letter-spacing: -0.03em; color: var(--gs-text); }
html.gs-my #wrap .gs-out-hd p { margin: 4px 0 0; font-size: 14px; color: var(--gs-muted); }
html.gs-my #wrap .gs-out-warn { margin: 16px 0 0; padding: 16px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1.5px #bfeedd; }
html.gs-my #wrap .gs-out-warn > div { display: flex; justify-content: space-between; padding: 4px 0; font-size: 14px; color: var(--gs-sub); }
html.gs-my #wrap .gs-out-warn > div b { font-weight: 800; color: var(--gs-accent-ink); }
html.gs-my #wrap .gs-out-warn .dropOut_terms { margin: 10px 0 0 !important; padding: 12px 0 0 !important; border: 0 !important; border-top: 1px solid var(--gs-line) !important; background: none !important; font-size: 13px !important; line-height: 1.6 !important; color: var(--gs-sub) !important; max-height: none !important; overflow: visible !important; }
html.gs-my #wrap .gs-out-warn > div:first-child + .dropOut_terms, html.gs-my #wrap .gs-out-warn > .dropOut_terms:first-child { border-top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; }
html.gs-my-hack_out #wrap .dropOut_form { margin: 18px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.gs-my-hack_out #wrap .dropOut_form .input_wrap { display: block !important; margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; }
html.gs-my-hack_out #wrap .dropOut_form .input_wrap:empty { display: none !important; }
html.gs-my-hack_out #wrap .dropOut_form .input_title { float: none !important; width: auto !important; margin: 0 0 8px !important; padding: 0 !important; font-size: 14px !important; font-weight: 700 !important; color: var(--gs-text) !important; }
html.gs-my-hack_out #wrap .dropOut_form .input_content { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
html.gs-my-hack_out #wrap .dropOut_form input[type="password"] { width: 100% !important; height: 50px !important; padding: 0 14px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; font-size: 15px !important; box-sizing: border-box; }
html.gs-my-hack_out #wrap .dropOut_form textarea { width: 100% !important; height: 96px !important; padding: 12px 14px !important; border: 1px solid #e8dccd !important; border-radius: 12px !important; font-size: 15px !important; box-sizing: border-box; }
html.gs-my-hack_out #wrap .dropOut_form .inp_sel { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; height: auto !important; }
html.gs-my-hack_out #wrap .dropOut_form .inp_sel .inp_rdo, html.gs-my-hack_out #wrap .dropOut_form .inp_sel > span { position: relative; display: inline-flex !important; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
/* 사유 라디오 = 칩 모양 · 🟥 라디오는 지우지 않고 투명하게만(검증 required 대상) */
html.gs-my-hack_out #wrap .dropOut_form .inp_sel input[type="radio"] { position: absolute !important; left: 0; top: 0; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0 !important; cursor: pointer; z-index: 1; }
html.gs-my-hack_out #wrap .dropOut_form .inp_sel label { display: inline-flex !important; align-items: center; height: 38px !important; padding: 0 14px !important; margin: 0 !important; border-radius: 999px; background: #fff !important; box-shadow: inset 0 0 0 1px var(--gs-line); font-size: 14px !important; color: var(--gs-sub) !important; }
html.gs-my-hack_out #wrap .dropOut_form .inp_sel label::before, html.gs-my-hack_out #wrap .dropOut_form .inp_sel label::after { content: none !important; display: none !important; }
html.gs-my-hack_out #wrap .dropOut_form .inp_sel input[type="radio"]:checked + label { background: var(--gs-tint) !important; box-shadow: inset 0 0 0 1.5px var(--gs-accent-ink); color: var(--gs-accent-ink) !important; font-weight: 800; }
html.gs-my-hack_out #wrap .dropOut_form label.error { display: block; width: 100%; margin-top: 4px; font-size: 13px; color: #c4392f; }
html.gs-my-hack_out #wrap .dropOut_form .btn_box { display: flex; flex-direction: column; gap: 12px; margin: 22px 0 0 !important; padding: 0 !important; border: 0 !important; }
html.gs-my #wrap .gs-out-stay { display: flex; align-items: center; justify-content: center; height: 54px; border-radius: 16px; background: var(--gs-accent); color: var(--gs-accent-text); font-size: 16px; font-weight: 800; }
/* 탈퇴하기 = 주 단추 색 ✗ · 흰 바탕 빨간 글자 · «계속 쓸게요»와 나란히 두지 않고 아래에(잘못 누르기 방지) */
html.gs-my-hack_out #wrap .dropOut_form .gs-out-go { width: 100% !important; height: 48px !important; margin: 6px 0 0 !important; border: 0 !important; border-radius: 16px !important; background: #fff !important; box-shadow: inset 0 0 0 1px #efc9c4; color: #c4392f !important; font-size: 15px !important; font-weight: 700 !important; }

/* ── 390 화면 검수 후속(10/14) ── */
html.gs-my #wrap .orderlist_wrap .btn_bx, html.gs-my #wrap .orderlist_wrap .gs-oc-acts { width: auto !important; box-sizing: border-box; }
html.gs-my #wrap .orderlist_wrap .btn_bx li, html.gs-my #wrap .orderlist_wrap .gs-oc-acts li { box-sizing: border-box; min-width: 0; }
html.gs-my #wrap .orderlist_wrap .btn_bx a:not([href]) { flex: 0 0 auto; height: auto !important; padding: 2px 0 !important; background: none !important; box-shadow: none !important; color: var(--gs-muted) !important; font-size: 13px !important; font-weight: 600 !important; justify-content: flex-start; pointer-events: none; }
html.gs-my #wrap .orderlist_wrap .btn_bx li:has(> a:not([href])) { flex: 0 0 100%; }
html.gs-my #wrap .orderlist_wrap .ing_chk { float: none !important; }
html.gs-my-order_view #wrap .gs-ov-goods .order_number_right { display: none !important; }
html.gs-my #wrap .gs-ovbox .view_box dt, html.gs-my #wrap .gs-ovbox .view_box dd, html.gs-my #wrap .gs-ovbox .view_box dd * { border: 0 !important; background: none !important; }
html.gs-my #wrap .gs-ovbox .view_box dd .discount li { padding: 0 !important; font-size: 13px; color: var(--gs-muted); }
html.gs-my-wish_list #wrap .wish_list, html.gs-my-wish_list #wrap .wish_list form, html.gs-my-wish_list #wrap .wish_list ul.my_goods > li, html.gs-my-wish_list #wrap .wish_list .info, html.gs-my-wish_list #wrap .wish_list .info > a { background: none !important; }
html.gs-my-wish_list #wrap .wish_list .allchk label { white-space: nowrap; font-size: 14px; color: var(--gs-text); }
html.gs-my-wish_list #wrap .wish_list .chk_box label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
html.gs-my-wish_list #wrap .wish_list .inp_chk input[type="checkbox"] { -webkit-appearance: none; appearance: none; width: 22px !important; height: 22px !important; margin: 0 8px 0 0 !important; border-radius: 8px; background: #fff !important; box-shadow: inset 0 0 0 1.5px #d9cbbb; vertical-align: middle; cursor: pointer; }
html.gs-my-wish_list #wrap .wish_list .inp_chk input[type="checkbox"]:checked { background: var(--gs-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23053B31' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center / 16px !important; box-shadow: none; }
html.gs-my-wish_list.gs-wish-bar #wrap .btn_wish_bx .btn_bx { flex: 1.4; }
html.gs-my #wrap .gs-mi-hero { display: block !important; width: auto !important; }
html.gs-my #wrap .gs-mi-hero p { display: block !important; width: auto !important; padding: 0 !important; line-height: 1.3 !important; text-align: left !important; }
html.gs-my-coupon #wrap .coupon .coupon_bx > li::before, html.gs-my-coupon #wrap .coupon .coupon_bx > li::after { content: none !important; display: none !important; }
html.gs-my-shipping #wrap .shipping .s_tit { background: none !important; }
html.gs-my-my_page_password #wrap .my_page_password dl, html.gs-my-my_page_password #wrap .my_page_password dt, html.gs-my-my_page_password #wrap .my_page_password dd { display: block !important; width: auto !important; float: none !important; position: static !important; }
html.gs-my-my_page_password #wrap .my_page_password dt { height: auto !important; overflow: visible !important; clip: auto !important; }
html.gs-my-hack_out #wrap .dropOut_form .input_title, html.gs-my-hack_out #wrap .dropOut_form .input_content, html.gs-my-my_page #wrap #contents_wrap .input_title, html.gs-my-my_page #wrap #contents_wrap .input_content { display: block !important; width: auto !important; float: none !important; }
html.gs-my #wrap .gs-out-warn .dropOut_terms { height: auto !important; min-height: 0 !important; }
html.gs-my-my_page #wrap #contents_wrap .gs-off { display: none !important; }
html.gs-my-my_page #wrap #contents_wrap .modify_btn_box { position: static !important; width: auto !important; transform: none !important; }
html.gs-my-my_page #wrap #contents_wrap .modify_btn_box .join_ok_btn { position: static !important; }
html.gs-my #wrap .orderlist_wrap .btn_bx a, html.gs-my #wrap .orderlist_wrap .btn_bx button, html.gs-my #wrap .orderlist_wrap .gs-oc-acts a, html.gs-my #wrap .orderlist_wrap .gs-oc-acts button { box-sizing: border-box !important; }
html.gs-my-wish_list #wrap .wish_list .wish_content_box { background: none !important; }
html.gs-my-wish_list #wrap .wish_list ul.my_goods > li .info > a { margin: 0 !important; }
html.gs-my-wish_list #wrap .wish_list .allchk .inp_chk { display: flex; align-items: center; }
html.gs-my-wish_list.gs-wish-bar #wrap .btn_wish_bx .wish_cart_add_btn { max-width: none !important; min-width: 0 !important; display: block !important; }
html.gs-my-wish_list.gs-wish-bar #wrap .btn_wish_bx .btn_bx li { display: block !important; }
html.gs-my-coupon #wrap .coupon .coupon_bx.no { padding: 0 !important; border: 0 !important; background: none !important; }