@charset "utf-8";
/* 제품 게시판 스킨 (목록·상세는 테마 sub.css 의 .pgrid, .detail 등을 그대로 쓴다) */

/* 관리자 버튼 줄 */
.je-admin{display:flex;gap:8px;justify-content:flex-end;margin-bottom:24px}
.je-admin .jbtn{padding:10px 20px;font-size:14px;box-shadow:none}
.je-empty{padding:60px 0;text-align:center;color:var(--mute)}
.je-paging{margin-top:40px;text-align:center}

/* 상세 본문: 편집기로 쓴 HTML 을 클래스 없이도 사양표·목록 모양으로 보여 준다 */
.je-pcontent{font-size:16px;color:#465066}
.je-pcontent h3{margin:48px 0 14px;font-size:22px;font-weight:800;color:var(--navy)}
.je-pcontent>h3:first-child{margin-top:0}
.je-pcontent p{margin:10px 0;font-size:17px;max-width:900px}
.je-pcontent img{display:block;max-width:100%;height:auto;margin:18px 0;border-radius:18px;border:1px solid var(--line)}
.je-pcontent table{width:100%;border-collapse:collapse;border-top:2px solid var(--navy);background:#fff}
.je-pcontent th,.je-pcontent td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;font-size:15px}
.je-pcontent th{width:220px;background:var(--bg);color:var(--navy);font-weight:700}
.je-pcontent ul{list-style:none;margin:0;padding:0}
.je-pcontent ul li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid var(--line)}
.je-pcontent ul li::before{content:"✓";position:absolute;left:0;top:11px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;display:grid;place-items:center}
.je-pcontent ol{list-style:none;margin:0;padding:0;counter-reset:n;columns:2;gap:30px}
.je-pcontent ol li{counter-increment:n;position:relative;padding:8px 0 8px 38px;break-inside:avoid}
.je-pcontent ol li::before{content:counter(n);position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center}

/* 글쓰기 화면의 제품 정보 입력란 */
.je-wfields{margin:10px 0;padding:18px;border:1px solid #d0d3db;border-radius:6px;background:#f7f9fc}
.je-whelp{margin-bottom:12px;color:#555;font-size:13px}
.je-wrow{margin-bottom:8px}
.je-wrow label{display:block;margin-bottom:4px;font-weight:bold;font-size:13px}

@media(max-width:560px){
 .je-pcontent th{width:120px}.je-pcontent ol{columns:1}.je-admin{flex-wrap:wrap}
}