@charset "utf-8";
/* ============================================================================
   몰프로 · 총판/파트너 관리자(samsung.mallpro.co.kr/partner/ 등) 전용 스킨
   partner_admin_v1.css   2026-08-08
   ----------------------------------------------------------------------------
   ★ 적용범위 : html.pnrd 가 붙은 페이지 = /www/partner/ 전 페이지
      (/www/partner/_include/header.asp 에서 클래스 부여 + 링크)
      → 본사 관리자(/admin/)·입점업체관리자(/mallinmall/)·쇼핑몰 프론트에는
        어떤 영향도 없다.
   ★ /www/partner/ 는 <%=adminURL%>/css/common.css 를 "직접" 공유해 쓴다
     (mallinmall 처럼 자기 사본이 없음). 그 파일 안의 MP-THEME-V2/MP-CONTENT-V3
     블록이 --mpr 계열 CSS 변수로 이미 카드형 레이아웃(#topmenu/#leftmenu/#panel/
     .page_title 등)을 깔아 두고 있어서, 여기서는 그 변수를 html.pnrd 스코프에서
     재정의해 대부분의 색을 자동으로 갈아끼운다. 구조가 다른 부분
     (탑메뉴 100% 폭·비고정, 좌메뉴 비고정 카드)만 명시적으로 다시 잡는다.
   ★ 원칙 : 공용 common.css/topmenu.css 파일 자체는 절대 수정하지 않는다
     (본사관리자와 공유하는 파일이라 손대면 본사 색이 같이 바뀐다).
============================================================================ */

html.pnrd{
	/* ★ 사용자 지정 3색 (2026-08-08 2차 수정) */
	--pnrd-primary:#ef9200;      /* 메인컬러 : 버튼·좌메뉴 활성·강조 */
	--pnrd-mid:#f4ac3a;          /* 탑메뉴컬러(중간컬러) : 상단바 배경 전용 */
	--pnrd-light:#f3d4a4;        /* 옅은컬러 : hover 배경·포커스 링·연한 면 */

	/* 아래는 3색만으로는 못 만드는 파생값(★내가 계산) */
	--pnrd-primary-d:#bf7500;    /* 메인 다크 : 버튼 hover (~20% 어둡게) */
	--pnrd-on-primary:#ffffff;   /* 메인 면 위 흰 글자 */
	--pnrd-ink-g:#8a5600;        /* 흰 배경 위 주황 글자(대비 ~6.2:1) · 활성 흰알약 글자용 */

	--pnrd-line:#e3e7ec;
	--pnrd-line-s:#eef1f5;
	--pnrd-page:#f5f6f8;
	--pnrd-ink:#1f2430;
	--pnrd-sub:#5b6472;
	--pnrd-mut:#98a0ae;
	--pnrd-rad:20px;

	/* ============================================================
	   공용 common.css 의 MP-THEME-V2/MP-CONTENT-V3 가 쓰는 변수를
	   이 스코프에서 재정의 → 좌메뉴 활성/hover·안내박스 강조선·
	   포커스링·설정폼 카드 등 대부분이 자동으로 초록으로 바뀐다.
	   (본사관리자 :root 의 값을 html.pnrd 가 이겨서 덮어씀)
	   ============================================================ */
	--mpr:var(--pnrd-primary);
	--mpr-d:var(--pnrd-primary-d);
	--mpr-soft:var(--pnrd-light);
	--mpr-soft2:var(--pnrd-light);
}

/* ★ mp_ops_v1.css(운영관리 전용, 10차에서 링크 추가)는 --mpr 이 아니라
   완전히 별도인 --ops-* 토큰(핑크 #FF8F9C)을 자기 스코프(html.mp-ops)에 직접
   정의한다 — 실측(로그인 화면)해보니 FAQ관리/QR코드생성 등에서 버튼·강조선이
   전부 핑크로 튀었다. html.pnrd.mp-ops(클래스 2개, 특이도 더 높음)에서
   재정의해 우리 주황 팔레트로 맞춘다. */
html.pnrd.mp-ops{
	--ops-primary:var(--pnrd-primary);
	--ops-primary-d:var(--pnrd-primary-d);
	--ops-soft:var(--pnrd-light);
	--ops-ring:var(--pnrd-light);
}

/* ================================================================== 기본 */
html.pnrd body{
	padding:0 !important;
	background:var(--pnrd-page) !important; background-image:none !important;
}
html.pnrd #topmenu, html.pnrd #leftmenu, html.pnrd #panel,
html.pnrd .admin_style_02, html.pnrd .page_noti, html.pnrd .page_title, html.pnrd .admin_sub_title{
	font-family:'Pretendard Variable','Pretendard','Noto Sans KR','Malgun Gothic',-apple-system,sans-serif !important;
}

