/* ============================================================
   mono/style.css — 반응형 관리자 mono 테마 공통 스타일
   layout_admin_r.php / layout_bl_admin_r.php 공용 (tag_header에서 link)
   구 design.css/layout.css 제거분 대체 + mono 컴포넌트 통합
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   디자인 토큰 (테마 계약) — 테마 = 이 값들만 교체하면 전체 일괄 변경
   · 컴포넌트는 var(--토큰, 폴백) 만 참조(신규 하드코딩 hex 금지)
   · 기본값 = 현행 mono 팔레트 그대로 → 도입 시 화면 변화 0
   · 새 테마: content_theme별 style.css 에서 이 :root 블록만 다른 값으로
   ──────────────────────────────────────────────────────────── */
:root{
  /* 강조색(역할 기반) */
  --c-primary:#2563eb;   --c-primary-hover:#1d4ed8;
  --c-danger:#ef4444;    --c-danger-hover:#dc2626;
  --c-emerald:#059669;   --c-emerald-hover:#047857;
  --c-neutral:#374151;   --c-neutral-hover:#1f2937;
  --on-accent:#fff;      /* 강조버튼 글자색(danger/neutral/emerald 공용) */
  --on-primary:#fff;     /* primary버튼 전용 글자색 — 밝은 primary(골드/코랄 등)면 WCAG 대비 위해 짙은색(renew가 프리셋별 자동설정) */
  /* 텍스트 */
  --c-text:#111827;   --c-text-sub:#374151;   --c-text-sub2:#4b5563;
  --c-text-muted:#6b7280;   --c-text-faint:#9ca3af;
  /* 면·배경·테두리 */
  --c-surface:#fff;   --c-bg:#f9fafb;   --c-bg-subtle:#f3f4f6;
  --c-border:#e5e7eb;   --c-border-strong:#d1d5db;   --c-border-hover:#9ca3af;
  /* 연한 강조 배경 */
  --c-primary-bg:#eff6ff;   --c-danger-bg:#fef2f2;
  /* 모양·그림자 */
  --radius:.5rem;   --radius-sm:.375rem;   --shadow-sm:0 1px 2px rgba(0,0,0,.05);
  --radius-xs:.25rem;   --radius-lg:.75rem;   --radius-pill:9999px;   --radius-circle:50%;
  /* ────────────────────────────────────────────────────────────────────────
     디자인 시스템 토큰 스케일 (테마 전환의 핵심 — 컴포넌트는 이 토큰만 참조).
     ★현재값=mono de-facto 스케일을 snap 정규화한 값. 컴포넌트 마이그레이션은 단계적 진행.
     ──────────────────────────────────────────────────────────────────────── */
  /* 타이포 크기 (t-shirt; px/rem 드리프트 통일) */
  --fs-xs:.75rem;   --fs-sm:.8125rem;   --fs-base:.875rem;   --fs-md:1rem;
  --fs-lg:1.125rem;   --fs-xl:1.25rem;   --fs-2xl:1.5rem;   --fs-3xl:1.875rem;
  /* 행간·굵기 */
  --lh-tight:1.2;   --lh-snug:1.35;   --lh-base:1.5;
  --fw-normal:400;   --fw-medium:500;   --fw-semibold:600;
  /* 여백 스케일 (snap 그리드 4px 기반) */
  --space-2xs:.25rem;   --space-xs:.375rem;   --space-sm:.5rem;   --space-md:.75rem;
  --space-lg:1rem;   --space-xl:1.25rem;   --space-2xl:1.5rem;   --space-3xl:2rem;
}


