/* =====================================================================
   BOS 레거시 디자인 → core11(현대화) 마이그레이션 compat CSS
   ---------------------------------------------------------------------
   레거시 상품(디자인 theme/01 등)을 현대화 core11 설치본에 올릴 때 발생하는
   "클래스/테마 개명 미스매치"를 흡수하는 단일 관리 파일.
   header.inc.php 에서 content_theme != 'mono'(=레거시 테마)일 때만 <link> 로드.
   ※ mono 통째 로드는 전역 *리셋·.ABA-content-box 재정의로 레거시 디자인을 파괴하므로
     금지 → 필요한 규칙만 자립형으로 이식.
   ---------------------------------------------------------------------
   ★방향(2026-07-17 재정립): 레거시 CSS(design.css/layout.css/모바일)는 개명 전 원본(AB-*)
     으로 원복함(레거시 CSS 손대지 않는다는 원칙). 따라서 이 파일은 "코어(program/include)가
     출력하는 bosis-* 요소"를 레거시 원본룩/구조로 보정한다 — 레거시 프론트엔 mono/style.css 가
     안 실리므로 코어 bosis-* 가 무스타일이 되는 것을 흡수(개명 반대방향 compat).
   [블록1] AB-* 구조 클래스 compat (.AB-hidden 등 — 레거시 GNB엔진 출력, design.css 미정의분)
   [블록2] 관리자 바(bosis-adminbar-*) compat (mono style.css 에만 존재 → 레거시 미로드분 이식)
   [블록3] 코어 게시판 버튼(bosis-btn*) compat (레거시 원본에 대응 클래스 없음 → 중립 외형)
   [블록4] 푸터 유틸 링크 / [블록5] 비주얼 배너 편집버튼
   [블록6] 코어 폼컨트롤(bosis-text/select/textarea/radio) → 레거시 원본룩(design.css .AB-* 미러)
   ===================================================================== */

/* ── [블록1] AB-* 구조 클래스 compat ───────────────────────────────── */
.AB-cr{zoom:1;}
.AB-cr:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.AB-fl{float:left}
.AB-fr{float:right;}
.AB-alignl{text-align:left;}
.AB-alignc{text-align:center;}
.AB-alignr{text-align:right;}
.AB-show{display:block;}
.AB-hidden{display:none;}
.AB-inline { vertical-align: middle; display: inline-block; }
.AB-pr { position:relative; }
.AB-pa { position:absolute; }
.AB-pf { position:fixed; }
.AB-ps { position:static; }
.AB-pa .abline-div-padding, .AB-pf .abline-div-padding, .AB-pa.abline-div-padding, .AB-pf.abline-div-padding, .abline-div-padding .AB-pa, .abline-div-padding .AB-pf { position:static !important; margin:inherit !important; transform:inherit !important; }
.AB-nowrap { white-space:nowrap; }
.AB-bx-b{box-sizing:border-box;}
.AB-bx-c{box-sizing:content-box;}
.AB-skip{position:absolute;width:0;height:0;font-size:0;overflow:hidden;visibility:hidden;z-index:-1;}
.AB-img-full-w { width:100%; height:auto; }
.AB-img-full-h { width:auto; height:100%; }