/* ============================================================== 상단 메뉴
   ★ 요청 : 가로 100% + "따라다닐 필요 없이" 일반 배치(스크롤하면 같이 내려감,
   sticky/fixed 아님) + 탑메뉴컬러(중간컬러)를 전용으로 사용
   ★ 2026-08-08 3차 : 본사관리자 탑메뉴처럼 위쪽 여백 10px + 라운딩 박스로 변경
   (좌우 16px 여백을 줘서 그 안에서 폭을 꽉 채우는 방식 — block 요소라 margin만
   주면 자동으로 "가로 100%"가 된다) */
html.pnrd #topmenu,
html.pnrd #topmenu.page-type1, html.pnrd #topmenu.page-type2, html.pnrd #topmenu.page-type3,
html.pnrd #topmenu.page-type4, html.pnrd #topmenu.page-type5, html.pnrd #topmenu.page-type6,
html.pnrd #topmenu.page-type7, html.pnrd #topmenu.page-type8, html.pnrd #topmenu.page-type9{
	position:static !important; display:block !important;
	width:auto !important; max-width:none !important; min-width:0 !important;
	margin:10px 16px 0 16px !important;
	background:var(--pnrd-mid) !important; background-image:none !important;
	border:0 !important; border-radius:var(--pnrd-rad) !important; box-shadow:none !important;
	box-sizing:border-box !important; overflow:hidden !important;
}
html.pnrd #topmenu .wrap-topmenu{
	display:flex !important; align-items:center !important;
	width:100% !important; height:64px !important; padding:0 24px !important; box-sizing:border-box !important;
}
html.pnrd #top_logo{
	flex:0 0 auto !important; display:flex !important; align-items:center !important;
	padding-right:24px !important; min-width:0 !important;
}
/* ★ 로고는 실측 확인 결과 투명배경 검정 워드마크 이미지(class=logo1, admin_logo.png)
   라 filter 로 흰색화한다(흰 바탕이 박힌 이미지가 아니라서 invert 가 깨끗하게 먹힘) */
html.pnrd #top_logo img{
	display:block !important; max-height:34px !important; width:auto !important;
	filter:brightness(0) invert(1) !important;
}
html.pnrd #menu-list{
	display:flex !important; align-items:center !important; flex:1 1 auto !important; min-width:0 !important;
	gap:2px !important; list-style:none !important; margin:0 !important; padding:0 !important;
}
html.pnrd #menu-list li{ flex:0 0 auto !important; margin:0 !important; padding:0 !important; }
html.pnrd #menu-list li::before, html.pnrd #menu-list li::after{ display:none !important; content:none !important; }
html.pnrd #menu-list li a,
html.pnrd #menu-list li a:link,
html.pnrd #menu-list li a:visited{
	display:inline-flex !important; align-items:center !important; gap:6px !important;
	height:40px !important; width:auto !important; padding:0 15px !important; box-sizing:border-box !important;
	border-radius:999px !important; background:transparent !important;
	color:#fff !important; font-size:15px !important; font-weight:600 !important; letter-spacing:-.02em !important;
	white-space:nowrap !important; line-height:1 !important;
	transition:background-color .13s ease, color .13s ease !important;
}
/* hover 는 흰 배경 pill 위라 글자를 계속 흰색으로 두면 안 보이므로 이때만 진한 강조색으로 */
html.pnrd #menu-list li a:hover{ background:rgba(255,255,255,.4) !important; color:var(--pnrd-ink-g) !important; }
html.pnrd #menu-list li.on a,
html.pnrd #menu-list li.on a:link,
html.pnrd #menu-list li.on a:visited{
	background:#fff !important; color:var(--pnrd-ink-g) !important; font-weight:700 !important;
}
/* ★ 공용 테마(admin_common.css)의 `#menu-list li a span{display:none !important}`
   가 아이콘을 담은 span 자체를 숨겨서 img 를 아무리 꾸며도 안 보였다(탑메뉴에
   아이콘이 안 생긴 원인). 이 규칙도 #menu-list 라는 id 를 쓰므로, 특이도를
   맞추려면 내 쪽도 id 를 포함해야 이긴다(그냥 .pnrd 클래스만으로는 못 이김). */
html.pnrd #menu-list li a span{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
	width:auto !important; height:auto !important; margin:0 !important;
}
html.pnrd #menu-list li a span img{
	width:16px !important; height:16px !important; object-fit:contain !important;
	filter:brightness(0) invert(1) !important; opacity:.9 !important;
}
html.pnrd #menu-list li a:hover span img{ filter:brightness(0) !important; opacity:.75 !important; }
html.pnrd #menu-list li.on a span img{ filter:brightness(0) !important; opacity:1 !important; }

/* ★ 로그아웃 정렬이 안 맞던 원인 — 공용 테마의 `#topmenu .rgtMenu .logout` 규칙이
   #topmenu 라는 id 를 포함해 특이도가 더 높았다(margin-top:12px 로 아래로 밀림
   + 배경/높이/줄간격까지 전부 그쪽이 이기고 있었음). 내 규칙도 #topmenu 를
   포함시켜 특이도를 최소 동급 이상으로 맞춘다. */
