/* MCMYPC 2026-11-01 정희찬(PRO4) : 마이페이지 PC 레이아웃 (mc_my_pc.js 짝). 930px 이상에서만. 모바일은 #mcMyTop·#mcMySide 를 숨기기만 한다. */
#mcMyTop,#mcMySide{display:none}
@media (min-width:930px){
html.mcMy{--myW:min(1200px,calc(100% - 48px))}
html.mcMy,html.mcMy body,html.mcMy:root body.body{background:#fff none !important;background-image:none !important}
html.mcMy body .labangBackground,html.mcMy body .mI18nBarWrap{display:none !important}
html.mcMy #root .bg-cover,html.mcMy #root>div>div.bg-cover{background:#fff none !important}
html.mcMy .lb-page{background:#fff !important}

/* 본문 단 : 왼쪽 264px 를 세로메뉴 자리로 비운다 */
html.mcMy body .mcMyCol.mcMyCol.mcMyCol{position:relative !important;left:auto !important;right:auto !important;top:auto !important;float:none !important;transform:none !important;
  width:var(--myW) !important;max-width:none !important;margin:0 auto !important;padding-left:264px !important;box-sizing:border-box !important;background:transparent !important;min-height:calc(100vh - 73px)}
html.mcMy body .mobileDomWrap .mobileDomInner.mcMyCol{display:block !important}
html.mcMy body .mcMyCol>*{max-width:none}
/* 리액트 화면의 맨 위 «뒤로가기·제목» 막대 : 높이 클래스가 안 먹어 17px 로 찌그러지므로 56px 로 고정 */
html.mcMy body .mcMyCol>header:first-child{height:56px !important;min-height:56px !important;box-sizing:border-box}
/* 본문 안 원래 헤더 : 로고줄(#mcHead 서브헤더)은 위 탑메뉴와 겹치므로 숨김(언어 단추는 탑메뉴 지구본이 대신 누른다). 뒤로·제목 줄은 본문 제목으로 남김 */
html.mcMy body #mcHead.mcSubHead{display:none !important}
/* 하단메뉴·하단 독 : 탑메뉴·세로메뉴가 대신하므로 숨김 */
html.mcMy body .mcGnb{display:none !important}
html.mcMy body .mcFab.mcFixed{bottom:24px !important;right:max(24px,calc(50% - 600px + 16px)) !important}

/* ── 탑메뉴 ── */
html.mcMy #mcMyTop,html.mcTopOn #mcMyTop{display:block;position:relative;z-index:70;flex:0 0 auto;width:100%;background:#fff;box-shadow:inset 0 -1px 0 0 var(--mc-line,#ececef);font-family:Pretendard,"Pretendard Variable",-apple-system,"Malgun Gothic",sans-serif}
html.mcMy #mcMyTop .in,html.mcTopOn #mcMyTop .in{display:flex;align-items:center;gap:16px;width:var(--myW);height:72px;margin:0 auto;box-sizing:border-box;padding:0 8px}
html.mcMy #mcMyTop .lg,html.mcTopOn #mcMyTop .lg{display:flex;align-items:center;flex:0 0 auto;height:72px;margin-right:12px;color:#111;text-decoration:none}
html.mcMy #mcMyTop .lg img,html.mcTopOn #mcMyTop .lg img{display:block;height:26px;width:auto}
html.mcMy #mcMyTop .lg b,html.mcTopOn #mcMyTop .lg b{font-size:22px;font-weight:800}
html.mcMy #mcMyTop .sr,html.mcTopOn #mcMyTop .sr{display:flex;align-items:center;gap:10px;flex:1 1 280px;min-width:0;max-width:480px;height:44px;margin:0 auto 0 12px;padding:0 16px;border-radius:999px;background:#F5F3F7;box-sizing:border-box}
html.mcMy #mcMyTop .sr:focus-within,html.mcTopOn #mcMyTop .sr:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--mc-brand,#FA4BAB)}
html.mcMy #mcMyTop .sr svg,html.mcTopOn #mcMyTop .sr svg{flex:0 0 auto;width:20px;height:20px;color:#8b8b93}
html.mcMy #mcMyTop .sr input,html.mcTopOn #mcMyTop .sr input{flex:1;min-width:0;height:42px;border:0;outline:0;background:transparent;padding:0;font-size:15px;color:#111;font-family:inherit}
html.mcMy #mcMyTop .ics,html.mcTopOn #mcMyTop .ics{display:flex;align-items:center;gap:4px;flex:0 0 auto}
html.mcMy #mcMyTop .ib,html.mcTopOn #mcMyTop .ib{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:#37383c}
html.mcMy #mcMyTop .ib:hover,html.mcTopOn #mcMyTop .ib:hover{background:#f4f4f6}
html.mcMy #mcMyTop .ib.gl,html.mcTopOn #mcMyTop .ib.gl{width:auto;padding:0 10px;gap:4px;flex-direction:row}
html.mcMy #mcMyTop .ib.gl em,html.mcTopOn #mcMyTop .ib.gl em{font-style:normal;font-size:13px;font-weight:700;line-height:1;color:#37383c}
html.mcMy #mcMyTop .ib svg,html.mcTopOn #mcMyTop .ib svg{width:24px;height:24px}

/* ── 목록·상세 서브페이지: 메인형 탑메뉴만(mcTopOn) — 모바일식 상단 막대는 PC 에서 숨김 (MCTOPON 2026-11-01) ── */
html.mcTopOn{--myW:min(1280px,calc(100% - 48px))}
html.mcTopOn body .top_fix_head,html.mcTopOn body #mcHead.mcSubHead{display:none !important}
/* ── 왼쪽 세로메뉴 : 단 왼쪽에 고정 ── */
html.mcMy #mcMySide{display:block;position:absolute;z-index:60;top:96px;left:calc((100% - min(1200px,100% - 48px)) / 2);width:232px;max-height:none;overflow:visible;box-sizing:border-box;padding:8px 8px 16px;
  font-family:Pretendard,"Pretendard Variable",-apple-system,"Malgun Gothic",sans-serif;scrollbar-width:none}
html.mcMy #mcMySide .hd{padding:4px 4px 12px;border-bottom:1px solid var(--mc-line,#ececef);margin-bottom:8px}
html.mcMy #mcMySide .me{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;color:#111;text-decoration:none}
html.mcMy #mcMySide .me:hover,html.mcMy #mcMySide .me.on{background:var(--mc-soft,#FFF2F9)}
html.mcMy #mcMySide .me img,html.mcMy #mcMySide .me .av{flex:0 0 auto;width:44px;height:44px;border-radius:50%;object-fit:cover;background:#f2f2f4;display:flex;align-items:center;justify-content:center;color:#9a9aa2}
html.mcMy #mcMySide .me .av svg{width:24px;height:24px}
html.mcMy #mcMySide .me .tx{display:flex;flex-direction:column;min-width:0}
html.mcMy #mcMySide .me b{font-size:16px;font-weight:700;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.mcMy #mcMySide .me em{font-style:normal;font-size:13px;line-height:18px;color:var(--mc-brand,#FA4BAB);font-weight:600}
html.mcMy #mcMySide ul{list-style:none;margin:0;padding:6px 0;border-bottom:1px solid var(--mc-line,#ececef)}
html.mcMy #mcMySide ul:last-of-type{border-bottom:0}
html.mcMy #mcMySide li a{display:block;padding:11px 14px;border-radius:10px;font-size:15px;line-height:20px;color:#37383c;text-decoration:none;word-break:keep-all}
html.mcMy #mcMySide li a:hover{background:#f6f6f8;color:#111}
html.mcMy #mcMySide li a.on{background:var(--mc-soft,#FFF2F9);color:var(--mc-brand,#FA4BAB);font-weight:700}
html.mcMy #mcMySide .lv{display:inline-block;margin:10px 14px 0;font-size:12px;color:#9a9aa2;text-decoration:underline}

/* 화면 안쪽 고정폭(회원탈퇴 .dsLv 525, 방송리포트 .pcv2 525·.mvw 680)은 본문 칸 전체로 */
html.mcMy body .mcMyCol .dsLv,html.mcMy body .mcMyCol .pcv2,html.mcMy body .mcMyCol .mvw{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important}
/* 레거시 고정 바(본문 아래 버튼 등)는 본문 칸에 맞춘다 */
html.mcMy body .mobileDomWrap .fixed_optionbtns_box,html.mcMy body .cartCtaWrap{left:calc((100% - min(1200px,100% - 48px)) / 2 + 264px) !important;right:auto !important;transform:none !important;margin:0 !important;width:calc(min(1200px,100% - 48px) - 264px) !important;max-width:none !important}
}

/* ── 결제 화면(/order/payment) PC : 기능은 건드리지 않고 폭·배치만 (MCPAYPC 2026-11-01 정희찬(PRO4)) ──
   리액트가 그리는 카드 목록(상태·주문자·배송지·포인트·결제금액·결제방법·약관/결제버튼)을 CSS 다단 2단으로 흘린다.
   DOM 은 옮기지 않는다(리액트 재렌더 보호). 930px 이상에서만. 표식 html.mcPay 는 pc_bg.asp 의 인라인 스크립트가 붙인다. */
@media (min-width:930px){
html.mcPay,html.mcPay body,html.mcPay:root body.body{background:#fff none !important;background-image:none !important}
html.mcPay #root .bg-cover,html.mcPay #root>div>div.bg-cover{background:#fff none !important}
html.mcPay body .labangBackground,html.mcPay body .mI18nBarWrap{display:none !important}
html.mcPay body #root .max-w-131\.25{max-width:min(1040px,calc(100% - 48px)) !important;background:transparent !important}
html.mcPay body #root .max-w-131\.25>.text-neutral-800>div.flex-1.flex-col.gap-2{display:block !important;column-count:2;column-gap:24px;padding:12px 0 24px}
html.mcPay body #root .max-w-131\.25>.text-neutral-800>div.flex-1.flex-col.gap-2>*{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 12px !important;box-shadow:inset 0 0 0 1px var(--mc-line,#ececef)}
html.mcPay body #root .max-w-131\.25>.text-neutral-800>div.flex-1.flex-col.gap-2>:last-child{box-shadow:none}
/* 헤더(뒤로가기·제목) 는 단 폭 그대로 */
html.mcPay body #root .max-w-131\.25>.text-neutral-800>header{background:#fff}
}