.lpoSample1 { width:300px; height:400px; background:#f7f7f7; border:1px solid #ddd; padding:13px 18px 18px 18px; }
.lpoSample1 .-pageHead { position:relative; padding-bottom:15px; color:#707070; font-size:var(--fs-base); font-weight:bold; }
.lpoSample1 .-pageBody { background:#fff; border:1px solid #ddd; padding:10px; }
.lpoSample1 .-btnMore { display:inline-block; height:34px; line-height:34px; padding:0 15px; border:1px solid #559bfa; border-radius:3px; color:#559bfa; font-weight:bold; }
#intranet_lnb{transition:width .2s ease;overflow:hidden}
#intranet_lnb.aba-lnb-closed{width:0!important;border-right:none!important}
#aba-lnb-tog{position:fixed;top:50vh;left:200px;transform:translateX(-50%) translateY(-50%);width:14px;height:28px;background:#fff;border:1px solid var(--c-border);border-radius:3px;cursor:pointer;z-index:200;display:flex;align-items:center;justify-content:center;color:var(--c-border-strong);font-size:9px;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:left .2s ease,transform .2s ease}
#aba-lnb-tog:hover{color:#9ca3af;border-color:var(--c-border-strong)}
#aba-lnb-tog.aba-lnb-closed{left:7px;transform:translateY(-50%)}
@media(max-width:1023px){#aba-lnb-tog{display:none}}
.bosis-text,.bosis-datepicker{height:2.25rem;padding:0 var(--space-md);font-size:var(--fs-base);border:1px solid var(--c-border-strong);border-radius:var(--radius);background:#fff;color:#374151;box-sizing:border-box;transition:border-color .15s}
.bosis-text:focus,.bosis-datepicker:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.bosis-textarea{padding:var(--space-sm) var(--space-md);font-size:var(--fs-base);line-height:1.5rem;border:1px solid var(--c-border-strong);border-radius:var(--radius);background:#fff;color:#374151;box-sizing:border-box;resize:vertical;transition:border-color .15s}
.bosis-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.bosis-select{height:2.25rem;padding:0 var(--space-3xl) 0 var(--space-md);font-size:var(--fs-base);border:1px solid var(--c-border-strong);border-radius:var(--radius);background-color:#fff;color:#374151;cursor:pointer;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25rem center;background-size:clamp(0px,(100% - 72px) * 99,1.1rem) 1.1rem}
.bosis-select:focus{outline:none;border-color:#3b82f6}
.bosis-hidden{display:none!important}
.bosis-checkbox{display:inline-flex!important;align-items:center!important;gap:var(--space-2xs)!important;font-size:var(--fs-sm);color:var(--c-text-sub2)}
.bosis-checkbox input{flex-shrink:0!important;margin:0!important;cursor:pointer}
.bosis-radio{display:inline-flex!important;align-items:center!important;gap:var(--space-2xs)!important;font-size:var(--fs-sm);color:var(--c-text-sub2)}
.bosis-radio input{flex-shrink:0!important;margin:0!important;cursor:pointer}
.bosis-radio-group{display:flex;flex-wrap:wrap;align-items:center}
.bosis-radio-group>input{margin-right:var(--space-2xs)}
.bosis-radio-group>label{margin-right:var(--space-xl)}
.bosis-btn-dup-chk{display:inline-flex;align-items:center;padding:var(--space-xs) 10px;font-size:var(--fs-xs);line-height:1.2;background:#fff;border:1px solid var(--c-border-strong);color:var(--c-text-sub2);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}
.bosis-btn-dup-chk:hover{background:var(--c-bg)}
.admin-header-btn{display:inline-flex;align-items:center;height:1.75rem;padding:0 .625rem;font-size:var(--fs-xs);color:#374151;border-radius:var(--radius-sm);white-space:nowrap;transition:background .15s}
.admin-header-btn:hover{background:var(--c-bg-subtle)}
.bosis-file-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-2xs);}
.bosis-file-wrap .bosis-text{flex:1;min-width:100px;}
.bosis-btn-sm{display:inline-flex;align-items:center;height:1.75rem;padding:0 .625rem;font-size:var(--fs-xs);color:#374151;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);cursor:pointer;background:#fff;white-space:nowrap;transition:background .15s;}
.bosis-btn-sm:hover{background:var(--c-bg-subtle);}
/* [Claude] 관리자 목록 공통 컴포넌트 — 밀도/글자/색을 여기서 일괄 관리 */
.bosis-card{background:#fff;border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden}
.bosis-card-sch{background:#fff;border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.05);padding:var(--space-lg);margin-bottom:var(--space-lg)}
.bosis-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--c-border);font-size:var(--fs-base);color:var(--c-text-sub2)}
/* [Claude] 범용 폼/패널 요소 (역할기반·전 페이지 재사용) — 목적종속 회원클래스(pageMember/-inputWrap/pageBody/pageFoot/-btnWrap 등)를 대체하는 요소기반 시스템 */
.bosis-card-narrow{max-width:480px;margin-left:auto;margin-right:auto}              /* 좁은 폼(로그인/약관) 가운데 정렬 */
.bosis-card-body{padding:var(--space-2xl) var(--space-xl);box-sizing:border-box}  /* 회원/인증 카드 본문 — 좁은 폭 답답함 방지로 테두리·배경 없는 개방형(여백만) */
/* [Claude] 카드 그리드 — 동일폭 카드 가로 나열(반응형 wrap). 안내/링크/액션 카드 범용(레거시 ABA-container-box-230+etc-setup-* 대체, admin_seo_msc·com_bos_make_sitemap_btn 등) */
.bosis-card-grid{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:stretch}
.bosis-card-grid>.bosis-card{flex:1 1 220px;min-width:0;display:flex;flex-direction:column}
.bosis-card-grid>.bosis-card>.bosis-card-body{flex:1;display:flex;flex-direction:column;padding:var(--space-lg)}  /* 그리드 내 카드본문=컴팩트 패딩+세로 flex(버튼 하단정렬) */
.bosis-card-title{font-size:var(--fs-lg);font-weight:600;color:var(--c-text);padding-bottom:var(--space-sm);margin-bottom:var(--space-md);border-bottom:1px solid var(--c-border)}  /* 카드 제목(굵게+하단경계) */
.bosis-card-title .bosis-text-muted{margin-left:.35rem;font-weight:400;font-size:var(--fs-sm)}  /* 제목 옆 보조(도메인 등) */
.bosis-card-desc{color:var(--c-text-sub2);line-height:1.7;font-size:var(--fs-sm)}  /* 카드 설명문 */
.bosis-card-actions{margin-top:auto;padding-top:var(--space-lg)}  /* 카드 하단 버튼영역(하단 고정) */
/* [Claude] 상태 안내 페이지(에러/권한/빈결과 등 — 뷰포트 중앙 카드). error.php·admin_error.php 공용. 구 #error_msg/.pageHead/.pageBody(레거시 CSS 제거분) 대체 */
.bosis-statebox{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--c-bg);padding:var(--space-3xl) var(--space-lg);box-sizing:border-box}
.bosis-statebox-card{width:100%;max-width:28rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3xl) var(--space-3xl) calc(var(--space-3xl) + var(--space-md));text-align:center;box-sizing:border-box}
.bosis-statebox-icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-circle);background:var(--c-bg-subtle);color:var(--c-text-faint);font-size:var(--fs-xl);margin-bottom:var(--space-xl)}
.bosis-statebox-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--c-text);line-height:var(--lh-snug);margin:0 0 var(--space-sm)}
.bosis-statebox-desc{font-size:var(--fs-base);color:var(--c-text-muted);line-height:1.7;margin:0}
.bosis-statebox-desc p{margin:0 0 var(--space-sm)}
.bosis-statebox-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-3xl)}
.bosis-field{margin-bottom:var(--space-md)}                                          /* 세로형 입력 필드(라벨 위, 입력 아래) */
.bosis-field>label{display:block;margin-bottom:var(--space-2xs);font-size:var(--fs-sm);font-weight:600;color:var(--c-text-sub2)}
.bosis-field .bosis-text,.bosis-field .bosis-select,.bosis-field .bosis-textarea{width:100%;box-sizing:border-box}
.bosis-scrollbox{max-height:200px;overflow-y:auto;padding:var(--space-md);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:var(--fs-sm);line-height:1.7;color:var(--c-text-sub2)}  /* 약관 등 긴 본문 스크롤 박스 */
.bosis-text-muted{color:var(--c-text-muted);font-size:var(--fs-sm);line-height:1.7}  /* [Claude] 범용 보조설명 텍스트(레거시 txtSubTpl 대체) */
.bosis-inset{padding-left:var(--space-md);padding-right:var(--space-md)}  /* [Claude 2026-07-11] 풀폭 내부 영역 안쪽 여백(역할 클래스) — 컨테이너 없는 풀폭 컨텍스트의 내부 행/영역(RSS·글쓰기·전체선택 행 등)이 화면 모서리에 붙지 않게. bd_lf 인라인 padding:0 12px 관례의 클래스화(값=--space-md) */
.bosis-chk-person>div{display:flex;align-items:center;gap:var(--space-xs)}  /* [Claude 2026-07-12] 스팸방지코드 위젯(역할 클래스, bd_wf 정본·변환기 자동주입 공용) — 이미지·입력 높이 정합+간격 */
.bosis-chk-person img{height:2.25rem;width:auto;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:#fff;box-sizing:border-box}
.bosis-chk-person .bosis-text{flex:1 1 auto;min-width:0}
.bosis-link-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-sm) var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--c-border);font-size:var(--fs-sm)}  /* 하단 보조 링크 행 */
.bosis-link-row a{color:var(--c-text-sub2);text-decoration:none}
.bosis-link-row a:hover{color:var(--c-text);text-decoration:underline}
.bosis-btn-stack{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}                /* 풀폭 세로 버튼 그룹 */
.bosis-btn-stack>a,.bosis-btn-stack>div{display:flex}
.bosis-btn-stack .bosis-btn{width:100%;height:2.75rem;min-height:2.75rem;margin:0;box-sizing:border-box}  /* ★flex:1 제거 — 세로 flex서 flex-basis:0%가 height를 붕괴시켜 버튼이 얇아지던 것 수정 */
.bosis-btn-stack>a>.bosis-btn,.bosis-btn-stack>div>.bosis-btn{flex:1}  /* a/div로 감싼 버튼만 래퍼 폭 채움 */
.bosis-social-login{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}  /* [Claude] 소셜 로그인 버튼 행(범용) — gap=버튼 사이(원복), margin-top=상단 멘트와의 간격 */
.bosis-agree{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-sm);margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-md);background:var(--c-bg-subtle);border:1px solid var(--c-border);border-radius:var(--radius-sm)}  /* 동의 체크 행(강조 박스) */
/* [Claude] 자동로그인 안내(로그인유지 체크 시 JS가 표시하는 팝업) — 기본 숨김(인라인 노출 방지) + 표시될 때 제대로 된 절대위치 배너 스타일(CSS 유실 복원, 플러그인 JS훅 .-abpla 유지) */
.-noticeAutoLogin{display:none;position:absolute;top:0;left:0;right:0;z-index:9999;box-sizing:border-box;padding:var(--space-md) var(--space-lg);background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-sm);box-shadow:0 4px 14px rgba(0,0,0,.12);font-size:var(--fs-xs);color:var(--c-text-sub2);line-height:1.6;text-align:left}
/* [Claude] 팝업/안내 레이어 닫기버튼(-sl·자동로그인안내 공통) — bosis-pa(absolute)인데 top/right 미지정으로 영역 밖 아래로 흘러내리던 것 우상단 고정 */
.-btnSlClose{position:absolute;top:.4rem;right:.4rem;z-index:1}
.bosis-tip{background:var(--c-primary-bg);border:1px solid #dbeafe;border-radius:var(--radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}
.bosis-tip-h{font-size:var(--fs-base);font-weight:700;color:var(--c-primary-hover);margin-bottom:.125rem;display:flex;align-items:center;gap:var(--space-xs)}
.bosis-tip-b{font-size:var(--fs-base);color:var(--c-primary)}
.bosis-scroll-x{overflow-x:auto}
.bosis-pager{padding:var(--space-lg) 0;text-align:center}
.bosis-table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}
.bosis-table thead th{padding:.875rem var(--space-lg);background:var(--c-bg);font-size:var(--fs-base);font-weight:600;color:var(--c-text-muted);border-bottom:1px solid var(--c-border);white-space:nowrap;text-align:center}
.bosis-table tbody td{padding:.875rem var(--space-lg);font-size:var(--fs-base);color:#374151;border-bottom:1px solid var(--c-bg-subtle);text-align:center}
.bosis-table tbody tr:hover{background:var(--c-bg)}
.bosis-table a{color:inherit;text-decoration:none}
.bosis-table caption{display:none}
.bosis-l{text-align:left!important}
.bosis-r{text-align:right!important}
.bosis-nowrap{white-space:nowrap!important}
.bosis-sch-tbl{width:100%;font-size:var(--fs-base)}
.bosis-sch-tbl tr{border-bottom:1px solid var(--c-bg-subtle)}
.bosis-sch-tbl tr:last-child{border-bottom:0}
.bosis-sch-tbl th{padding:.625rem var(--space-md);text-align:left;vertical-align:middle;font-weight:500;color:var(--c-text-muted);white-space:nowrap}
.bosis-sch-tbl td{padding:.625rem 0;vertical-align:middle}
.bosis-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:2.25rem;padding:0 var(--space-xl);border-radius:var(--radius,.5rem);font-size:var(--fs-base);font-weight:500;cursor:pointer;border:0;white-space:nowrap;transition:background .15s,box-shadow .15s;background:var(--c-surface,#fff);color:var(--c-text-sub2,#4b5563);box-shadow:inset 0 0 0 1px var(--c-border-strong,#d1d5db);text-decoration:none}
.bosis-btn:hover{background:var(--c-bg-soft,#f9fafb)}
.bosis-btn-primary,.bosis-btn-danger,.bosis-btn-neutral,.bosis-btn-emerald{box-shadow:none}
/* [정규화] input/button 타입 mono 버튼도 텍스트형(span/a)과 동일 렌더 — <input type=submit> 등 폼컨트롤의 폰트 quirk 방지 */
input.bosis-btn,button.bosis-btn{font-size:var(--fs-base);line-height:1.2;font-family:inherit}
input.bosis-btn-sm,button.bosis-btn-sm{font-size:var(--fs-xs);line-height:1.2;font-family:inherit}
.bosis-btn-primary{background:var(--c-primary,var(--c-primary));color:var(--on-primary,var(--on-accent,#fff))}
.bosis-btn-primary:hover{background:var(--c-primary-hover,var(--c-primary-hover))}
.bosis-btn-danger{background:var(--c-danger,var(--c-danger));color:var(--on-accent,#fff)}
.bosis-btn-danger:hover{background:var(--c-danger-hover,var(--c-danger-hover))}
.bosis-btn-neutral{background:var(--c-neutral,#374151);color:var(--on-accent,#fff)}
.bosis-btn-neutral:hover{background:var(--c-neutral-hover,var(--c-neutral-hover))}
.bosis-btn-emerald{background:var(--c-emerald,var(--c-emerald));color:var(--on-accent,#fff)}
.bosis-btn-emerald:hover{background:var(--c-emerald-hover,var(--c-emerald-hover))}
/* [Claude] bosis-btn 색상 모디파이어 단독(base .bosis-btn 누락) 보정 — 검색/추가 등 코어 버튼이 색상 클래스만 가져 박스모델(패딩/높이/radius)이 빠진 경우(검색=네이티브 submit 외형, 추가=무패딩 span) 풀버튼 박스모델 부여. base 동반·작은(-sm) 버튼은 :not()으로 제외(예: bosis-btn-sm bosis-btn-neutral 조합 보호) */
.bosis-btn-primary:not(.bosis-btn):not([class*="bosis-btn-sm"]),.bosis-btn-neutral:not(.bosis-btn):not([class*="bosis-btn-sm"]),.bosis-btn-danger:not(.bosis-btn):not([class*="bosis-btn-sm"]),.bosis-btn-emerald:not(.bosis-btn):not([class*="bosis-btn-sm"]){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:2.25rem;padding:0 var(--space-xl);border:0;border-radius:var(--radius,.5rem);box-shadow:none;font-size:var(--fs-base);font-weight:500;line-height:1.2;font-family:inherit;white-space:nowrap;cursor:pointer;box-sizing:border-box;text-decoration:none;transition:background .15s,box-shadow .15s}
/* [정규화] 아웃라인(보조) 버튼 — 취소/뒤로 등. border 대신 inset 그림자로 테두리(채움버튼과 동일 height 유지) */
.bosis-btn-ghost{background:var(--c-surface,#fff);color:var(--c-text-sub2,var(--c-text-sub2));box-shadow:inset 0 0 0 1px var(--c-border-strong,var(--c-border-strong))}
.bosis-btn-ghost:hover{background:var(--c-bg,var(--c-bg));color:var(--c-text,var(--c-text))}
.bosis-btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:var(--space-2xs) .625rem;margin-right:var(--space-2xs);border-radius:var(--radius-sm,.375rem);border:1px solid var(--c-border-strong,var(--c-border-strong));background:var(--c-surface,#fff);font-size:var(--fs-xs);color:var(--c-text-sub2,var(--c-text-sub2));cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.bosis-btn-sm:hover{background:var(--c-bg,var(--c-bg));color:var(--c-text,var(--c-text))}
.bosis-btn-sm-danger{border-color:#fecaca;color:var(--c-danger-hover)}
.bosis-btn-sm-danger:hover{background:var(--c-danger-bg);color:#b91c1c}
/* [Claude] 컴팩트 정사각 아이콘 버튼 — bosis-btn-sm 위에 덧대 패딩/마진 제거+28px 정사각(목록 액션칸 정렬버튼 등); 색은 bosis-btn-sm 토큰 상속 */
.bosis-btn-ic{width:1.75rem;min-width:1.75rem;height:1.75rem;padding:0;margin:0;justify-content:center;font-size:var(--fs-sm)}
/* [Claude] 검색버튼(AB_btn_dialog_sr 회원/게시판검색 등)+100%폭 입력상자를 한 줄로(site_config_input_box.inc.php 래핑). 입력이 남은 폭 채움, 설명(admin-help)은 래퍼 밖이라 아래 줄 유지 */
.bosis-ibtn-row{display:flex;align-items:center;gap:.4rem;width:100%}
.bosis-ibtn-row>.AB_btn_dialog_sr{flex:0 0 auto}
.bosis-ibtn-row>input,.bosis-ibtn-row>select,.bosis-ibtn-row>textarea{flex:1 1 0%;min-width:0;width:auto}
.bosis-ibtn-row>.AB_btn_dialog_sr>.bosis-btn-sm{box-sizing:border-box;height:2.25rem}
.bosis-badge{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:.1875rem var(--space-sm);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:500;white-space:nowrap;background:#f1f5f9;color:#475569}
.bosis-toggle-on{display:inline-flex;align-items:center;justify-content:center;width:44px;padding:.125rem 0;font-size:var(--fs-xs);border-radius:var(--radius-sm);background:#3b82f6;color:#fff;cursor:pointer}
.bosis-toggle-on:hover{background:var(--c-primary)}
.bosis-toggle-off{display:inline-flex;align-items:center;justify-content:center;width:44px;padding:.125rem 0;font-size:var(--fs-xs);border-radius:var(--radius-sm);background:var(--c-border);color:var(--c-text-sub2);box-shadow:inset 0 0 0 1px var(--c-border-strong);cursor:pointer}
.bosis-toggle-off:hover{background:var(--c-border-strong)}
.bosis-chart-tbl tbody td{height:38px;padding-top:0;padding-bottom:0;box-sizing:border-box}
.-bdSchWrapLog .-btnWrap ul{display:inline-flex;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);overflow:hidden;list-style:none;padding:0;margin:0 0 10px}
.-bdSchWrapLog .-btnWrap li a{display:inline-flex;align-items:center;padding:var(--space-xs) .9rem;font-size:var(--fs-xs);color:var(--c-text-muted);border-left:1px solid var(--c-border);text-decoration:none;cursor:pointer}
.-bdSchWrapLog .-btnWrap li:first-child a{border-left:0}
.-bdSchWrapLog .-btnWrap li:hover a{background:var(--c-bg)}
.-bdSchWrapLog .-btnWrap li.on a{background:var(--c-primary);color:#fff}
.switch-tab-btn ul{display:inline-flex;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);overflow:hidden;list-style:none;padding:0;margin:0}
.switch-tab-btn li a{display:inline-flex;align-items:center;padding:var(--space-xs) .85rem;font-size:var(--fs-xs);color:var(--c-text-muted);border-left:1px solid var(--c-border);text-decoration:none;cursor:pointer}
.switch-tab-btn li:first-child a{border-left:0}
.switch-tab-btn li:hover a{background:var(--c-bg)}
.switch-tab-btn li.switch-on a{background:var(--c-primary);color:#fff}
.admin-help-manual{display:inline-flex;align-items:center;gap:.2rem;margin-left:var(--space-sm);font-size:var(--fs-xs);font-weight:400;color:#9ca3af;cursor:pointer;text-decoration:none;vertical-align:middle}
.admin-help-manual:hover{color:var(--c-text-sub2)}
.admin-help-manual::before{content:"\f059";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.9em}
.articleInput{margin:0 0 var(--space-xl);padding:0;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;background:#fff}
.articleInput ul{list-style:none;margin:0;padding:0}
.articleInput > ul > li{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;padding:0;border-bottom:1px solid #f0f1f3}
.articleInput > ul > li:last-child{border-bottom:0}
.articleInput > ul > li > label{flex:0 0 150px;max-width:150px;display:flex;align-items:center;padding:.7rem var(--space-lg);background:var(--c-bg);border-right:1px solid #f0f1f3;font-size:var(--fs-base);font-weight:600;color:var(--c-text-sub2);line-height:1.45}
.articleInput > ul > li > div{flex:1 1 240px;min-width:0;padding:.7rem var(--space-lg);display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}
.admin-select-chg{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.admin-select-chg li{display:flex;align-items:center;gap:.3rem;width:33.3%;min-width:140px;padding:.2rem 0;box-sizing:border-box}
.admin-select-chg li label{font-size:var(--fs-sm);color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdErpAuthTitle_level,.bdErpAuthTitle_article{padding:.4rem var(--space-md);font-size:var(--fs-sm);font-weight:600;color:#374151;background:#eef2ff;border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-top:var(--space-sm)}
.bdErpAuthTitle_article{background:var(--c-bg-subtle)}
.bdErpAuthInput_level,.bdErpAuthInput_article{padding:.6rem var(--space-md);background:#fafafa;border:1px solid var(--c-bg-subtle);border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm)}
.bdErpAuthBtn{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px dashed var(--c-border)}
.erpTabAuth ul{display:inline-flex;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);overflow:hidden;list-style:none;margin:0;padding:0}
.erpTabAuth li a{display:inline-flex;padding:var(--space-xs) .85rem;font-size:var(--fs-xs);color:var(--c-text-muted);border-left:1px solid var(--c-border);text-decoration:none;cursor:pointer}
.erpTabAuth li:first-child a{border-left:0}
.erpTabAuth li.current a{background:var(--c-primary);color:#fff}
.erpAuthMenuTitle{font-size:var(--fs-base);font-weight:600;color:#374151}
.pageTipWrap{background:var(--c-primary-bg);border:1px solid #dbeafe;border-radius:var(--radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}
.pageTipWrap .pageHead{font-size:var(--fs-base);font-weight:700;color:var(--c-primary-hover);margin-bottom:var(--space-2xs)}
.pageTipWrap .pageBody{font-size:var(--fs-sm);color:var(--c-primary)}
.articleInput > ul > li.-editor-full{display:block}
.articleInput > ul > li.-editor-full > label{display:block;flex:none;max-width:none;margin-bottom:var(--space-xs)}
.articleInput > ul > li.-editor-full > div{display:block;flex:none;width:100%;min-width:0}
/* [Claude] -bdLabelTop = 다단 코드 스니펫 라벨(<body>/<tag>/</body> 등 <br>·&nbsp; 들여쓰기)용. label을 display:block으로 둬서 <br> 줄바꿈/들여쓰기는 살리되, 행은 가로(나란히: 라벨 좌측 150px·입력 우측) 유지. ★이전 flex-direction:column이 라벨+입력을 세로로 스택(줄바꿈)시키던 것 수정 — 기본 flex 라벨이 다단 라벨 <br>을 깨뜨리는 건 display:block만으로 해결되므로 column 불필요(공유: design_files_wf 등 *_wf) */
.articleInput > ul > li.-bdLabelTop{flex-direction:row;align-items:stretch}
.articleInput > ul > li.-bdLabelTop > label{display:block;flex:0 0 150px;max-width:150px;width:auto;line-height:1.6;border-right:1px solid #f0f1f3;border-bottom:0}
/* [정규화] 접근성 스킵내비(.bosis-skip) 시각 숨김 — 구 theme/01/layout.css 44행 계약 이식(누락 시 상단에 빈 블록 공간 발생) */ .bosis-skip{position:absolute;width:0;height:0;font-size:0;overflow:hidden;visibility:hidden;z-index:-1}
/* [정규화] 체크상자·라디오 크기/색 — 전역. 기본(~13px)이 14px 라벨 대비 작아 1rem(16px)로 통일, accent=mono gray-800. ★라디오도 동일 정규화(정리정돈 때 체크박스만 넣어 라디오가 기본크기+기본여백으로 좌우 떠보이던 비대칭 해소 — 체크박스 동작은 불변) */
input[type="checkbox"],input[type="radio"]{width:1rem;height:1rem;accent-color:var(--c-neutral-hover);cursor:pointer;vertical-align:middle;flex-shrink:0}
/* [정규화] 체크박스/라디오 라벨 간격 — 전역(검색영역 포함) */ .bosis-checkbox,.bosis-radio{vertical-align:middle} .bosis-checkbox+label,.bosis-radio+label{margin-left:var(--space-2xs);margin-right:0.9rem;vertical-align:middle;font-size:var(--fs-sm);color:var(--c-text-sub2);cursor:pointer} .bosis-checkbox:last-of-type+label,.bosis-radio:last-of-type+label{margin-right:0}
/* [정규화] 쇼핑몰 일괄처리 버튼영역(-bdSettingWrap) — design.css 제거 대응 */ .-bdSettingWrap .-bdSchInner{display:inline-flex;align-items:center;gap:var(--space-sm);margin:0} .-bdSettingWrap .-bdSchInner ul{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin:0;padding:0;list-style:none} .-bdSettingWrap .-bdSchInner ul li{list-style:none;width:auto!important;margin:0} .-bdSettingWrap .-bdSchInner ul li>div{display:inline-flex} .-bdSettingWrap .flex-center{flex-basis:100%;margin-top:var(--space-2xs);color:#9ca3af}
/* [정규화] 팝아웃 레이어(-sl: 정렬/추가노출분류/이벤트그룹 등 ab_show_layer) — design.css 제거 대응 */ .-sl{position:absolute;z-index:9999;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 10px 25px rgba(0,0,0,.12);padding:var(--space-md);max-height:75vh;overflow:auto;text-align:left} .-sl:has(> [class*="skin_theme"]){border:0;padding:0;background:transparent;box-shadow:none} .-sl:has(> [class*="skin_theme"]) .skin_wrap{margin-bottom:0} .-sl ul{list-style:none;margin:0;padding:0} .-bdAlignWrap li{padding:.35rem .6rem;white-space:nowrap;cursor:pointer;border-radius:var(--radius-xs);font-size:var(--fs-sm);color:#374151} .-bdAlignWrap li:hover{background:var(--c-bg-subtle)} .-bdAlignWrap li a,.-bdAlignWrap li *{color:inherit;text-decoration:none}
/* [정규화] 데이터셀 내 ul/ol 기본 들여쓰기·불릿 제거(인라인편집 셀 등) */ .bosis-table td ul,.bosis-table td ol{list-style:none;margin:0;padding:0}
#sell-record>table{min-width:max-content}
/* 입력폼(layout_bl_admin_r 등) 폼 레이아웃 — 구 design.css/layout.css 제거 대체 */ .bdWrite{font-size:var(--fs-base);color:#374151} .articleInput{margin:0 0 var(--space-xl);padding:0;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;background:#fff} .articleInput ul{list-style:none;margin:0;padding:0} .articleInput > ul > li{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;padding:0;border-bottom:1px solid #f0f1f3} .articleInput > ul > li:last-child{border-bottom:0} .articleInput > ul > li > label{flex:0 0 150px;max-width:150px;display:flex;align-items:center;padding:.7rem var(--space-lg);background:var(--c-bg);border-right:1px solid #f0f1f3;font-size:var(--fs-base);font-weight:600;color:var(--c-text-sub2);line-height:1.45} .articleInput > ul > li > div{flex:1 1 240px;min-width:0;padding:.7rem var(--space-lg);display:flex;flex-wrap:wrap;align-items:center;gap:.45rem} .articleInput .bosis-text,.articleInput .bosis-textarea{flex:1 1 180px;min-width:0} .articleInput .bosis-select{min-width:130px} .-bdTitleWrap{margin:var(--space-xl) 0 var(--space-sm);padding:0 0 var(--space-sm);border-bottom:1px solid var(--c-border);overflow:hidden} .bdWrite > .-bdTitleWrap:first-of-type{margin-top:0} .-titleTab{font-size:var(--fs-md);font-weight:600;color:#374151} .admin-help,.admin-help-in{display:block;width:100%;margin-top:.1rem;font-size:var(--fs-xs);color:#9ca3af} .bosis-btn-edit-page{position:fixed;right:14px;bottom:14px;z-index:1000} .bosis-btn-edit-page > *{display:inline-flex !important;align-items:center;gap:.4rem;padding:var(--space-sm) .85rem;font-size:var(--fs-xs);font-weight:600;color:#fff !important;background:#374151;border:0;border-radius:.4rem;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.18);text-decoration:none;white-space:nowrap} .bosis-btn-edit-page > *:hover{background:var(--c-neutral-hover)} .admin-help-manual{display:inline-flex;align-items:center;gap:.2rem;margin-left:var(--space-sm);font-size:var(--fs-xs);font-weight:400;color:#9ca3af;cursor:pointer;text-decoration:none;vertical-align:middle} .admin-help-manual:hover{color:var(--c-text-sub2)} .admin-help-manual::before{content:"\f059";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.9em} .articleInput .bosis-checkbox+label,.articleInput .bosis-radio+label{margin-left:.3rem;margin-right:var(--space-lg)} .articleInput .bosis-radio{margin-right:0} .bosis-form-footer{position:sticky;bottom:0;z-index:50;display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);padding:.85rem var(--space-lg);background:rgba(255,255,255,.97);border-top:1px solid var(--c-border);box-shadow:0 -2px 8px rgba(0,0,0,.04)}
/* [정규화] multiple select 체크상자 드롭다운(get_list_boxs_array → .bosis-multiple-drop) — 공용 카드 패널.
   개별 설정은 data-multiple-option JSON: cols(한 줄 수)/pos(up·down)/width/maxh(최대높이)/class(추가 클래스) */
.bosis-multiple-drop,[class*="bosis-multiple-"]{z-index:60 !important}
.bosis-multiple-drop{min-width:max-content;max-height:230px;margin-top:2px;padding:.45rem .7rem;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.bosis-multiple-drop .inputLabelWrap li{display:flex;align-items:center;gap:.3rem;padding:.12rem 0;white-space:nowrap;font-size:var(--fs-base);font-weight:500;color:var(--c-neutral-hover)}
.bosis-multiple-drop .inputLabelWrap li label{cursor:pointer}
.bosis-multiple-drop .inputLabelWrap li>select{margin:0;vertical-align:middle}

/* [복구] 로딩중 표시기(#loading_img) — 구 design.css 제거로 사라진 오버레이 스타일 복원 */
div#loading_img{display:flex;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:none;z-index:100000;cursor:wait}
div#loading_img.overlay-on{background-color:rgba(255,255,255,.7)}
/* [2026-06-18] 모던 로더: 4개 블릿 동시 pulse(작을때 직사각 3px↔클때 둥근사각 37%·45%원형과 28%사각의 중간). ★작을 때 중심으로 강하게 모여 가운데 공백0(translate 11.5px·맞닿음), 클 때도 모여(translate 3px) 덜 퍼지고 scale 1.8(중앙공간↓). 둘 다 중심수렴=콤팩트. 방향별 키프레임 4개(mlm1~4). 회전(mlspin)·pulse ★동일 1.2s=속도 일치(동기화), 회전 linear=멈춤구간 없음. opacity 페이드 없음=항상 선명. 컬러/그림자(그라디언트) 유지 */
.bosis-loader{position:relative;width:48px;height:48px;z-index:100001;animation:mlspin 1.2s linear infinite}
.bosis-loader i{position:absolute;width:14px;height:14px;border-radius:var(--radius-xs);background:linear-gradient(135deg,#4f46e5,#3e6cf5);box-shadow:0 2px 5px rgba(30,27,75,.30);animation-duration:1.2s;animation-timing-function:cubic-bezier(.66,0,.34,1);animation-iteration-count:infinite}
.bosis-loader i:nth-child(1){top:0;left:50%;margin-left:-7px;animation-name:mlm1}
.bosis-loader i:nth-child(2){top:50%;right:0;margin-top:-7px;background:linear-gradient(135deg,#6366f1,#22d3ee);animation-name:mlm2}
.bosis-loader i:nth-child(3){bottom:0;left:50%;margin-left:-7px;animation-name:mlm3}
.bosis-loader i:nth-child(4){top:50%;left:0;margin-top:-7px;background:linear-gradient(135deg,#6366f1,#22d3ee);animation-name:mlm4}
@keyframes mlspin{to{transform:rotate(360deg)}}
@keyframes mlm1{0%,100%{transform:translateY(11.5px) scale(.8);border-radius:3px}50%{transform:translateY(4px) scale(1.6);border-radius:37%}}
@keyframes mlm2{0%,100%{transform:translateX(-11.5px) scale(.8);border-radius:3px}50%{transform:translateX(-4px) scale(1.6);border-radius:37%}}
@keyframes mlm3{0%,100%{transform:translateY(-11.5px) scale(.8);border-radius:3px}50%{transform:translateY(-4px) scale(1.6);border-radius:37%}}
@keyframes mlm4{0%,100%{transform:translateX(11.5px) scale(.8);border-radius:3px}50%{transform:translateX(4px) scale(1.6);border-radius:37%}}
@media (prefers-reduced-motion:reduce){.bosis-loader,.bosis-loader i{animation-duration:5s}}

/* ===== mono 프론트/쇼핑 컴포넌트 (재사용 .bosis-* + 기존 DOM 별칭) ===== */

/* breadcrumb */
.bosis-breadcrumb,.map{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.bosis-breadcrumb>li,.map>li{position:relative;display:flex;align-items:center;white-space:nowrap}
.bosis-breadcrumb>li:not(:first-child)::before,.map>li:not(:first-child)::before{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;margin:0 var(--space-sm);color:var(--c-border-strong);font-size:.7em}
.bosis-breadcrumb>li>a,.bosis-breadcrumb>li>span,.map>li>a,.map>li>span{color:inherit;text-decoration:none}
.bosis-breadcrumb>li>a:hover,.map>li>a:hover{color:var(--c-text)}
.bosis-breadcrumb>li.navi-child>a,.bosis-breadcrumb>li.navi-child>span,.map>li.navi-child>a,.map>li.navi-child>span{cursor:pointer}
.bosis-breadcrumb>li.navi-child>span::after,.bosis-breadcrumb>li.navi-child>a::after,.map>li.navi-child>span::after,.map>li.navi-child>a::after{content:"\f107";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:.3rem;font-size:.7em;color:#9ca3af}
.bosis-breadcrumb>li ul,.map>li ul{display:none;position:absolute;top:100%;left:0;z-index:9999;min-width:150px;max-height:60vh;overflow-y:auto;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 6px 16px rgba(0,0,0,.1);padding:var(--space-2xs) 0;margin-top:.4rem;list-style:none;text-align:left}
.bosis-breadcrumb>li:hover>ul,.map>li:hover>ul{display:block}
.bosis-breadcrumb>li ul li,.map>li ul li{padding:0}
.bosis-breadcrumb>li ul li a,.map>li ul li a{display:block;padding:.45rem .9rem;font-size:var(--fs-sm);color:var(--c-text-sub2);white-space:nowrap;text-decoration:none}
.bosis-breadcrumb>li ul li a:hover,.map>li ul li a:hover{background:var(--c-bg);color:var(--c-text)}
.bosis-breadcrumb.no-menu li:hover ul,.map.no-menu li:hover ul{display:none}

/* tabs (언더라인; 활성=.bosis-active/.switch-on/.on) */
.bosis-tabs,.goodsView01 #goods-view-tab{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--c-border);list-style:none;margin:var(--space-2xl) 0 0;padding:0}
.bosis-tabs>li,.goodsView01 #goods-view-tab>li{float:none;width:auto;flex:0 0 auto;margin:0 0 -1px 0;padding:0;list-style:none;background:none;border-bottom:2px solid transparent}
.bosis-tabs>li>a,.goodsView01 #goods-view-tab>li>a{display:block;padding:.6rem 1.2rem;font-size:.9375rem;font-weight:600;line-height:1.5;color:var(--c-text-muted);text-decoration:none;white-space:nowrap;background:none;border:0;cursor:pointer;transition:color .15s}
.bosis-tabs>li>a:hover,.goodsView01 #goods-view-tab>li>a:hover{color:var(--c-text)}
.bosis-tabs>li.bosis-active,.bosis-tabs>li.switch-on,.bosis-tabs>li.on,.goodsView01 #goods-view-tab>li.switch-on,.goodsView01 #goods-view-tab>li.on{border-bottom-color:var(--c-text)}
.bosis-tabs>li.bosis-active>a,.bosis-tabs>li.switch-on>a,.bosis-tabs>li.on>a,.goodsView01 #goods-view-tab>li.switch-on>a,.goodsView01 #goods-view-tab>li.on>a{color:var(--c-text);font-weight:700}

/* spec-table (라벨/값 정보표) */
.bosis-spec-table,.goodsView01 .-bdGoodsInfo table{width:100%;border-collapse:collapse}
.bosis-spec-table th,.goodsView01 .-bdGoodsInfo th{width:100px;padding:.45rem var(--space-2xs);text-align:left;vertical-align:top;font-size:var(--fs-sm);font-weight:600;color:var(--c-text-muted);white-space:nowrap;border-bottom:1px solid #f0f1f3}
.bosis-spec-table td,.goodsView01 .-bdGoodsInfo td{padding:.45rem var(--space-2xs);font-size:var(--fs-base);color:#374151;border-bottom:1px solid #f0f1f3}
.bosis-spec-table tr:last-child th,.bosis-spec-table tr:last-child td,.goodsView01 .-bdGoodsInfo tr:last-child th,.goodsView01 .-bdGoodsInfo tr:last-child td{border-bottom:0}

/* total-bar (합계, flex 중앙) — spec-table 뒤에 와서 override */
.bosis-total-bar,.goodsView01 .-bdPriceTotal{display:flex;align-items:center;padding:1.1rem var(--space-xl);margin:var(--space-lg) 0;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg)}
.bosis-total-bar table,.goodsView01 .-bdPriceTotal table{width:100%;margin:0}
.bosis-total-bar th,.bosis-total-bar td,.goodsView01 .-bdPriceTotal th,.goodsView01 .-bdPriceTotal td{vertical-align:middle;border:0;padding:.1rem var(--space-2xs)}
.bosis-total-bar th,.goodsView01 .-bdPriceTotal th{white-space:nowrap;width:auto;text-align:left;font-size:var(--fs-base);font-weight:600;color:var(--c-text-muted)}
.bosis-total-bar td,.goodsView01 .-bdPriceTotal td{text-align:right}
.bosis-total-bar .price_total_area,.goodsView01 .-bdPriceTotal .price_total_area{font-size:var(--fs-2xl);font-weight:800;color:var(--c-text)}
.bosis-total-bar .totalPriceUnit,.goodsView01 .-bdPriceTotal .totalPriceUnit{font-size:var(--fs-md);font-weight:700}

/* big-price (큰 판매가) */
.bosis-price td,.bosis-price .price_unit,.goodsView01 .-bdPriceGoods td,.goodsView01 .-bdPriceGoods .price_unit{font-size:var(--fs-2xl);font-weight:800;color:var(--c-text)}
.bosis-price th,.goodsView01 .-bdPriceGoods th{font-size:var(--fs-sm);font-weight:600;color:var(--c-text-muted)}

/* section-title (섹션 제목 h5) */
.bosis-section-title,.goodsView01 .pageHead h5,.goodsView01 .-bdTitleWrap h5,.goodsView01 .goodsNoticeWrap h5,.goodsView01 .articleBody h5{font-size:1.05rem;font-weight:700;color:var(--c-text);padding:var(--space-lg) 0 .6rem;border-bottom:2px solid var(--c-text);margin:var(--space-2xl) 0 var(--space-lg)}
/* [Claude] 섹션 제목 밑줄을 덜 투박하게 — 굵은 2px 검정 풀라인 대신 연한 1px 라인 + 짧은 액센트 바(.bosis-section-title 한정, goodsView01/bdView 헤딩은 기존 유지) */
.bosis-section-title{position:relative;border-bottom:1px solid var(--c-border)}
.bosis-section-title::after{content:"";position:absolute;left:0;bottom:-1px;width:2.5rem;height:2px;background:var(--c-text);border-radius:1px}

/* coupon-card */
.bosis-coupon,.goodsView01 .gvCpnWrap{border:1px dashed var(--c-border-strong);border-radius:.6rem;padding:var(--space-lg) var(--space-xl);background:#fff;text-align:center;box-sizing:border-box}
.bosis-coupon .-head,.goodsView01 .gvCpnWrap .-head{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:#9ca3af}
.bosis-coupon .-body,.goodsView01 .gvCpnWrap .-body{font-size:var(--fs-md);font-weight:700;color:var(--c-text);margin:.3rem 0}
.bosis-coupon .-foot,.goodsView01 .gvCpnWrap .-foot{font-size:1.05rem;font-weight:800;color:var(--c-danger-hover)}
.goodsView01 .couponList{padding:0;background:none}
.goodsView01 .gvCpnWrap_bg{background:none;background-image:none;padding:0;border:0}

/* rating (별점/후기수) */
.bosis-rating,.goodsView01 .-bdAftercnt{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);font-size:var(--fs-sm);color:var(--c-text-muted);list-style:none;padding:0}
.bosis-rating li,.goodsView01 .-bdAftercnt li{list-style:none}
.goodsView01 .bosis-review-icon{height:15px;vertical-align:middle}

/* buy-actions (구매/장바구니/관심 3열) */
.bosis-buy-actions>ul,.goodsView01 .-btnWrap>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);list-style:none;margin:0;padding:0}
.bosis-buy-actions>ul>li,.goodsView01 .-btnWrap>ul>li{float:none;width:auto;padding:0;margin:0;list-style:none}
.bosis-buy-actions>ul>li>a,.goodsView01 .-btnWrap>ul>li>a{display:block;width:100%;text-decoration:none}
.goodsView01 .-btnWrap a,.goodsView01 .-btnWrap a:hover{text-decoration:none}
.bosis-buy-actions>ul>li>a>span,.goodsView01 .-btnWrap>ul>li>a>span{display:flex;align-items:center;justify-content:center;width:100%;white-space:nowrap;padding:.65rem .9rem;font-size:.9rem;min-height:2.7rem;line-height:1.2}
.goodsView01 ul.flex.flex-col>li{float:none;width:100%;padding:0;margin:0;list-style:none}
.goodsView01 ul.flex.flex-col>li>a{display:block;width:100%}
.goodsView01 ul.flex.flex-col>li>a>span{display:flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.65rem;line-height:1.2}

/* shop 상세 한정(제품 전용) */
.goodsView01,.bdShop,.bdListGoods{font-size:var(--fs-base);color:#374151}
.goodsView01 .-bdTitleWrap h4{font-size:var(--fs-2xl);font-weight:700;color:var(--c-text);line-height:1.4}
.goodsView01 .-fdDescription{color:var(--c-text-muted);font-size:.9375rem;line-height:1.6;margin-top:.4rem}
.goodsView01 .-bdGoodsThumb{border-radius:var(--radius-lg);overflow:hidden}
.goodsView01 .-bdPriceQty{margin-top:.6rem}
.goodsView01 .pageBody{font-size:var(--fs-base);color:var(--c-text-sub2);line-height:1.7}
.goodsView01 .pageBody ul{list-style:disc;padding-left:1.2rem}
.goodsView01 .goodsNoticeWrap .-tblList{width:100%;border-collapse:collapse}
.goodsView01 .goodsNoticeWrap .-tblList td{padding:.45rem var(--space-2xs);border-bottom:1px solid #f0f1f3;font-size:var(--fs-base)}
.goodsView01 .-bdSellerInfo,.goodsView01 .-bdDeliveryInfo{margin-top:var(--space-2xl)}
.goodsView01 .shareUrl{display:flex;gap:.4rem;margin-top:var(--space-sm)}
.goodsView01 .shareUrl .bosis-text{flex:1}
.goodsView01 .articleHead{margin-bottom:0}

/* category-nav (상품 분류 pills; 별칭 .-bdCtgMenu) */
.bosis-cat-nav .-bdCtg1,.bosis-cat-nav .-bdCtg2,.-bdCtgMenu .-bdCtg1,.-bdCtgMenu .-bdCtg2{min-height:0!important;width:100%}
.bosis-cat-nav ul,.-bdCtgMenu ul{display:flex!important;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.bosis-cat-nav li,.-bdCtgMenu ul li{list-style:none;width:auto!important;float:none!important}
.bosis-cat-nav li a,.-bdCtgMenu ul li a{display:inline-block;padding:.35rem var(--space-md);font-size:var(--fs-sm);line-height:1.3;color:var(--c-text-sub2);background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-pill);text-decoration:none;white-space:nowrap;transition:all .15s}
.bosis-cat-nav li a:hover,.-bdCtgMenu ul li a:hover{border-color:#9ca3af;color:var(--c-text)}
.bosis-cat-nav li.is-current a,.bosis-cat-nav li.shop-current a,.-bdCtgMenu ul li.shop-current a{background:var(--c-text);color:#fff;border-color:var(--c-text)}

/* search panel 2-col (분류 | 검색) */
.bosis-search-2col,.articleSch>div>.bosis-cr{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-sm) var(--space-2xl)}
.bosis-search-2col::after,.articleSch>div>.bosis-cr::after{content:none;display:none}
.bosis-search-2col>.bosis-fl,.articleSch>div>.bosis-cr>.bosis-fl{float:none;flex:1 1 300px;min-width:0;width:auto}
.articleSch>div>.bosis-cr>.bosis-fl.-schWrap{flex:1 1 340px}

/* search panel ratio(검색30/분류70) + 여백통일 */
.articleSch>div>.bosis-cr>.bosis-fl:first-child{flex:1 1 0;min-width:0}
.articleSch>div>.bosis-cr>.bosis-fl:last-child{flex:0 1 30%;min-width:230px}
.articleSch .-schWrap>div{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}
.articleSch .-schWrap>div>div{display:contents}
.articleSch .-schWrap .bosis-text,.articleSch .-schWrap .bosis-select{width:auto!important;flex:1 1 80px;min-width:0;margin:0!important;height:36px}
.articleSch .-schWrap input[type=submit]{height:36px}
/* category hierarchy (-bdCtg2 하위 구분) */
.-bdCtgMenu .-bdCtg2{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--c-border)}
.-bdCtgMenu .-bdCtg2 ul li a{padding:var(--space-2xs) .6rem;font-size:var(--fs-xs);background:var(--c-bg-subtle);border-color:var(--c-bg-subtle);color:var(--c-text-muted)}
.-bdCtgMenu .-bdCtg2 ul li a::before{content:"\f0da";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:.3rem;color:#9ca3af;font-size:.85em}
.-bdCtgMenu .-bdCtg2 ul li.shop-current a{background:var(--c-text);color:#fff;border-color:var(--c-text)}

/* 분류|검색 구분 수직바 (80%) */
.articleSch>div{position:relative}
.articleSch>div::before{content:"";position:absolute;top:15%;bottom:15%;width:1px;background:var(--c-border-strong);right:calc(30% + 1.15rem)}
@media(max-width:640px){.articleSch>div::before{display:none}}

/* 멀티구매 옵션/구입/수량 여백 (목록) */
.bdListGoods .ABA-goods-multi-option{margin:.35rem 0}
.bdListGoods .ABA-goods-multi-option select,.bdListGoods .ABA-goods-multi-option .opt-this-goods{margin-bottom:.4rem}
.bdListGoods .ABA-goods-multi-option select:last-of-type,.bdListGoods .ABA-goods-multi-option .opt-this-goods:last-of-type{margin-bottom:0}
.bdListGoods .rel-qty{margin:0 .3rem 0 var(--space-sm)}
.bdListGoods .bosis-checkbox.bosis-dis-tog{margin-right:var(--space-2xs)}

/* [정규화] 검색폼 인라인 입력 간격(flex-center-gap5) + 입력폭(admin-width-*) — design.css 제거 대응 */
.flex-center-gap5{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}
.admin-width-a{width:40px}.admin-width-b{width:60px}.admin-width-c{width:80px}.admin-width-d{width:100px}.admin-width-e{width:120px}.admin-width-f{width:150px}.admin-width-g{width:200px}.admin-width-h{width:300px}.admin-width-i{width:400px}.admin-width-z{width:100%}

/* [정규화] 페이저(bosis-pager 내 LF_page_link/현재페이지/이동블록) — design.css 제거 대응 */
.bosis-pager .LF_page_link,.bosis-pager .LF_page_link_current{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;margin:0 .15rem;padding:0 var(--space-sm);border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:500;line-height:1;text-decoration:none;vertical-align:middle;box-sizing:border-box}
.bosis-pager .LF_page_link{color:var(--c-text-sub2);background:#fff;border:1px solid var(--c-border)}
.bosis-pager .LF_page_link:hover{background:var(--c-bg);color:var(--c-text);border-color:var(--c-border-strong)}
.bosis-pager .LF_page_link_current{color:#fff;background:var(--c-primary);border:1px solid var(--c-primary)}
.bosis-pager .LF_page_link_current b{font-weight:600}
.bosis-pager .LF_page_link_first_page,.bosis-pager .LF_page_link_prev_block,.bosis-pager .LF_page_link_prev_page,.bosis-pager .LF_page_link_next_page,.bosis-pager .LF_page_link_next_block,.bosis-pager .LF_page_link_last_page{background-image:none!important;font-size:0}
.bosis-pager [class*="LF_page_link_"] img{display:none}
.bosis-pager .LF_page_link_first_page::before,.bosis-pager .LF_page_link_prev_block::before,.bosis-pager .LF_page_link_prev_page::before,.bosis-pager .LF_page_link_next_page::before,.bosis-pager .LF_page_link_next_block::before,.bosis-pager .LF_page_link_last_page::before{font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem;color:var(--c-text-muted)}
.bosis-pager .LF_page_link_first_page::before{content:"\f048"}
.bosis-pager .LF_page_link_prev_block::before{content:"\f100"}
.bosis-pager .LF_page_link_prev_page::before{content:"\f104"}
.bosis-pager .LF_page_link_next_page::before{content:"\f105"}
.bosis-pager .LF_page_link_next_block::before{content:"\f101"}
.bosis-pager .LF_page_link_last_page::before{content:"\f051"}

/* cart/order (장바구니·주문 품목표) */
.-tblList,.bdShop .-tblList{width:100%;border-collapse:collapse}
.-tblList caption,.bdShop .-tblList caption{display:none}
.-tblList thead th{padding:.95rem var(--space-md);font-size:var(--fs-base);font-weight:600;color:var(--c-text-muted);border-bottom:2px solid var(--c-text);text-align:center}
.-tblList>tbody>tr>td{padding:1.2rem var(--space-md);border-bottom:1px solid #f0f1f3;font-size:.9375rem;color:#374151;text-align:center;vertical-align:middle}
.-tblList>tbody>tr:hover>td{background:#fafafa}
.-tblList .bosis-img-full-w{width:88px;height:88px;object-fit:cover;border-radius:.625rem;border:1px solid #f0f1f3}
.-tblList .-fdSubject{font-size:var(--fs-md);font-weight:500;line-height:1.5}
.-tblList .-fdSubject,.-tblList td.-alignLeft{text-align:left}
.-fdSubject a{color:#374151;text-decoration:none;font-weight:500}
.-fdSubject a:hover{color:var(--c-text);text-decoration:underline}
.pageSbag .-fdPrice{font-weight:700;color:var(--c-text);font-size:1.0625rem}
.pageSbag .-fdPrice .money-unit{font-size:.8em;font-weight:500;color:var(--c-text-muted);margin-left:.1rem}
.pageSbag .-bdNoData{padding:3rem 0;color:#9ca3af;text-align:center}
.pageSbag .-bdNoData img{margin:0 auto var(--space-sm);opacity:.6}
/* ══ 장바구니 상단 탭(일반구매/정기구독): goodsView02 articleBody 보드본문 래퍼 무력화 + mono 언더라인 탭 ══ */
.pageSbagTabS,.pageSbagTabR{margin-bottom:var(--space-2xl)}
.pageSbagTabS .goodsView02,.pageSbagTabR .goodsView02,.pageSbagTabS .articleBody,.pageSbagTabR .articleBody{padding:0;margin:0;min-height:0;border:0;background:none;font-size:inherit;line-height:inherit;box-shadow:none}
.pageSbagTabS .-bdTitleWrap,.pageSbagTabR .-bdTitleWrap{margin:0;padding:0;border:0;overflow:visible}
.pageSbagTabS #goods-view-tab,.pageSbagTabR #goods-view-tab{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--c-border);list-style:none;margin:0;padding:0}
.pageSbagTabS #goods-view-tab>li,.pageSbagTabR #goods-view-tab>li{float:none;width:auto;flex:0 0 auto;margin:0 0 -1px 0;padding:0;list-style:none;background:none;border-bottom:2px solid transparent}
.pageSbagTabS #goods-view-tab>li>a,.pageSbagTabR #goods-view-tab>li>a{display:block;padding:.8rem var(--space-2xl);font-size:var(--fs-md);font-weight:600;line-height:1.5;color:var(--c-text-muted);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}
.pageSbagTabS #goods-view-tab>li>a:hover,.pageSbagTabR #goods-view-tab>li>a:hover{color:var(--c-text)}
.pageSbagTabS #goods-view-tab>li.switch-on,.pageSbagTabR #goods-view-tab>li.switch-on{border-bottom-color:var(--c-text)}
.pageSbagTabS #goods-view-tab>li.switch-on>a,.pageSbagTabR #goods-view-tab>li.switch-on>a{color:var(--c-text);font-weight:700}
/* 합계 박스(공통 외형) */
.-bdPriceWrap{margin:var(--space-xl) 0;padding:1.1rem var(--space-xl);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg)}
.-bdPriceWrap .-fdTotal dt{color:var(--c-text)}
.-bdPriceWrap .-fdTotal dd{font-size:1.35rem;font-weight:800;color:var(--c-danger-hover)}
/* 장바구니 합계(가로 정렬) */
.pageSbag .-bdPriceWrap .bosis-cr{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-sm) 1.75rem}
.pageSbag .-bdPriceWrap .bosis-cr::after{content:none;display:none}
.pageSbag .-bdPriceWrap .bosis-fl{float:none}
.pageSbag .-bdPriceWrap dl{display:flex;align-items:baseline;gap:var(--space-sm);margin:0}
.pageSbag .-bdPriceWrap dt{font-size:var(--fs-sm);font-weight:600;color:var(--c-text-muted)}
.pageSbag .-bdPriceWrap dd{margin:0;font-size:var(--fs-md);font-weight:700;color:#374151}
/* 장바구니 버튼행 */
.pageSbag .bosis-alignc{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-sm);margin:.85rem 0}
/* 주문 가격 박스(세로 목록) */
.pageSellOrder .-bdPriceWrap .bosis-cr{display:block}
.pageSellOrder .-bdPriceWrap .bosis-cr::after{content:none;display:none}
.pageSellOrder .-bdPriceWrap dl{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin:0;padding:.45rem 0;border-bottom:1px dashed #eef0f2}
.pageSellOrder .-bdPriceWrap dt{font-size:var(--fs-sm);font-weight:600;color:var(--c-text-muted)}
.pageSellOrder .-bdPriceWrap dd{margin:0;font-size:.95rem;font-weight:700;color:#374151;text-align:right}
.pageSellOrder .-bdPriceWrap dd input{width:90px;border:0;background:transparent;text-align:right;font-weight:700;color:#374151;font-size:.95rem;padding:0}
.pageSellOrder .-bdPriceWrap .-fdTotal{border-bottom:0;margin-top:.3rem;padding-top:.6rem;border-top:2px solid var(--c-text)}
.pageSellOrder .-bdPriceWrap .-fdTotal dd,.pageSellOrder .-bdPriceWrap .-fdTotal dd input{font-size:1.2rem;font-weight:800;color:var(--c-danger-hover)}
.pageSellOrder .-bdPriceWrap h4,.pageSellOrder .articleHead h4{font-size:var(--fs-md);font-weight:700;color:var(--c-text);margin:0 0 var(--space-sm)}
/* 주문 2단(결제수단 68% | 가격 27%) → 모바일 스택 */
@media(max-width:768px){.sellFormPay .bosis-fl{float:none!important;width:100%!important;margin-right:0!important}}
/* 결제수단 입력표 */
.pageSellOrder .sellFormPay table{width:100%;border-collapse:collapse}
.pageSellOrder .sellFormPay table th{padding:.7rem var(--space-sm);text-align:left;font-size:var(--fs-sm);font-weight:600;color:var(--c-text-muted);white-space:nowrap;vertical-align:middle}
.pageSellOrder .sellFormPay table td{padding:.7rem var(--space-sm);font-size:var(--fs-base);color:#374151;vertical-align:middle}
.pageSellOrder .sellFormPay h5{font-size:var(--fs-base);font-weight:600;color:#374151;margin:var(--space-2xs) 0 .6rem}
.pageSellOrder #bank_info_box,.pageSellOrder #cash_form,.pageSellOrder #tax_form,.pageSellOrder #benepia_pay_info{width:100%;margin-top:.45rem}
/* ══ 주문폼: 저밀도·현대화 (layout_r 인라인 style의 .articleInput 1클래스를 .pageSellOrder 2클래스로 제압) ══ */
.pageSellOrder .articleInput{border:1px solid var(--c-border);border-radius:.875rem;box-shadow:0 1px 2px rgba(0,0,0,.03);background:#fff;overflow:hidden}
.pageSellOrder .articleInput>ul>li{align-items:stretch;border-bottom:1px solid var(--c-bg-subtle)}
.pageSellOrder .articleInput>ul>li:last-child{border-bottom:0}
/* 라벨: 회색박스 제거·상단정렬(입력과 수평 맞춤)·여백 확대 */
.pageSellOrder .articleInput>ul>li>label{flex:0 0 150px;max-width:150px;background:none;border-right:0;align-items:flex-start;padding:var(--space-lg) 0 var(--space-lg) 1.35rem;font-size:var(--fs-sm);font-weight:600;line-height:1.5;color:var(--c-text-muted)}
/* 입력영역: 여백 확대로 저밀도 */
.pageSellOrder .articleInput>ul>li>div{align-items:flex-start;padding:.9rem 1.35rem;gap:var(--space-sm);row-gap:.55rem}
/* 입력상자 살짝 키워 현대적 밀도 */
.pageSellOrder .articleInput .bosis-text,.pageSellOrder .articleInput .bosis-select,.pageSellOrder .articleInput .AB_datepicker{height:2.5rem}
.pageSellOrder .articleInput .bosis-textarea{padding:.6rem .85rem}
/* 전화·우편번호 등 인라인 width 입력상자가 flex(1 1 200px)로 늘어나지 않게 */
.pageSellOrder .articleInput .bosis-text[style*="width"]{flex:0 0 auto}
/* 라디오/체크 그룹 간격(결제방법·배송지선택 등) */
.pageSellOrder .articleInput .inputLabelWrap,.pageSellOrder .articleInput .myAddrList{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem var(--space-xl);margin:0;padding:0;list-style:none}
.pageSellOrder .articleInput .inputLabelWrap>li,.pageSellOrder .articleInput .myAddrList>li{display:inline-flex;align-items:center;margin:0}
/* 섹션 제목 + 인라인 컨트롤(배송지 '주문자 정보와 동일' 체크) */
.pageSellOrder .articleHead{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:0 0 .85rem}
.pageSellOrder .articleHead h4{margin:0;font-size:1.0625rem;font-weight:700;color:var(--c-text)}
.pageSellOrder .articleHead>label{margin:0;font-size:var(--fs-sm);font-weight:500;color:var(--c-text-sub2);cursor:pointer}
.pageSellOrder .articleHead input[type=checkbox]{margin:0 0 0 var(--space-sm);cursor:pointer}
/* 섹션 간 간격 */
.pageSellOrder .bdWrite{margin-bottom:1.75rem}
/* ══ 쿠폰 사용 목록(s_cupon_basic AJAX 로드): 카드형·저밀도 현대화 ══ */
.pageSellOrder #cupon_box{width:100%;margin-top:.9rem;border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.pageSellOrder #s_cupon_basic_list_box{display:block}
.pageSellOrder #s_cupon_basic_list_box>p{margin:0;padding:1.4rem;text-align:center;color:#9ca3af;font-size:var(--fs-sm)}
.pageSellOrder #ABAP-s-cupon-basic{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.pageSellOrder #ABAP-s-cupon-basic th{padding:.7rem .9rem;background:var(--c-bg);font-size:.72rem;font-weight:600;color:#9ca3af;text-align:left;border-bottom:1px solid #eef0f2;white-space:nowrap}
.pageSellOrder #ABAP-s-cupon-basic td{padding:.95rem .9rem;border-bottom:1px solid var(--c-bg-subtle);color:#374151;vertical-align:middle;line-height:1.5}
.pageSellOrder #ABAP-s-cupon-basic tr:last-child td{border-bottom:0}
.pageSellOrder #ABAP-s-cupon-basic tr:hover td{background:#fafbfc}
.pageSellOrder #ABAP-s-cupon-basic th:first-child,.pageSellOrder #ABAP-s-cupon-basic td:first-child{width:42px;text-align:center;padding-left:.6rem;padding-right:.6rem}
.pageSellOrder #ABAP-s-cupon-basic td.-alignLeft{font-weight:600;color:var(--c-text)}
.pageSellOrder #ABAP-s-cupon-basic td.-alignRight{text-align:right;white-space:nowrap}
.pageSellOrder #ABAP-s-cupon-basic td:nth-child(4){color:var(--c-danger-hover);font-weight:700}
.pageSellOrder #ABAP-s-cupon-basic .bosis-text{height:2.1rem;font-size:var(--fs-sm)}
.pageSellOrder #ABAP-s-cupon-basic .cp-chg-amt{width:88px;text-align:right}
.pageSellOrder #ABAP-s-cupon-basic p{margin:.4rem 0 0}
/* 장바구니 수량입력 + 변경버튼: 한 줄 정렬 + 높이 통일(2.1rem), 변경=mono 아웃라인 버튼 */
.-tblList td.onlyPC{white-space:nowrap}
.-tblList td.onlyPC br{display:none}
.-tblList td.onlyPC .bosis-text{display:inline-block;vertical-align:middle;margin:0;height:2.1rem}
.-tblList td.onlyPC .btn-tpl{display:inline-flex;align-items:center;justify-content:center;height:2.1rem;padding:0 .6rem;margin-left:.35rem;font-size:var(--fs-sm);font-weight:500;color:#374151;background:#fff;border:1px solid var(--c-border-strong);border-radius:.4rem;box-sizing:border-box;cursor:pointer;vertical-align:middle;white-space:nowrap;transition:background .15s,border-color .15s}
.-tblList td.onlyPC .btn-tpl:hover{background:var(--c-bg);border-color:#9ca3af}
/* 쇼핑 상품상세: 상단 고정 구매바 #buyTop (PLUGIN_shop_core shop.css 호환 — mono 레이아웃은 shop.css 미로드) */
#buyTop{display:none;padding-left:0;border-bottom:2px solid var(--c-text)}
#buyTop.articleHead{margin:0}
#buyTop.fixeddiv{display:block;position:fixed;left:0;width:100%;z-index:10;background-color:#fff}
.abline-div-padding#buyTop.fixeddiv,.abline-div-padding #buyTop.fixeddiv{position:static}
#buyTop.fixeddiv .-cover{width:1200px;padding-top:0;margin:0 auto;position:relative}
#buyTop .-btnWrap{margin-top:10px}
#buyTop .-btnWrap li{float:unset;padding-left:0;margin-bottom:10px}
#buyTop .-btnWrap li,#buyTop .-btnWrap li:first-child{width:100%}
#buyTop .-bdGoodsInfo.-bdPriceTotal{border:none;padding:0}
#buyTop .-bdPriceGoods strong{font-size:15px}
#buyTop .-btnWrap.bosis-pa{width:315px}
#buyTop.fixeddiv .-btnWrap.bosis-pa{width:420px}
#buyTop .gvtop-toggle-div{padding:var(--space-xl) 30px;margin-top:10px;margin-bottom:var(--space-xl);min-height:210px;border:1px solid #ddd;background-color:#f9f9f9}
/* 쇼핑 상품상세 mono 보강 v2 (수량줄바꿈/평점+SNS 한줄/쿠폰/TOP버튼/탭) 2026-06-11 */
.bosis-alignr{text-align:right}
.flex-center-gap1{display:inline-flex;align-items:center;gap:var(--space-2xs);white-space:nowrap}
.flex-center-gap3{display:inline-flex;align-items:center;gap:3px}
.-bdQtyPrice>div{display:inline-flex;align-items:center;gap:0;white-space:nowrap;flex-wrap:nowrap}
.-bdQtyPrice img{display:inline-block;vertical-align:middle}
/* 썸네일 아래 평점 + SNS 버튼 한 줄 배치 */
.goodsView01 .bdGoodsInfoL{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md) var(--space-lg)}
.goodsView01 .bdGoodsInfoL>.-bdGoodsThumb{flex:1 1 100%}
.bosis-rating ul,.goodsView01 .-bdAftercnt ul{display:flex;align-items:center;gap:var(--space-md);list-style:none;margin:0;padding:0}
.goodsView01 .-bdAftercnt{margin:0}
.goodsView01 .-bdAftercnt .-fdAveragePer{font-size:1.3rem;font-weight:800;color:var(--c-text)}
.goodsView01 .snsWrap{margin:0 0 0 auto;background:none;border:0;padding:0}
.goodsView01 .snsWrap #AB_sns_util a{display:inline-flex;align-items:center}
/* 쿠폰 카드 */
.bosis-coupon,.goodsView01 .gvCpnWrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;border:1.5px dashed var(--c-border-strong);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);background:#fafafa;text-align:center}
.bosis-coupon .-head,.goodsView01 .gvCpnWrap .-head{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.18em;color:#fff;background:var(--c-text);border-radius:var(--radius-pill);padding:var(--space-2xs) .8rem;margin:0}
.bosis-coupon .-body,.goodsView01 .gvCpnWrap .-body{font-size:1.1rem;font-weight:700;color:var(--c-text);margin:0}
.bosis-coupon .-foot,.goodsView01 .gvCpnWrap .-foot{font-size:var(--fs-xs);font-weight:500;color:#9ca3af;line-height:1.5}
.bosis-coupon .-foot>div:first-child,.goodsView01 .gvCpnWrap .-foot>div:first-child{font-size:var(--fs-md);font-weight:800;color:var(--c-danger-hover);margin-bottom:.15rem}
.bosis-coupon li,.goodsView01 .gvCpnWrap li{list-style:none;display:block;margin:0;padding:0}
.goodsViewCoupon{max-width:100%}
/* TOP 버튼 */
.goodsView01 .-btnTop{display:inline-flex;align-items:center;gap:.35rem;height:2.25rem;padding:0 var(--space-lg);border:1px solid var(--c-border-strong);border-radius:var(--radius-pill);background:#fff;color:var(--c-text-sub2);font-size:var(--fs-sm);font-weight:600;text-decoration:none;margin-top:var(--space-lg);transition:all .15s}
.goodsView01 .-btnTop::before{content:"\f062";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem}
.goodsView01 .-btnTop:hover{border-color:#9ca3af;color:var(--c-text)}
/* 상세 탭 보강 */
.bosis-tabs>li>a,.goodsView01 #goods-view-tab>li>a{padding:.8rem 1.4rem;font-size:var(--fs-md)}
/* 상품상세 헤더 정리 (2026-06-11): 전역(.articleInput쪽) -bdTitleWrap 회색 밑줄이 상품 타이틀에 번지던 것 무효화 + 제목/배지 한 줄 정렬 */
.goodsView01 .-bdTitleWrap{border-bottom:0;margin:0;padding:0;overflow:visible}
.goodsView01 .bdGoodsInfoR .-bdTitleWrap>div{display:inline-block;vertical-align:middle;margin-right:var(--space-sm)}
.goodsView01 .bdGoodsInfoR .-bdTitleWrap>.-fdDescription{display:block;margin:.45rem 0 0}
/* 평점 한 줄(후기수+별 나란히, 라벨 제거) + 구매컬럼 버튼 풀폭 (2026-06-11) */
.goodsView01 .-bdAftercnt li>div{display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap}
.goodsView01 .-bdAftercnt li>div>div{display:flex;align-items:center;gap:var(--space-2xs)}
.goodsView01 .bdGoodsInfoR .-btnWrap,#buyTop .-btnWrap{display:block}
.goodsView01 .bdGoodsInfoR .-btnWrap>div,#buyTop .-btnWrap>div{width:100%}
.goodsView01 .bdGoodsInfoR .-btnWrap>ul,.goodsView01 .bdGoodsInfoR .-btnWrap>div>ul,#buyTop .-btnWrap>ul,#buyTop .-btnWrap>div>ul{width:100%}
/* 쿠폰 가로형 티켓 + 폭/정렬 정돈 (2026-06-11): COUPON칩 | 쿠폰명 | 할인내용 */
.goodsViewCoupon table{width:100%}
.bosis-coupon,.goodsView01 .gvCpnWrap{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg);text-align:left;padding:1.1rem var(--space-2xl)}
.bosis-coupon .-head,.goodsView01 .gvCpnWrap .-head{flex:0 0 auto}
.bosis-coupon .-body,.goodsView01 .gvCpnWrap .-body{flex:1 1 auto;min-width:0}
.bosis-coupon .-foot,.goodsView01 .gvCpnWrap .-foot{flex:0 0 auto;text-align:right;white-space:nowrap}
/* 별점 미터 — starN.png 이미지 대체, --rate: 0~10 (2026-06-11) */
.bosis-starmeter{position:relative;display:inline-block;font-size:.95rem;line-height:1;color:var(--c-border);vertical-align:middle}
.bosis-starmeter::before{content:"★★★★★"}
.bosis-starmeter>span{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#f59e0b;width:calc(var(--rate,0)*10%)}
.bosis-starmeter>span::before{content:"★★★★★"}
/* 관리자 하단바 버튼/리포트 아이콘 — cooker admin theme 이미지 FA 대체 (P1, 2026-06-11) */
.bosis-adminbar-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);background:transparent;color:#374151 !important;font-size:var(--fs-xs);text-decoration:none;cursor:pointer;pointer-events:auto}
.bosis-adminbar-btn:hover{background:var(--c-bg-subtle);color:var(--c-text) !important}
.bosis-adminbar-fab{width:30px;height:30px;background:#fff;border:1px solid var(--c-border);box-shadow:0 2px 10px rgba(0,0,0,.12)}
/* [정규화] admin_bar.imp 공유 바(레거시 마크업) → 플로팅 알약. 닫힘 시 주변 클릭 통과(pointer-events) */
.ABA-admin-menu{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:9990;display:flex;align-items:center;gap:var(--space-xs);width:auto;background:transparent;border:0;pointer-events:none}
.ABA-admin-menu .ABA-layout-align,.ABA-admin-menu [class*="ABA-container-box"],.ABA-admin-menu .ABA-content-box:not(#btn-toggle-admin-menu){float:none;width:auto;height:auto !important;margin:0 !important;display:flex;align-items:center}
.ABA-admin-menu .ABA-admin-menu-toggle{pointer-events:auto;display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-pill);padding:3px var(--space-sm);box-shadow:0 2px 10px rgba(0,0,0,.08)}
.ABA-admin-menu ul{list-style:none;display:flex;align-items:center;gap:2px;margin:0;padding:0}
#btn-toggle-admin-menu{pointer-events:auto;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-pill);box-shadow:0 2px 10px rgba(0,0,0,.08);color:var(--c-text-muted);transition:color .15s,width .15s,height .15s,border-radius .15s}
#btn-toggle-admin-menu:hover{color:var(--c-neutral-hover)}
.btn-toggle-admin-menu-show #btn-toggle-admin-menu{width:20px;height:20px;border-radius:var(--radius-pill)}
#btn-toggle-admin-menu:empty::before{content:"\f0c9";font-family:"Font Awesome 6 Free";font-weight:900;font-size:var(--fs-xs)}
.btn-toggle-admin-menu-show #btn-toggle-admin-menu:empty::before{content:"\f00d"}
.ABA-admin-menu-top{position:fixed;right:16px;bottom:56px;z-index:9991;pointer-events:none}
.ABA-admin-menu-top a{pointer-events:auto}
/* [정규화] 인쇄(@media print) — 구 theme01 layout.css `.ABA-no-print` 계승 + 현대화(관리자 크롬/카드/표 인쇄 최적화) */
@media print{
.ABA-no-print,.ABA-admin-menu,.ABA-admin-menu-top,#ABA-head-top,#intranet_lnb,#aba-lnb-tog,#ABA-footer,.bosis-btn-edit-page,.bosis-form-footer,.bosis-pager{display:none !important}
body,#intranet_contents{background:#fff !important}
#intranet_contents{padding:0 !important}
.bosis-card,.bosis-card-sch{box-shadow:none !important;border:1px solid var(--c-border);break-inside:avoid}
.bosis-card{overflow:visible}
.bosis-scroll-x{overflow:visible !important}
.bosis-table tbody tr:hover{background:transparent}
.bosis-table thead{display:table-header-group}
}
/* 인쇄형 공지 레이아웃(layout_ntc) 화면 숨김 — 구 design.css 계승 */
.pageNtcLayout .bdView [class*="articleHead"],.pageNtcLayout .articleList,.pageNtcLayout .ABA-rep-inbox,.pageNtcLayout .ABA-no-print{display:none}
/* 플러그인 업데이트 알림 배지(icon_update_badge.png → FA) */
.-fdUpdateBadge{color:var(--c-danger);font-size:.8rem;margin-left:var(--space-2xs);vertical-align:middle}
/* [정규화] 제로페이 지역표기(-fdGoodsZeroCode) — 지역명 텍스트 숨기고 아이콘만(지역명은 img title 툴팁으로 유지) */
.-fdGoodsZeroCode b{display:none}
.-fdGoodsZeroCode p{margin:0;display:inline-flex;align-items:center}
.-fdGoodsZeroCode img{display:inline-block;vertical-align:middle}
/* 아이콘(img) 없으면 알약 컨테이너 자체 숨김 — 코어 per-item 변수 잔존으로 빈 알약이 출력되는 케이스 차단 (정기배송 배지는 p래퍼 없어 무관) */
.-fdGoodsZeroCode:has(>p):not(:has(img)){display:none!important}
.-fdGoodsZeroCode p:empty{display:none}
/* [정규화] 사이트맵(.pageSitemap1) — 구 theme01 design.css 사이트맵 스타일 mono 대체 */
.pageSitemap1{box-sizing:border-box;padding:var(--space-xl) 0}
.pageSitemap1>ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg);list-style:none;margin:0;padding:0}
.pageSitemap1 .bosis-tit-site{list-style:none;letter-spacing:-.3px}
.pageSitemap1 .bosis-tit-site>div{height:100%}
.pageSitemap1 .bosis-tit-site h4{margin:0 0 10px;padding-left:2px;font-size:var(--fs-md);font-weight:700}
.pageSitemap1 .bosis-tit-site h4 a{color:var(--c-text);text-decoration:none}
.pageSitemap1 .bosis-tit-site h4 a:hover{color:var(--c-primary)}
.pageSitemap1 .bosis-tit-site ul{list-style:none;margin:0;padding:14px var(--space-lg);background:var(--c-bg);border:1px solid var(--c-bg-subtle);border-radius:var(--radius-lg)}
.pageSitemap1 .bosis-tit-site h5{margin:0;padding:0 0 var(--space-sm);font-size:var(--fs-base);font-weight:500;line-height:1.45}
.pageSitemap1 .bosis-tit-site h5 a{color:var(--c-text-sub2);text-decoration:none}
.pageSitemap1 .bosis-tit-site h5 a:hover{color:var(--c-text)}
.pageSitemap1 .bosis-tit-site h5+ul{padding:2px 0 var(--space-sm) var(--space-xs);background:transparent;border:0;border-radius:0}
.pageSitemap1 .bosis-tit-site h6{margin:0;padding:0 0 var(--space-xs);font-size:var(--fs-sm);font-weight:400;line-height:1.4}
.pageSitemap1 .bosis-tit-site h6 a{color:#9ca3af;text-decoration:none}
.pageSitemap1 .bosis-tit-site h6 a:hover{color:var(--c-text-sub2)}
.pageSitemap1 .bosis-tit-site h6 a::before{content:"–";margin-right:var(--space-xs);color:var(--c-border-strong)}
.pageSitemap1 .bosis-tit-site h4,.pageSitemap1 .bosis-tit-site h5,.pageSitemap1 .bosis-tit-site h6{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.admin-report-fa{font-size:32px;color:#cbd5e1;line-height:1}
/* 관리자 테마 아이콘 FA화 공통 (P3, 2026-06-11) */
.bosis-ic{color:var(--c-text-muted);font-size:.95rem;vertical-align:middle}
.bosis-ic-on{color:#10b981;font-size:.95rem;vertical-align:middle}
.bosis-ic-off{color:var(--c-border-strong);font-size:.95rem;vertical-align:middle}
.bosis-ic-btn{color:#374151;font-size:1.05rem;vertical-align:middle;cursor:pointer}
.bosis-ic-btn:hover{color:var(--c-text)}
.bosis-rank{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;padding:0 var(--space-2xs);border-radius:.3rem;background:var(--c-text);color:#fff;font-size:.7rem;font-weight:700;margin-right:2px}
.bosis-ic-danger{color:var(--c-danger-hover);font-size:.95rem;vertical-align:middle;cursor:pointer}
.bosis-ic-danger:hover{color:#b91c1c}
.bosis-ic-req{color:var(--c-danger-hover);font-size:.5rem;vertical-align:super}
/* 입력폼 체크박스 그룹 가로 흐름 (board_list_w 등) */
.inputLabelWrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-xl);list-style:none;margin:0;padding:0}
.inputLabelWrap li{display:flex;align-items:center;gap:var(--space-2xs);list-style:none;white-space:nowrap}
/* 섹션 펼침/접힘 토글 (.designer-tog-btn — 구 admin.css 이미지버튼 대체, board_list_w 등 _w 섹션헤더 우측) */
.designer-tog-btn{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--c-text-muted);line-height:1;cursor:pointer;white-space:nowrap}
.designer-tog-btn:hover{color:var(--c-text);border-color:#9ca3af}
.designer-tog-btn::after{content:"\f077";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.65rem}
.designer-tog-btn.-hide::after{content:"\f078"}
/* ★ 기본설정/전체설정 세그먼트 토글 정규화 (.admin-tg-seg) — 인라인 variant 대체, 상태는 ab_toggle_1이 컨테이너에 붙이는 <id>-hide/-show 클래스 활용 */
.admin-tg-seg{display:inline-flex;flex-shrink:0;align-items:stretch;cursor:pointer;overflow:hidden;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--c-border);font-size:var(--fs-sm);line-height:1}
.admin-tg-seg .admin-btn-tg-dft,.admin-tg-seg .admin-btn-tg-all{display:inline-flex;align-items:center;padding:.4rem var(--space-lg);color:var(--c-text-muted);background:#fff;white-space:nowrap;transition:background .15s,color .15s}
.admin-tg-seg .admin-btn-tg-all{border-left:1px solid var(--c-border)}
.admin-tg-seg .admin-btn-tg-dft:hover,.admin-tg-seg .admin-btn-tg-all:hover{background:var(--c-bg)}
.admin-tg-seg[class*="-hide"] .admin-btn-tg-dft,.admin-tg-seg[class*="-show"] .admin-btn-tg-all{background:var(--c-neutral-hover);color:#fff}
/* ★ _w 입력폼 행 내부 정규화 v2 (board_list_w 등, 2026-06-11) */
.bdWrite .flex-1.min-w-0>div:not([class]){display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;flex:1 1 auto;min-width:0;max-width:100%}
.bdWrite .inputLabelWrap li{white-space:nowrap}
.boardListWf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}
/* 부모/하위 연결설정 */
#admin_board_rel_parent ul{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
#admin_board_rel_parent li{white-space:nowrap}
/* 부모연결설정 게시판명 = 클릭 가능한 배지(해당 게시판설정으로 이동) */
#admin_board_rel_parent li a{display:inline-flex;align-items:center;padding:.2rem .65rem;border:1px solid var(--c-border-strong);border-radius:var(--radius-pill);font-size:var(--fs-xs);line-height:1.25;color:var(--c-text-sub2);background:#fff;text-decoration:none;transition:border-color .15s,color .15s,background-color .15s}
#admin_board_rel_parent li a:hover{border-color:var(--c-text);color:var(--c-text);background:var(--c-bg)}
.admin-select-chg{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;list-style:none;margin:0;padding:0}
.admin-select-chg::after{content:none;display:none}
.admin-select-chg li{display:inline-flex;align-items:center;gap:var(--space-2xs);white-space:nowrap;float:none;width:auto}
/* 하위연결설정 동적 권한행(#relation-option-wrap): 체크 시 게시판별 권한 요소들을 가로 배치 (실제 요소는 li>ul>li 단계) */
.relation-options{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem;flex:1 1 100%;min-width:0}
.relation-options>li{margin:0}
.relation-options>li>ul{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;list-style:none;margin:0;padding:var(--space-sm) var(--space-md);background:var(--c-bg);border:1px solid var(--c-bg-subtle);border-radius:var(--radius)}
.relation-options>li>ul>li{display:inline-flex;align-items:center;gap:var(--space-2xs);white-space:nowrap;float:none;margin:0;padding:0}
.relation-options-title span{font-weight:700;color:#374151;white-space:nowrap}
[class^="bdErpAuthTitle"]{display:inline-flex;align-items:center;margin-right:.6rem;font-size:var(--fs-sm);font-weight:600;color:#374151}
[class^="bdErpAuthInput"]{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3rem var(--space-lg)}
/* form_io 코드입력 위젯 (회원정보와맞춤 등) */
.fio-code-enter-div ul,.fio-input-json-data ul{list-style:none;margin:0;padding:0}
.fio-code-enter-div>ul[id^="tab-switch"],.fio-input-json-data>ul[id^="tab-switch"]{display:flex;gap:var(--space-2xs);margin-bottom:.4rem}
.fio-code-enter-div>ul[id^="tab-switch"] li,.fio-input-json-data>ul[id^="tab-switch"] li{padding:var(--space-2xs) .8rem;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--c-text-muted);cursor:pointer}
.fio-code-enter-div>ul[id^="tab-switch"] li.switch-on,.fio-input-json-data>ul[id^="tab-switch"] li.switch-on{background:var(--c-neutral-hover);color:#fff;border-color:var(--c-neutral-hover)}
/* form_io 위젯 컨테이너: articleInput 행(flex) 안에서 가로 꽉 채움 — 직접입력 textarea 폭의 전제 */
.fio-code-enter-div,.fio-input-json-data{flex:1 1 100%;min-width:0;width:100%}
.fio-code-enter-div textarea.bosis-textarea,.fio-input-json-data textarea.bosis-textarea{width:100%}
/* 항목 행: 평면형(li>span)과 json 트리형(li>div>span, 중첩 ul) 모두 flex 수평정렬 */
.wrap-form-io li{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.4rem;margin:.3rem 0}
.wrap-form-io li>ul{flex:1 1 100%}
.wrap-form-io li>div{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.4rem;flex:1 1 100%;min-width:0}
.wrap-form-io .item-code,.wrap-form-io .item-title,.wrap-form-io .item-price-type{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}
.wrap-form-io .item-value{display:inline-flex;align-items:flex-start}
.wrap-form-io .item-value{flex:1 1 16rem;min-width:0}
.wrap-form-io .item-value textarea{width:100%!important;min-width:0;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);padding:.3rem var(--space-sm);font-size:var(--fs-sm);line-height:1.4;background:#fff}
.wrap-form-io .item-code input,.wrap-form-io .item-title input,.wrap-form-io .item-value input{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);height:2rem;padding:0 var(--space-sm);font-size:var(--fs-sm);background:#fff}
.wrap-form-io .item-code input{width:170px}
.wrap-form-io .item-title input{width:230px}
.wrap-form-io .item-add a,.wrap-form-io .item-remove a{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;margin-top:.1rem;border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--c-text-sub2);text-decoration:none;font-weight:700;line-height:1}
.wrap-form-io .item-add a:hover,.wrap-form-io .item-remove a:hover{background:var(--c-bg);color:var(--c-text)}
.wrap-form-io .item-add.-child a{color:var(--c-primary);border-color:#bfdbfe}
/* 자동임포트설정값 입력예시(트리) — 라벨 컬럼 정렬·중첩 들여쓰기(io-example 한정) */
.wrap-form-io.io-example{padding-left:0;margin:.4rem 0 0;list-style:none}
.wrap-form-io.io-example ul{padding-left:var(--space-2xl);margin:0;list-style:none}
.wrap-form-io.io-example li>div{align-items:center}
.wrap-form-io .io-label{flex:0 0 auto;min-width:13rem;color:var(--c-text-muted);font-size:var(--fs-sm);white-space:nowrap}
.wrap-form-io .io-note{align-self:center;color:#9ca3af;font-size:var(--fs-sm)}
/* 입력폼 저장버튼 묶음(-btnWrap, admin_btn_set0x 공용) — 가운데 정렬 + 간격 */
.bdWrite .-btnWrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);margin:var(--space-xl) 0}
/* ★ 관리자 입력폼 영역 카드 배경 정규화 (board_list_w 기준) — articleInput 구패턴 폼의 배경 누락 일괄 해소. 개별 페이지에 배경 지정 금지, 여기서만 관리 */
.bdAdmin .articleInput,.bdAdminWrap .articleInput,.bdAdminGoods .articleInput{box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin:0 0 var(--space-2xl)}
/* ★ 입력폼 버튼 크기 정규화 — 행 안 보조버튼(스팸단어설정/권한/검색/관리 등)은 소형, 저장줄(-btnWrap: 저장하기/디자인수정)은 대형. 개별 페이지에서 크기 지정 금지, 여기서만 관리 */
.bdWrite .bosis-btn{height:1.75rem;padding:0 var(--space-md);font-size:var(--fs-xs);border-radius:var(--radius-sm)}
.bdWrite .-btnWrap .bosis-btn{height:2.5rem;padding:0 1.75rem;font-size:.9375rem;border-radius:var(--radius)}
/* 체크그룹 .inline 변형(노출설정/GNB그룹/묶기·설치/업데이트시): PC 한 줄 고정, 모바일 wrap
   ⚠ inline 이 Tailwind 유틸(display:inline)로도 해석되어 flex 를 덮어쓰므로 display:flex 재선언 필수 */
.inputLabelWrap.inline{display:flex}
@media(min-width:768px){.inputLabelWrap.inline{flex-wrap:nowrap}}
/* 파일확장자 태그입력: 우측공간 채움 + "만 허용" 선택상자 나란히 (인라인 width:100% 오버라이드) */
.bdWrite .flex-1.min-w-0>input.bosis-tag-input{flex:1 1 14rem;min-width:12rem;width:auto!important}
.bdWrite .flex-1.min-w-0>span.inline-flex{flex-shrink:0}
/* -bdOption(첨부파일/정책 묶음 블록)이 행의 flex 아이템으로 내용폭만 차지하던 것을 행 전체폭으로 — 내부 flex-1 입력(파일확장자 태그입력 등)이 가로로 꽉 차는 전제 */
.bdWrite .flex-1.min-w-0>.-bdOption{flex:1 1 100%;min-width:0}
/* 알림(미열람) 플로팅 카드 — board/paper/paper.inc.php (코어가 content_theme 변수로 이 CSS link, FA 비의존) */
#paper_box_alert{position:fixed!important;left:auto!important;top:auto!important;right:16px;bottom:16px;width:300px;max-width:calc(100vw - 32px);z-index:99999;animation:paperSlideUp .35s ease-out}
@keyframes paperSlideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.paper-box-alert-wrap{position:relative;background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px rgba(0,0,0,.18),0 8px 10px -6px rgba(0,0,0,.1);overflow:hidden;font-size:var(--fs-sm);color:#374151}
.paper-box-alert-top{padding:.55rem var(--space-lg);background:var(--c-text)}
.paper-box-alert-top h3{margin:0;font-size:var(--fs-base);font-weight:600;color:#fff}
.paper-box-alert-center{padding:.4rem .6rem}
.paper-box-alert-center>div{max-height:45vh;overflow:auto}
.paper-box-alert-center a{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) .4rem;padding:.45rem .4rem;border-bottom:1px solid var(--c-bg-subtle);text-decoration:none;color:#374151}
.paper-box-alert-center a:hover{background:var(--c-bg)}
.paper-box-alert-center .alert-board{font-weight:600;color:var(--c-text);margin-right:auto;white-space:nowrap}
.paper-box-alert-center .alert-closed{color:var(--c-danger-hover);font-size:var(--fs-xs);white-space:nowrap}
.paper-box-alert-center .alert-opened{color:#9ca3af;font-size:var(--fs-xs);white-space:nowrap}
.paper-box-alert-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.55rem var(--space-md);border-top:1px solid var(--c-bg-subtle);background:var(--c-bg)}
.paper-box-alert-bottom label{font-size:var(--fs-xs);color:var(--c-text-muted)}
.paper-box-alert-bottom .bosis-fl,.paper-box-alert-bottom .bosis-fr{display:flex;align-items:center;gap:.3rem;float:none}
.paper-box-alert-bottom .bosis-btn{height:1.9rem;padding:0 .9rem;font-size:.78rem}
.paper-box-alert-exit{position:absolute;top:.4rem;right:.55rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}
.paper-box-alert-exit::before{content:"\00d7";font-size:1.3rem;line-height:1;color:#fff;opacity:.7}
.paper-box-alert-exit:hover::before{opacity:1}
.paper_box_alert-trigger.mm-slide-overlay{position:fixed;inset:0;background:rgba(17,24,39,.55);z-index:99998;display:flex;align-items:center;justify-content:center}
.paper-box-alert-notice{background:#fff;color:var(--c-text);padding:.8rem 1.2rem;border-radius:var(--radius);font-size:var(--fs-base);box-shadow:0 10px 25px rgba(0,0,0,.2)}
/* 하위계층(re ↳) 아이콘과 제목 사이 여백 */
.bosis-ic.fa-arrow-turn-up{margin-right:.4rem}
/* 목록 인라인편집 일괄저장 바(site_info/ABS_config류) — 콘텐츠 영역 폭, 스크롤 중엔 하단 도킹(어드민바 위), 맨 아래선 제자리 */
.bosis-fixed-savebar{position:sticky;bottom:0;z-index:9970;display:flex;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,.97);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 -2px 10px rgba(0,0,0,.07)}
.bosis-fixed-savebar a{flex:1 1 100%;display:flex}
.bosis-fixed-savebar .bosis-btn{width:100%;height:2.6rem;font-size:.9375rem}
/* sticky 무력화 방지: overflow-hidden(BFC용)을 동일 효과의 flow-root로 치환 */
body:has(.bosis-fixed-savebar) #intranet_contents,body:has(.bosis-form-footer) #intranet_contents{overflow:visible;display:flow-root}
/* additive 병기(-bdTitleWrap bosis-card-head) 충돌 교정: 카드헤더 패딩 복원 (설정항목추가 좌측 붙음 등) */
.-bdTitleWrap.bosis-card-head{margin:0;padding:var(--space-md) var(--space-lg);overflow:visible}

/* 상품등록(판매가격 등) 가격표/선택폼 정돈 — 라디오 아래 패널형 배치 */
.bdWrite .-tblCategoryPrice{width:100%;border-collapse:collapse;margin:var(--space-2xs) 0 var(--space-sm)}
.bdWrite .-tblCategoryPrice th{width:110px;padding:.4rem var(--space-sm) .4rem 0;text-align:left;font-size:var(--fs-sm);font-weight:500;color:var(--c-text-muted);vertical-align:middle;white-space:nowrap}
.bdWrite .-tblCategoryPrice td{padding:.4rem 0}
#price_normal_form,#price_member_form,#price_count_form{margin-top:var(--space-sm)!important;padding:var(--space-md) .9rem;background:var(--c-bg);border:1px solid var(--c-bg-subtle);border-radius:var(--radius)}

/* 판매가격: 단가 입력영역은 라디오 아래 전폭(라벨 폭만큼 들여쓰기) 배치 */
.bdWrite .price-base-form,#price_normal_form,#price_member_form,#price_count_form{flex:1 1 100%}
/* 일반단가 자동계산 안내(구 우하단 플로팅 파란박스) → 판매가격 영역 인라인 패널 */
.bdWrite .price-base-note{flex:1 1 100%;margin-top:var(--space-2xs);padding:.6rem .9rem;background:var(--c-bg);border:1px solid var(--c-bg-subtle);border-radius:var(--radius)}
/* 입력상자 ↔ 단위 접미(원/원 이상/% 등) 간격 + 수직 중앙정렬 — 전역 정규화 */
.bdWrite .bosis-text,.bdWrite .bosis-select{vertical-align:middle}
.bdWrite .bosis-text+span:not(.admin-help):not(.admin-help-in),.bdWrite .bosis-select+span:not(.admin-help):not(.admin-help-in){margin-left:.35rem;vertical-align:middle;display:inline-block}
/* 수량별단가 등 가격표 셀 간격 */
.bdWrite .-tblCategoryPrice td+td{padding-left:.4rem}
/* 카드헤더 안 도움말 문구 ↔ 우측 절대배치 토글버튼(designer-tog-btn) 겹침 방지 */
.bosis-card-head .admin-help,.bosis-card-head .admin-help-in{display:block;width:auto;margin:0 2.6rem 0 0}
/* 중첩 articleInput(상품옵션 5+ 토글영역 등): 카드 중복 해제, 상단 구분선만 */
.bdWrite .articleInput .articleInput{background:transparent;border:0;border-top:1px solid var(--c-bg-subtle);border-radius:0;box-shadow:none;padding:0;margin:0}
/* 행 라벨 ↔ 라디오/체크 그룹 수평(기준선) 정렬: 그룹 높이를 입력상자(2rem)와 동일 기준으로 */
.bdWrite .articleInput .inputLabelWrap{min-height:2rem;align-content:center}
/* inputLabelWrap 짝 안에서는 li gap(.25rem)이 간격 기준 — 전역 라벨마진 중복 중화 */
.inputLabelWrap li .bosis-checkbox+label,.inputLabelWrap li .bosis-radio+label{margin-left:0;margin-right:0}
/* 섹션 사이 안내문 묶음(-helpWrap: 상품옵션 가격 규칙 등): 사방 여백 + 연한 패널 */
.bdWrite .-helpWrap{margin:var(--space-sm) 0 var(--space-md);padding:.6rem .9rem;background:var(--c-bg);border:1px solid var(--c-bg-subtle);border-radius:var(--radius)}
.bdWrite .-helpWrap .admin-help{margin:.15rem 0}
/* 입력폼 섹션 타이틀을 흰 카드 안으로 편입: 타이틀=카드 상단(흰 배경, 하단 가는 구분선) + 본문(articleInput)=카드 하단 */
.bdWrite .bosis-card-head{background:#fff;border:1px solid var(--c-bg-subtle);border-bottom:1px solid var(--c-border);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:var(--space-md) var(--space-2xl);margin:0}
.bdWrite .bosis-card-head~.articleInput{border-top:0;border-radius:0 0 var(--radius) var(--radius);margin-top:0;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
/* 타이틀과 본문 사이에 끼는 안내문 묶음(-helpWrap)도 카드 흐름에 편입 */
.bdWrite .bosis-card-head+.-helpWrap{margin:0;padding:.6rem var(--space-2xl);background:#fff;border:1px solid var(--c-bg-subtle);border-top:0;border-bottom:0;border-radius:0}

/* ★[정규화] 관리자홈 대시보드(admin_home/admin_home_conts, admin_mailsms/admin_shop 공용 위젯) — 구 theme01 design.css/layout.css 위젯 스타일 mono 대체 */
/* 행 레이아웃: 구 float(ABA-container-box-NNN) → flex. 마커 .admin-home-row 가 붙은 행에서만 동작(프론트 float 레이아웃 무영향) */
.admin-home-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-xl);margin:0 0 var(--space-xl)}
.admin-home-row [class*="ABA-container-box-"]{float:none;width:auto;margin:0;min-width:0}
.admin-home-row .ABA-container-box-370{flex:0 0 340px;max-width:100%}
.admin-home-row .ABA-container-box-470{flex:0 0 470px;max-width:100%}
.admin-home-row .ABA-container-box-490,.admin-home-row .ABA-container-box-600,.admin-home-row .ABA-container-box-731{flex:1 1 480px}
.admin-home-row .ABA-container-box-1000{flex:1 1 100%}
.admin-home-row .ABA-container-box-260{flex:1 0 300px;max-width:100%;display:flex;flex-direction:column;gap:var(--space-xl)}
@media(min-width:1180px){.admin-home-row .ABA-container-box-260{flex:0 0 320px}}
/* 위젯 카드 */
.admin-box13,.admin-box04,.admin-box04-1,.admin-box03{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.7rem var(--space-lg);border-bottom:1px solid var(--c-bg-subtle)}
.admin-head h3{margin:0;font-size:.9375rem;font-weight:700;color:var(--c-text);line-height:1.3}
.admin-head h3 p{margin:0;display:inline}
.admin-body{padding:var(--space-lg)}
/* 오늘의 주요 현황: 스탯 타일(전폭 카드 안에서 한 줄, 좁아지면 자동 래핑) */
.admin-report-icon01{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.admin-report-icon01 li{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:88px;padding:var(--space-lg) 64px var(--space-lg) var(--space-xl);background:var(--c-bg);border:1px solid var(--c-bg-subtle);border-radius:.625rem}
.admin-report-icon01 li>div{display:flex;flex-direction:column;gap:3px}
.admin-report-data{display:block;font-size:1.6rem;font-weight:700;color:var(--c-text);line-height:1.2}
.admin-report-label{display:block;font-size:var(--fs-sm);color:var(--c-text-muted)}
.admin-report-icon01 .admin-report-fa{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:28px;color:var(--c-border-strong)}
/* 위젯 내부 정보 테이블(라벨 좌/값 우) */
.admin-body-tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.admin-body-tbl th{padding:.45rem var(--space-2xs);font-weight:500;color:var(--c-text-muted);text-align:left;white-space:nowrap;border-bottom:1px solid var(--c-bg-subtle);vertical-align:top}
.admin-body-tbl td{padding:.45rem var(--space-2xs);color:var(--c-text);text-align:right;border-bottom:1px solid var(--c-bg-subtle);word-break:break-all}
.admin-body-tbl tr:last-child th,.admin-body-tbl tr:last-child td{border-bottom:0}
.admin-body-tbl b{font-weight:700}
/* 주문현황 건수 링크 */
.adminHomeTodoWrap .admin-body td a{font-weight:600;color:#374151;text-decoration:none}
.adminHomeTodoWrap .admin-body td a:hover{color:var(--c-text);text-decoration:underline}
/* 온라인 고객센터(iframe) 카드: 행 높이 채움, JS 인라인 height보다 우선 */
.admin-home-row .wrap-cs-site{display:flex;flex-direction:column;height:100%}
.admin-home-row .wrap-cs-site .admin-body{flex:1;padding:0;min-height:420px;overflow:hidden}
.admin-home-row .wrap-cs-site .admin-body iframe{display:block;width:100%;height:100%!important;border:0}
/* 디스크/트래픽 사용량 조회 로딩 스피너(구 design.css 회전 대체) */
.rotate-item-s-wrap img{animation:bosis-rot 1s linear infinite}
@keyframes bosis-rot{to{transform:rotate(360deg)}}

/* ★[정규화] 관리자홈 차트 대시보드 (index_dashboard.inc.php, 2026-06-13) */
.admin-dash-kpi-wrap{margin:0 0 var(--space-xl)}
.admin-dash-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.admin-dash-kpi li{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:88px;padding:var(--space-lg) 56px var(--space-lg) var(--space-xl);background:#fff;border:1px solid var(--c-border);border-radius:.625rem}
.admin-dash-kpi-fa{position:absolute;right:18px;top:18px;font-size:var(--fs-xl);color:var(--c-border-strong)}
.admin-dash-kpi-label{font-size:.78rem;color:var(--c-text-muted)}
.admin-dash-kpi-data{font-size:var(--fs-2xl);font-weight:700;color:var(--c-text);line-height:1.15;white-space:nowrap}
.admin-dash-delta{display:inline-flex;align-items:center;gap:3px;width:fit-content;margin-top:2px;padding:1px 7px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;white-space:nowrap}
.admin-dash-delta i{font-size:.65rem}
.admin-dash-up{color:var(--c-emerald);background:#ecfdf5}
.admin-dash-down{color:var(--c-danger-hover);background:var(--c-danger-bg)}
.admin-dash-flat{color:var(--c-text-muted);background:var(--c-bg-subtle)}
/* 차트 그리드: 본차트(넓게)+사이드 카드, 좁아지면 세로 스택 */
.admin-dash-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:var(--space-xl);margin:0 0 var(--space-xl)}
@media(max-width:1000px){.admin-dash-grid{grid-template-columns:minmax(0,1fr)}}
.admin-dash-grid .admin-box04{margin:0;display:flex;flex-direction:column}
.admin-dash-grid .admin-body{flex:1 1 auto}
.admin-dash-sub{margin-left:var(--space-xs);font-size:.7rem;font-weight:500;color:#9ca3af}
.admin-dash-chart{position:relative;height:280px}
.admin-dash-chart-donut{height:240px}
.admin-dash-chart canvas{max-width:100%}
.admin-dash-nodata{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#9ca3af;background:#fff}
/* 기간 토글(7/30/90일) */
.admin-dash-seg{display:inline-flex;align-items:stretch;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:.72rem;line-height:1}
.admin-dash-seg a{display:inline-flex;align-items:center;padding:.32rem .6rem;color:var(--c-text-muted);background:#fff;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.admin-dash-seg a+a{border-left:1px solid var(--c-border)}
.admin-dash-seg a:hover{background:var(--c-bg)}
.admin-dash-seg a.-on{background:var(--c-neutral-hover);color:#fff}
/* 이번달 요약 */
.admin-dash-month{list-style:none;margin:0;padding:0}
.admin-dash-month li{display:flex;align-items:center;gap:10px;padding:var(--space-md) 2px;border-bottom:1px solid var(--c-bg-subtle)}
.admin-dash-month li:last-child{border-bottom:0}
.admin-dash-month-label{flex:0 0 64px;font-size:.78rem;color:var(--c-text-muted)}
.admin-dash-month-data{flex:1 1 auto;min-width:0;font-size:1.15rem;font-weight:700;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-dash-month-data em{font-style:normal;font-size:.72rem;font-weight:500;color:#9ca3af;margin-left:2px}
.admin-dash-month li .admin-dash-delta{margin-top:0;flex:0 0 auto}
.admin-dash-month-note{margin:10px 2px 0;font-size:.7rem;color:#9ca3af}
/* admin-home-row(flex) 직속일 때 전폭 차지 */
.admin-home-row>.admin-dash-kpi-wrap,.admin-home-row>.admin-dash-grid{flex:1 1 100%;min-width:0}
/* 하단 현황 카드(방문자/주문 나란히) — 카드 높이 동기 + 표 행 여백 정규화(두 표 동일 리듬 .6rem) */
.admin-home-row [class*="ABA-container-box-"]>.admin-box04{height:100%;display:flex;flex-direction:column;min-width:0}
.admin-home-row .admin-box04>.admin-body{flex:1 1 auto}
.admin-home-row .admin-body .bosis-table thead th,
.admin-home-row .admin-body .bosis-table tbody td{padding:.6rem var(--space-md);font-size:var(--fs-sm)}
/* 방문자현황 데이터행 첫 칸이 th(날짜) — bosis-table엔 tbody th 규칙이 없어 패딩 0이던 것 정규화 */
.admin-home-row .admin-body .bosis-table tbody th{padding:.6rem var(--space-md);font-size:var(--fs-sm);font-weight:500;color:var(--c-text-muted);text-align:center;border-bottom:1px solid var(--c-bg-subtle);white-space:nowrap}
/* 주문현황(key-value 표): 고정 비율 2열 — 긴 상태라벨(nowrap)이 열을 밀어내 값이 끝까지 쏠리는 것 방지, 라벨 줄바꿈 허용 */
.admin-home-row .admin-body .bosis-sch-tbl{table-layout:fixed;width:100%}
.admin-home-row .admin-body .bosis-sch-tbl th{width:55%;white-space:normal;word-break:keep-all;padding:.6rem var(--space-sm) .6rem 0;font-size:var(--fs-sm)}
.admin-home-row .admin-body .bosis-sch-tbl td{padding:.6rem 0;font-size:var(--fs-sm)}
/* 방문자 현황: 오늘 행 강조 / 주간 합계 행 구분 */
.admin-home-row .bosis-table tr.admin-state-today th,.admin-home-row .bosis-table tr.admin-state-today td{background:var(--c-primary-bg)}
.admin-home-row .bosis-table tr.admin-state-sum th,.admin-home-row .bosis-table tr.admin-state-sum td{background:var(--c-bg);font-weight:600;color:var(--c-text);border-top:1px solid var(--c-border);border-bottom:0}

/* ★[정규화] 관리자 헤더 유틸바 모바일 압축 (#ABA-head-top, ≤640px — 2026-06-13)
   레이아웃 인라인 style(.bosis-select 28px 등)을 같은 특이성으로 덮음(mono/style.css 가 head 마지막 로드).
   version_type(PC/Mobile)·language(한국어/영어)는 내용이 짧으니 폭 상한을 좁게,
   GNB그룹 바로가기·서브사이트(인라인 width:150px)는 max-width 로 제압(max-width > inline width). */
@media(max-width:640px){
  #ABA-head-top .flex.items-center.justify-between{padding-left:var(--space-sm);padding-right:var(--space-sm);row-gap:2px}
  #ABA-head-top .admin-header-btn{height:24px;line-height:24px;padding:0 var(--space-2xs);font-size:10px}
  #ABA-head-top .bosis-select{height:24px;line-height:24px;padding:0 2px;font-size:10px;max-width:96px;background-image:none}
  #ABA-head-top .admin-top-vm{max-width:78px}                 /* PC/Mobile · 한국어/영어 */
  #ABA-head-top .admin-top-dfg{max-width:122px;margin-left:0!important}  /* GNB그룹 바로가기 */
  #ABA-head-top .text-sm.font-bold{max-width:88px;overflow:hidden;text-overflow:ellipsis;font-size:11px}
  #ABA-head-top .flex.items-center.mr-2{margin-right:var(--space-2xs)}
  /* 통합검색 상자: 입력폭 상한 + 높이 24px 로 축소 */
  #ABA-head-top div.h-7:has(>fieldset.search){height:24px;padding-left:.4rem;padding-right:.2rem}
  #ABA-head-top fieldset.search input{max-width:86px;font-size:10px}
  /* 선택상자 묶음이 줄바꿈될 때 위아래 간격 */
  #ABA-head-top .flex.flex-wrap{row-gap:3px}
  #ABA-head-top .flex.items-center.ml-2{margin-left:var(--space-2xs)}
  #ABA-head-top .flex.items-center.gap-1{flex-wrap:wrap;justify-content:flex-end;gap:3px}
}

/* ★[정규화] 검색폼(bosis-sch-tbl) 모바일 스택 (≤640px — 2026-06-13)
   원인: 검색폼이 테이블이라 셀 폭이 내용(옵션 긴 select 등) 본연폭에 끌려가 표 전체가 뷰포트를 넘침
   (design_files 레이아웃 선택상자 등). 해법: 행/셀을 블록 스택(라벨 위/입력 아래)으로 풀고
   입력요소에 max-width:100% 상한 — 모든 관리자 검색폼·뷰(bosis-sch-tbl 공용)에 일괄 적용. */
@media(max-width:640px){
  /* 콘텐츠 영역 좌우 여백 축소 — 전 관리자 페이지의 카드 옆 빈 공간은 이 한 곳(p-5=20px)에서 나옴 */
  #intranet_contents{padding:var(--space-md) var(--space-sm)}
  /* 관리자홈 KPI 요약 카드 = 항상 2열 + 컴팩트 타일 */
  .admin-dash-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .admin-dash-kpi li{min-height:74px;padding:var(--space-md) 40px var(--space-md) 14px}
  .admin-dash-kpi-data{font-size:var(--fs-xl)}
  .admin-dash-kpi-fa{right:12px;top:14px;font-size:var(--fs-md)}
  .bosis-sch-tbl,.bosis-sch-tbl tbody,.bosis-sch-tbl tr{display:block;width:100%}
  .bosis-sch-tbl th{display:block;width:100%;padding:.55rem 0 .15rem;white-space:normal}
  .bosis-sch-tbl td{display:block;width:100%;padding:.1rem 0 .55rem}
  /* flex 유틸 셀(페이지검색처럼 gap으로 간격 주는 셀)은 flex 유지 — block 강제 시 gap 소실로 컨트롤이 붙음 */
  .bosis-sch-tbl td.flex{display:flex}
  .bosis-sch-tbl tr{border-bottom:1px solid var(--c-bg-subtle)}
  .bosis-sch-tbl tr:last-child{border-bottom:0}
  .bosis-sch-tbl td .bosis-select,.bosis-sch-tbl td .bosis-text,.bosis-sch-tbl td .bosis-textarea{max-width:100%;box-sizing:border-box}
  .bosis-card-sch{overflow:hidden}
  /* 멀티선택 드롭패널·날짜블록 등 부속 요소도 화면 안으로 */
  [class*="bosis-multiple"][data-itm-cnt]{max-width:calc(100vw - 40px)}
  .bosis-sch-tbl td .-sel-tog{flex-wrap:wrap}
  /* 대시보드 주문현황(key-value 데이터 표)은 검색폼 스택 대상에서 제외 — 라벨/값을 같은 행에 유지(스택 시 값이 아랫줄 우측정렬로 떨어짐) */
  .admin-home-row .admin-body .bosis-sch-tbl{display:table}
  .admin-home-row .admin-body .bosis-sch-tbl tbody{display:table-row-group}
  .admin-home-row .admin-body .bosis-sch-tbl tr{display:table-row}
  .admin-home-row .admin-body .bosis-sch-tbl th{display:table-cell;width:55%;padding:var(--space-sm) .4rem var(--space-sm) 0}
  .admin-home-row .admin-body .bosis-sch-tbl td{display:table-cell;width:auto;padding:var(--space-sm) 0}
  /* 대시보드 방문자현황: 셀 패딩(좌우 12px×5열)+헤더 nowrap 으로 표 최소폭이 카드를 넘어 우측이 잘리던 것 압축 */
  .admin-home-row .admin-body .bosis-table thead th,
  .admin-home-row .admin-body .bosis-table tbody td,
  .admin-home-row .admin-body .bosis-table tbody th{padding:var(--space-sm) .3rem;font-size:var(--fs-xs)}
  .admin-home-row .admin-body .bosis-table thead th{white-space:normal}
}

/* ═══ 게시판 프론트 정리(board / board_v) — 2026-06-16 claude ═══ */
/* 리스트 행별 관리버튼(수정/삭제): mono 톤다운 + 여백(빨강 과도 완화) */
.bosis-row-btn{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;padding:0;margin:0 .15rem;border:1px solid var(--c-border);border-radius:.45rem;background:#fff;color:#9ca3af;font-size:.78rem;line-height:1;cursor:pointer;text-decoration:none;transition:all .15s;box-sizing:border-box}
.bosis-row-btn:hover{background:var(--c-bg);color:var(--c-text-sub2);border-color:var(--c-border-strong)}
.bosis-row-btn-danger:hover{background:var(--c-danger-bg);color:var(--c-danger-hover);border-color:#fecaca}
/* [2026-06-18] 행 액션 텍스트형(수정/삭제 작은 글자) — 정사각 아이콘 박스 대신 가벼운 텍스트(수정=회색·삭제=빨강·한 줄) */
.bosis-row-btn-text{width:auto;height:auto;padding:.15rem .35rem;border:0;background:none;color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:500;line-height:1.4;white-space:nowrap}
.bosis-row-btn-text:hover{background:none;border-color:transparent;color:#374151;text-decoration:underline}
.bosis-row-btn-danger.bosis-row-btn-text{color:var(--c-danger-hover)}
.bosis-row-btn-danger.bosis-row-btn-text:hover{background:none;color:#b91c1c;text-decoration:underline}
/* [2026-06-18] 팝업/폼 제출버튼 영역(.ABA-sumit, 88곳 공용) — 레거시 design.css 제거로 미정의→버튼 간격0(붙음). 골든 정의=버튼 행 flex+gap, 정렬은 bosis-align* 클래스 따름 */
.ABA-sumit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}
.ABA-sumit.bosis-alignc{justify-content:center}
.ABA-sumit.bosis-alignr{justify-content:flex-end}
.-btnWrap.bosis-alignc > div[style*="flex"]{gap:.35rem}
/* 뷰 하단 관리/투표 버튼 묶음 간격·정렬 */
.bdView .-btnWrap{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;margin-top:var(--space-3xl)}
.bdView .-bdVote{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;margin-top:var(--space-xl)}
.bdView .-bdVote .bosis-fl{display:inline-flex;margin:0}
/* 추천/반대/공유/답변 아이콘·텍스트 버튼 일관 크기(mono), gif→FA */
.-btnV,.-btnShare,.-btnR{display:inline-flex !important;align-items:center;justify-content:center;gap:.3rem;height:1.95rem;padding:0 .7rem;border:1px solid var(--c-border);border-radius:var(--radius);background:#fff;color:var(--c-text-muted);font-size:.82rem;line-height:1;text-decoration:none;cursor:pointer;transition:all .15s;box-sizing:border-box}
.-btnShare,.-btnR{padding:0;width:1.95rem}
.-btnV:hover,.-btnShare:hover,.-btnR:hover{background:var(--c-bg);color:#374151;border-color:var(--c-border-strong)}
.-bdVote .bosis-btn-sm{display:inline-flex;align-items:center;height:2.5rem;padding:0 1.35rem;font-size:var(--fs-base);font-weight:500;background:#fff;color:var(--c-text-sub2);border:1px solid var(--c-border-strong);border-radius:.6rem;box-shadow:none}  /* [claude 250727v2] 추천/공유 필과 행 정합 — 실효 스펙은 최종 세대 L1181(2.5rem·fs-base·.6rem)이 이김(픽셀실측 40px). 2rem(구세대) 기준 오정합 교정 */
/* AI 프롬프트 선택상자: 좌우 그라데이션 애니메이션 제거(고정) */
.ai_select_h,select.ai_select_h{animation:none !important;transition:none !important;background-color:#fff !important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m6 8 4 4 4-4'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right .6rem center !important;background-size:1.1rem 1.1rem !important}
/* 파일선택(file input) 높이 통일 */
input[type=file].bosis-text,.bosis-file-wrap input[type=file],.articleInput input[type=file],.bdWrite input[type=file]{height:2.25rem;line-height:calc(2.25rem - 2px);padding:0 var(--space-sm);border:1px solid var(--c-border-strong);border-radius:var(--radius);background:#fff;font-size:var(--fs-sm);color:#374151;box-sizing:border-box}
input[type=file].bosis-text::-webkit-file-upload-button,.bdWrite input[type=file]::-webkit-file-upload-button,.articleInput input[type=file]::-webkit-file-upload-button{height:calc(2.25rem - 2px);margin:-1px .6rem -1px -.5rem;padding:0 .8rem;border:0;border-right:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text-sub2);font-size:.8rem;cursor:pointer}

/* ═══ 게시판 댓글/쓰기폼 레이아웃 보강(레거시 design.css 제거분) — 2026-06-16 claude ═══ */
/* 입력칸 우측 15px 패딩 제거 → AI프롬프트 선택상자와 동일 풀폭 */
.bosis-cmt-wrap{padding-left:0;padding-right:0}
.bosis-cmt-wrap > div[style*="padding"]{padding:.3rem 0 !important}
.bosis-cmt-wrap .bosis-textarea,.bosis-cmt-wrap .bosis-text{width:100% !important;box-sizing:border-box}
.bosis-cmt-wrap .-inputCmt{min-height:5rem}
/* 파일선택: iframe 을 다른 입력칸과 동일 높이·테두리 박스로(28px→통일) */
.cmtFileWrap{padding:.3rem 0 !important}
.cmtFileWrap iframe,.bosis-cmt-wrap iframe[src*="file_upload_box"]{height:2.4rem !important;vertical-align:middle}
/* 하단 행(스팸코드/등록일시/체크박스 + 등록버튼): 겹침 제거 → flex 한 줄 정렬 */
.bosis-cmt-input-wrap .bosis-cr.bosis-pr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg);position:relative;margin-top:1.1rem}
.bosis-cmt-input-wrap .bosis-cr.bosis-pr::after{content:none !important;display:none !important}
.bosis-cmt-input-wrap .bosis-cr > .bosis-fl{float:none;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem var(--space-md);margin:0}
.bosis-cmt-input-wrap .bosis-cr > .bosis-fl:first-child{flex:1 1 auto}
.bosis-cmt-input-wrap .bosis-cr .AB_datepicker{width:170px !important}
.bosis-cmt-input-wrap .bosis-cr .bosis-checkbox+label,.bosis-cmt-input-wrap .bosis-cr label{margin:0 .2rem 0 0;font-size:var(--fs-sm);color:var(--c-text-muted);white-space:nowrap}
/* 등록 버튼: 절대위치(겹침) 해제 → 행 우측에 자연 배치, mono 스타일 */
.bosis-cmt-input-wrap .-btnWrap.bosis-fr.bosis-pa{position:static !important;float:none !important;margin-left:auto;padding:0}
.-btnCmt{display:inline-flex;align-items:center;justify-content:center;height:2.3rem;padding:0 var(--space-2xl);border-radius:var(--radius);background:var(--c-neutral-hover);color:#fff;font-size:var(--fs-base);font-weight:500;border:0;cursor:pointer;text-decoration:none;white-space:nowrap}
.-btnCmt:hover{background:var(--c-text)}
/* 본문 밸런스 보정 */ .bdView h1{margin:.15rem 0 .4rem !important} .bdView{padding:var(--space-lg) 1.2rem !important}

/* ═══ ai-spacing 베이스라인(결정적) — 2026-06-16 ═══ */
/* [search_bar] 검색/필터 바(목록수·검색·추가 등) 한 줄 정렬 — 버튼 줄바꿈 방지 */
.-bdSchWrap ul,.-bdSchInner ul{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem var(--space-sm);list-style:none;margin:0;padding:0}
.-bdSchWrap li,.-bdSchInner li{display:flex;align-items:center;margin:0;flex:0 0 auto}
.-bdSchWrap li.-schGrow,.-bdSchInner li.-schGrow{flex:1 1 140px;min-width:140px}	/* basis=min-width: 입력칸은 grow로 남는 폭을 채우되, 큰 basis(240)가 줄바꿈 계산을 키워 검색/추가 버튼이 다음 줄로 밀리는 것 방지 */
.-bdSchWrap li>div,.-bdSchInner li>div{display:flex;align-items:center}
.-bdSchWrap li.-schGrow>div,.-bdSchInner li.-schGrow>div{width:100%}
.-bdSchWrap li.-schGrow .bosis-text,.-bdSchWrap li.-schGrow input[type=text],.-bdSchInner li.-schGrow .bosis-text,.-bdSchInner li.-schGrow input[type=text]{width:100%;box-sizing:border-box}
.-bdSchWrap .bosis-btn,.-bdSchWrap input[type=submit],.-bdSchInner .bosis-btn,.-bdSchInner input[type=submit]{width:auto;white-space:nowrap}
/* [front-board content] 검색바·데이터·일괄수정 영역 여백+카드 — 레이아웃 tag_header 중복 제거·전역 단일관리(범용 테마, 레이아웃 무관 공통). 정렬류(.bosis-alignc 등)는 더 구체 셀렉터(.bdWrite/#buyTop/.goodsView01)가 우선 */
.-bdSchWrap{margin-bottom:var(--space-lg)}
.-bdSchInner{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.85rem var(--space-lg);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius)}
.-btnWrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);justify-content:flex-end;margin:var(--space-lg) 0}
.-btnWrap.bosis-alignc{display:inline-flex;justify-content:center;gap:var(--space-2xs);margin:0}
td .-btnWrap,.-tblList .-btnWrap,.bosis-table .-btnWrap{margin:0}
.-btnRss{display:inline-flex;align-items:center;gap:.3rem;height:2rem;padding:0 .7rem;font-size:var(--fs-sm);border:1px solid #fcd34d;border-radius:var(--radius-sm);color:#d97706;text-decoration:none;background:#fffbeb;margin-right:auto}
.-bdSettingWrap{margin-top:var(--space-xl);background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);padding:.85rem var(--space-lg)}
.-bdSettingWrap>div>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.6rem}/* [Claude] 일괄처리 영역 컨트롤/버튼은 가로로 쭉 흐르고 폭이 좁아지면 자연 줄바꿈(was flex-direction:column → 넓은 화면서도 한줄에 하나씩 세로로 쌓이던 것 수정). li=개별 컨트롤(셀렉트/입력/버튼). */
.-bdSettingWrap .admin-width-z{width:auto}/* [Claude] 일괄영역 버튼은 자동폭으로 흘러야 가로배치+자연줄바꿈. admin-width-z=width:100%(전역 풀폭버튼용)가 여기선 flex 직계자식 버튼을 한 줄 독점시켜 세로로 쌓이게 함(tcmember). 전역 admin-width-z 풀폭은 유지, 일괄영역 안에서만 auto. */
.-bdSettingWrap>div>ul>li{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-sm);padding:.4rem 0;border-bottom:1px solid var(--c-bg-subtle)}
.-bdSettingWrap>div>ul>li:last-child{border-bottom:0}
.-bdSettingWrap>div>ul>li>label{flex:0 0 84px;max-width:84px;font-size:var(--fs-sm);font-weight:600;color:var(--c-text-muted);padding-top:.4rem}
.-bdSettingWrap li .flex.flex-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.-bdSettingWrap li>div{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:0}
.-bdSettingWrap li>div.items-center{flex-direction:row;flex-wrap:nowrap;width:auto;gap:.4rem}
/* [Claude] 일괄변경 그룹(변경항목 select + 변경할값 input + 선택변경 버튼)이 클래스 없는 단일 div 안에 평면 나열돼 간격이 없음(딱붙음) → 그 div만 flex row+gap (ul 기반 리치 레이아웃은 :has 셀렉터로 미해당) */
.-bdSettingWrap>div:has(>[name="MOD_chg_field"]){display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}
/* [Claude] 모바일 일괄처리 영역 — 라벨 풀폭(줄바꿈), 선택상자 유연폭, 이동/복사 행 wrap */
@media(max-width:767px){
.-bdSettingWrap>div>ul>li>label{flex:0 0 100%;max-width:100%}
.-bdSettingWrap li>div.items-center{flex-wrap:wrap}
.admin-width-h{width:100%}
}

/* ============================================================
   [Claude] 코어 목록 아이콘(viewer.inc.php subject) — gif→mask+currentColor
   new/notice/notice-main/reply/private/hidden, 색=토큰(테마 스왑 가변)
   ============================================================ */
.bos-licon{display:inline-block;width:1em;height:1em;vertical-align:-0.15em;flex:none}
@supports ((-webkit-mask-image:url(x)) or (mask-image:url(x))){
  .bos-licon{background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
  .bos-licon-new{color:var(--c-emerald,var(--c-emerald));-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ctext%20x%3D%228%22%20y%3D%2212.6%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2214%22%20font-weight%3D%22800%22%20text-anchor%3D%22middle%22%20fill%3D%22%23000%22%3EN%3C%2Ftext%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ctext%20x%3D%228%22%20y%3D%2212.6%22%20font-family%3D%22Arial%2CHelvetica%2Csans-serif%22%20font-size%3D%2214%22%20font-weight%3D%22800%22%20text-anchor%3D%22middle%22%20fill%3D%22%23000%22%3EN%3C%2Ftext%3E%3C%2Fsvg%3E")}
  .bos-licon-notice{color:var(--c-primary,var(--c-primary));-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%209v6h4l5%204V5L8%209z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20d%3D%22M16%208.5a5%205%200%20010%207%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%209v6h4l5%204V5L8%209z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20d%3D%22M16%208.5a5%205%200%20010%207%22%2F%3E%3C%2Fsvg%3E")}
  .bos-licon-notice-main{color:var(--c-danger,var(--c-danger));-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%209v6h4l5%204V5L8%209z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20d%3D%22M16%208.5a5%205%200%20010%207%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%209v6h4l5%204V5L8%209z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20d%3D%22M16%208.5a5%205%200%20010%207%22%2F%3E%3C%2Fsvg%3E")}
  .bos-licon-reply{color:var(--c-text-muted,var(--c-text-muted));-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%205v7a2%202%200%20002%202h8%22%2F%3E%3Cpath%20d%3D%22M15%2011l4%203-4%203%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%205v7a2%202%200%20002%202h8%22%2F%3E%3Cpath%20d%3D%22M15%2011l4%203-4%203%22%2F%3E%3C%2Fsvg%3E")}
  .bos-licon-private{color:var(--c-text-sub2,var(--c-text-sub2));-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%20018%200v3%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%20018%200v3%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")}
  .bos-licon-hidden{color:var(--c-text-muted,var(--c-text-muted));-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203l18%2018%22%2F%3E%3Cpath%20d%3D%22M10.6%205.2A10.7%2010.7%200%200112%205c6%200%2010%207%2010%207a18.5%2018.5%200%2001-2.8%203.3M6.7%206.7A18.4%2018.4%200%20002%2012s4%207%2010%207a10.6%2010.6%200%20003.9-.7%22%2F%3E%3Cpath%20d%3D%22M9.9%209.9a3%203%200%20104.2%204.2%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203l18%2018%22%2F%3E%3Cpath%20d%3D%22M10.6%205.2A10.7%2010.7%200%200112%205c6%200%2010%207%2010%207a18.5%2018.5%200%2001-2.8%203.3M6.7%206.7A18.4%2018.4%200%20002%2012s4%207%2010%207a10.6%2010.6%200%20003.9-.7%22%2F%3E%3Cpath%20d%3D%22M9.9%209.9a3%203%200%20104.2%204.2%22%2F%3E%3C%2Fsvg%3E")}
}

/* [Claude 2026-06-17] 입력폼 골든(.articleInput) — layout_r tag_header 인라인 폼CSS를 style.css 단일소스로 이관. 에디터행 전폭+관리자옵션 체크박스 가로+모바일스택 */
.articleInput>ul>li#ABA-editor{display:block}
.articleInput>ul>li#ABA-editor>label{display:block;flex:none;max-width:none;width:100%;border-right:0;border-bottom:1px solid #f0f1f3}
.articleInput>ul>li#ABA-editor>div{display:block;width:100%}
.articleInput .-bdOption>div,.articleInput .-bdOption>div>div,.articleInput .-bdOption>div>div>ul,.articleInput .-bdOption>div>div>ul>li,.articleInput .-bdOption>div>div>ul>li>div{display:block;width:100%;margin:0;padding:0;border:0}
.articleInput .-bdOption .inputLabelWrap{display:inline-flex;flex-wrap:wrap;width:auto;margin:0 var(--space-2xl) .2rem 0;vertical-align:middle}
.articleInput .-bdOption .bosis-cr{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .8rem;width:100%}
.articleInput .-bdOption .bosis-fl{float:none;display:flex;align-items:center;gap:var(--space-sm);flex:1 1 calc(33.333% - .7rem);min-width:190px;margin:0}	/* PC=3열(입력칸 폭 1/3로 축소), min-width로 좁은폭선 2→1열 자연 반응 */
/* [2026-06-18] 관리자옵션 하위폼 정렬·여백(board_w 골든): 블록 세로간격 + Meta Description/Keywords 라벨(위) + 날짜/등록자/비밀번호 2열 고정라벨폭 정렬 */
.articleInput .-bdOption>div{padding:.85rem var(--space-lg)}	/* L919 리셋이 컨텐츠 div padding을 0으로 만들어 다른 행(.7rem 1rem)과 달리 안쪽 여백이 사라짐 → 되살림 */
.articleInput .-bdOption>div>div>ul{display:flex;flex-direction:column;gap:.65rem}
.articleInput .-bdOption>div>div>ul>li>div>label{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--c-text-sub2);margin:0 0 var(--space-2xs)}
.articleInput .-bdOption .bosis-fl>label{flex:0 0 60px;max-width:60px;font-size:var(--fs-sm);font-weight:500;color:var(--c-text-muted);white-space:nowrap;background:none;border:0;padding:0;margin:0}
.articleInput .-bdOption .bosis-fl .bosis-text{flex:1 1 auto;width:auto;min-width:0}
/* [2026-06-19] 파일업로드 컴포넌트(상품사진 등): iframe이 .articleInput 직속이라 ul>li 행 패딩이 안 먹어 좌측 밀착되던 것 보정. 업로더 래퍼 고유 속성 ifrm-pp로만 타겟(모든 쓰기폼 일관 적용) */
.articleInput[ifrm-pp]{padding:.7rem var(--space-lg)}
@media(max-width:768px){.articleInput>ul>li{flex-direction:column}.articleInput>ul>li>label{flex:none;max-width:none;width:100%;border-right:0;border-bottom:1px solid #f0f1f3}.articleInput>ul>li>div{flex:none;width:100%}}	/* flex:none 필수 — column 전환 시 base의 flex-basis:240px가 너비→높이로 적용돼 내용부가 240px 높이로 강제(빈공간) */

/* [2026-06-20] FAQ형 게시판 아코디언(-bdFaqWrap) mono — 레거시 theme/01 design.css(Q/A 배경PNG+패딩)가 mono엔 없어 플랫하게 깨지던 것을 카드/Q·A 원형뱃지로 포팅. bd_f_lf.imp.php 전용 */
.articleList .-bdFaqWrap{border-top:1px solid var(--c-border,var(--c-border))}
.articleList .-bdFaqWrap ul{list-style:none;margin:0;padding:0}
.articleList .-bdFaqWrap .-bdArticle{border-bottom:1px solid var(--c-border,var(--c-border))}
/* 질문 행(클릭으로 답변 토글) */
.articleList .-bdFaqWrap .-bdQuestion .-fdSubject{display:flex;align-items:center;gap:.6rem;margin:0;padding:1.1rem var(--space-lg);cursor:pointer;font-size:var(--fs-md);font-weight:500;color:var(--c-text,var(--c-text));transition:color .15s}
.articleList .-bdFaqWrap .-bdQuestion .-fdSubject:hover{color:var(--c-primary,var(--c-primary))}
.articleList .-bdFaqWrap .-bdQuestion .-fdSubject::before{content:"Q";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-pill);background:var(--c-primary,var(--c-primary));color:var(--on-accent,#fff);font-size:var(--fs-base);font-weight:700}
/* 답변 패널 */
.articleList .-bdFaqWrap .-bdAnswer{position:relative;padding:1.1rem var(--space-xl) 1.1rem 3.35rem;background:var(--c-bg,var(--c-bg));border-top:1px solid var(--c-border,var(--c-border));font-size:.9375rem;line-height:1.65;color:var(--c-text-sub,#374151)}
.articleList .-bdFaqWrap .-bdAnswer::before{content:"A";position:absolute;left:1rem;top:1.1rem;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-pill);background:var(--c-neutral,#374151);color:var(--on-accent,#fff);font-size:var(--fs-base);font-weight:700}
.articleList .-bdFaqWrap .-bdAnswer .bosis-btn-sm{margin-top:var(--space-2xs)}
/* RSS 버튼(레거시 -btnRss): mono 중립 아웃라인 펜션 — bd_lf/bd_f_lf 공유 */
.-btnRss{display:inline-flex;align-items:center;gap:.35rem;height:2.25rem;padding:0 .9rem;border-radius:var(--radius,.5rem);font-size:var(--fs-sm);font-weight:500;color:var(--c-text-sub2,var(--c-text-sub2));background:var(--c-surface,#fff);box-shadow:inset 0 0 0 1px var(--c-border-strong,var(--c-border-strong));text-decoration:none;white-space:nowrap;transition:background .15s}
.-btnRss:hover{background:var(--c-bg,var(--c-bg))}
.-btnRss::before{content:"\f09e";font-family:"Font Awesome 6 Free";font-weight:900;color:#f59e0b}
/* ── 페이지 헤더/푸터 템플릿(p_header/p_footer .tpl) ── */
.ABA-logo .tpl-logo-txt,.tpl-logo-txt{display:inline-block;font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;color:#fff;text-decoration:none}
.ABA-logo h1{margin:0}
.schHeaderShop legend,.schHeaderShop .bosis-skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.schHeaderShop{display:flex;align-items:center;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;background:#fff}
.schHeaderShop .innerWrap{display:flex;align-items:center;flex:1;min-width:0}
.schHeaderShop .schItem .bosis-select,.schHeaderShop .schValue .bosis-text{height:38px;border:0;background:transparent;box-shadow:none;border-radius:0}
.schHeaderShop .schValue{flex:1;min-width:0}
.schHeaderShop .schValue .bosis-text{width:100%}
.schHeaderShop .schBtn .tpl-sch-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:38px;border:0;background:var(--c-text);color:#fff;font-size:.95rem;cursor:pointer;flex:0 0 auto}
.schHeaderShop .schBtn .tpl-sch-btn:hover{background:#374151}
.header_shop_menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xl);list-style:none;margin:0;padding:0}
.header_shop_menu>*{display:inline-flex;align-items:center}
.header_shop_menu .tpl-hdr-link{font-size:var(--fs-base);font-weight:500;color:rgba(255,255,255,.92);text-decoration:none;white-space:nowrap}
.header_shop_menu .tpl-hdr-link:hover{color:#fff;text-decoration:underline}
.header_shop_menu .tpl-hdr-ic{position:relative;font-size:1.15rem;color:rgba(255,255,255,.92);text-decoration:none}
.header_shop_menu .tpl-hdr-ic:hover{color:#fff}
.header_shop_menu .right_today_view_num{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 var(--space-2xs);border-radius:var(--radius-pill);background:var(--c-danger);color:#fff;font-size:10px;line-height:16px;text-align:center}
.bosis-menu-sub .tpl-hdr-ic{font-size:var(--fs-xl);color:#374151;text-decoration:none}
.tpl-ftr-link{color:var(--c-text-muted);text-decoration:none;font-size:var(--fs-sm)}
.tpl-ftr-link:hover{color:var(--c-text)}
.tpl-sns-ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-pill);background:var(--c-bg-subtle);color:var(--c-text-sub2);font-size:var(--fs-md);text-decoration:none;transition:background .15s,color .15s}
.tpl-sns-ic:hover{background:var(--c-border);color:var(--c-text)}
.tpl-sns-ic.tpl-sns-kakao{background:#fee500;color:#3c1e1e}
.tpl-family-tg{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;color:#9ca3af;text-decoration:none}
.tpl-family-tg:hover{color:var(--c-text-sub2)}
/* 갤러리 템플릿(b.tpl 등) 더보기 버튼 */
.tpl-more-ic{display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-2xl);color:#9ca3af;text-decoration:none;transition:color .15s}
.tpl-more-ic:hover{color:var(--c-primary,var(--c-primary))}
.tpl-more-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-pill);background:#30393f;color:#fff;font-size:var(--fs-sm);text-decoration:none;transition:background .15s}
.tpl-more-btn:hover{background:var(--c-neutral-hover)}
.tpl-more-wide{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;max-width:208px;padding:9px 0;border:1px solid var(--c-border);border-radius:var(--radius);background:#fff;color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}
.tpl-more-wide:hover{background:var(--c-bg);border-color:var(--c-border-strong);color:#374151}

/* ===== [layout_r.php tag_header 인라인서 이전] 게시판/콘텐츠 범용 테마 — 단일 진실원천 ===== */
/* front board content compat */
.-bdSchWrap{margin-bottom:var(--space-lg)}
.-alignLeft{text-align:left!important}
.-alignRight{text-align:right!important}
.bosis-alignc{text-align:center}
.-fdSubject{text-align:left!important}
.onlyPC{}
@media(max-width:767px){.onlyPC{display:none!important}}
/* bare btn-tpl fallback (미변환 버튼 안전망) */
input.btn-tpl:not([class*="bosis-btn"]),button.btn-tpl:not([class*="bosis-btn"]),a.btn-tpl:not([class*="bosis-btn"]){display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 var(--space-md);font-size:var(--fs-sm);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:#fff;color:#374151;cursor:pointer;text-decoration:none;white-space:nowrap}
input.btn-tpl:not([class*="bosis-btn"]):hover,button.btn-tpl:not([class*="bosis-btn"]):hover,a.btn-tpl:not([class*="bosis-btn"]):hover{background:var(--c-bg);border-color:#9ca3af}
/* v2 layout fixes (검색 ul/li, 일괄영역, btnWrap) */
.-bdSchInner ul{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0}
.-bdSchInner .bosis-text{width:100%}
.bosis-table td.onlyPC,.-tblList td.onlyPC{white-space:nowrap}
.bosis-chkall{font-size:1.2rem;line-height:1;color:#9ca3af;cursor:pointer;vertical-align:middle}
.bosis-chkall:hover{color:var(--c-text-sub2)}
/* board view compat (theme01 orphan) */
.bosis-fl{min-width:0}
.bosis-fr{float:right}
.bosis-pr{position:relative}
.bosis-pa{position:absolute}
.bosis-cr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-xl)}
.bosis-cr::after{content:none}
.bosis-cr>.bosis-fr{float:none;margin-left:auto}
.bosis-cr>dl,.bosis-fl>dl{display:flex;align-items:baseline;gap:.4rem;margin:0}
.bosis-cr>dl>dt,.bosis-fl>dl>dt{font-size:var(--fs-xs);color:#9ca3af;font-weight:600;white-space:nowrap;flex-shrink:0}
.bosis-cr>dl>dt::after,.bosis-fl>dl>dt::after{content:none}
.bosis-cr>dl>dd,.bosis-fl>dl>dd{font-size:var(--fs-sm);color:var(--c-text-sub2);margin:0;word-break:break-all}
.bdView .pageHead{font-size:1.375rem;font-weight:700;color:var(--c-text);line-height:1.4;word-break:break-all}
.bdView .pageBody{padding:0}
.articleHeadTop{position:relative;padding:var(--space-lg) 0 var(--space-md);border-bottom:2px solid var(--c-text)}
.articleHeadBtm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg);padding:.6rem var(--space-2xs);border-bottom:1px solid var(--c-border);font-size:var(--fs-sm);color:#9ca3af;margin-bottom:var(--space-xl)}
.articleHeadBtm .bosis-fl{float:none;display:inline-flex;align-items:center;gap:.3rem}
.articleHeadBtm .-fdCount{margin-left:auto}
.articleBody{font-size:var(--fs-base);line-height:1.75;color:#374151;padding:var(--space-2xl) var(--space-2xs);min-height:140px;word-wrap:break-word}
.articleBody img{max-width:100%;height:auto}
.-bdMoreInfo{margin:var(--space-lg) 0;padding:.85rem var(--space-lg);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--c-text-muted)}
.-bdVote{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin:var(--space-2xl) 0}
.-btnShare,.-btnV{display:inline-flex;align-items:center;gap:.3rem;height:2rem;padding:0 var(--space-md);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text-sub2);text-decoration:none;font-size:var(--fs-sm);background:#fff}
.shareUrl{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:var(--space-sm)}
.ABA-rep-inbox{margin-top:var(--space-2xl)}
@media(max-width:640px){.bdView{padding:var(--space-xl) 1.1rem}}
.bdView .articleHeadTop{padding:0 0 1.1rem;border-bottom:1px solid #eef0f2;margin:0 0 0}
.bdView .articleHeadTop>.bosis-pr{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:.9rem}
.bdView .articleHeadTop h1,.bdView .articleHeadTop h2,.bdView .articleHeadTop h3,.bdView .pageHead{font-size:var(--fs-2xl);font-weight:700;color:var(--c-text);line-height:1.45;word-break:break-all;margin:0;flex:1}
@media(max-width:640px){.bdView .articleHeadTop h1{font-size:1.2rem}}
.bdView .articleHeadTop .bosis-cr{display:flex;flex-wrap:wrap;gap:.55rem 1.75rem}
.bdView .articleHeadTop .bosis-cr::after{content:none;display:none}
.bdView .articleHeadTop .bosis-fl{float:none}
.bdView .articleHeadTop dl{display:flex;align-items:baseline;gap:.45rem;margin:0}
.bdView .articleHeadTop dt{font-size:var(--fs-xs);color:#9ca3af;font-weight:600;white-space:nowrap;flex-shrink:0}
.bdView .articleHeadTop dt::after{content:none}
.bdView .articleHeadTop dd{font-size:var(--fs-sm);color:var(--c-text-sub2);margin:0;word-break:break-all}
.bdView .articleHeadBtm{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem var(--space-xl);padding:.7rem 0 0;font-size:var(--fs-sm);color:#9ca3af}
.bdView .articleHeadBtm .bosis-fl{float:none;display:inline-flex;align-items:center;gap:.3rem}
.bdView .articleHeadBtm .-fdCount{margin-left:auto}
.bdView .articleBody{font-size:.9375rem;line-height:1.85;color:#374151;padding:1.75rem .15rem;min-height:160px;word-wrap:break-word}
.bdView .articleBody img{max-width:100%;height:auto}
.bdView .articleBody a{color:var(--c-primary);text-decoration:underline}
.-btnV,.-btnShare,.-sb{display:inline-flex;align-items:center;gap:.45rem;height:2.25rem;padding:0 1.1rem;border:1px solid var(--c-border-strong);border-radius:var(--radius);color:var(--c-text-sub2);text-decoration:none;font-size:var(--fs-sm);font-weight:500;background:#fff;cursor:pointer;transition:all .15s}
.-btnV:hover,.-btnShare:hover,.-sb:hover{background:var(--c-bg);border-color:#9ca3af;color:var(--c-text)}
/* [Claude] 셀렉트박스형 트리거(.-sb)가 내부에 이미 완성된 버튼(.bosis-btn*)을 담은 경우(메뉴노출 등 일괄설정 드롭다운) 래퍼 테두리/배경이 버튼과 겹쳐 2중 테두리 → 래퍼는 투명 패스스루로 */
.-sb:has(>[class*="bosis-btn"]),.-sb:has(>[class*="bosis-btn"]):hover{border:0;padding:0;background:transparent;height:auto;border-radius:0}
.-btnV span b,.-btnV b{color:var(--c-primary);font-weight:700}
.shareUrl{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:var(--space-sm)}
.shareUrl .bosis-text{width:auto;min-width:220px}
.-sl .shareUrl{flex-wrap:nowrap}  /* [claude 250727] 공유 레이어(고정폭 210px) 안에서 min-width:220px 입력이 레이어 밖으로 넘치던 것 — 레이어 스코프만 flex 수축 */
.-sl .shareUrl .bosis-text{flex:1 1 auto;width:100%;min-width:0}
.-sl .shareUrl .bosis-btn,.-sl .shareUrl .bosis-btn-sm{flex:0 0 auto}
.bdView+.ABA-no-print .-btnWrap,.-bdMoreInfo{margin-top:var(--space-lg)}
@media(max-width:640px){.bdView{padding:1.4rem 1.2rem}}
.bdView .articleHeadTop{padding:0 0 1.4rem}
.bdView .articleHeadTop h1,.bdView .articleHeadTop h2,.bdView .articleHeadTop h3,.bdView .pageHead{font-size:1.7rem;line-height:1.5}
@media(max-width:640px){.bdView .articleHeadTop h1{font-size:1.3rem}}
.bdView .articleHeadTop .bosis-cr{gap:var(--space-md) 2.25rem}
.bdView .articleHeadTop dt{font-size:var(--fs-sm)}
.bdView .articleHeadTop dd{font-size:.9rem}
.bdView .articleHeadBtm{display:flex;flex-direction:column;gap:.8rem;margin-top:var(--space-xl);padding:var(--space-xl) var(--space-2xl);background:var(--c-bg);border:1px solid #eef0f2;border-radius:var(--radius-lg)}
.bdView .articleHeadBtm .bosis-cr{display:flex;flex-wrap:wrap;gap:.8rem 3rem;align-items:center}
.bdView .articleHeadBtm .bosis-cr::after{content:none;display:none}
.bdView .articleHeadBtm .bosis-fl{float:none;display:flex;align-items:baseline}
.bdView .articleHeadBtm dl{display:flex;align-items:baseline;gap:.65rem;margin:0}
.bdView .articleHeadBtm dt{font-size:.9rem;color:#9ca3af;font-weight:600;white-space:nowrap}
.bdView .articleHeadBtm dt::after{content:none}
.bdView .articleHeadBtm dd{font-size:.95rem;color:#374151;margin:0;font-weight:500;word-break:break-all}
.bdView .articleHeadBtm .-fdCount{margin-left:0}
.bdView .articleBody{font-size:var(--fs-md);line-height:1.95;padding:2.5rem var(--space-2xs);min-height:200px}
.-btnV,.-btnShare,.-sb{height:2.5rem;padding:0 1.35rem;font-size:var(--fs-base);border-radius:.6rem}
/* meta box fix (bdView 밖, 좌측정렬) + 감춤버튼 */
.articleHeadBtm{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;margin:0 0 var(--space-xl);padding:var(--space-xl) var(--space-2xl);background:var(--c-bg);border:1px solid #eef0f2;border-radius:var(--radius-lg);text-align:left}
.articleHeadBtm .bosis-cr{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.85rem 3rem;width:100%}
.articleHeadBtm .bosis-cr::after{content:none;display:none}
.articleHeadBtm .bosis-fl{float:none;display:flex;align-items:baseline}
.articleHeadBtm dl{display:flex;align-items:baseline;gap:.6rem;margin:0}
.articleHeadBtm dt{font-size:.9rem;color:#9ca3af;font-weight:600;white-space:nowrap}
.articleHeadBtm dt::after{content:none}
.articleHeadBtm dd{font-size:.95rem;color:#374151;margin:0;font-weight:500;word-break:break-all}
.articleHeadBtm dd a{color:var(--c-primary);text-decoration:none}
.articleHeadBtm .-fdCount{margin-left:0}
span.btn-tpl:not([class*="bosis-btn"]){display:inline-flex;align-items:center;justify-content:center;height:1.9rem;padding:0 .8rem;font-size:.8rem;border:1px solid var(--c-border-strong);border-radius:.45rem;background:#fff;color:var(--c-text-sub2);cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1}
span.btn-tpl:not([class*="bosis-btn"]):hover{background:var(--c-bg);border-color:#9ca3af;color:var(--c-text)}
.bdView .articleHeadTop .bosis-cr{justify-content:flex-start}
/* comment (댓글) mono theme */
.ABA-rep-inbox{margin-top:var(--space-2xl);font-size:var(--fs-base)}
.bosis-cmt-input-wrap{margin:var(--space-sm) 0 var(--space-xl);padding:1.1rem var(--space-xl);background:var(--c-bg);border:1px solid #eef0f2;border-radius:var(--radius-lg)}
.bosis-cmt-wrap textarea.-inputCmt,.-inputCmt{width:100%;min-height:84px;font-size:var(--fs-base);line-height:1.6}
.bosis-cmt-wrap .bosis-cr,.bosis-cmt-input-wrap .bosis-cr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);justify-content:flex-end}
.bosis-cmt-wrap .bosis-cr::after{content:none}
.cmtView{margin-top:var(--space-lg)}
.bosis-cmt-view{padding:1.15rem 0;border-bottom:1px solid #f0f1f3}
.bosis-cmt-view .bosis-inline{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.bosis-cmt-view .-fdThumbMb img{width:38px;height:38px;border-radius:var(--radius-pill);object-fit:cover}
.bosis-cmt-view .-fdName{font-size:var(--fs-base);font-weight:600;color:var(--c-text);display:inline-flex;align-items:center;gap:.3rem}
.bosis-cmt-view .-fdName .bosis-rep-id{color:var(--c-text)}
.bosis-cmt-view .-fdDate{font-size:var(--fs-xs);color:#9ca3af;display:inline-flex;align-items:center;gap:.4rem}
.-bdBtwBar{display:inline-block;width:1px;height:11px;background:var(--c-border-strong);margin:0 .1rem;vertical-align:middle}
.bosis-cmt{font-size:.9rem;line-height:1.75;color:#374151;padding:.6rem 0 var(--space-sm);word-break:break-word}
.bosis-cmt .ABA-article-contents{margin:0}
.bosis-cmt img.lock,.bosis-cmt-view img[src*="lock.png"]{width:14px;height:14px;vertical-align:middle;margin-right:var(--space-2xs)}
.bosis-cmt-view .-btnWrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin:.15rem 0 0;justify-content:flex-start}
.bosis-cmt-view .-btnWrap .bosis-fl,.bosis-cmt-view .-btnWrap .bosis-fr{float:none;display:inline-flex;align-items:center;gap:var(--space-md)}
.bosis-cmt-view .-btnWrap .bosis-fr{margin-left:auto}
.-R,.-M,.-D,.bosis-cmt-view .-btnWrap a,.bosis-cmt-view .-btnWrap span[onclick]{font-size:.78rem;color:var(--c-text-muted);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2xs);background:none;border:0}
.-R:hover,.-M:hover,.-D:hover,.bosis-cmt-view .-btnWrap a:hover{color:var(--c-text)}
.-R strong{color:var(--c-primary);font-weight:700}
.-D:hover{color:var(--c-danger-hover)}
.-btnMore{display:inline-flex;align-items:center;justify-content:center;width:100%;height:2.5rem;border:1px solid var(--c-border);border-radius:var(--radius);background:#fff;color:var(--c-text-sub2);font-size:var(--fs-sm);font-weight:500;cursor:pointer;margin-top:.85rem}
.-btnMore:hover{background:var(--c-bg);border-color:var(--c-border-strong)}
/* comment vote/profile + font utils */
.-VP,.-VM{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:.78rem;color:var(--c-text-muted);text-decoration:none;cursor:pointer}
.-VP:hover{color:var(--c-primary)}
.-VM:hover{color:var(--c-danger-hover)}
.-VP i,.-VM i{font-size:.85rem}
.bosis-rep-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:.4rem}
.bosis-rep-info .bosis-fl{float:none}
.bosis-profile-wrap{margin:0}
.bosis-profile-img-sum,.bosis-profile-wrap img{width:38px;height:38px;border-radius:var(--radius-pill);object-fit:cover}
.bosis-rep-id{font-size:var(--fs-base);font-weight:600;color:var(--c-text);margin:0}
.bosis-rep-date{font-size:var(--fs-xs);color:#9ca3af;margin:0}
.bosis-rep-editbtn{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-left:auto}
.bosis-rep-editbtn .-R,.bosis-rep-editbtn .-M,.bosis-rep-editbtn .-D,.bosis-rep-editbtn .-VP,.bosis-rep-editbtn .-VM{font-size:.8rem}
.bosis-cmt-view p.bosis-cmt{font-size:.9rem;line-height:1.75;color:#374151;margin:.4rem 0 0}
.bosis-fns-11{font-size:11px}
.bosis-fns-12{font-size:var(--fs-xs)}
.bosis-fns-13{font-size:var(--fs-sm)}
.bosis-fns-14{font-size:var(--fs-base)}
.bosis-fnc-09{color:#9ca3af}
.bosis-fnc-08{color:var(--c-text-muted)}
.bosis-inline{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}
/* comment reply indent + form align + btn */
[class*="AB_cmt_reply_depth_"]{position:relative;background:#fafbfc;border-left:2px solid var(--c-border);border-radius:0 var(--radius) var(--radius) 0;padding-left:var(--space-lg)!important}
[class*="AB_cmt_reply_depth_"]::before{content:"\21b3";position:absolute;left:-1.25rem;top:1.05rem;color:#cbd5e1;font-size:var(--fs-md);font-weight:700}
.AB_cmt_reply_depth_1{margin-left:1.9rem}
.AB_cmt_reply_depth_2{margin-left:3.6rem}
.AB_cmt_reply_depth_3{margin-left:5.3rem}
.AB_cmt_reply_depth_4{margin-left:7rem}
.AB_cmt_reply_depth_5{margin-left:8.4rem}
.AB_cmt_reply_depth_6{margin-left:9.6rem}
@media(max-width:640px){[class*="AB_cmt_reply_depth_"]{margin-left:1.3rem!important}}
.bosis-cmt-wrap .bosis-cr.bosis-pr,.bosis-cmt-input-wrap .bosis-cr.bosis-pr,.bosis-cmt-wrap .bosis-cr,.bosis-cmt-input-wrap .bosis-cr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);position:static;width:100%}
.bosis-cmt-wrap .bosis-cr .bosis-fl,.bosis-cmt-input-wrap .bosis-cr .bosis-fl{float:none;display:flex;align-items:center;gap:.4rem;margin:0}
.bosis-cmt-wrap .-btnWrap.bosis-fr,.bosis-cmt-wrap .-btnWrap.bosis-pa,.bosis-cmt-input-wrap .-btnWrap.bosis-fr,.bosis-cmt-input-wrap .-btnWrap.bosis-pa{position:static;float:none;margin:0 0 0 auto}
.bosis-cmt-wrap .AB_datepicker,.bosis-cmt-input-wrap .AB_datepicker{height:2.3rem;width:170px}
.-R,.-M,.-D,.-Cp,.bosis-cmt-view .-btnWrap a,.bosis-cmt-view .-btnWrap span[onclick]{font-size:.78rem;color:var(--c-text-muted);text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:.28rem;background:none;border:0;white-space:nowrap}
.-R:hover,.-M:hover,.-Cp:hover{color:var(--c-text)}
.-D:hover{color:var(--c-danger-hover)}
.-R strong{color:var(--c-primary);font-weight:700;margin-left:.1rem}
.bosis-cmt-view .-btnWrap .bosis-fl{gap:.85rem}
.bdWrite .-btnWrap{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:var(--space-2xl)}
.-bdSchInner .bosis-select{min-width:92px;width:auto}
.-bdSchInner .bosis-text{width:100%}
/* v5 search one-line (nowrap, only input shrinks) */
.-bdSchInner ul{flex-wrap:nowrap}
.-bdSchInner li:not(.-schGrow){flex:0 0 auto}
@media(max-width:600px){.-bdSchInner ul{flex-wrap:wrap}.-bdSchInner li.-schGrow{flex:1 1 100%}}
.bosis-btn-sm i{margin:0}
.bosis-row-btn-danger{color:var(--c-danger-hover);border-color:#fecaca}
.-bulkBtnRow{display:flex;flex-wrap:wrap;align-items:center;gap:0;font-size:0}
.-bulkBtnRow .bosis-btn-sm{margin:0 var(--space-xs) var(--space-xs) 0;font-size:var(--fs-xs)}
.bdWrite .-btnWrap>div{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm)}
.bdWrite .-btnWrap>div>a{display:inline-flex;align-items:center}
.bdWrite .-btnWrap input[type=submit],.bdWrite .-btnWrap>div>a>span{min-height:2.75rem;line-height:1.2;vertical-align:middle;box-sizing:border-box}
.bdWrite .-btnWrap>div{font-size:0}

/* [home_layout 인라인서 이전] 강조 텍스트 통일(gold 이탤릭) — 범용 */
em{font-style:italic;color:#e8512a;font-weight:700}


/* ═══════ shop_core 통합 (shop.css→style.css, 2026-06-27; 상대url 절대화 25건) ═══════ */
/* 목록폼 */
















.bdShop .-tblList .-bdCancelSell, .bdShop .-tblList table td .-bdCancelSell * { color:#dadbdc !important; }






.bdShop .bosis-alignr .btn-tpl { margin:0 0 0 8px; }
.bdShop .bosis-alignc { text-align:center; margin-top:30px; }
.bdShop .bosis-alignc .btn-tpl { margin:0 4px; }
/* 옵션목록 */
.-tblList td .-fdOption { color:#9a9a9a; font-size:12px; line-height:17px; letter-spacing:-0.5px; margin-top:5px; }
tr.opt_title_N th { display:none; }
tr.opt_title_N td { display:table; width:100%; }
tr.opt_title_N td > span { display:table-row; width:100%; }
tr.opt_title_N td > span > span { display:table-cell; width:100%; }
/* 그룹아이콘*/
.shop-icon{margin:2px;}
/* 판매종료,판매중지 */
.-shopNoSell{ color:#c78d9d; font-size:11px; letter-spacing:-1px; font-family:dotum; display:inline-block; margin-top:2px; }
.-shopStopSell{ color:#90c78d; font-size:11px; letter-spacing:-1px; font-family:dotum; display:inline-block; margin-top:2px; }
/* 장바구니 */
.pageSbag { margin-bottom:50px; }
.pageSbag .articleList td .bosis-text { text-align:center; padding:0 8px; margin:0; }
.pageSbag .articleList td .btn-tpl { margin:0; }





.-bdPriceWrap .bosis-cr > div.-fdDelivery { background-image:url("/template/PLUGIN_shop_core/program/css/sbag_plus_icon.gif"); }








/* 주문배송조회 */







/* 주문상세내역 */
.pageSellDetail .articleHead:first-child { border:0; padding:0 0 15px 0; }
.pageSellDetail .articleHead .bosis-fl { color:#454545; font-size:13px; letter-spacing:-0.5px; background:url("/template/DESIGN_content/program/theme/01/bg_bar_e2.gif") right 50% no-repeat; padding-right:12px; margin-right:12px; }
.pageSellDetail .articleHead .bosis-fl:last-child { background:none; margin-right:0; }
.pageSellDetail .-tblList .-fdGoodsUnit { color:#777; font-size:11px; letter-spacing:-0.5px; display:block; margin-top:5px; }
.pageSellDetail .articleBody { padding:10px 0 20px 0; position:relative; }
.pageSellDetail .articleBody h4 { font-size:15px; letter-spacing:-1px; font-weight:bold; padding:0 0 12px 2px; }
.pageSellDetail .articleBody h4 + a { position:absolute; top:8px; right:0; }
.pageSellDetail .articleBody table { border-top:1px solid #bbb; border-spacing:0; width:100%; padding:0; }
.pageSellDetail .articleBody table th, .pageSellDetail .articleBody table td { border:1px solid #ddd; border-width:0 0 1px 0; padding:13px 15px; line-height:20px; font-size:14px; }
.pageSellDetail .articleBody table th { text-align:left; background:#f3f3f3; border-width:0 1px 1px 0; }

.pageSellDetail .articleBody table .tblInTbl th,.pageSellDetail .articleBody table .tblInTbl td {padding: 5px; font-size:12px; }
.pageSellDetail .articleBody table .tblInTbl th:last-child {border-right:0;}
.pageSellDetail .articleBody table .tblInTbl tr:last-child td {border-bottom:0;}

/* 주문하기 */
.pageSellOrder > div { margin-bottom:50px; }
.pageSellOrder .articleHead { margin-bottom:10px; }
.pageSellOrder .articleHead h4 { color:#454545; font-size:15px; font-weight:bold; letter-spacing:-1px; display:inline-block; margin-right:15px; padding:0 10px 5px 2px; }
.pageSellOrder .articleHead label { color:#7a7a7a; letter-spacing:-1px; }

.pageSellOrder .articleInput > ul > li > label { padding-left:15px; background:none; }
.pageSellOrder .articleInput label .bosis-checkbox { margin:-2px 0 0 5px; }
.pageSellOrder .articleInput label strong { font-size:14px; letter-spacing:-1px; }
.pageSellOrder .articleInput [class*="-fdPrice"] { text-align:right; text-decoration:none; width:120px; padding-right:10px; }
.pageSellOrder .articleInput .-fdPriceOrderTotal { color:#ea4118; font-size:16px; font-weight:bold;  border:0 !important; padding-right:0px !important; background-color:transparent; margin-right:0;}
.pageSellOrder .articleInput .-fdPriceOrderTotal + span { display:inline-block; vertical-align:middle; color:#ea4118; font-size:15px; font-weight:bold; }
.pageSellOrder .articleInput .admin-help-in { color:#888; margin-top:-3px; margin-left:15px; }
.pageSellOrder .articleInput .admin-help-in strong { color:#454545; }
.pageSellOrder .articleInput li > div > div + div { margin-top:10px; }
.pageSellOrder .articleInput div[id] table { border:1px solid #e5e5e5; border-spacing:0; width:100%; padding:0; }
.pageSellOrder .articleInput div[id] table th, .pageSellOrder .articleInput div[id] table td { font-size:14px;color:#727272; letter-spacing:-0.5px; text-align:left; border-bottom:1px solid #e5e5e5; padding:8px;}
.pageSellOrder .articleInput div[id] table th { color:#454545; font-weight:normal; background:#f9f9f9; border-right:1px solid #e5e5e5; padding:8px 12px; }
.pageSellOrder .articleInput div[id] table tr:last-child th, .pageSellOrder .articleInput div[id] table tr:last-child td { border-bottom:none; }
.pageSellOrder .articleInput div[id] table td .bosis-text, .pageSellOrder .articleInput div[id] table td .bosis-select, .pageSellOrder .articleInput div[id] table td .bosis-checkbox + label, .pageSellOrder .articleInput div[id] table td .bosis-radio + label{font-size:14px;}
.pageSellOrder #bank_info_box input[type="checkbox"], .pageSellOrder .articleInput div[id*="_form"] input[type="checkbox"] { margin:2px 5px 2px 10px; }
.pageSellOrder .articleInput div[id*="_form"] { margin-top:15px; }
.pageSellOrder .articleInput div[id*="_form"] h5 { font-weight:bold; letter-spacing:-0.5px; margin-bottom:7px; }
.pageSellOrder .articleInput div[id*="_form"] h5 span { color:#888; font-weight:normal; }
.pageSellOrder .articleInput div[id*="_form"] h5 + table { line-height:18px; }










#sell_delivery_book_date_hour, #sell_delivery_book_date_minute { width:auto; }	/* 2021-02-21 by lee */

/* 쿠폰 */
#ABAP-s-cupon-basic { border:1px solid #e5e5e5; border-spacing:0; width:100%; padding:0; }
#ABAP-s-cupon-basic th, #ABAP-s-cupon-basic td { letter-spacing:-0.5px; text-align:center; padding:8px 3px; }
#ABAP-s-cupon-basic th { color:#454545; font-weight:normal; background:#f9f9f9; border-right:none; border-bottom:1px solid #e5e5e5; }
#ABAP-s-cupon-basic td { color:#727272; border-bottom:1px solid #eee; }
#ABAP-s-cupon-basic tr:last-child td { border-bottom:none; }

#ABAP-s-cupon-basic tr td input[type="checkbox"] { margin:0; }
#ABAP-s-cupon-basic tr td p { margin-top:5px; }

/* 주문취소 */
#global_dialog .pageSellCancel { padding:10px; }
.pageSellCancel { padding:20px; }
.pageSellCancel >  div { border-bottom:1px dashed #ccc; padding:20px 0; }
.pageSellCancel >  div:last-child { border-bottom:none; padding-bottom:0; }
.pageSellCancel >  div.bdShop { padding-top:0; padding-bottom:0; }

.pageSellCancel .articleList td { padding:7px; border:0 !important; }
.pageSellCancel .articleList td:first-child { padding-left:0; }
.pageSellCancel .bosis-text { height:30px; padding-left:10px; }
.pageSellCancel .bosis-select { height:30px; padding-left:5px; margin-bottom:5px; }
.pageSellCancel .bosis-textarea { width:100%; padding:5px 8px; box-sizing:border-box; }
.-bdCancelNotice{ color:#888; letter-spacing:-1px; line-height:17px; padding-top:10px; }
.-bdCancelNotice strong{ color:#f18716; font-weight:normal; }
.pageSellCancel .-bdRefundAccount h4 { color:#666; font-size:14px; letter-spacing:-1px; padding:0 0 8px 3px; }
.pageSellCancel .-bdRefundAccount li { width:50%; float:left; }
.pageSellCancel .-bdRefundAccount li .bosis-select, .pageSellCancel .-bdRefundAccount li .bosis-text { width:100%; box-sizing:border-box; margin:0; }
.pageSellCancel .-bdRefundAccount li:nth-child(1) .bosis-select, .pageSellCancel .-bdRefundAccount li:nth-child(2) .bosis-text { border-bottom-width:0px; }
.pageSellCancel .-bdRefundAccount li:nth-child(even) .bosis-select, .pageSellCancel .-bdRefundAccount li:nth-child(even) .bosis-text { border-left-width:0px; }

/*취소교환반품 불가능*/
.pageDisableCancel { text-align:center; background:#fafafa; border:1px solid #eee; margin:20px; padding:40px; box-sizing:border-box; }
.pageDisableCancel > div { margin-bottom:20px; }
.pageDisableCancel > div:last-child { margin-bottom:0px; }
.pageDisableCancel .pageHead { color:#666; font-size:16px; letter-spacing:-1px; line-height:1.5; }
.pageDisableCancel .pageHead point { color:#59a4e2; font-size:20px; display:inline-block; margin-bottom:5px; }
.pageDisableCancel .pageBody { color:#999; font-size:13px; letter-spacing:-1px; line-height:1.8; border: 1px dotted #59a4e2; background:#fff; padding:15px 20px; text-align:left; }

/* 적립금*/

.pageCybmn .-tblList .-fdCybmnP { color:#5a5a5a; }
.pageCybmn .-tblList .-fdCybmnM { color:#f3422b; }

/* 상품목록 */
[class*="goodsList"] table { padding:0; border-spacing:0; }
[class*="goodsList"] table td { padding:0; }
[class*="goodsList"] .-tblGoodsList { vertical-align:top; }
[class*="goodsList"] .-fdThumb { text-align:left; position:relative; }
[class*="goodsList"] .-fdGoodsName { display:block; margin-bottom:7px; }
[class*="goodsList"] .-fdGoodsName , [class*="goodsList"] .-fdGoodsName a { color:#333; font-size:15px; font-weight:bold; letter-spacing:-1px; }
[class*="goodsList"] .-fdGoodsDesc1 { display:block; margin-bottom:5px;}
[class*="goodsList"] .-fdGoodsDesc1 , [class*="goodsList"] .-fdGoodsDesc1 a { color:#999; font-size:12px; letter-spacing:-1px; line-height:16px; }
[class*="goodsList"] .-fdGoodsModify { position:absolute; bottom: 9px; right: 12px; }
[class*="goodsList"] .-fdBest { position:absolute; top:0; left:0; color:#fff; font-size:12px; font-weight:bold; line-height:14px; letter-spacing:-0.5px; text-align:center; width:45px; height:55px; padding-top:5px; background:url("/template/PLUGIN_shop_core/program/css/shop_main_best.png") no-repeat; z-index:1; }
[class*="goodsList"] .-fdBest.abline-div-padding { position:static; }
[class*="goodsList"] .-fdGoodsPrice { margin-top:5px; margin-bottom:5px;}
[class*="goodsList"] .-fdGoodsPrice .ABS-org-price { color:#666; font-size:13px; }
[class*="goodsList"] .-fdGoodsPrice .ABS-sell-price { color:#333; font-size:17px; font-weight:bold; line-height:20px; display:inline-block; margin-right:5px; padding-top:3px;}
[class*="goodsList"] .-fdGoodsPrice .-fdPricePer { color:#fc6450; font-size:13px; }
/*[class*="goodsList"] .ABA-goods-multi-option { margin:10px; }		//필요시 편집화면에서 div에 직접 여백 넣도록 변경 18-06-22 조현정 */
[class*="goodsList"] .ABA-goods-multi-option select { margin:2px 0; }
/* [제거 2026-06-28] 레거시 .-fdGoodsAftercnt 원형배지(55px·dark bg·top/right·a{color:#fff})가 모던 테마(goodsList04 등)의 자체 후기배지(인라인 알약/원형 tailwind)와 충돌해 좌상단 겹침 유발 → 제거. 각 _tailwind 테마가 후기배지를 자체 스타일링함. */
[class*="goodsList"] [class*="GoodsWrap"] .bosis-text{height:24px; line-height:22px;}

.goodsList01 .-tblGoodsList { text-align:center; }
.goodsList02 .-tblGoodsList { padding:13px; }
.goodsList02 .-tblGoodsList:hover { background:#f7f7f7; box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 5px; }
.goodsList02 .-fdGoodsName { border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; }
.goodsList02 .-fdGoodsName, .goodsList02 .-fdGoodsName a { color:#565656; font-size:12px; }
.goodsList02 .-fdGoodsName a { display:block; height:18px; overflow:hidden; }
.goodsList02 .-fdGoodsDesc1 { line-height:18px; display:block; }
.goodsList02 .-fdViewIcons { margin-bottom:8px; }
.goodsList02 .-fdViewIcons img:first-child { margin-left:0; }
.goodsList03 { margin-bottom:30px; }
.goodsList03 .-tblGoodsList { border:1px solid #ddd; padding:0 0 45px 0; position:relative; }
.mainTplWrap .goodsList03 tr:last-child .-tblGoodsList{border-bottom:1px solid #ddd !important;}
.goodsList03 .-tblGoodsList .-fdThumb { margin-bottom:0; }
.goodsList03 .-tblGoodsList .-fdThumb + div { padding:15px; }
.goodsList03 .-fdGoodsNameWrap { height:48px; overflow:hidden; }
.goodsList03 .-fdGoodsDesc1 { padding-bottom:5px; }
.goodsList03 .-fdGoodsName, .goodsList03 .-fdGoodsName a { font-weight:normal; }
.goodsList03 ul.-fdGoodsPrice li { float:left; }
.goodsList03 ul.-fdGoodsPrice li.-fdGoodsPer {color:#FE434C; font-size:34px; line-height:36px; margin-right:10px; }
.goodsList03 ul.-fdGoodsPrice li .ABS-org-price { color:#959595; letter-spacing:-0.3px; line-height:15px; }
.goodsList03 ul.-fdGoodsPrice li .ABS-sell-price { color:#666; font-size:17px; line-height:17px; display:block; }
.goodsList03 .-fdViewIcons { border-top:1px solid #eee; height:45px; line-height:40px; width:100%; padding:0 40px 0 15px; position:absolute; overflow:hidden; bottom:0; box-sizing:border-box; }
.goodsList03 .-fdViewIcons .-fdViewLink { position:absolute; top:10px; right:15px; }
.goodsList03 .-fdViewIcons.abline-div-padding{position:static;}
.goodsList03 .-fdViewIcons .-fdViewLink.abline-div-padding{position:static;}
.goodsList04 .-tblGoodsList{ padding:0; }
.goodsList04 .-tblGoodsList td{ padding:25px 20px; border-bottom:1px solid #f3f3f3; }
.goodsList04 .-tblGoodsList td:first-child{ padding:20px 0; }
.goodsList04 .-fdGoodsPrice{ margin-top:8px; }
.goodsList04 .-fdGoodsDesc1{ margin-top:8px; }
.goodsList04 .-fdGoodsDesc1 a{ letter-spacing:-0.3px; line-height:17px; }
.goodsList04 .-fdThumb{ margin-bottom:0; }
.goodsList04 .-fdThumb > a > img { border:1px solid #eee; }
.goodsList04 .-fdGoodsPrice .ABS-org-price{font-size:12px; color:#959595; display:inline-block; margin-right:8px;}
.goodsList04 .shop-icon{ margin-top:-1px; }
.goodsDirectBuy .-fdThumb:hover .-fdThumbOver {opacity:1; transition: all 0.2s;}
.goodsDirectBuy .-fdThumbOver{top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,0.8); z-index:1; opacity:0; transition: all 0.2s; text-align:center;}
.goodsDirectBuy.abline-div-padding .-fdThumbOver{opacity:1;}
.goodsDirectBuy .-fdThumbOver a img{margin:0 4px; }
.goodsDirectBuy .-fdThumbOver .-inner {height:64px; left:0; right:0; z-index:2; bottom:10px; }
.goodsDirectBuy .-fdThumbOver .-inner.abline-div-padding {margin-top:0;}
.goodsDirectBuy .-fdThumb{overflow:hidden;}
.goodsDirectBuy .-fdThumb:hover .-bdThumbZoom img.bosis-img-full-w {transform: scale(1.1,1.1); transition: all 0.2s;}
.goodsDirectBuy .-btnGoodsView{top:0; right:0; bottom:0; left:0; z-index:1; font-size:0; text-indent:-9999px; display:block;}
.goodsDirectBuy .-bdThumbZoom:hover a{text-decoration:none;}
.goodsListSingle .-fdGoodsName, .goodsListSingle .-fdGoodsDesc1{display:inline-block; margin-right:5px; }
.goodsListSingle .-fdGoodsName, .goodsListSingle .-fdGoodsName a{font-weight:normal; font-size:1.5rem;}
.goodsListSingle .-fdGoodsDesc1, .goodsListSingle .-fdGoodsDesc1 a{font-size:1.15rem; line-height:1.5;}
/* 베스트상품 */
.-fdBestNum{position:absolute;top:0;left:0; width:45px; height:40px; text-align:center; background:#3c61a9; z-index:1; color:#fff; font-size:15px; font-weight:bold;padding-top:5px;}
.-fdBestNum.abline-div-padding{position:static;}
[class*="goodsList"] > table > tbody > tr:first-child > td:first-child .-fdBestNum{width:50px;height:43px;background:#FE434C;padding-top:7px}
/* 메인용 */
.maingoodsList01 > table { border:1px solid #ddd; border-width:1px 0 0 1px; }
.maingoodsList01 .-tblGoodsList { border:1px solid #ddd; border-width:0 1px 1px 0; text-align:center; padding-bottom:30px; }
.maingoodsList01 .-fdThumb { text-align:center; }
[class*="maingoodsList"] .-tblGoodsList { padding:12px; vertical-align:top; }
/* 타이틀 */
.pageGoodsTitle { text-align: center; background:url("/template/PLUGIN_shop_core/program/css/shop_main_bar.png") top center no-repeat; padding:10px 0 30px 0; }
.pageGoodsTitle h4 { color:#333; font-size:29px; font-weight:bold; letter-spacing:-2px; }
.pageGoodsTitle h4 strong { color:#fc6450; }
.pageGoodsTitle p { color:#7d7d7d; font-size:14px; letter-spacing:-1px; line-height:20px; }
.pageGoodsTitle h4 + p { margin-top:8px; }
/* 분류정렬 */
/* ═════════ 정렬바(.-bdSortWrap) 통합 재정의 — 모던/반응형 근본정리 (2026-06-28). 레거시 absolute·그리드 폐기 ═════════ */
.bdListGoods .-bdSortWrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:1rem;row-gap:.5rem;border-bottom:1px solid var(--c-border);margin-bottom:20px;padding-bottom:.6rem;position:relative}
/* 정렬칩(좌) — 컨트롤과 동일 2rem 높이 */
.bdListGoods .-bdSortWrap > .articleHead{order:1;flex:1 1 auto;min-width:0;margin:0}
.bdListGoods .-bdSortWrap > .articleHead ul{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none}
.bdListGoods .-bdSortWrap > .articleHead ul li{list-style:none;margin:0}
.bdListGoods .-bdSortWrap > .articleHead ul li a{display:inline-flex}
.bdListGoods .-bdSortWrap > .articleHead ul li a > span{display:inline-flex;align-items:center;min-height:2rem;padding-top:0;padding-bottom:0;box-sizing:border-box}
/* 컨트롤(우) — 정적(absolute 폐기)·균일 2rem·한줄 */
.bdListGoods .-bdSortWrap > .-btnWrap{order:2;flex:0 0 auto;display:flex;align-items:center;gap:.375rem;flex-wrap:nowrap;position:static;margin:0;padding:0}
.bdListGoods .-bdSortWrap > .-btnWrap > a{display:inline-flex;align-items:center;margin:0}
.bdListGoods .-bdSortWrap > .-btnWrap > a > span{height:2rem;width:2rem;box-sizing:border-box}
.bdListGoods .-bdSortWrap > .-btnWrap .bosis-select{height:2rem;min-height:2rem;line-height:1.2;padding:0 1.4rem 0 .55rem;margin:0;vertical-align:middle;box-sizing:border-box;font-size:12px}
.bdListGoods .-bdSortWrap > .-btnWrap .-btnSchOpen{position:static;width:2rem;height:2rem;margin:0;border:1px solid var(--c-border);border-radius:.375rem;background:url("/template/PLUGIN_shop_core/program/css/btn_tog_sch_close1.png") center/14px auto no-repeat;cursor:pointer;flex:0 0 auto}
.bdListGoods .-bdSortWrap > .-btnWrap .-btnSchOpen.-hide{background-image:url("/template/PLUGIN_shop_core/program/css/btn_tog_sch_open1.png")}
/* 검색패널(풀폭 하단) — ★내부 2열/구분선/칩은 기존 모던 패널 정의(.articleSch>div>.bosis-cr, style.css L295~324)에 위임.
   여기서 컬럼 flex를 다시 덮어쓰면 구분선(::before, 검색30% 기준)과 어긋나 겹침 → 위치(order)만 지정. */
.bdListGoods .-bdSortWrap > .articleSch{order:3;flex-basis:100%;width:100%;margin-top:.25rem}
.bdListGoods .-bdSortWrap .articleSch .designer-tog-btn{display:none}  /* 모던 칩 레이아웃엔 카테고리 collapse 토글 불필요(겹침원) */
/* 모바일: 정렬칩(행1)·컨트롤(행2) 풀폭 스택 — absolute 제거로 겹침 없음 */
@media (max-width:640px){
  .bdListGoods .-bdSortWrap{align-items:flex-start}
  .bdListGoods .-bdSortWrap > .articleHead,.bdListGoods .-bdSortWrap > .-btnWrap{flex:1 1 100%}
  .bdListGoods .-bdSortWrap > .-btnWrap{justify-content:flex-start}
}
/* 분류목록 */





 





 


/* 상품보기 */
[class*="goodsView"] .articleHead .bosis-cr { padding:0; white-space:normal; }














[class*="goodsView"] .articleHead .-bdRelationGoods { padding:25px 0 0 2px; }




[class*="goodsView"] .articleBody { padding:0; margin:0; }

[class*="goodsView"] .articleBody h5 { color:#454545; font-size:16px; letter-spacing:-0.5px; font-weight:bold; margin-bottom:20px; line-height:20px;}
[class*="goodsView"] .articleBody h6 { color:#666; font-size:14px; letter-spacing:-1px; font-weight:bold; margin-top:15px; margin-bottom:8px; }
[class*="goodsView"] .articleBody p { line-height:20px; }

[class*="goodsView"] .articleList .-bdShopFaq { border-top:1px solid #ddd; }









[class*="goodsView"] .info-tog-btn{ position:absolute; width:12px; height:9px; top:5px; right:10px; background:url("/template/PLUGIN_shop_core/program/css/btn_tog_info_close.png") 70% center no-repeat; background-size:12px; cursor:pointer; }

[class*="goodsView"] .articleHead .-bdRelationGoods{padding:15px 0 0 0; border-bottom:1px solid #e5e5e5; }
[class*="goodsView"] .articleHead .-bdRelationGoods > div:first-child{position:relative; padding-bottom:15px; font-size:14px;}




[class*="goodsView"] .articleBody [-sw*="goods-info-"] > div { color:#7a7a7a; font-size:14px; border-bottom:1px dotted #ddd; padding-bottom:30px; margin-bottom:30px; line-height:18px; }
[class*="goodsView"] .articleBody [-sw*="goods-info-"] > div:last-child { border-bottom:none; margin-bottom:0; }

[class*="goodsView"] .articleBody [-sw*="goods-info-"] .bosis-LF-common { letter-spacing:-0.3px;}
[class*="goodsView"] .snsWrap { background:#f9f9f9; border:1px solid #e5e5e5; padding:10px; overflow:hidden; }
[class*="goodsView"] .snsWrap li a { margin-left:10px; }
[class*="goodsView"] .snsWrap #AB_sns_util { display:inline-block; margin:0 7px; vertical-align:middle; }
[class*="goodsView"] .snsWrap  #AB_sns_util li a { margin-left:10px; }







.goodsViewSingle .-fdItemName, .goodsViewSingle .-fdDescription{padding-top:7px;}
.goodsViewSingle #item-wrap{padding:20px 0; letter-spacing:-1px;}
.-fdItemName{color:#333; font-size:1.5rem; letter-spacing:-1px; font-weight:bold; line-height:1.5; display:inline-block; margin-right:10px;}
#item-wrap.bosis-pf .-fdItemName{padding-top:5px;}




.goodsViewSingle #item-wrap .shop-icon{margin:-5px 0 0 4px;}
.goodsViewSingle #item-wrap .shop-icon-set{display:inline-block; white-space:nowrap; vertical-align:inherit; padding-top:7px;}


.goodsViewSingle #item-wrap .ABA-layout-align{width:auto;}
.goodsViewSingle.abline-div-padding #item-wrap .ABA-layout-align{width:auto !important;}
.goodsViewSingle #item-wrap.bosis-pf .ABA-layout-align{width:1000px;}
.goodsViewSingle #item-wrap.bosis-pf{left:0; right:0; top:0; height:38px; z-index:10; padding:15px 0; background:rgba(250,250,250,0.8); box-shadow:0 5px 5px rgba(60,60,60,0.1);}
.goodsViewSingle #item-wrap.bosis-pf .ABA-layout-align > div {box-sizing:border-box;}
.goodsViewSingle #item-wrap.bosis-pf .ABA-layout-align > .bosis-fl{padding-left:10px;}
.goodsViewSingle #item-wrap.bosis-pf .ABA-layout-align > .bosis-fr{padding-right:5px;}
.goodsViewSingle .snsWrap{margin-top:30px;}
.goodsViewSingle .shareUrl{display:inline-block; margin:0 0 0 10px; width:235px;}










.-btn-slide-sbag-show .slide-overlay-sbag{ display:block; }
.-btn-slide-sbag-hide .slide-overlay-sbag{ display:none; }
.-btn-slide-sbag-show{overflow:hidden;}
.-btn-slide-sbag-show .-slide-sbag{overflow:auto;}
.-slide-sbag{width:400px; height:100%; position:fixed; top:0; right:0; z-index:50; background-color:#ffffff; }
.-slide-sbag.abline-div-padding{ position:static; width:auto;}
.-slide-sbag .-btn-slide-sbag-trigger{position:absolute; top:15px; left:0px; width:53px; height:53px; overflow:hidden; background:url("/template/PLUGIN_shop_core/program/css/slide_btn_close_gray.png")center center no-repeat; background-size:17px 17px; text-indent:-9999px; z-index:100;}
.-slide-sbag .articleHead h3{padding:30px; text-align:center; font-size:1.5rem; color:#333; letter-spacing:-1px;}
.-slide-sbag .-tblList{margin-bottom:10px;}
.-slide-sbag .-tblList tbody td{padding:20px 5px;}
.-slide-sbag .-tblList table td{padding:0;}
.-slide-sbag .-tblList .-bdSbagQty{padding-top:15px;}
.-slide-sbag .-tblList .-bdSbagQty br {display:none;}
.-slide-sbag .-tblList .-bdSbagQty .bosis-text, .-slide-sbag .-tblList .-bdSbagQty .btn-tpl{height:24px !important; line-height:24px; width:40px !important; margin:0 2px; font-size:1rem;}
.-slide-sbag .-tblList .-bdSbagQty .-fdPrice{padding-top:3px; font-weight:normal; font-size:1.25rem; display:inline-block;}
.-slide-sbag .-bdPriceWrap{margin:0px; padding:20px; border:none; text-align:left;}
.-slide-sbag .-bdPriceWrap > div{padding:4px 0;}
.-slide-sbag .-bdPriceWrap dl dt, .-slide-sbag .-bdPriceWrap dl dd{display:inline-block; width:50%; height:20px; line-height:20px; color:#888;font-size:1.25rem;}
.-slide-sbag .-bdPriceWrap dl dt{text-align:left; letter-spacing:-1px;}
.-slide-sbag .-bdPriceWrap dl dd{text-align:right; font-weight:normal;}
.-slide-sbag .-bdPriceWrap .-fdTotal dt, .-slide-sbag .-bdPriceWrap .-fdTotal dd{color:#333;}
.-slide-sbag .bdShop .-btnWrap.bosis-alignc{padding:20px; margin:0;}
.-slide-sbag .bdShop .-btnWrap.bosis-alignc .btn-tpl{width:100%; text-align:center; margin:0;}
.-slide-sbag .pageSbag{margin:0;}
.-slide-sbag .bdListGoods{padding:20px;}
.-slide-sbag .-tblGoodsList{margin-bottom:15px; background:#fff; border:1px solid #eee; box-shadow:0 0 12px #e0e0e0; border-radius:8px; padding:10px;}
.-slide-sbag .-tblGoodsList td{border:none; padding:5px;}
.-slide-sbag .-tblGoodsList td:first-child{padding:5px 10px 5px 5px;}
.-slide-sbag .-tblGoodsList .-fdGoodsName{padding-top:3px; margin-bottom:0;}
.-slide-sbag .-tblGoodsList .-fdGoodsName, .-slide-sbag .-tblGoodsList .-fdGoodsName a {font-weight:normal;font-size:1.15rem;}
.-slide-sbag .-tblGoodsList .-fdGoodsDesc1{height:20px; overflow:hidden;margin-top:5px;}
.-slide-sbag .-tblGoodsList .-fdGoodsDesc1, .-slide-sbag .-tblGoodsList .-fdGoodsDesc1 a{font-size:1.1rem; color:#888; line-height:1.5;}
.-slide-sbag .-tblGoodsList .-fdGoodsPrice {letter-spacing:-1px; margin-top:0;}
.-slide-sbag .-tblGoodsList .-fdGoodsPrice .ABS-sell-price{font-size:1.15rem; font-weight:normal; letter-spacing:0;}
.-slide-sbag .-tblGoodsList .-fdGoodsPrice .ABS-org-price{font-size:1rem; letter-spacing:-0.5px;}
.-slide-sbag .-tblGoodsList .btnAddSbag{display:inline-block; text-align:center; width:35px; height:35px; border-radius:40px; background: linear-gradient(to bottom, #1F4E82 70%, #133A67 100%); background: -webkit-linear-gradient(top, #1F4E82 70%, #133A67 100%); background-color: #133A67; background-image:url("/template/PLUGIN_shop_core/program/css/btn_add_sbag_dialog.png"); background-position:center center; background-repeat:no-repeat; font-size:0; text-indent:-9999px; vertical-align:middle;}

/*상품보기 - 스크롤 시 상단 고정*/
#buyTop.articleHead { margin:0; }
#buyTop { display:none; padding-left: 0;border-bottom: 2px solid #666; }
#buyTop.fixeddiv { display:block; position:fixed; left:0; width:100%; z-index:10; background-color:#fff; }
.abline-div-padding#buyTop.fixeddiv, .abline-div-padding #buyTop.fixeddiv { position:static; }









/*상품보기 - 스크롤 시 상단 고정 - 구매하기버튼 토글*/
#bosis-goods-view-top.-show span.-open, #bosis-goods-view-top.-hide span.-close { display:none; }
#bosis-goods-view-top.-show span.-close {display:inline-block !important;}
#bosis-goods-view-top span.-close { text-align: right; display: inline-block; width: 100%; }
#buyTop .gvtop-toggle-div { padding:20px 30px; margin-top:10px; margin-bottom: 20px; min-height: 210px; border:1px solid #ddd; background-color:#f9f9f9; }

/*상품보기 쿠폰(조건발행)*/
.gvCpnWrap { color:#fff; background-color:#587bcc; padding:25px 40px 25px 25px; position:relative; }
.gvCpnWrap:after { content:''; position:absolute; top:50%; right:-20px; margin-top:-20px; width:40px; height:40px; background-color:#fff; border-radius:40px; }




.gvCpnExhaustWrap { color:#9d1415; font-size:18px; font-weight:bold; text-align:center; letter-spacing:-0.5px; width:100px; height:100px; line-height:100px; border-radius:100px; border:2px solid #9d1415; background-color:rgb(223 215 215 / 90%); z-index:1; transform: rotate(320deg); }
.gvCpnExhaustWrap::after{content:"";border:1px solid #9d1415; border-radius:85px; display:inline-block; width:86px; height:86px; position:absolute; top:6px; left:6px; }
.abline-div-padding.gvCpnExhaustWrap::after {display:none;}


/* 상품후기평점 */







/* 선택된 옵션 */
.opt-selects-this .opt-sel{ border-top:1px solid #eee; padding:10px 20px 10px 2px; position:relative; overflow:hidden; }
.opt-selects-this .opt-sel:first-child { border-top:1px solid #454545; margin-top:10px; }
.opt-selects-this .opt-sel span[class*="opt-sel-"] { color:#666; font-size:11px; letter-spacing:-0.5px; line-height:16px; padding-top:2px; vertical-align:top; float:left; box-sizing:border-box; }
.opt-selects-this .opt-sel span.opt-sel-name { width:43%; padding-right:10px; }
.opt-selects-this .opt-sel span.opt-sel-grp { width:20%; padding-top:0; padding-right:5px; }
.opt-selects-this .opt-sel span.opt-sel-grp select { color:#454545; font-size:11px; width:100%; height:21px; line-height:21px; border:1px solid #d6d6d6; vertical-align:top; box-sizing:border-box; }
.opt-selects-this .opt-sel span.opt-sel-qty { text-align:right; width:23%; padding-top:0; padding-right:18px; position:relative; }
.opt-selects-this .opt-sel span.opt-sel-qty input[type="text"] { font-size:11px; width:100%; height:21px; line-height:21px; padding-left:5px; vertical-align:top; box-sizing:border-box; }
.opt-selects-this .opt-sel span.opt-sel-qty .qty-p, .opt-selects-this .opt-sel span.opt-sel-qty .qty-m { display:inline-block; width:18px; height:11px; position:absolute; right:0; cursor:pointer; }
.opt-selects-this .opt-sel span.opt-sel-qty .qty-p { background:url("/template/PLUGIN_shop_core/program/css/btn_shop_opt_qty_p.png") no-repeat; top:0; }
.opt-selects-this .opt-sel span.opt-sel-qty .qty-m { background:url("/template/PLUGIN_shop_core/program/css/btn_shop_opt_qty_m.png") no-repeat; height:10px; top:11px; }
.opt-selects-this .opt-sel span.opt-sel-price { color:#333; text-align:right; width:30%; }
.opt-selects-this .opt-sel span.opt-sel-del { font-size:0; text-indent:-9999px; background:url("/template/PLUGIN_shop_core/program/css/btn_shop_option_del.png") center center no-repeat; background-color:#fff; border:1px solid #ddd; width:13px; height:13px; position:absolute; right:1px; top:15px; cursor:pointer; }
/* 관련상품 , 관심상품 옵션 */
.ABS-sbag-opt-lst { border-top:1px solid #e8e8e8; padding:12px 2px; }
.ABS-sbag-opt-lst .bosis-select { margin:2px 0; }
.ABS-sbag-opt-lst > div:first-child * { vertical-align:middle; }
.ABS-sbag-opt-lst > div a { display:inline-block; }
.ABS-sbag-opt-lst [class*="bdQtyPrice"] table{margin-bottom:5px;}
.ABS-sbag-opt-lst .-fdSbagOptPrice{color:#333; display:inline-block; margin-left:5px;}
.ABS-sbag-opt-lst .-fdSbagOptCybmn{color:#999; font-size:11px; letter-spacing:-0.3px; display:inline-block; margin-left:5px;}
.ABS-sbag-opt-lst .-fdSbagOptCybmn .wrap-deliv, .ABS-sbag-opt-lst .-fdSbagOptCybmn .wrap-cybmn {vertical-align:bottom;}
.ABS-sbag-opt-lst .bosis-text.rel-qty {height:24px; line-height:22px; font-size:12px;}
/* 테마01 */
.goodsView01 .articleHead { padding:0; margin-top:10px; margin-bottom:10px; }
.goodsView01 .articleHead [class*="ABA-container-box"] {  margin-bottom:0; }
.goodsView01 .articleHead [class*="ABA-container-box"] .bdGoodsInfoL { border-right:1px solid #ddd; margin-bottom:0; }
.goodsView01 .articleHead [class*="ABA-container-box"] .bdGoodsInfoR { padding-left:40px; margin-bottom:0; }
.goodsView01 .articleHead .-bdGoodsThumb .-fdThumb {  display:inline-block; }
.goodsView01 .articleHead .-bdGoodsThumb .-fdThumb img { background-color: #fff; border: 1px solid #eee; }
.goodsView01 .articleHead .-bdGoodsThumb .-fdThumb img:hover { border: 1px solid #FA9D21; }

.goodsView01 .snsWrap{margin-top:20px; }








.goodsView01 .articleHead .ABS-sbag-opt-lst { background:#fff; border-color:#d6d6d6; }
.goodsView01 .articleBody { margin-top:50px; font-size:14px; line-height:24px; color:#7a7a7a;}


.goodsView01 .articleBody h5{font-size:16px;}
/* 테마02 */
.goodsView02 .articleHead { border:0; padding:0; margin-top:10px; margin-bottom:40px; }










.goodsView02 .articleHead .-bdRelationGoods {border-bottom:none;}










/*.goodsView02 .articleBody [id*="goods-info-"] { margin-bottom:80px; }
.goodsView02 .articleBody [id*="goods-info-"] > div { color:#777; border-bottom:1px dotted #ddd; padding-bottom:30px; margin-bottom:30px; }
.goodsView02 .articleBody [id*="goods-info-"] > div:last-child { border-bottom:none; margin-bottom:0; }*/
/* 상품문의,상품후기 */
.-bdFaqWrap.-bdShopFaq .-tblList { border-top:none; border-spacing:0; width:100%; padding:0; }
.-bdFaqWrap.-bdShopFaq .-tblList td { padding:15px 0; }
.-bdFaqWrap.-bdShopFaq .-tblList td.-alignLeft { padding:15px; }
.-bdFaqWrap.-bdShopFaq .-tblList tbody tr:last-child td { border-bottom:none; }
.-bdFaqWrap.-bdShopFaq .-tblList .-fdSubject { font-size:13px; line-height:20px; cursor:pointer; }
.-bdFaqWrap.-bdShopFaq .-tblList .-fdSubject:hover { text-decoration:underline; }
.-bdFaqWrap.-bdShopFaq .-tblList .-fdSubject img { margin-top:3px; margin-right:10px; vertical-align:top; }
.-bdFaqWrap.-bdShopFaq .-tblList span.-fdWriterName { background:url("/template/DESIGN_content/program/theme/01/bg_bar_e2.gif") left center no-repeat; margin-left:8px; padding-left:8px;  }
.-bdFaqWrap.-bdShopFaq .-tblList span.-fdWriterName a { color:#888; }
.-bdFaqWrap.-bdShopFaq .ABA-article-contents { line-height:20px; }
.-bdFaqWrap.-bdShopFaq .ABA-article-contents { margin:15px 0; }
.-bdFaqWrap.-bdShopFaq .ABA-article-contents .btn-tpl { margin-top:10px; }
.-bdFaqWrap.-bdShopFaq .-bdContents { color:#666; line-height:20px; background:#f9f9f9; border-top:1px solid #ddd; }
.-bdFaqWrap.-bdShopFaq .-bdContents .-bdAnswer { border-top-style:dashed; }
.-bdFaqWrap.-bdShopFaq .-bdArticleR .-bdContents { border-top:1px dashed #ddd; padding:17px 20px; }
.-bdFaqWrap.-bdShopFaq .-tblList tbody td.-bdNoData { color:#999; font-size:12px; text-align:center; padding:30px; border-bottom:1px solid #ddd !important; }
.-bdFaqWrap.-bdShopFaq .-tblList tbody td.-bdNoData p { margin-top:10px; }
.-bdFaqWrap.-bdShopFaq .-bdQuestion { background:none; padding-left:20px; }
.-bdFaqWrap.-bdShopFaq .-bdAnswer { color:#888; font-size:12px; background-image:url("/template/DESIGN_content/program/theme/01/bg_reply_conts.png"); background-position:20px 21px; padding-left:35px; }
.-bdFaqWrap.-bdShopFaq .-fdWriterName .bosis-fl * { color:#888; font-size:13px; letter-spacing:0; }
.-bdFaqWrap.-bdShopFaq .-fdWriterName .bosis-fl span { background:url("/template/DESIGN_content/program/theme/01/bg_bar_e2.gif") right center no-repeat; display:inline-block; padding:0 7px 0 6px; }
.-bdFaqWrap.-bdShopFaq .-fdWriterName .bosis-fl span:first-child { padding-left:0; }
.-bdFaqWrap.-bdShopFaq .-fdWriterName .bosis-fl span:last-child { background-image:none; padding-right:0; }
.-bdFaqWrap.-bdShopFaq .-fdWriterName .bosis-fr * { font-size:12px; } 
.articleList .-tblList tbody td .-fdReviewNum img { vertical-align:top; }

.articleList .-tblList tbody td  span.-fdReplyStateN { text-shadow:#777 0px 0px 1px; background:#9a9a9a; }
.articleList .-tblList tbody td  span.-fdReplyStateY { text-shadow:#70aaeb 0px 0px 1px; background:#70aaeb; }
.-bdSqna .-bdFaqWrap.-bdShopFaq .-tblList td.-alignLeft, .-bdAfteruse .-bdFaqWrap.-bdShopFaq .-tblList td.-alignLeft { padding-left:0; padding-right:0; }
.-bdSqna [class*="afteruse-scroll-"]{line-height:20px;}
.-bdShopFaq .-tblList [class*="afteruse-tog-btn-"] .ABA-article-contents [class*="afteruse-scroll-"] img {max-width:100%; height:auto;}
[class*="afteruse-scroll-"][class*="afteruse-scroll-h-"]{max-height:40px;overflow:hidden;}
[class*='afteruse-tog-btn-'] .afteruse-btn-arrow {float:right;padding-right:17px;color:#aaa;cursor:pointer;}

[class*='afteruse-tog-btn-'].-show .afteruse-btn-arrow.close {background:url("/template/PLUGIN_shop_core/program/css/btn_tog_afteruse_close.png") right center no-repeat; display:block;}
[class*='afteruse-tog-btn-'].-hide .afteruse-btn-arrow.close, [class*='afteruse-tog-btn-'].-show .afteruse-btn-arrow.open {display:none;}

.-bdFaqWrap.-bdShopFaq .-tblList td.-alignLeft[class*='afteruse-tog-btn-']{padding:15px 0px 15px 1px;}
/*.-bdFaqWrap.-bdShopFaq .-tblList td.-alignLeft[class*='afteruse-tog-btn-'].-show{background:#f9f9f9;}*/
.bdGoodsSum { margin-bottom:15px; padding:20px; border:1px solid #ddd; background:#fafafa; } 
.bdGoodsSum ul { display:table; width:100%; }
.bdGoodsSum ul li { display:table-cell; }
.bdGoodsSum .-fdGoodsName { padding-left: 20px; color:#aaa; line-height:16px; vertical-align:middle; }
/* 마이쇼핑 */
.pageMyShopping > div { margin-bottom:50px; }
.pageMyShopping h4 { color:#454545; font-size:15px; font-weight:bold; letter-spacing:-1px; padding:5px 0; }
.pageMyShopping .bdList > div { position:relative; }

.pageMyShopping .pageMyState { border-top:2px solid #3a3a3a; border-bottom:1px solid #ccc; padding:25px 15px; }
.pageMyShopping .pageMyState .bosis-fl { text-align:center; border-right:1px dashed #e8e8e8; width:20%; padding-right:1px; box-sizing:border-box; }
.pageMyShopping .pageMyState .bosis-fl:last-child { border-right:none; padding-right:0; }
.pageMyShopping .pageMyState dl { margin-top:15px; }
.pageMyShopping .pageMyState dt, .pageMyShopping .pageMyState dd { color:#777; font-size:13px; font-weight:bold; letter-spacing:-1px; }
.pageMyShopping .pageMyState dt { margin-bottom:3px; }
.pageMyShopping .pageMyState dd strong { color:#1dab37; font-size:16px; }



.pageMyShopping .pageMyKbag .bdList { overflow:hidden; }
.pageMyShopping .pageMyKbag .articleList { margin:0 -10px; }



.pageRecentView .articleList{margin:0 -10px;}
.pageRecentView .articleList ul{padding:10px 0;margin-bottom:3px;}
.pageRecentView .articleList ul li img{margin-bottom:5px;}
.pageRecentView .articleList ul li:last-child{margin:0;}

.pageRecentView .articleList li > div{margin:0 8px 8px 8px;}

.pageRecentView .articleList li { float:left; }
.pageRecentView .articleList li.lpa-1 { width:100%; }
.pageRecentView .articleList li.lpa-2 { width:50%; }
.pageRecentView .articleList li.lpa-3 { width:33.3%; }
.pageRecentView .articleList li.lpa-4 { width:25%; }
.pageRecentView .articleList li.lpa-5 { width:20%; }
.pageRecentView .articleList li.lpa-6 { width:16.6%; }
.pageRecentView .articleList li.lpa-7 { width:14.2%; }
.pageRecentView .articleList li.lpa-8 { width:12.5%; }
.pageRecentView .articleList li.lpa-9 { width:11.1%; }
.pageRecentView .articleList li.lpa-10 { width:10%; }



/*마이쇼핑 상품목록 - 메인보다 작고 심플하게*/
.pageMyShopping .goodsList01 .-tblGoodsList { text-align:left; }
.pageMyShopping .goodsList01 .-tblGoodsList .-fdGoodsName { height:38px; overflow:hidden; }
.pageMyShopping .goodsList01 .-tblGoodsList .-fdGoodsName a { font-size:12px; font-weight:normal; line-height:1; color:#666; }
.pageMyShopping .goodsList01 .-tblGoodsList .-fdGoodsPrice .ABS-sell-price { line-height:1; padding-top:0; font-size:14px; }
.pageMyShopping .goodsList01 .-tblGoodsList .-routineDate { padding-top:7px; padding-left:1px; border-top:1px solid #eee; color:#75a3c9; font-weight:bold; letter-spacing:-0.5px; }

/* 쇼핑몰 메인페이지 */
[id*="mainGoodsTab"] { margin-bottom:10px; }
[id*="mainGoodsTab"] li { width:33.3%; padding:0 13px; float:left; box-sizing:border-box; }
[id*="mainGoodsTab"] li a { color:#fff; font-size:14px; letter-spacing:-1px; text-align:center; background:#9f9f9f; display:block; height:42px; line-height:40px; }
[id*="mainGoodsTab"] li.switch-on a { background:#fe5c41; }



/* 베스트상품 검색바 - best_goods.php 에서만 사용되고 있는데, 기존 검색바에 inline 또는 부분적으로 클래스 추가해서 사용할 수 없는지 확인해보기 by jhyun*/
.shop-mypage-sch-tbl{background:#fcfcfc;border:1px solid #e9e9e9;padding:0 25px 20px 25px;border-width:0 1px 1px 1px}
.shop-mypage-sch-tbl .bosis-text{height:31px;line-height:30px;border:1px solid #e0e0e0;background:#fff;color:#808080;font-size:12px;margin-right:3px !important;}
.shop-mypage-sch-tbl .bosis-select{height:33px;line-height:31px;border:1px solid #e0e0e0;color:#666;font-size:12px;padding-left:5px;}
.shop-mypage-sch-tbl a span.btn-tpl{padding:0 10px;font-size:12px;}
.shop-mypage-sch-tbl .btn-tpl.btn-pattern-H00{border:1px solid #e0e0e0;color:#888}
.shop-mypage-sch-tbl .bosis-fl{padding-bottom:5px;}

/* 배송지관리 */
.ABS-delivery-form{margin: 5px 0px 5px 0px;}
.ABS-delivery-form h3{font-size:16px; font-weight:600; letter-spacing:-1px; margin-bottom:10px;}
.ABS-delivery-form .bosis-head-btnset{height: auto; padding:10px 0 5px 0;}
.ABS-delivery-form .bosis-head-btnset span{margin:0;}
.ABS-delivery-form .ABA-sumit{margin:0;}
.ABS-delivery-form .ABS-delivery-input-radio{width:18px; height:18px; -webkit-appearance:none; background:#fff; border:1px solid #ccc; border-radius:50px;}
.ABS-delivery-form .ABS-sbag-list-btn-common{padding:0 5px; margin:2px;}
.bdAddrWrap .articleInput { border:1px solid #ddd; }
.myAddrList{display:inline-block; vertical-align:middle;}
.myAddrList:after{content:''; clear:both;}
.myAddrList li { float:left; }



.pageDeliv .bdShop .-tblList tbody td.-alignLeft .-fdAddress {color:#b5b5b5; font-size:13px; line-height:15px; margin-top:4px; }








.ABS-delivery-form .articleInput{border:1px solid #bbb;}

/* 견적서 */
.ceo-name img{width:48px; height:48px; z-index:0!important; top:157px !important; right:1%!important; position: absolute;}
.tblSubTpl01.tblEstmBizInfo td , .tblSubTpl01.tblEstmList td { height:20px; padding:10px; } 
.tblSubTpl01.tblEstmList thead th { background:#f9f9f9; border-right:1px solid #eee; }
.tblSubTpl01.tblEstmList thead th:first-child { border-left:1px solid #eee; }
.tblSubTpl01.tblEstmList tbody td { border-right:1px solid #f4f4f4; }
.tblSubTpl01.tblEstmList tbody td:first-child { border-left:1px solid #f4f4f4; }
 
 

/*카카오페이*/
.pagePaykakao{text-align:center; margin: 10px auto; margin-bottom:30px; padding: 5px; background-color: #ffeb00; border-radius: 100px; width: 285px; box-sizing: border-box;}
.pagePaykakao [class*="pageHead"]{display:inline-block; font-weight: bold; letter-spacing: -1px; vertical-align:middle;}
.pagePaykakao .pageHead-s {font-size: 12px; line-height:25px;}
.pagePaykakao .pageHead-m {font-size: 14px; }
.pagePaykakao .pageHead-l {font-size: 18px; padding-top:10px;}
.pagePaykakao #KakaoPay {margin-top:0px !important;}
.pagePaykakao .change-abs-position {display:inline-block;}
.sellFormPay li input[value="KA"] + label { background-image: url("/template/PLUGIN_shop_core/program/css/payment_icon_yellow_small.png"); background-repeat: no-repeat; padding-right: 50px; background-position:66px 9px; background-size: 40px; }

/*업데이트용 버튼 사이즈 조정*/


/*판매자정보 연락처*/
.sell_delivery_info ul{ overflow:hidden; }
.sell_delivery_info li{background-image: url("/template/DESIGN_content/program/theme/01/goods_vf_bar.png");background-repeat: no-repeat;background-position: right 2.7px;float:left;}
.sell_delivery_info li:last-child{background:none;}

/*장바구니 상단 탭*/












/*정기배송*/
.rbagNotice { font-size:11px; padding:10px 5px; background-color:#f9f9f9; border:1px dashed #ddd; color:#abc; }
#goods-routine-discount ul li span:nth-child(2),#goods-routine-discount ul li span:nth-child(3) { color:#E87A08; font-weight:bold; }
#goods-routine-discount ul li span:nth-child(4) { margin-left:10px; }

/*다중배송지*/
.articleBody td.-tdMultiGoods{ padding:0 10px; }
.articleBody table.-tblMultiGoods{ border:none; }
.pageSellDetail .articleBody table.-tblMultiGoods tr td:last-child::before,
[class*="bdAdmin"] .-tblList td.-tdMultiGoods table.-tblMultiGoods td:last-child::before {content: "수량 : ";}
.pageSellDetail .articleBody table.-tblMultiGoods tr:last-child td,
[class*="bdAdmin"] .-tblList td.-tdMultiGoods table.-tblMultiGoods tr:last-child td{ border-bottom:none; }
[class*="bdAdmin"] .-tblList td.-tdMultiGoods table.-tblMultiGoods td { border:1px solid #ddd; border-width:0 0 1px 0; }

.pageSellDetail point { font-weight:bold; color:#59a4e2; }

/*상품등록 입력폼 옵션입력상자*/
[id*="goodsOptions-"].wrap-form-io .ui-sortable li {cursor:move;}
[id*="goodsOptions-"].wrap-form-io .ui-sortable li:active {background:#fcfcfc;}

/*네이버페이 구매평 이미지 리사이징*/
[class*="afteruse-scroll"] .review_text img {max-width:100%;}

/*상품공지사항 이미지 리사이징*/
.goodsNoticeWrap .-bdComment img { max-width:100% !important; height:auto;}

/*주문 메시지 폼*/
.bdShop .hwh_text01 {font-size: 18px; color: #333; background: #f3f3f3;padding: 30px 15px; line-height: 26px;}
.bdShop .hwh_text02 {background:linear-gradient(180deg,rgba(223,223,223,0) 50%, #dfdfdf 50%);}
.bdShop .hwh_text02 b {color: #ff0000;}

/*쇼핑몰 상세보기 테마03*/


.viewTheme03 .bdGoodsInfoL .-fdThumbS{text-align:center;}
.viewTheme03 .bdGoodsInfoL .-fdThumbS a > img{border-radius:10px; margin-right:10px; margin-bottom:10px;}




/*알림용 버튼*/
.-btnBell{display: inline-block; height: 30px; line-height: 30px; border: 1px solid #ec133b; border-radius: 5px; background-image:url("/template/PLUGIN_shop_core/program/css/btn_bell.png"); background-repeat:no-repeat; background-position:15px center; background-size:15px; padding:0 20px 0 35px; color:#ec133b; letter-spacing:-1px; font-size:13px; }

/*관심상품*/
.pageKbag .articleHead {font-size: 14px;font-weight: bold;color: #454545;text-align: center;padding: 14px 0;background: #f6f6f6;border-top: 2px solid #333333;border-bottom: 1px solid #dddddd;}
/* button.css 잔여 흡수(text-btn wrapper) */
.text-btn-theme-A,.text-btn-theme-B,.text-btn-theme-C{display:inline-block;vertical-align:middle;margin-right:5px}

/* 정렬바(.articleHead ul) — 불릿 제거+가로정렬 보장(Tailwind 비의존) */
.articleHead ul{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0}
.articleHead ul li{list-style:none;margin:0}

/* 장바구니(ABS_sbag) 레이아웃 보정 (2026-06-27) — ★라이브 카트 데이터로 사용자 시각검증 필요(여기선 빈 카트라 무검증) */
.-bdPriceWrap dl{display:flex;align-items:baseline;gap:.4rem;margin:0}            /* #8 상품금액/배송비/결제금액 라벨↔숫자 겹침 방지 */
td:has(> .bosis-checkbox){padding-right:8px}                                       /* #10 체크박스↔썸네일 여백 */
.-bdSbagQty > * + *{margin-left:6px}                                               /* #9 수량입력↔변경버튼 여백 */
.-bdSbagQty input[type=text],.-bdSbagQty input[type=number]{margin-right:4px}

/* ───────── 탭 컴포넌트 사이즈 시스템 (.bosis-tabs + sm/md/lg, 2026-06-27) ─────────
   위치별 탭 크기를 테마 사이즈 명칭으로 관리. .bosis-tabs(base=flex/언더라인 활성) + 사이즈 클래스. */
.bosis-tabs-sm>li>a{padding:.4rem .9rem!important;font-size:var(--fs-sm)!important}
.bosis-tabs-md>li>a{padding:.6rem 1.2rem!important;font-size:var(--fs-base)!important}
.bosis-tabs-lg>li>a{padding:.8rem 1.5rem!important;font-size:var(--fs-md)!important}
/* 활성 일관화: 언더라인만(레거시 .switch-on a{background:primary} filled 제거) */
.bosis-tabs>li.switch-on>a,.bosis-tabs>li.on>a,.bosis-tabs>li.bosis-active>a{background:none!important}

/* ───────── 정렬바(.-bdSortWrap) 레이아웃 근본 재구성 (2026-06-27) ─────────
   레거시 absolute .-btnWrap(키 커서 하단선 overflow) 폐기 → flex 행: 정렬(좌)+컨트롤(우) 수직중앙, 검색패널 풀폭 하단.
   DOM순서(articleHead→articleSch→-btnWrap)는 order로 재배치. */
.-bdSortWrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:1rem;row-gap:.4rem;padding-bottom:.5rem}
.-bdSortWrap > .articleHead{order:1;flex:1 1 auto;min-width:0;margin:0}
.-bdSortWrap > .articleHead ul{margin:0}
.-bdSortWrap > .-btnWrap{order:2;flex:0 0 auto;position:static;top:auto;right:auto;padding-right:0;margin:0}
.-bdSortWrap > .-btnWrap .-btnSchOpen{position:static;margin-left:.25rem;flex:0 0 auto}
.-bdSortWrap > .articleSch{order:3;flex-basis:100%;width:100%;margin-top:.25rem}

/* ───────── 정렬바 우측 컨트롤(.-btnWrap) 정돈: 균일 32px·수직중앙·한줄 (2026-06-27) ───────── */
.-bdSortWrap{align-items:center}
.-bdSortWrap > .articleHead{flex:1 1 auto;min-width:0}
.-bdSortWrap > .-btnWrap{display:flex!important;align-items:center;gap:.375rem;flex-wrap:nowrap;flex:0 0 auto;position:static}
.-bdSortWrap > .-btnWrap > a{display:inline-flex;align-items:center;margin:0}
.-bdSortWrap > .-btnWrap > a > span{height:2rem;width:2rem;box-sizing:border-box}
.-bdSortWrap > .-btnWrap .bosis-select{height:2rem!important;min-height:2rem;line-height:1.2;padding:0 1.4rem 0 .55rem;margin:0!important;vertical-align:middle;box-sizing:border-box}
.-bdSortWrap > .-btnWrap .-btnSchOpen{width:2rem;height:2rem;min-height:2rem;margin:0;border:1px solid var(--c-border);border-radius:.375rem;background-size:14px auto;background-position:center}

/* 상품카드 수정아이콘(.-fdGoodsModify): 인라인 top:10 right:10가 후기배지(.-fdGoodsAftercnt 우상단)와 겹침 → 테마 의도대로 우하단으로(인라인 top 무력화, 2026-06-28) */
.bdListGoods .-fdGoodsModify{top:auto!important;bottom:9px!important;right:10px;z-index:5}

/* ───────── 스크롤바 숨김 유틸(.bosis-hide-scrollbar) — 범용 유틸 단일정의 (2026-06-29) ─────────
   GNB 바·서브 + home·layout_s·goods_list 등 다수 컴포넌트가 공유. 기존엔 레이아웃 tag_header마다 중복 정의 → 활성 테마(mono) style.css로 단일화.
   ※ blob(GNB_THEME base64) 안에 'bosis-hide-scrollbar'가 들어있어 클래스명은 리네임하지 않고 유지(코어 GNB가 그대로 사용). */
.bosis-hide-scrollbar::-webkit-scrollbar{display:none}
.bosis-hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

/* [Claude 2026-07-11] 갤러리 목록폼(-bdGalleryWrap) 완성 이식 — 열폭(lpa-N)·전체선택(-btnAllSelect)·카드 디테일이
   구테마(01~04 design.css)에만 있고 mono 미이식(고아)이라 kwa-gallery 폭 제각각·버튼 맨텍스트 깨짐.
   정답지=theme/04/design.css L1733~1771 을 토큰·flex 문법으로 치환(마크업 불변·additive). 모바일=@media 열축소(완전반응형). */
.-bdGalleryWrap>ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:var(--space-sm) 0}
.-bdGalleryWrap>ul>li{list-style:none;box-sizing:border-box;padding:var(--space-sm);width:25%;float:none}
.-bdGalleryWrap li.lpa-1{width:100%}
.-bdGalleryWrap li.lpa-2{width:50%}
.-bdGalleryWrap li.lpa-3{width:33.3333%}
.-bdGalleryWrap li.lpa-4{width:25%}
.-bdGalleryWrap li.lpa-5{width:20%}
.-bdGalleryWrap li.lpa-6{width:16.6666%}
.-bdGalleryWrap li.lpa-7{width:14.2857%}
.-bdGalleryWrap li.lpa-8{width:12.5%}
.-bdGalleryWrap li.lpa-9{width:11.1111%}
.-bdGalleryWrap li.lpa-10{width:10%}
@media(max-width:767px){.-bdGalleryWrap li[class*="lpa-"]:not(.lpa-1){width:50%}}
.-bdGalleryWrap .-bdGalList{height:100%;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;background:var(--c-surface)}
.-bdGalleryWrap .-fdThumb{overflow:hidden}
.-bdGalleryWrap .-fdThumb img{width:100%;height:auto;display:block;transition:transform .3s}
.-bdGalleryWrap .-bdGalList .-fdThumb:hover img{transform:scale(1.08)}
.-bdGalleryWrap a{color:var(--c-text)}
.-bdGalleryWrap .-fdBox{display:flex;flex-direction:column;align-items:flex-start;row-gap:5px;padding:var(--space-sm) var(--space-md)}
.-bdGalleryWrap .-fdSubject{line-height:1.5;overflow:hidden}
.-bdGalleryWrap .-fdDate{color:var(--c-text-muted);font-size:var(--fs-xs)}
/* 전체선택 — 구테마 이미지 아이콘버튼을 bosis-btn-sm 문법+FA 글리프로(관리자뷰=FA 로드 컨텍스트) */
[class*="bdList"] .-btnAllSelect{display:inline-flex;align-items:center;height:1.75rem;padding:0 .625rem;margin:var(--space-2xs) 0;font-size:var(--fs-xs);color:var(--c-text-sub);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-surface);white-space:nowrap;text-decoration:none;transition:background .15s}
[class*="bdList"] .-btnAllSelect:hover{background:var(--c-bg-subtle)}
[class*="bdList"] .-btnAllSelect span::before{content:"\f14a";font-family:"Font Awesome 6 Free";font-weight:400;margin-right:.35rem}