html.pnrd #topmenu .rgtMenu{
	flex:0 0 auto !important; margin-left:auto !important; margin-top:0 !important;
	display:flex !important; align-items:center !important; width:auto !important; height:auto !important;
}
html.pnrd #topmenu .rgtMenu a.logout,
html.pnrd #topmenu .rgtMenu a.logout:link,
html.pnrd #topmenu .rgtMenu a.logout:visited{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
	height:36px !important; line-height:1 !important; padding:0 18px !important; margin:0 !important;
	border:0 !important; border-radius:999px !important;
	background:#fff !important; color:var(--pnrd-ink-g) !important;
	font-size:13.5px !important; font-weight:700 !important; box-shadow:none !important;
	transition:background-color .12s ease, color .12s ease !important;
}
html.pnrd #topmenu .rgtMenu a.logout:hover{ background:var(--pnrd-primary) !important; color:#fff !important; }

/* ============================================================== 좌측 메뉴
   ★ 요청 : "스크롤해도 따라오는" 고정(position:fixed) 사이드바가 아니라
   입점업체관리자와 같은 방식 — 표(td) 흐름 안에서 패딩으로 간격을 만드는
   비고정 흰 카드. 공용 테마의 .leftmenuBox position:fixed 를 되돌린다. */
/* ★ 실측 버그(2026-08-08 로그인 후 확인) — .leftmenuBox 가 div(block)라 폭을
   지정 안 하면 부모 td 가 내어주는 폭 전부를 차지해버린다(실측 366px, #leftmenu
   는 216px만 씀 → 카드 오른쪽에 150px 빈 공간). td.leftmenuWrap 도 width:auto 라
   테이블 자동배치가 임의로 큰 폭(실측 390px)을 배정했다. 왼쪽메뉴-콘텐츠 사이
   "여백이 엄청 많다"의 진짜 원인은 이 빈 공간이었다(패딩 8+8=16px는 원래도
   정상이었음) → 카드 폭(216px)에 딱 맞게 고정폭을 준다. */
html.pnrd .leftmenuBox{
	position:static !important; left:auto !important; top:auto !important; bottom:auto !important;
	width:216px !important; z-index:auto !important; overflow:visible !important;
	background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
}
html.pnrd td.leftmenuWrap{
	width:240px !important; max-width:240px !important; min-width:0 !important;
	padding:16px 8px 18px 16px !important; box-sizing:border-box !important;
	background:transparent !important; border:0 !important;
}
html.pnrd #leftmenu{
	width:216px !important; padding:6px 0 20px !important; box-sizing:border-box !important;
	background:#fff !important; border:1px solid var(--pnrd-line) !important;
	border-radius:var(--pnrd-rad) !important; overflow:hidden !important;
}
/* ★ .adminfo 는 공용 CSS(admin_common.css 250행)가 width:200px 고정 + auto-margin
   없음으로 내려줘서, #leftmenu(216px) 안에서 살짝 왼쪽으로 치우쳐 보였다(가운데
   정렬이 "똑바로" 안 맞던 원인) → width:100%+box-sizing 으로 폭 고정 자체를 무력화 */
html.pnrd #leftmenu .adminfo{
	width:100% !important; margin:0 auto 4px !important; box-sizing:border-box !important;
	text-align:center !important; padding:20px 14px 16px !important; border-bottom:1px solid var(--pnrd-line) !important;
}
html.pnrd #leftmenu .adminfo .userId{ margin-top:0 !important; font-weight:700 !important; color:var(--pnrd-ink) !important; font-size:15px !important; }
html.pnrd #leftmenu .adminfo a.myshop{
	display:inline-block !important; background:var(--pnrd-light) !important; color:var(--pnrd-ink-g) !important;
	border-radius:999px !important; padding:6px 16px !important; font-weight:600 !important; margin-top:10px !important; border:0 !important;
}
/* ★ "메뉴얼 다운로드"(.blink, .convert 는 원래부터 display:none) 가 공용 CSS의
   테두리 박스(border:1px solid #e5e5e5, width:118px)를 그대로 물려받아
   카드 디자인과 안 어울리는 상자로 남아 있었다 → 테두리 없는 텍스트 링크로.
   ★실측 버그: 처음엔 `.blink`만 선택해서 `.blink.convert`("메인HTML변환",
   원래 display:none)까지 같이 걸려 `display:inline-block`으로 되살아났었다
   (내 규칙이 #leftmenu id 를 포함해 특이도가 더 높아서 이겼음) → :not(.convert)
   로 제외하고, 혹시 몰라 .convert 자체도 명시적으로 다시 숨김. */