/* ── [블록2] 관리자 바 compat (mono style.css L566~580 변수해석 이식) ─── */
.bosis-adminbar-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9999px;background:transparent;color:#374151 !important;font-size:.75rem;text-decoration:none;cursor:pointer;pointer-events:auto}
.bosis-adminbar-btn:hover{background:#f3f4f6;color:#111827 !important}
.bosis-adminbar-fab{width:30px;height:30px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.ABA-admin-menu{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:9990;display:flex;align-items:center;gap:.375rem;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 #e5e7eb;border-radius:9999px;padding:3px .5rem;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;margin:0;align-self:center;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;box-shadow:0 2px 10px rgba(0,0,0,.08);color:#6b7280;transition:color .15s,width .15s,height .15s,border-radius .15s}
#btn-toggle-admin-menu:hover{color:#1f2937}
.btn-toggle-admin-menu-show #btn-toggle-admin-menu{width:20px;height:20px;border-radius:9999px}
#btn-toggle-admin-menu:empty::before{content:"\f0c9";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.75rem}
.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}

/* ── [블록3] 코어 게시판 버튼(bosis-btn*) compat ───────────────────────
   검색/추가/글쓰기 등 코어 게시판 버튼은 모던 클래스(bosis-btn/primary/neutral/...)를
   출력하는데 레거시 원본 design.css엔 대응 클래스가 없음(0개) → 무스타일 깨짐.
   레거시 등가물이 없어 중립적 현대 외형으로 보정(mono 정의 변수해석 이식). */
.bosis-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:2.25rem;padding:0 1.25rem;border:0;border-radius:.5rem;font-size:.875rem;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;background:#fff;color:#4b5563;box-shadow:inset 0 0 0 1px #d1d5db}
.bosis-btn-emerald{background:#059669;color:#fff;box-shadow:none}
.bosis-btn-neutral{background:#374151;color:#fff;box-shadow:none}
.bosis-btn-neutral:hover{background:#1f2937}
.bosis-btn-primary{background:#2563eb;color:#fff;box-shadow:none}
.bosis-btn-primary:hover{background:#1d4ed8}
.bosis-btn-danger{background:#ef4444;color:#fff;box-shadow:none}
.bosis-btn-danger:hover{background:#dc2626}
.bosis-btn-ghost{background:#fff;color:#4b5563;box-shadow:inset 0 0 0 1px #d1d5db}
.bosis-btn-ghost:hover{background:#f3f4f6}
/* 색상 모디파이어 단독(base .bosis-btn 누락) 박스모델 보정 — mono style.css [Claude] 이식.
   검색(input.bosis-btn-primary 단독)·추가(span.bosis-btn-neutral 단독) 등 코어 게시판 버튼이 색상
   클래스만 가져 패딩/높이/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 1.25rem;border:0;border-radius:.5rem;box-shadow:none;font-size:.875rem;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}

/* mono-btn 계열(개명 전 mono- 클래스가 남은 디자인소스 대비) → bosis-btn 과 동일 처리.
   ★레거시 button.css btn-tpl(패턴 버튼) 동반 버튼은 원본 패턴 외형 유지 위해 :not(.btn-tpl) 로 제외
   (btn-tpl 없는 순수 mono-btn 만 현대 외형). */
.mono-btn:not(.btn-tpl){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:2.25rem;padding:0 1.25rem;border:0;border-radius:.5rem;font-size:.875rem;font-weight:500;line-height:1.2;font-family:inherit;white-space:nowrap;cursor:pointer;box-sizing:border-box;text-decoration:none;background:#fff;color:#4b5563;box-shadow:inset 0 0 0 1px #d1d5db}
.mono-btn-primary:not(.btn-tpl){background:#2563eb;color:#fff;box-shadow:none}
.mono-btn-primary:not(.btn-tpl):hover{background:#1d4ed8}
.mono-btn-neutral:not(.btn-tpl){background:#374151;color:#fff;box-shadow:none}
.mono-btn-neutral:not(.btn-tpl):hover{background:#1f2937}
.mono-btn-emerald:not(.btn-tpl){background:#059669;color:#fff;box-shadow:none}
.mono-btn-ghost:not(.btn-tpl){background:#fff;color:#4b5563;box-shadow:inset 0 0 0 1px #d1d5db}
/* 색상 모디파이어 단독(base .mono-btn 누락) 박스모델 보정 */
.mono-btn-primary:not(.btn-tpl):not(.mono-btn):not([class*="mono-btn-sm"]),.mono-btn-neutral:not(.btn-tpl):not(.mono-btn):not([class*="mono-btn-sm"]),.mono-btn-emerald:not(.btn-tpl):not(.mono-btn):not([class*="mono-btn-sm"]){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:2.25rem;padding:0 1.25rem;border:0;border-radius:.5rem;box-shadow:none;font-size:.875rem;font-weight:500;line-height:1.2;font-family:inherit;white-space:nowrap;cursor:pointer;box-sizing:border-box;text-decoration:none}

/* ── [블록3b] 코어 모던버튼 간 간격 복원 ────────────────────────────────
   코어 게시판 검색/추가/글쓰기 버튼(bosis-btn/mono-btn 이며 btn-tpl 없음)은 좌우 margin 이
   없어 서로 붙음(예: 검색·추가 버튼 간격 소실). 레거시 button.css `.btn-tpl{margin:0 2~4px}`
   감각으로 좌우 여백 부여. ★btn-tpl 동반 버튼은 button.css 가 이미 margin 을 주므로
   :not(.btn-tpl) 로 제외(이중여백 방지·레거시 간격 유지). */
.bosis-btn:not(.btn-tpl),.bosis-btn-primary:not(.btn-tpl),.bosis-btn-neutral:not(.btn-tpl),.bosis-btn-emerald:not(.btn-tpl),.bosis-btn-danger:not(.btn-tpl),.bosis-btn-ghost:not(.btn-tpl),.mono-btn:not(.btn-tpl),.mono-btn-primary:not(.btn-tpl),.mono-btn-neutral:not(.btn-tpl),.mono-btn-emerald:not(.btn-tpl),.mono-btn-ghost:not(.btn-tpl){margin:2px 3px;}

/* ── [블록4] 푸터 유틸 링크(원본=밑줄 없음, 구분바 없는 utilWrapNobar) ── */
.utilWrapNobar a{text-decoration:none;}

/* ── [블록5] 비주얼 배너 편집버튼(-btnVbannerEdit) 위치 ─────────────────
   레거시 design.css가 top:20px(비주얼 최상단)라 관리자뷰서 GNB와 겹침.
   비주얼 정중앙으로 이동(수정하기 버튼). left:50%는 design.css 유지. */
.-btnVbannerEdit{top:50% !important; margin-left:0 !important; transform:translate(-50%,-50%) !important;}

/* ── [블록6] 코어 폼컨트롤(bosis-*) → 레거시 원본룩 ─────────────────────
   레거시 CSS 원복으로 design.css는 다시 .AB-* 를 스타일하지만, 코어(program/include)는
   검색 select·입력·라디오 등을 bosis-* 로 출력함. 레거시 프론트엔 mono/style.css 가
   안 실리므로 이 bosis-* 가 무스타일이 됨 → 복원된 design.css 의 .AB-* 룩과 동일 외형을
   코어 bosis-* 에 부여(값 출처=design.css L65/1249/1250/1252/1270/1332, 개명 반대방향 미러).
   ※ 버튼(bosis-btn*)은 레거시 등가물이 없어 [블록3]에서 별도 처리. */
.bosis-text,.bosis-select,.bosis-textarea{color:inherit;border:1px solid #ddd;vertical-align:middle;box-sizing:border-box;border-radius:3px;padding-left:8px;font-size:14px;}
.bosis-text,.bosis-select{height:32px;margin:0 3px;}
.bosis-textarea{padding:8px;line-height:20px;}
.bosis-select{background-image:url("/template/DESIGN_content/program/theme/01/icon_select_arrow_m.png");background-position:right center;background-repeat:no-repeat;background-color:#fff;background-size:21px;padding-right:17px;}
.bosis-radio,.bosis-checkbox{width:15px;height:15px;margin:0 3px 0 0;vertical-align:middle;}
/* admin-width-*(bosis-text=고정폭, bosis-select=min-width; design.css 미러) */
.bosis-select[class*="admin-width-"]{width:auto;max-width:100%;}
.bosis-text.admin-width-a{width:40px;}.bosis-text.admin-width-b{width:60px;}.bosis-text.admin-width-c{width:80px;}.bosis-text.admin-width-d{width:100px;}.bosis-text.admin-width-e{width:120px;}.bosis-text.admin-width-f{width:150px;}.bosis-text.admin-width-g{width:200px;}.bosis-text.admin-width-h{width:300px;}.bosis-text.admin-width-i{width:400px;}.bosis-text.admin-width-z{width:100%;}
.bosis-select.admin-width-a{min-width:40px;}.bosis-select.admin-width-b{min-width:60px;}.bosis-select.admin-width-c{min-width:80px;}.bosis-select.admin-width-d{min-width:100px;}.bosis-select.admin-width-e{min-width:120px;}.bosis-select.admin-width-f{min-width:150px;}.bosis-select.admin-width-g{min-width:200px;}.bosis-select.admin-width-h{min-width:300px;}.bosis-select.admin-width-i{min-width:400px;}.bosis-select.admin-width-z{width:100%;}

/* ── [블록7] 코어 구조 클래스 bosis-* compat ───────────────────────────
   코어(program/include)가 clearfix/float/정렬/표시 를 bosis-* 로 출력하는데 레거시 프론트엔
   정의 없음(design.css는 AB-*) → float 레이아웃 붕괴·숨김요소 노출. [블록1] AB-* 를 bosis-* 로 미러. */
.bosis-cr{zoom:1;}
.bosis-cr:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.bosis-fl{float:left;}
.bosis-fr{float:right;}
.bosis-alignl{text-align:left;}
.bosis-alignc{text-align:center;}
.bosis-alignr{text-align:right;}
.bosis-show{display:block;}
.bosis-hidden{display:none;}
.bosis-inline{vertical-align:middle;display:inline-block;}
.bosis-pr{position:relative;}
.bosis-pa{position:absolute;}
.bosis-pf{position:fixed;}
.bosis-ps{position:static;}
.bosis-nowrap{white-space:nowrap;}
.bosis-bx-b{box-sizing:border-box;}
.bosis-bx-c{box-sizing:content-box;}

/* ── [블록8] 코어 모던 UI(bosis-*) → mono/style.css 정의 리터럴 이식 ──────
   페이징/폼필드/동의박스/섹션타이틀/스크롤박스/링크행/카드/버튼스택/inset 등 코어 모던 UI 는
   mono/style.css 에만 정의(레거시 프론트 미로드) → 무스타일. mono base 규칙을 리터럴로 이식. */
.bosis-pager{padding:1rem 0;text-align:center;}
.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 .5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;vertical-align:middle;box-sizing:border-box;}
.bosis-pager .LF_page_link{color:#4b5563;background:#fff;border:1px solid #e5e7eb;}
.bosis-pager .LF_page_link:hover{background:#f9fafb;color:#111827;border-color:#d1d5db;}
.bosis-pager .LF_page_link_current{color:#fff;background:#2563eb;border:1px solid #2563eb;}
.bosis-field{margin-bottom:.75rem;}
.bosis-agree{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:.5rem 0;padding:.5rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;}
.bosis-section-title{position:relative;border-bottom:1px solid #e5e7eb;}
.bosis-text-muted{color:#6b7280;font-size:.8125rem;line-height:1.7;}
.bosis-scrollbox{max-height:200px;overflow-y:auto;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.8125rem;line-height:1.7;color:#4b5563;}
.bosis-link-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.8125rem;}
.bosis-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden;}
.bosis-card-body{padding:1.5rem 1.25rem;box-sizing:border-box;}
.bosis-card-narrow{max-width:480px;margin-left:auto;margin-right:auto;}
.bosis-btn-stack{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;}
.bosis-inset{padding-left:.75rem;padding-right:.75rem;}

/* ── [블록9] 레거시 원본룩 UI(design.css.renamed 답지) ──────────────────
   category 필터버튼·소제목(sj-h3)·목록필드(LF-common) = 레거시 디자인 원본 → 원본룩 이식. */
.bosis-category-btn{text-align:center;border:1px solid #ddd;border-radius:2px;min-width:70px;margin:2px;display:inline-block;padding:2px 8px;}
.bosis-category-btn.bosis-category-bgA{background-color:#fdfbed;border-color:#e8e4c7;}
.bosis-category-btn.bosis-category-bgB,.bosis-category-bgB{background-color:#f4fbf0;border-color:#d6e4ce;}
.bosis-category-btn.bosis-category-bgC{background-color:#f3ecfb;border-color:#e4d9f1;}
.bosis-sj-h3{font-size:20px;color:#454545;font-weight:bold;letter-spacing:-1px;display:inline-block;}
.bosis-LF-common{display:inline-block;vertical-align:middle;letter-spacing:-0.3px;}

/* ── [블록10] tailwind 유틸 최소셋 ──────────────────────────────────────
   코어 일부 요소가 tailwind 유틸(hidden/flex/gap 등)을 사용하는데 레거시 프론트엔 tailwind 미로드.
   렌더 실측(sweep)으로 실제 등장한 유틸만 최소 정의(과주입 금지). */
.hidden{display:none;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.items-center{align-items:center;}
.justify-center{justify-content:center;}
.gap-1{gap:.25rem;}
.gap-1\.5{gap:.375rem;}
.gap-2{gap:.5rem;}
.flex-wrap{flex-wrap:wrap;}
.mt-4{margin-top:1rem;}
.text-lg{font-size:1.125rem;}
.w-7{width:1.75rem;}
.h-7{height:1.75rem;}

/* ── [블록11] 관리자 일괄수정 소형버튼(bosis-btn-sm 계열) → mono 이식 ──────
   게시판 목록 관리자 일괄영역(이동/복사/수정/삭제)이 bosis-btn-sm 을 쓰는데 legacy_migration
   미정의(mono/style.css에만) → 무스타일 깨짐. mono base 리터럴 이식(admin 렌더 sweep 실측). */
.bosis-btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:1.75rem;padding:0 .625rem;margin-right:.25rem;font-size:.75rem;line-height:1.2;font-family:inherit;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:background .15s,color .15s;}
.bosis-btn-sm:hover{background:#f3f4f6;}
.bosis-btn-sm i{margin:0;}
.bosis-btn-sm.bosis-btn-neutral{background:#374151;color:#fff;border-color:#374151;}
.bosis-btn-sm.bosis-btn-neutral:hover{background:#1f2937;}
.bosis-btn-sm-danger{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:1.75rem;padding:0 .625rem;margin-right:.25rem;font-size:.75rem;line-height:1.2;font-family:inherit;background:#fff;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:background .15s;}
.bosis-btn-sm-danger:hover{background:#fef2f2;}
.bosis-chkall{font-size:1.2rem;line-height:1;color:#9ca3af;cursor:pointer;vertical-align:middle;}

/* ── [블록12] btn-tpl+모던 하이브리드 버튼 간격(검색/추가 등) ──────────────
   레거시 btn-tpl 에 mono-btn/bosis-btn 이 병기된 버튼(예: 검색 input + 추가 a>span)은
   button.css `.btn-tpl[class*=btn-pattern-]{margin:0 2px}`(2px) 만 먹어 딱 붙어 보임 →
   같은 특이도(0,2,0)로 뒤에 로드되어 좌우 여백을 넉넉히(=간격 복원). btn-tpl 순수 버튼은 무영향. */
.btn-tpl[class*="mono-btn"],.btn-tpl[class*="bosis-btn"]{margin-left:.25rem;margin-right:.25rem;}

/* ── [블록13] 검색바·버튼행 정규화(현대화·mono 이식) ──────────────────────
   코어 게시판 검색바(-bdSchWrap/-bdSchInner: ul>li>div)와 버튼행(-btnWrap: RSS+글쓰기)의
   flex/gap 정규화가 mono/style.css 에만 있어 레거시 프론트선 li 기본간격이 커서 벌어지고
   RSS/글쓰기가 정렬붕괴 → mono 정규화 리터럴 이식. */
/* 검색바: li 큰 간격 → flex + 촘촘한 gap(.4~.5rem), 입력칸(-schGrow)만 신축 */
.-bdSchWrap ul,.-bdSchInner ul{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;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;}
.-bdSchWrap li>div,.-bdSchInner li>div{display:flex;align-items:center;}
.-bdSchWrap li.-schGrow>div,.-bdSchInner li.-schGrow>div{width:100%;}
.-bdSchWrap li.-schGrow .AB-text,.-bdSchWrap li.-schGrow .bosis-text,.-bdSchWrap li.-schGrow input[type=text],.-bdSchInner li.-schGrow .AB-text,.-bdSchInner li.-schGrow .bosis-text,.-bdSchInner li.-schGrow input[type=text]{width:100%;box-sizing:border-box;}
.-bdSchWrap{margin-bottom:1rem;}
/* 버튼행: RSS(작은 앰버 유틸 pill·좌측 밀착)+글쓰기(주버튼·우측), flex 중앙정렬.
   ★크기차는 의도적(RSS=2차 유틸 2rem / 글쓰기=주액션 bosis-btn 2.25rem) — mono 정규화 기준 준수. */
.-btnWrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;}
.-btnRss{display:inline-flex;align-items:center;gap:.3rem;height:2rem;padding:0 .7rem;font-size:.8125rem;border:1px solid #fcd34d;border-radius:.375rem;color:#d97706;text-decoration:none;background:#fffbeb;margin-right:auto;}

/* ── [블록14] 게시물뷰·로그인 정규화(대표페이지 확장 sweep, mono 이식) ────────
   게시물 뷰 행 액션버튼(수정/삭제)·댓글영역, 로그인/폼 카드헤더가 mono에만 정의 → 이식.
   ※대표페이지(글쓰기폼/회원/로그인/약관/게시물뷰) admin+front sweep 실측 미커버분. */
/* 행 액션버튼(수정=text, 삭제=danger+text) */
.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 #e5e7eb;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-danger{color:#dc2626;border-color:#fecaca;}
.bosis-row-btn-text{width:auto;height:auto;padding:.15rem .35rem;border:0;background:none;color:#6b7280;font-size:.75rem;font-weight:500;line-height:1.4;white-space:nowrap;}
.bosis-row-btn-text.bosis-row-btn-danger,.bosis-row-btn-danger.bosis-row-btn-text{color:#dc2626;}
/* 댓글 영역 컨테이너 */
.bosis-cmt-wrap{padding-left:0;padding-right:0;}
.bosis-cmt-input-wrap{margin:.5rem 0 1.25rem;padding:1.1rem 1.25rem;background:#f9fafb;border:1px solid #eef0f2;border-radius:.75rem;}
/* 로그인/폼 카드 헤더 */
.bosis-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#4b5563;}
/* tailwind 색 유틸(text-*) — 대표페이지 실측 등장분 */
.text-gray-900{color:#111827;}
.text-gray-400{color:#9ca3af;}
.text-muted{color:#6b7280;}

/* ── [블록15] 게시판 보기 메타/댓글 표준폼 잔여 compat (2026-07-27, mono 변수해석 이식) ──
   보기페이지 헤더 메타(등록자/등록일/조회/추천)·댓글 컴포넌트(bosis-cmt-*)·-fd*·bosis-table 등
   앞 블록들에 없는 미정의 셀렉터만 추가(기존 블록 큐레이션 무접촉·오버라이드 없음). */
/* ── [블록7] 게시판 보기 메타/댓글 표준폼 잔여 compat (2026-07-27, mono 변수해석 이식) ──
   보기페이지 헤더 메타(등록자/등록일/조회/추천)·댓글 컴포넌트·목록 잔여가 레거시 테마에서
   무스타일 되는 것 보정 — 코어/AI표준폼 출력 클래스만 정의(레거시 원본 클래스 무접촉). */
/* [Claude] 범용 폼/패널 요소 (역할기반·전 페이지 재사용) — 목적종속 회원클래스(pageMember/-inputWrap/pageBody/pageFoot/-btnWrap 등)를 대체하는 요소기반 시스템 */
.bosis-card-narrow{max-width:480px;margin-left:auto;margin-right:auto}
.bosis-table{width:100%;border-collapse:collapse;font-size:.875rem}
.bosis-table thead th{padding:.875rem 1rem;background:#f9fafb;font-size:.875rem;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap;text-align:center}
.bosis-table tbody td{padding:.875rem 1rem;font-size:.875rem;color:#374151;border-bottom:1px solid #f3f4f6;text-align:center}
.bosis-table tbody tr:hover{background:#f9fafb}
.bosis-table a{color:inherit;text-decoration:none}
.bosis-table caption{display:none}
.-bdSchWrapLog .-btnWrap ul{display:inline-flex;border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden;list-style:none;padding:0;margin:0 0 10px}
.-bdSchWrapLog .-btnWrap li a{display:inline-flex;align-items:center;padding:.375rem .9rem;font-size:.75rem;color:#6b7280;border-left:1px solid #e5e7eb;text-decoration:none;cursor:pointer}
.-bdSchWrapLog .-btnWrap li:first-child a{border-left:0}
.-bdSchWrapLog .-btnWrap li:hover a{background:#f9fafb}
.-bdSchWrapLog .-btnWrap li.on a{background:#2563eb;color:#fff}
/* [정규화] 데이터셀 내 ul/ol 기본 들여쓰기·불릿 제거(인라인편집 셀 등) */ .bosis-table td ul,.bosis-table td ol{list-style:none;margin:0;padding:0}
/* buy-actions (구매/장바구니/관심 3열) */
.bosis-buy-actions>ul,.goodsView01 .-btnWrap>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;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 .-fdDescription{color:#6b7280;font-size:.9375rem;line-height:1.6;margin-top:.4rem}
.-tblList .-fdSubject{font-size:1rem;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:#111827;text-decoration:underline}
.pageSbag .-fdPrice{font-weight:700;color:#111827;font-size:1.0625rem}
.pageSbag .-fdPrice .money-unit{font-size:.8em;font-weight:500;color:#6b7280;margin-left:.1rem}
.-bdPriceWrap .-fdTotal dt{color:#111827}
.-bdPriceWrap .-fdTotal dd{font-size:1.35rem;font-weight:800;color:#dc2626}
.pageSellOrder .-bdPriceWrap .-fdTotal{border-bottom:0;margin-top:.3rem;padding-top:.6rem;border-top:2px solid #111827}
.pageSellOrder .-bdPriceWrap .-fdTotal dd,.pageSellOrder .-bdPriceWrap .-fdTotal dd input{font-size:1.2rem;font-weight:800;color:#dc2626}
/* 장바구니 수량입력 + 변경버튼: 한 줄 정렬 + 높이 통일(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:.8125rem;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;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:#f9fafb;border-color:#9ca3af}
#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 .-btnWrap.bosis-pa{width:315px}
#buyTop.fixeddiv .-btnWrap.bosis-pa{width:420px}
.goodsView01 .-bdAftercnt .-fdAveragePer{font-size:1.3rem;font-weight:800;color:#111827}
.goodsView01 .bdGoodsInfoR .-bdTitleWrap>.-fdDescription{display:block;margin:.45rem 0 0}
.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%}
/* 플러그인 업데이트 알림 배지(icon_update_badge.png → FA) */
.-fdUpdateBadge{color:#ef4444;font-size:.8rem;margin-left:.25rem;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}
/* 입력폼 저장버튼 묶음(-btnWrap, admin_btn_set0x 공용) — 가운데 정렬 + 간격 */
.bdWrite .-btnWrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:1.25rem 0}
/* ★ 입력폼 버튼 크기 정규화 — 행 안 보조버튼(스팸단어설정/권한/검색/관리 등)은 소형, 저장줄(-btnWrap: 저장하기/디자인수정)은 대형. 개별 페이지에서 크기 지정 금지, 여기서만 관리 */
.bdWrite .bosis-btn{height:1.75rem;padding:0 .75rem;font-size:.75rem;border-radius:.375rem}
.bdWrite .-btnWrap .bosis-btn{height:2.5rem;padding:0 1.75rem;font-size:.9375rem;border-radius:.5rem}
.admin-home-row .admin-body .bosis-table thead th,
.admin-home-row .admin-body .bosis-table tbody td{padding:.6rem .75rem;font-size:.8125rem}
/* 방문자현황 데이터행 첫 칸이 th(날짜) — bosis-table엔 tbody th 규칙이 없어 패딩 0이던 것 정규화 */
.admin-home-row .admin-body .bosis-table tbody th{padding:.6rem .75rem;font-size:.8125rem;font-weight:500;color:#6b7280;text-align:center;border-bottom:1px solid #f3f4f6;white-space:nowrap}
/* 방문자 현황: 오늘 행 강조 / 주간 합계 행 구분 */
.admin-home-row .bosis-table tr.admin-state-today th,.admin-home-row .bosis-table tr.admin-state-today td{background:#eff6ff}
.admin-home-row .bosis-table tr.admin-state-sum th,.admin-home-row .bosis-table tr.admin-state-sum td{background:#f9fafb;font-weight:600;color:#111827;border-top:1px solid #e5e7eb;border-bottom:0}
.-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:2rem}
/* 추천/반대/공유/답변 아이콘·텍스트 버튼 일관 크기(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 #e5e7eb;border-radius:.5rem;background:#fff;color:#6b7280;font-size:.82rem;line-height:1;text-decoration:none;cursor:pointer;transition:all .15s;box-sizing:border-box}
.-btnV:hover,.-btnShare:hover,.-btnR:hover{background:#f9fafb;color:#374151;border-color:#d1d5db}
/* ═══ 게시판 댓글/쓰기폼 레이아웃 보강(레거시 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:.5rem 1rem;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 .75rem;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:.8125rem;color:#6b7280;white-space:nowrap}
/* 등록 버튼: 절대위치(겹침) 해제 → 행 우측에 자연 배치, mono 스타일 */
.bosis-cmt-input-wrap .-btnWrap.bosis-fr.bosis-pa{position:static !important;float:none !important;margin-left:auto;padding:0}
.-btnWrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:flex-end;margin:1rem 0}
.-btnWrap.bosis-alignc{display:inline-flex;justify-content:center;gap:.25rem;margin:0}
td .-btnWrap,.-tblList .-btnWrap,.bosis-table .-btnWrap{margin:0}
/* ============================================================
   [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}
/* 질문 행(클릭으로 답변 토글) */
.articleList .-bdFaqWrap .-bdQuestion .-fdSubject{display:flex;align-items:center;gap:.6rem;margin:0;padding:1.1rem 1rem;cursor:pointer;font-size:1rem;font-weight:500;color:#111827;transition:color .15s}
.articleList .-bdFaqWrap .-bdQuestion .-fdSubject:hover{color:#2563eb}
.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:9999px;background:#2563eb;color:#fff;font-size:.875rem;font-weight:700}
.-fdSubject{text-align:left!important}
.onlyPC{}
.bosis-table td.onlyPC,.-tblList td.onlyPC{white-space:nowrap}
.articleHeadBtm .-fdCount{margin-left:auto}
.-btnShare,.-btnV{display:inline-flex;align-items:center;gap:.3rem;height:2rem;padding:0 .75rem;border:1px solid #d1d5db;border-radius:.375rem;color:#4b5563;text-decoration:none;font-size:.8125rem;background:#fff}
.bdView .articleHeadBtm .-fdCount{margin-left:auto}
.-btnV,.-btnShare,.-sb{display:inline-flex;align-items:center;gap:.45rem;height:2.25rem;padding:0 1.1rem;border:1px solid #d1d5db;border-radius:.5rem;color:#4b5563;text-decoration:none;font-size:.8125rem;font-weight:500;background:#fff;cursor:pointer;transition:all .15s}
.-btnV:hover,.-btnShare:hover,.-sb:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}
.-btnV span b,.-btnV b{color:#2563eb;font-weight:700}
.bdView+.ABA-no-print .-btnWrap,.-bdMoreInfo{margin-top:1rem}
.bdView .articleHeadBtm .-fdCount{margin-left:0}
.-btnV,.-btnShare,.-sb{height:2.5rem;padding:0 1.35rem;font-size:.875rem;border-radius:.6rem}
.articleHeadBtm .-fdCount{margin-left:0}
.bosis-cmt-wrap textarea.-inputCmt,.-inputCmt{width:100%;min-height:84px;font-size:.875rem;line-height:1.6}
.bosis-cmt-wrap .bosis-cr,.bosis-cmt-input-wrap .bosis-cr{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:flex-end}
.bosis-cmt-wrap .bosis-cr::after{content:none}
.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:9999px;object-fit:cover}
.bosis-cmt-view .-fdName{font-size:.875rem;font-weight:600;color:#111827;display:inline-flex;align-items:center;gap:.3rem}
.bosis-cmt-view .-fdName .bosis-rep-id{color:#111827}
.bosis-cmt-view .-fdDate{font-size:.75rem;color:#9ca3af;display:inline-flex;align-items:center;gap:.4rem}
.bosis-cmt{font-size:.9rem;line-height:1.75;color:#374151;padding:.6rem 0 .5rem;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:.25rem}
.bosis-cmt-view .-btnWrap{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;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:.75rem}
.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:#6b7280;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;background:none;border:0}
.-R:hover,.-M:hover,.-D:hover,.bosis-cmt-view .-btnWrap a:hover{color:#111827}
.bosis-cmt-view p.bosis-cmt{font-size:.9rem;line-height:1.75;color:#374151;margin:.4rem 0 0}
.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:.5rem;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:#6b7280;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:.28rem;background:none;border:0;white-space:nowrap}
.bosis-cmt-view .-btnWrap .bosis-fl{gap:.85rem}
.bdWrite .-btnWrap{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.5rem}
.bdWrite .-btnWrap>div{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}
.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}
/* 옵션목록 */
.-tblList td .-fdOption { color:#9a9a9a; font-size:12px; line-height:17px; letter-spacing:-0.5px; margin-top:5px; }
.pageSellDetail .-tblList .-fdGoodsUnit { color:#777; font-size:11px; letter-spacing:-0.5px; display:block; margin-top:5px; }
.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; }
/* 적립금*/

.pageCybmn .-tblList .-fdCybmnP { color:#5a5a5a; }
.pageCybmn .-tblList .-fdCybmnM { color:#f3422b; }
[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; }
/* [제거 2026-06-28] 레거시 .-fdGoodsAftercnt 원형배지(55px·dark bg·top/right·a{color:#fff}
.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 .-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 .-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;}
.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;}
.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 .-fdThumb { text-align:center; }
/* 컨트롤(우) — 정적(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 #e5e7eb;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")}
.goodsViewSingle .-fdItemName, .goodsViewSingle .-fdDescription{padding-top:7px;}
.-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;}
.-slide-sbag .-tblList .-bdSbagQty .-fdPrice{padding-top:3px; font-weight:normal; font-size:1.25rem; display:inline-block;}
.-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 .-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;}
.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;}
.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; }
.-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 .-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; }
.bdGoodsSum .-fdGoodsName { padding-left: 20px; color:#aaa; line-height:16px; vertical-align:middle; }
.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; }
.pageDeliv .bdShop .-tblList tbody td.-alignLeft .-fdAddress {color:#b5b5b5; font-size:13px; line-height:15px; margin-top:4px; }
/*쇼핑몰 상세보기 테마03*/


.viewTheme03 .bdGoodsInfoL .-fdThumbS{text-align:center;}
.viewTheme03 .bdGoodsInfoL .-fdThumbS a > img{border-radius:10px; margin-right:10px; margin-bottom:10px;}
/* ───────── 정렬바(.-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 > .-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}
/* ───────── 정렬바 우측 컨트롤(.-btnWrap) 정돈: 균일 32px·수직중앙·한줄 (2026-06-27) ───────── */
.-bdSortWrap{align-items:center}
.-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 #e5e7eb;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}
.-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 .-fdBox{display:flex;flex-direction:column;align-items:flex-start;row-gap:5px;padding:.5rem .75rem}
.-bdGalleryWrap .-fdSubject{line-height:1.5;overflow:hidden}
.-bdGalleryWrap .-fdDate{color:#6b7280;font-size:.75rem}

/* ── [블록16] 게시판 보기 헤더/본문/추천·공유 컴포넌트 compat (v2 2026-07-27 재생성 — mono 감춤버튼 행정합·공유레이어 넘침수정 반영) ── */
.lpoSample1 .-pageHead { position:relative; padding-bottom:15px; color:#707070; font-size:.875rem; font-weight:bold; }
.lpoSample1 .-pageBody { background:#fff; border:1px solid #ddd; padding:10px; }
/* [Claude] 범용 폼/패널 요소 (역할기반·전 페이지 재사용) — 목적종속 회원클래스(pageMember/-inputWrap/pageBody/pageFoot/-btnWrap 등)를 대체하는 요소기반 시스템 */
.bosis-card-narrow{max-width:480px;margin-left:auto;margin-right:auto}
/* 카드 하단 버튼영역(하단 고정) */
/* [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:#f9fafb;padding:2rem 1rem;box-sizing:border-box}
.pageTipWrap .pageHead{font-size:.875rem;font-weight:700;color:#1d4ed8;margin-bottom:.25rem}
.pageTipWrap .pageBody{font-size:.8125rem;color:#2563eb}
.-bdSettingWrap .flex-center{flex-basis:100%;margin-top:.25rem;color:#9ca3af}
/* [정규화] 팝아웃 레이어(-sl: 정렬/추가노출분류/이벤트그룹 등 ab_show_layer) — design.css 제거 대응 */ .-sl{position:absolute;z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px rgba(0,0,0,.12);padding:.75rem;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}
/* 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:#111827;padding:1rem 0 .6rem;border-bottom:2px solid #111827;margin:1.5rem 0 1rem}
/* [Claude] 섹션 제목 밑줄을 덜 투박하게 — 굵은 2px 검정 풀라인 대신 연한 1px 라인 + 짧은 액센트 바(.bosis-section-title 한정, goodsView01/bdView 헤딩은 기존 유지) */
.bosis-section-title{position:relative;border-bottom:1px solid #e5e7eb}
.goodsView01 .pageBody{font-size:.875rem;color:#4b5563;line-height:1.7}
.goodsView01 .pageBody ul{list-style:disc;padding-left:1.2rem}
.goodsView01 .shareUrl{display:flex;gap:.4rem;margin-top:.5rem}
.goodsView01 .shareUrl .bosis-text{flex:1}
/* [정규화] 검색폼 인라인 입력 간격(flex-center-gap5) + 입력폭(admin-width-*) — design.css 제거 대응 */
.flex-center-gap5{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
/* ══ 장바구니 상단 탭(일반구매/정기구독): goodsView02 articleBody 보드본문 래퍼 무력화 + mono 언더라인 탭 ══ */
.pageSbagTabS,.pageSbagTabR{margin-bottom:1.5rem}
.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}
.flex-center-gap1{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}
.flex-center-gap3{display:inline-flex;align-items:center;gap:3px}
.goodsView01 .snsWrap #AB_sns_util a{display:inline-flex;align-items:center}
/* 인쇄형 공지 레이아웃(layout_ntc) 화면 숨김 — 구 design.css 계승 */
.pageNtcLayout .bdView [class*="articleHead"],.pageNtcLayout .articleList,.pageNtcLayout .ABA-rep-inbox,.pageNtcLayout .ABA-no-print{display:none}
.bdView .-bdVote{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center;margin-top:1.25rem}
.bdView .-bdVote .bosis-fl{display:inline-flex;margin:0}
.-btnShare,.-btnR{padding:0;width:1.95rem}
.-bdVote .bosis-btn-sm{display:inline-flex;align-items:center;height:2.5rem;padding:0 1.35rem;font-size:.875rem;font-weight:500;background:#fff;color:#4b5563;border:1px solid #d1d5db;border-radius:.6rem;box-shadow:none}
/* [claude 250727] 추천/공유(-btnV/-btnShare) 필과 행 정합(높이·룩 통일 — 감춤/노출 버튼 작게 뜨던 것) */
/* 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}
/* 본문 밸런스 보정 */ .bdView h1{margin:.15rem 0 .4rem !important}
.bdView{padding:1rem 1.2rem !important}
.bdView .pageHead{font-size:1.375rem;font-weight:700;color:#111827;line-height:1.4;word-break:break-all}
.bdView .pageBody{padding:0}
.articleHeadTop{position:relative;padding:1rem 0 .75rem;border-bottom:2px solid #111827}
.articleHeadBtm{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem .25rem;border-bottom:1px solid #e5e7eb;font-size:.8125rem;color:#9ca3af;margin-bottom:1.25rem}
.articleHeadBtm .bosis-fl{float:none;display:inline-flex;align-items:center;gap:.3rem}
.articleBody{font-size:.875rem;line-height:1.75;color:#374151;padding:1.5rem .25rem;min-height:140px;word-wrap:break-word}
.articleBody img{max-width:100%;height:auto}
.-bdMoreInfo{margin:1rem 0;padding:.85rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.8125rem;color:#6b7280}
.-bdVote{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:1.5rem 0}
.shareUrl{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.5rem}
.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:1rem;margin-bottom:.9rem}
.bdView .articleHeadTop h1,.bdView .articleHeadTop h2,.bdView .articleHeadTop h3,.bdView .pageHead{font-size:1.5rem;font-weight:700;color:#111827;line-height:1.45;word-break:break-all;margin:0;flex:1}
.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:.75rem;color:#9ca3af;font-weight:600;white-space:nowrap;flex-shrink:0}
.bdView .articleHeadTop dt::after{content:none}
.bdView .articleHeadTop dd{font-size:.8125rem;color:#4b5563;margin:0;word-break:break-all}
.bdView .articleHeadBtm{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.25rem;padding:.7rem 0 0;font-size:.8125rem;color:#9ca3af}
.bdView .articleHeadBtm .bosis-fl{float:none;display:inline-flex;align-items:center;gap:.3rem}
.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:#2563eb;text-decoration:underline}
/* [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}
.shareUrl{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem}
.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 .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}
.bdView .articleHeadTop .bosis-cr{gap:.75rem 2.25rem}
.bdView .articleHeadTop dt{font-size:.8125rem}
.bdView .articleHeadTop dd{font-size:.9rem}
.bdView .articleHeadBtm{display:flex;flex-direction:column;gap:.8rem;margin-top:1.25rem;padding:1.25rem 1.5rem;background:#f9fafb;border:1px solid #eef0f2;border-radius:.75rem}
.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 .articleBody{font-size:1rem;line-height:1.95;padding:2.5rem .25rem;min-height:200px}
/* meta box fix (bdView 밖, 좌측정렬) + 감춤버튼 */
.articleHeadBtm{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;margin:0 0 1.25rem;padding:1.25rem 1.5rem;background:#f9fafb;border:1px solid #eef0f2;border-radius:.75rem;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:#2563eb;text-decoration:none}
.bdView .articleHeadTop .bosis-cr{justify-content:flex-start}
.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;}
.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; }
[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"] .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 #AB_sns_util { display:inline-block; margin:0 7px; vertical-align:middle; }
[class*="goodsView"] .snsWrap  #AB_sns_util li a { margin-left:10px; }
.goodsViewSingle .shareUrl{display:inline-block; margin:0 0 0 10px; width:235px;}
.goodsView01 .articleBody { margin-top:50px; font-size:14px; line-height:24px; color:#7a7a7a;}
.goodsView01 .articleBody h5{font-size:16px;}
/*.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; }
.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;}
/*다중배송지*/
.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; }
@media(max-width:640px){.bdView{padding:1.25rem 1.1rem}}
@media(max-width:640px){.bdView .articleHeadTop h1{font-size:1.2rem}}
@media(max-width:640px){.bdView{padding:1.4rem 1.2rem}}
@media(max-width:640px){.bdView .articleHeadTop h1{font-size:1.3rem}}