html.pnrd #leftmenu .adminfo .blink:not(.convert){
	display:inline-block !important; width:auto !important; margin:8px 0 0 !important;
	padding:5px 12px !important; border:0 !important; border-radius:999px !important;
	background:transparent !important; color:var(--pnrd-mut) !important; font-size:11.5px !important; font-weight:500 !important;
	box-sizing:border-box !important; letter-spacing:-.01em !important;
}
html.pnrd #leftmenu .adminfo .blink:not(.convert):hover{ background:var(--pnrd-light) !important; color:var(--pnrd-ink-g) !important; }
html.pnrd #leftmenu .adminfo .blink.convert{ display:none !important; }
/* ★ .menugroup::after(공용 CSS 262행, 상단에 폭80% 가로선을 그리는 장식용
   ::after)가 바로 위 adminfo 의 border-bottom 과 겹쳐 선이 두 줄로 보였다
   → 여기서는 없앤다(구분선은 adminfo 밑줄 하나로 충분) */
html.pnrd #leftmenu .menugroup::after{ content:none !important; display:none !important; }
/* ★2026-08-09 : 상단 카테고리 라벨("디자인관리" 등, 현재 탭 이름과 중복돼 불필요) 제거 요청 */
html.pnrd #leftmenu .menugroup .top{ display:none !important; }
html.pnrd #leftmenu .group .subtitle{
	font-size:12.5px !important; letter-spacing:0 !important; color:var(--pnrd-sub) !important;
	font-weight:600 !important; padding:10px 14px 3px !important; background:transparent !important;
}
/* ★2026-08-09 : 소제목↔메뉴 사이 여백 축소(공용 CSS 기본 padding-top:8px 를 줄임) — 전 좌메뉴 공통 */
html.pnrd #leftmenu .group .menu{ padding-top:2px !important; }
/* ★ 활성/hover 배경이 #leftmenu 안쪽 끝까지 꽉 차 보이던 것을, 링크 자체에
   좌우 마진을 줘서 카드 안쪽으로 여백 있게 줄인다(hover 도 active 도 같은
   박스모델을 쓰므로 여기 한 곳만 고치면 둘 다 적용된다) */
html.pnrd #leftmenu .menu > div > a{
	display:flex !important; align-items:center !important; gap:8px !important;
	padding:9px 12px !important; margin:2px 10px !important; border-radius:8px !important;
	color:var(--pnrd-sub) !important; font-size:13px !important; font-weight:500 !important;
	transition:background-color .12s ease, color .12s ease !important;
}
html.pnrd #leftmenu .menu > div > a:hover{ background:var(--pnrd-light) !important; color:var(--pnrd-ink-g) !important; }
/* 활성 표시(인라인 style="color:red" 트릭) — 색 문자열이 페이지마다 달라서 5종 모두 커버 */
html.pnrd #leftmenu div[id^="lm"] > a[style*="red"],
html.pnrd #leftmenu div[id^="lm"] > a[style*="rgb(255, 0, 0)"],
html.pnrd #leftmenu div[id^="lm"] > a[style*="rgb(255,0,0)"],
html.pnrd #leftmenu div[id^="lm"] > a[style*="#ff0000"],
html.pnrd #leftmenu div[id^="lm"] > a[style*="#f00"]{
	background:var(--pnrd-primary) !important; color:#fff !important; font-weight:700 !important;
}
html.pnrd .leftmenuWrap .rightBtn{ z-index:5 !important; }
html.pnrd .leftmenuWrap .rightBtn img{ opacity:.5 !important; transition:opacity .12s ease !important; }
html.pnrd .leftmenuWrap .rightBtn img:hover{ opacity:1 !important; }

/* ============================================================ 왼쪽메뉴 아이콘
   ★ 좌메뉴 항목은 원래 아이콘이 전혀 없다(순 텍스트) → ASP 수정 없이 Material
   Icons 리거처를 링크 주소별로 ::before 에 매핑한다(→ mim_admin_v1.css 와 같은
   기법). 부문(경로) 단위 기본값을 먼저 깔고, 구분이 필요한 항목만 더 구체적인
   href 매칭으로 덮어쓴다(뒤에 나온 규칙이 이긴다 — 특이도는 전부 동일).
   ★ letter-spacing 을 넣으면 리거처가 깨지므로 normal 로 고정. */
html.pnrd #leftmenu .menu > div > a::before{
	font-family:'Material Icons' !important; content:'label' !important;
	font-size:16px !important; line-height:1 !important; letter-spacing:normal !important;
	color:var(--pnrd-mut) !important; flex:0 0 auto !important;
}
html.pnrd #leftmenu .menu > div > a:hover::before{ color:var(--pnrd-ink-g) !important; }
html.pnrd #leftmenu div[id^="lm"] > a[style*="red"]::before,
html.pnrd #leftmenu div[id^="lm"] > a[style*="rgb(255, 0, 0)"]::before,
html.pnrd #leftmenu div[id^="lm"] > a[style*="rgb(255,0,0)"]::before,
html.pnrd #leftmenu div[id^="lm"] > a[style*="#ff0000"]::before,
html.pnrd #leftmenu div[id^="lm"] > a[style*="#f00"]::before{ color:#fff !important; }

/* --- 부문(경로) 기본값 --- */
html.pnrd #leftmenu .menu > div > a[href*="/setup/"]::before{ content:'settings' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/design/"]::before{ content:'palette' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/goods/"]::before{ content:'inventory_2' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/order/"]::before{ content:'receipt_long' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/member/"]::before{ content:'group' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/statistics/"]::before{ content:'bar_chart' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/manage/"]::before{ content:'campaign' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/account/"]::before{ content:'account_balance_wallet' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/mobile/"]::before{ content:'smartphone' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/sms/"]::before{ content:'sms' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/kakaotalk/"]::before{ content:'chat' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/push/"]::before{ content:'notifications' !important; }

/* --- 환경설정(setup) 세부 --- */
html.pnrd #leftmenu .menu > div > a[href*="info_edit.asp"]::before{ content:'store' !important; }
html.pnrd #leftmenu .menu > div > a[href*="subinfo_edit.asp"]::before{ content:'description' !important; }
html.pnrd #leftmenu .menu > div > a[href*="partner_category.asp"]::before{ content:'category' !important; }
html.pnrd #leftmenu .menu > div > a[href*="domain_info.asp"]::before{ content:'language' !important; }
html.pnrd #leftmenu .menu > div > a[href*="sns_config.asp"]::before{ content:'share' !important; }
html.pnrd #leftmenu .menu > div > a[href*="config_pay.asp"]::before{ content:'credit_card' !important; }
html.pnrd #leftmenu .menu > div > a[href*="config_cmoney.asp"]::before{ content:'paid' !important; }
html.pnrd #leftmenu .menu > div > a[href*="config_easyPayInfo.asp"]::before{ content:'bolt' !important; }

/* --- 디자인설정(design/mobile design 공용) 세부 --- */
html.pnrd #leftmenu .menu > div > a[href*="topDesign.asp"]::before{ content:'image' !important; }
html.pnrd #leftmenu .menu > div > a[href*="main_style.asp"]::before{ content:'style' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/design/main.asp"]::before{ content:'home' !important; }
html.pnrd #leftmenu .menu > div > a[href*="sub_main.asp"]::before{ content:'view_agenda' !important; }
html.pnrd #leftmenu .menu > div > a[href*="sub_intro.asp"]::before{ content:'flag' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/design/top.asp"]::before{ content:'vertical_align_top' !important; }
html.pnrd #leftmenu .menu > div > a[href*="/design/bottom.asp"]::before{ content:'vertical_align_bottom' !important; }
html.pnrd #leftmenu .menu > div > a[href*="leftmenuManager.asp"]::before{ content:'menu' !important; }
html.pnrd #leftmenu .menu > div > a[href*="imageIcon.asp"]::before{ content:'image' !important; }
html.pnrd #leftmenu .menu > div > a[href*="banner.asp"]::before{ content:'view_carousel' !important; }
html.pnrd #leftmenu .menu > div > a[href*="eventmall_list.asp"]::before,
html.pnrd #leftmenu .menu > div > a[href*="eventmall_reg.asp"]::before{ content:'campaign' !important; }
html.pnrd #leftmenu .menu > div > a[href*="custom_event.asp"]::before,
html.pnrd #leftmenu .menu > div > a[href*="config_event.asp"]::before{ content:'celebration' !important; }
html.pnrd #leftmenu .menu > div > a[href*="pagemaker"]::before{ content:'auto_stories' !important; }
html.pnrd #leftmenu .menu > div > a[href*="mailform.asp"]::before{ content:'mail' !important; }
html.pnrd #leftmenu .menu > div > a[href*="popup.asp"]::before{ content:'web_asset' !important; }
html.pnrd #leftmenu .menu > div > a[href*="top_menu_background.asp"]::before{ content:'format_color_fill' !important; }

/* --- 주문관리(order) 세부 : order_list.asp?menu=xxx 는 접미사로 구분 --- */
html.pnrd #leftmenu .menu > div > a[href$="order_list.asp"]::before{ content:'receipt_long' !important; }
html.pnrd #leftmenu .menu > div > a[href*="order_offline.asp"]::before{ content:'support_agent' !important; }
html.pnrd #leftmenu .menu > div > a[href*="individual_pay_list.asp"]::before{ content:'request_quote' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=try"]::before{ content:'hourglass_empty' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=new"]::before{ content:'fiber_new' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=confirm"]::before{ content:'task_alt' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=deliverying"]::before{ content:'local_shipping' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=delivery"]::before{ content:'inventory' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=account"]::before{ content:'check_circle' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=cancel"]::before{ content:'cancel' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=reject"]::before{ content:'block' !important; }
html.pnrd #leftmenu .menu > div > a[href*="menu=cancel_new"]::before{ content:'assignment_late' !important; }
html.pnrd #leftmenu .menu > div > a[href*="menu=cancel_confirm"]::before{ content:'fact_check' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=refund"]::before{ content:'currency_exchange' !important; }
html.pnrd #leftmenu .menu > div > a[href*="menu=refund_finish"]::before{ content:'paid' !important; }
html.pnrd #leftmenu .menu > div > a[href$="menu=change"]::before{ content:'sync_alt' !important; }
html.pnrd #leftmenu .menu > div > a[href*="menu=change_finish"]::before{ content:'published_with_changes' !important; }

/* --- 회원관리(member) 세부 --- */
html.pnrd #leftmenu .menu > div > a[href*="setJoin.asp"]::before{ content:'app_registration' !important; }
html.pnrd #leftmenu .menu > div > a[href*="member_regist_list.asp"]::before{ content:'how_to_reg' !important; }
html.pnrd #leftmenu .menu > div > a[href*="sale_list.asp"]::before{ content:'storefront' !important; }
html.pnrd #leftmenu .menu > div > a[href*="member_list.asp"]::before{ content:'people' !important; }
html.pnrd #leftmenu .menu > div > a[href*="member_delete.asp"]::before{ content:'person_remove' !important; }
html.pnrd #leftmenu .menu > div > a[href*="member_buy_list.asp"]::before{ content:'shopping_bag' !important; }
html.pnrd #leftmenu .menu > div > a[href*="rec_member_list.asp"]::before{ content:'group_add' !important; }
html.pnrd #leftmenu .menu > div > a[href*="employee_batch.asp"]::before{ content:'upload_file' !important; }
html.pnrd #leftmenu .menu > div > a[href*="employee.asp"]::before{ content:'badge' !important; }
html.pnrd #leftmenu .menu > div > a[href*="member_mailing.asp"]::before{ content:'forward_to_inbox' !important; }

/* --- 통계분석(statistics) 세부 --- */
html.pnrd #leftmenu .menu > div > a[href*="customer_data.asp"]::before{ content:'groups' !important; }
html.pnrd #leftmenu .menu > div > a[href*="visit_count.asp"]::before,
html.pnrd #leftmenu .menu > div > a[href*="visit_fromsite.asp"]::before{ content:'travel_explore' !important; }
html.pnrd #leftmenu .menu > div > a[href*="goods_wish.asp"]::before{ content:'favorite' !important; }
html.pnrd #leftmenu .menu > div > a[href*="goods_marks.asp"]::before{ content:'star' !important; }
html.pnrd #leftmenu .menu > div > a[href*="goods_cart.asp"]::before{ content:'shopping_cart' !important; }
html.pnrd #leftmenu .menu > div > a[href*="marketing_search.asp"]::before{ content:'search' !important; }
html.pnrd #leftmenu .menu > div > a[href*="config_site.asp"]::before{ content:'settings_ethernet' !important; }
html.pnrd #leftmenu .menu > div > a[href*="area_data.asp"]::before{ content:'map' !important; }

/* --- 운영관리(manage/sms/kakaotalk/push) 세부 --- */
html.pnrd #leftmenu .menu > div > a[href*="board=partner_notice"]::before{ content:'campaign' !important; }
html.pnrd #leftmenu .menu > div > a[href*="partner_qna_list.asp"]::before{ content:'forum' !important; }
html.pnrd #leftmenu .menu > div > a[href*="consult_list.asp"]::before{ content:'support_agent' !important; }
html.pnrd #leftmenu .menu > div > a[href*="faqcode_list.asp"]::before{ content:'topic' !important; }
html.pnrd #leftmenu .menu > div > a[href*="faq_list.asp"]::before{ content:'help' !important; }
html.pnrd #leftmenu .menu > div > a[href*="board_manage.asp"]::before{ content:'dashboard_customize' !important; }
html.pnrd #leftmenu .menu > div > a[href*="qrcode.asp"]::before{ content:'qr_code_2' !important; }
html.pnrd #leftmenu .menu > div > a[href*="ment_manage.asp"]::before{ content:'edit_note' !important; }
html.pnrd #leftmenu .menu > div > a[href*="kakaotalk_result_list.asp"]::before{ content:'history' !important; }
html.pnrd #leftmenu .menu > div > a[href*="kakaotalk_charge.asp"]::before{ content:'account_balance_wallet' !important; }
html.pnrd #leftmenu .menu > div > a[href*="friendtalkmms_send_msg.asp"]::before{ content:'forward_to_inbox' !important; }
html.pnrd #leftmenu .menu > div > a[href*="send_msg.asp"]::before{ content:'send' !important; }
html.pnrd #leftmenu .menu > div > a[href*="push_key_register.asp"]::before{ content:'vpn_key' !important; }
html.pnrd #leftmenu .menu > div > a[href*="send_push_list.asp"]::before{ content:'list_alt' !important; }
html.pnrd #leftmenu .menu > div > a[href*="send_push.asp"]::before{ content:'campaign' !important; }

/* --- 정산관리(account) 세부 --- */
html.pnrd #leftmenu .menu > div > a[href*="partner_sale.asp"]::before{ content:'payments' !important; }

/* ============================================================== 콘텐츠 영역
   ★ #panel 자체가 이미 mallinmall 의 .mimd-content 에 해당하는 콘텐츠 컨테이너라
   별도 래퍼 div 없이 바로 카드로 만든다. 간격은 콘텐츠 td 의 padding.
   ★ /www/partner/ 는 섹션별로 left.asp 사본이 9개 더 있다(setup/design/goods/
   order/manage/member/statistics/account/mobile 각자 자기 left.asp) — 전부
   `td.leftmenuWrap` 바로 다음 형제 td 구조가 동일해서, 클래스를 각 파일에
   추가하는 대신 인접 형제 선택자로 한 번에 잡는다(td.pnrd-right 는 루트
   left.asp 에만 있는 보조 클래스, 형제선택자가 있으면 굳이 필요 없지만
   호환을 위해 같이 둔다). */
html.pnrd td.leftmenuWrap + td,
html.pnrd td.pnrd-right{
	padding:16px 16px 22px 8px !important; box-sizing:border-box !important; background:transparent !important;
}

/* ============================================================================
   디자인관리 · 영역관리 공용(pnrd-design-area) — 2026-08-09
   design/main.asp 리뉴얼(→ design/main.asp 자체 인라인 <style>, class="pnrd-design-main")
   과 동일한 룩을 sub_intro·top·bottom(PC+모바일)·leftmenuManager 에도 재사용.
   이 페이지들은 main.asp 와 같은 공용 include(main_inc.asp)를 쓰거나
   같은 마크업 패턴(admin_style_02 표, btnxs, areaNameView/New/Save)을 그대로
   쓰고 있어 셀렉터를 그대로 재사용해도 안전하다.
============================================================================ */
html.pnrd #panel .pnrd-design-area{ padding-top:4px !important; padding-bottom:4px !important; }
html.pnrd #panel .pnrd-design-area table.admin_style_02{ display:block !important; overflow-x:auto !important; max-width:100% !important; }
html.pnrd #panel .pnrd-design-area table.admin_style_02 > tbody{ display:table !important; width:100% !important; }

/* 위치보기 미리보기 썸네일 */
html.pnrd #panel .pnrd-design-area .mp-thumb{ display:inline-block !important; border:1px solid var(--pnrd-line) !important; border-radius:10px !important; overflow:hidden !important; background:#fff !important; line-height:0 !important; max-width:100% !important; }
html.pnrd #panel .pnrd-design-area .mp-thumb img{ display:block !important; max-width:100% !important; height:auto !important; }

/* 수정/저장/미리보기/영역추가 = 꽉 찬 버튼 */
html.pnrd #panel .pnrd-design-area .btnxs{
	background:var(--pnrd-primary) !important; color:#fff !important; border:none !important;
	border-radius:6px !important; padding:5px 10px !important; font-weight:600 !important;
	font-family:'Pretendard Variable','Pretendard','Noto Sans KR','Malgun Gothic',-apple-system,sans-serif !important;
	box-shadow:0 1px 2px rgba(0,0,0,.08) !important; transition:background .12s !important;
}
html.pnrd #panel .pnrd-design-area .btnxs:hover{ background:var(--pnrd-primary-d) !important; }
html.pnrd #panel .pnrd-design-area .btnxs[onclick*="Del" i]{ background:#E5484D !important; }
html.pnrd #panel .pnrd-design-area .btnxs[onclick*="Del" i]:hover{ background:#C93B40 !important; }

/* 신규영역 등록(leftmenuManager 전용) 버튼도 동일 톤 */
html.pnrd #panel .pnrd-design-area button.mp-addbtn,
html.pnrd #panel .pnrd-design-area button[onclick*="areaAdd" i]{
	display:inline-flex !important; align-items:center !important; justify-content:center !important;
	border:none !important; background:var(--pnrd-primary) !important; color:#fff !important;
	font-family:inherit !important; font-size:13px !important; font-weight:700 !important;
	padding:8px 18px !important; border-radius:8px !important; cursor:pointer !important;
	box-shadow:0 1px 2px rgba(0,0,0,.08) !important; transition:background .12s !important;
}
html.pnrd #panel .pnrd-design-area button.mp-addbtn:hover,
html.pnrd #panel .pnrd-design-area button[onclick*="areaAdd" i]:hover{ background:var(--pnrd-primary-d) !important; }

/* 영역명 수정/저장 = 아이콘 버튼, 한 줄 배치(래퍼 div 없이 형제관계 유지) */
html.pnrd #panel .pnrd-design-area .mp-iconbtn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:26px !important; height:26px !important; padding:0 !important; margin:6px 0 0 0 !important; vertical-align:middle !important; }
html.pnrd #panel .pnrd-design-area .areaNameSave.mp-iconbtn{ margin-left:6px !important; }
html.pnrd #panel .pnrd-design-area .mp-iconbtn .material-icons{ font-size:15px !important; line-height:1 !important; color:inherit !important; }
/* 인라인으로 숨긴 요소(jQuery .hide())는 항상 숨김이 이기게 한다(공용 .btnxs!important 우회) */
html.pnrd #panel .pnrd-design-area [style*="display:none"],
html.pnrd #panel .pnrd-design-area [style*="display: none"]{ display:none !important; }

/* 행 배경 : 본사정책(고정)=회색, 사용자지정 노출=옅은 주황 틴트, 숨김=흰색 */
html.pnrd #panel .pnrd-design-area .mp-row-fix{ background:#f8fafc !important; }
html.pnrd #panel .pnrd-design-area .mp-row-on{ background:color-mix(in srgb, var(--pnrd-primary) 8%, white) !important; }
html.pnrd #panel .pnrd-design-area .mp-row-off{ background:#ffffff !important; }

/* 라디오/체크박스 강조색을 사이트 메인컬러로 통일 */
html.pnrd #panel .pnrd-design-area input[type="radio"]{ accent-color:var(--pnrd-primary) !important; }

/* 등록된 정보 없음 안내 */
html.pnrd #panel .pnrd-design-area .mp-noarea{ padding:40px 20px !important; text-align:center !important; color:#98a2b3 !important; font-size:13px !important; }
/* ★ 섹션별 left.asp(setup/design/goods/…) 는 `.admLocation`(display:none 처리된
   래퍼) 없이 makePartnerNavi() 를 콘텐츠 td 에 바로 찍는다 — "관리자 홈 >
   환경설정 > 쇼핑몰정보관리 > …" 네비게이션 표+구분선(function.Partner.asp
   299행)이 그대로 노출되고, 그 표 높이만큼 #panel 카드가 아래로 밀려서
   왼쪽메뉴 카드와의 시작선이 어긋나 "여백이 엄청 많다"로 보였다. 이 표는
   class 가 없어 내부의 td.navi 를 표식 삼아 :has() 로 조상 table 째 제거한다. */
html.pnrd td.leftmenuWrap + td > table:has(td.navi){ display:none !important; }
html.pnrd #panel{
	background:#fff !important; border:1px solid var(--pnrd-line) !important;
	border-radius:var(--pnrd-rad) !important; padding:26px 28px 40px !important; margin:0 !important;
	min-height:calc(100vh - 110px) !important; box-sizing:border-box !important;
	overflow:hidden !important;
}

/* 페이지 타이틀 — 박스 없이 텍스트만 (공용 테마가 이미 박스를 없앴지만 색만 맞춘다) */
html.pnrd .page_title{
	background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
	padding:2px 2px 16px 2px !important; margin:0 !important;
	font-size:23px !important; font-weight:800 !important; letter-spacing:-.03em !important; color:var(--pnrd-ink) !important;
}
html.pnrd .admin_sub_title{ border-left-color:var(--pnrd-primary) !important; color:var(--pnrd-ink) !important; }

/* 하드코딩된 5곳(공용 파일에서 var() 미사용) — 포커스링·토글·안내글자·소형버튼 */
html.pnrd #panel input:focus, html.pnrd #panel select:focus, html.pnrd #panel textarea:focus{
	border-color:var(--pnrd-primary) !important; box-shadow:0 0 0 3px var(--pnrd-light) !important; outline:none !important;
}
html.pnrd #panel label.switch input:checked + .slider{ background:var(--pnrd-primary) !important; }
html.pnrd #panel .input-info{ color:var(--pnrd-primary) !important; }
html.pnrd #panel .btnxs{ background:var(--pnrd-light) !important; color:var(--pnrd-ink-g) !important; }
html.pnrd #panel .btnxs:hover{ background:var(--pnrd-light) !important; filter:brightness(.96) !important; }

/* 기본/주요 버튼 */
html.pnrd .btn03, html.pnrd .btn05, html.pnrd .btnNewS, html.pnrd .btnNewD, html.pnrd .btnMain{
	background:var(--pnrd-primary) !important; border-color:var(--pnrd-primary) !important; color:var(--pnrd-on-primary) !important;
}
html.pnrd .btn03:hover, html.pnrd .btn05:hover, html.pnrd .btnNewS:hover, html.pnrd .btnNewD:hover, html.pnrd .btnMain:hover{
	background:var(--pnrd-primary-d) !important; border-color:var(--pnrd-primary-d) !important;
}
html.pnrd input.btnLogin{
	background:var(--pnrd-primary) !important; border-color:var(--pnrd-primary) !important; color:var(--pnrd-on-primary) !important;
}
html.pnrd input.btnLogin:hover{ background:var(--pnrd-primary-d) !important; border-color:var(--pnrd-primary-d) !important; }

/* ★ 실측 발견 — 카테고리설정 등 일부 구형 페이지의 "저장/취소" 버튼(.b_btn_01)이
   공용 CSS 하드코딩 파란색(#31a6cd)을 그대로 쓰고 있었다(다른 곳은 전부 주황인데
   여기만 파랑으로 튐) → 주황으로 교체 */
html.pnrd .b_btn_01{ background:var(--pnrd-primary) !important; border-color:var(--pnrd-primary-d) !important; }
html.pnrd .b_btn_01:hover{ background:var(--pnrd-primary-d) !important; }