/* 귀금속경제신문 시안 — 하위 화면 조립(2026-11-11). 첫 화면(index.html)에는 넣지 않는다.
   값은 subpages/실측/*.json 에서 잰 computed 값. 레퍼런스의 색·로고는 쓰지 않고 틀·간격·위계만 가져왔다.
   색은 style.css 토큰만 쓴다(강조색은 --navy 하나, 오름·내림은 데이터에만). */

:root{
  --t-1:#000;                 /* 제목 */
  --t-body:#1a1a1a;           /* 본문 */
  --t-sum:#363636;            /* 요약(한겨레 #363636) */
  --t-meta:#727272;           /* 날짜(한겨레 #727272) */
  --t-soft:rgba(0,0,0,.56);   /* 기자·시각(다음 기사 .56) */
  --line-row:#dfdfdf;         /* 목록 행 선(한겨레) */
  --line-tb:#e2e2e2;          /* 게시판 행 선(클리앙) */
  --cell:#fafafa;             /* 공지 행 바탕 */
  /* 하위 화면 선 아이콘 */
  --i-print:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M7 9V4h10v5M7 17H5a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-2'/%3E%3Cpath d='M7 14h10v6H7z'/%3E%3C/svg%3E");
  --i-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='17.5' cy='6' r='2.5'/%3E%3Ccircle cx='6.5' cy='12' r='2.5'/%3E%3Ccircle cx='17.5' cy='18' r='2.5'/%3E%3Cpath d='m8.7 10.8 6.6-3.6M8.7 13.2l6.6 3.6'/%3E%3C/svg%3E");
  --i-link:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.7 0l-3 3A4 4 0 0 0 11 18.7l1-1'/%3E%3C/svg%3E");
  --i-font:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19 8.5 5h1L15 19M5.3 14h7.4'/%3E%3Cpath d='M16 11h5M18.5 8.5v5'/%3E%3C/svg%3E");
  --i-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m12 3.5 2.6 5.4 5.9.8-4.3 4.1 1 5.8L12 16.8l-5.2 2.8 1-5.8-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E");
  --i-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.2a4.3 4.3 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E");
  --i-photo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='2'/%3E%3Ccircle cx='9' cy='9.5' r='1.6'/%3E%3Cpath d='m4 17 4.5-4.5 3.5 3.5 3-3 5 5'/%3E%3C/svg%3E");
  --i-file:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4v13H6z'/%3E%3Cpath d='M14 3.5v4h4M12 11v6M9 14h6'/%3E%3C/svg%3E");
  --i-table:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='1'/%3E%3Cpath d='M3.5 9.5h17M3.5 14.5h17M9.5 4.5v15M15 4.5v15'/%3E%3C/svg%3E");
  --i-quote:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M5 17v-4.5C5 9.5 6.5 7.5 9.5 7l.5 1.4C8.3 9 7.6 10 7.5 11.5H10V17zm8 0v-4.5c0-3 1.5-5 4.5-5.5l.5 1.4c-1.7.6-2.4 1.6-2.5 3.1H18V17z'/%3E%3C/svg%3E");
  --i-hr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M4 12h16'/%3E%3C/svg%3E");
  --i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");
  --i-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  --i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --i-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Ccircle cx='12' cy='8.5' r='3.8'/%3E%3Cpath d='M4.5 20c.8-3.8 3.8-6 7.5-6s6.7 2.2 7.5 6'/%3E%3C/svg%3E");
  --i-lockl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
  --i-thumb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M7.5 10.5v9h-3v-9zM7.5 19.5h9.2a2 2 0 0 0 2-1.6l1.1-5.4a1.7 1.7 0 0 0-1.7-2h-4.6l.7-3.6a1.6 1.6 0 0 0-3-1L7.5 10.5'/%3E%3C/svg%3E");
}
.ic{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}

/* ---------- 공통: 큰 제목 · 밑줄 탭 · 쪽 번호(한겨레) ---------- */
.pg-h{font-size:40px;font-weight:900;line-height:48px;letter-spacing:-.5px;color:var(--t-1);margin:4px 0 20px}
.utabs{display:flex;gap:30px;border-bottom:1px solid var(--line-row);overflow-x:auto;scrollbar-width:none;margin-bottom:4px}
.utabs::-webkit-scrollbar{display:none}
.utabs button,.utabs a{flex:none;height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:500;color:var(--ink-2);background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:0;cursor:pointer;white-space:nowrap}
.utabs [aria-selected="true"],.utabs [aria-current="page"]{color:var(--t-1);font-weight:700;border-bottom-color:var(--navy)}
.utabs a:hover{text-decoration:none;color:var(--t-1)}
.pnum{display:flex;justify-content:center;gap:6px;margin-top:28px}
.pnum .pn{width:40px;min-width:40px;height:40px;border-radius:50%;font-size:15px;font-weight:500;color:var(--ink-2);background:none;box-shadow:none}
.pnum .pn.on{background:var(--navy);color:#fff;font-weight:700}
.pnum .pn.arw{border:1px solid var(--line-row);background:var(--card);box-shadow:none}
.lnk-more{display:flex;align-items:center;justify-content:center;gap:4px;height:48px;margin-top:16px;border-top:1px solid var(--line);font-size:15px;font-weight:600;color:var(--ink-2)}
.lnk-more::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-right) center/contain no-repeat;mask:var(--i-right) center/contain no-repeat}
.lnk-more:hover{text-decoration:none;color:var(--t-1)}
.ghost-img{display:flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink-4);width:100%;height:100%}
.ghost-img .ic{width:32px;height:32px;--i:var(--i-photo)}

/* ---------- 뉴스 목록 ← 한겨레 경제(n3) ---------- */
body[data-page="news"] #colMain>.card,body[data-page="article"] #colMain>.card{padding:28px 32px}
.nrow{display:grid;grid-template-columns:minmax(0,1fr) 226px;gap:20px;padding:20px 0;border-bottom:1px solid var(--line-row);align-items:start}
.nrow:last-child{border-bottom:0}
.nrow.noimg{grid-template-columns:minmax(0,1fr)}
.nrow h3{font-size:22px;font-weight:600;line-height:32px;letter-spacing:-.3px;color:var(--t-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.nrow .t:hover{text-decoration:none}.nrow .t:hover h3{text-decoration:underline;text-underline-offset:4px}
.nrow p{margin-top:8px;font-size:16px;line-height:25.6px;color:var(--t-sum);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.nrow .meta{margin-top:10px;font-size:13px;color:var(--t-meta);display:flex;gap:8px;align-items:center}
.nrow .meta b{font-weight:600;color:var(--t-1)}
.nrow .ph{display:block;width:226px;height:136px;overflow:hidden;background:var(--img);border-radius:4px}
.nrow .ph img{width:100%;height:100%;object-fit:cover;display:block}
.nl-info{font-size:13px;color:var(--t-meta);margin:14px 0 0}
.nl-info b{color:var(--t-1);font-weight:600}
/* 옆 칸: 많이 본 기사 — 첫 줄 큰 사진 */
.most{counter-reset:m}
.most li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line)}
.most li:first-child{border-top:0;padding-top:0}
.most li>b{font-size:16px;font-weight:700;line-height:24px;color:var(--t-1);text-align:center}
.most li a{font-size:16px;font-weight:500;line-height:24px;color:var(--t-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.most li .th{width:100px;height:60px;border-radius:4px;overflow:hidden;background:var(--img)}
.most li .th img{width:100%;height:100%;object-fit:cover;display:block}
.most li.top{grid-template-columns:20px minmax(0,1fr);border-top:0}
.most li.top .big{grid-column:1 / -1;display:block;aspect-ratio:16/9;border-radius:var(--r-s);overflow:hidden;background:var(--img);margin-bottom:2px}
.most li.top .big img{width:100%;height:100%;object-fit:cover;display:block}
.most li.top a.tt{font-size:18px;font-weight:600;line-height:26px}
.side-h{font-size:17px;font-weight:700;line-height:24px;color:var(--t-1);margin-bottom:14px;display:flex;align-items:baseline;gap:8px}
.side-h small{font-size:12px;font-weight:400;color:var(--ink-3);margin-left:auto}

/* ---------- 기사 ← 다음 뉴스 기사(a1) ---------- */
.ar-h .cat{display:inline-block;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:10px}
.ar-h h1{font-size:30px;font-weight:700;line-height:42px;letter-spacing:-.5px;color:var(--t-1);word-break:keep-all}
.ar-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:14px;color:var(--t-soft)}
.ar-info .who{color:var(--t-1);font-weight:600}
.ar-tools{margin-left:auto;display:flex;gap:2px}
.ar-tools button{width:40px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--ink-2);font-size:0}
.ar-tools button:hover{background:var(--paper);color:var(--t-1)}
.ar-tools .ic{width:20px;height:20px}
.ar-sum{margin:28px 0 24px;padding:2px 0 2px 16px;border-left:2px solid var(--ink-4);font-size:16px;line-height:25px;color:#4a4a4a;font-weight:500;word-break:keep-all}
.ar-body{font-size:17px;line-height:27px;color:var(--t-1);word-break:keep-all;overflow-wrap:anywhere}
.ar-body[data-size="0"]{font-size:15px;line-height:24px}.ar-body[data-size="2"]{font-size:19px;line-height:30px}.ar-body[data-size="3"]{font-size:21px;line-height:33px}
.ar-body p{margin:0 0 24px}
.ar-body figure{margin:0 0 28px}
.ar-body figure img{display:block;width:auto;max-width:100%;margin:0 auto;height:auto;border-radius:0;background:var(--img)}
.ar-body figcaption{font-size:14px;line-height:21px;color:#828282;margin-top:10px}
.ar-copy{font-size:13px;color:var(--ink-3);padding-top:16px;border-top:1px solid var(--line);margin-top:8px}
.ar-sizebox{position:absolute;right:0;top:40px;z-index:5;background:var(--card);border-radius:var(--r-s);box-shadow:0 2px 12px rgba(0,0,0,.12);padding:12px;display:flex;gap:4px}
.ar-sizebox[hidden]{display:none}
.ar-sizebox button{width:40px;height:40px;border-radius:6px;font-weight:600;color:var(--ink-2);border:1px solid var(--line)}
.ar-sizebox button[aria-pressed="true"]{border-color:var(--navy);color:var(--navy);font-weight:700}
.ar-tools{position:relative}
.ar-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.ar-pn a{display:block;padding:14px 16px;border-radius:var(--r-s);background:var(--paper);min-width:0}
.ar-pn a:hover{text-decoration:none;background:#e9ecf1}
.ar-pn small{display:block;font-size:13px;color:var(--ink-3);margin-bottom:4px}
.ar-pn span{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-pn a:last-child{text-align:right}
/* 기사 끝 관련 기사(다음 추천 목록) */
.relx li{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:16px;padding:10px 0;align-items:center}
.relx li a.t{font-size:16px;font-weight:500;line-height:24px;color:var(--t-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.relx li small{display:block;margin-top:6px;font-size:14px;color:rgba(0,0,0,.48)}
.relx li .th{width:100px;height:66px;border-radius:8px;overflow:hidden;background:var(--img)}
.relx li .th img{width:100%;height:100%;object-fit:cover;display:block}
.relx.noimg li{grid-template-columns:minmax(0,1fr)}
/* 옆 칸 순위(다음) */
.rank2 li{display:flex;gap:14px;align-items:baseline;font-size:17px;line-height:26px;color:rgba(0,0,0,.88);padding:5px 0}
.rank2 li b{width:14px;flex:none;font-weight:700;color:var(--t-1);font-size:16px}
.rank2 li a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- 시세 ← 네이버 증권 국내 금(p1) · 한국금거래소(p2) ---------- */
.pr-top .nm{font-size:18px;font-weight:600;color:var(--t-1);display:flex;align-items:center;gap:8px}
.pr-top .nm small{font-size:12px;font-weight:400;color:#87898e}
.pr-now{display:flex;align-items:baseline;gap:6px;margin-top:10px;flex-wrap:wrap}
.pr-now b{font-size:38px;font-weight:700;line-height:40px;letter-spacing:-.5px;color:var(--t-1);font-variant-numeric:tabular-nums}
.pr-now span.u{font-size:20px;color:var(--t-1);margin-right:10px}
.pr-now .chg{font-size:16px;font-weight:600}
.up{color:var(--up)!important}.down{color:var(--down)!important}
.pr-per{display:flex;gap:4px;margin:22px 0 12px}
.pr-per button{width:39px;height:32px;border-radius:6px;font-size:13px;font-weight:600;color:var(--ink-2);border:0;background:none}
.pr-per button[aria-pressed="true"]{background:var(--navy-soft);color:var(--navy)}
.pr-per button:hover{background:var(--paper)}
.pr-chart{height:220px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.pr-chart svg{display:block;width:100%;height:100%}
.pr-chart .gl line{stroke:rgba(3,14,27,.08)}
.pr-chart .ax text{font-size:11px;fill:#87898e}
.pr-chart path.ln{fill:none;stroke:var(--up);stroke-width:1.6}
.pr-chart path.ar{fill:var(--up-soft)}
.pr-info{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:20px}
.pr-info div{display:flex;justify-content:space-between;align-items:center;height:28px;border-bottom:1px solid rgba(3,14,27,.08);font-size:13px}
.pr-info dt{color:#636568}.pr-info dd{color:var(--t-1);font-weight:500;font-variant-numeric:tabular-nums}
.pr-sub{font-size:16px;font-weight:700;color:var(--t-1)}
.pr-tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.pr-tbl th,.pr-tbl td{border-bottom:1px solid var(--line);padding:0 12px;height:64px;text-align:right}
.pr-tbl thead th{height:40px;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--paper);border-bottom:0}
.pr-tbl thead th:first-child{border-radius:6px 0 0 6px}.pr-tbl thead th:last-child{border-radius:0 6px 6px 0}
.pr-tbl tbody th{text-align:left;font-size:16px;font-weight:700;color:var(--t-1)}
.pr-tbl tbody th small{display:block;font-size:12px;font-weight:400;color:var(--ink-3);margin-top:2px}
.pr-tbl td b{display:block;font-size:23px;font-weight:500;line-height:28px;color:var(--t-1)}
.pr-tbl td small{display:block;font-size:13px;color:#999;margin-top:2px}
.pr-tbl.day td,.pr-tbl.day th{height:37px;font-size:14px;font-weight:500}
.pr-tbl.day tbody th{font-size:14px;font-weight:500;color:var(--ink-2)}
.pr-intl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}
.pr-intl div{padding:14px 16px;border-left:1px solid var(--line)}
.pr-intl div:first-child{border-left:0}
.pr-intl span{display:block;font-size:13px;color:#636568}
.pr-intl b{display:block;font-size:20px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}
.pr-intl em{font-style:normal;font-size:13px;font-weight:600}
.calc2 .row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.calc2 label{display:block;font-size:13px;color:#636568;margin-bottom:6px}
.calc2 select,.calc2 input{width:100%;height:36px;border:1px solid rgba(3,14,27,.2);border-radius:6px;padding:0 10px;font:inherit;font-size:14px;background:var(--card);color:var(--t-1)}
.calc2 .out{margin-top:12px;padding:14px 16px;background:var(--paper);border-radius:var(--r-s);display:flex;justify-content:space-between;align-items:baseline}
.calc2 .out span{font-size:13px;color:#636568}
.calc2 .out b{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.tscroll{overflow-x:auto}

/* ---------- 구인·구직 목록 ← 사람인(j1) 필터 · 잡코리아(j2) 표·카드·목록 ---------- */
.jb-filter{border:1px solid var(--t-1);margin-top:20px}
.jb-ftab{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--t-1)}
.jb-ftab button{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:15px;font-weight:600;color:var(--ink-2);border-left:1px solid var(--line-2);background:var(--card)}
.jb-ftab button:first-child{border-left:0}
.jb-ftab button::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-down) center/contain no-repeat;mask:var(--i-down) center/contain no-repeat}
.jb-ftab button[aria-expanded="true"]{color:var(--t-1);font-weight:700}
.jb-ftab button[aria-expanded="true"]::after{transform:rotate(180deg)}
.jb-cells{display:grid;grid-template-columns:repeat(4,1fr)}
.jb-cells button{height:50px;font-size:14px;color:var(--ink-2);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card)}
.jb-cells button:nth-child(4n){border-right:0}
.jb-cells button[aria-pressed="true"]{color:var(--navy);font-weight:700;background:var(--navy-soft)}
.jb-cells button:hover{color:var(--t-1)}
.jb-picked{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:var(--paper);min-height:52px}
.jb-picked .lab{font-size:13px;color:var(--ink-3)}
.jb-picked .pk{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 6px 0 10px;border-radius:14px;background:var(--card);border:1px solid var(--line-2);font-size:13px;font-weight:600;color:var(--navy)}
.jb-picked .pk::after{content:"";width:14px;height:14px;background:var(--ink-3);-webkit-mask:var(--i-close) center/contain no-repeat;mask:var(--i-close) center/contain no-repeat}
.jb-picked .reset{margin-left:auto;font-size:13px;color:var(--ink-2);display:inline-flex;align-items:center;gap:4px}
.jb-picked .reset::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--i-refresh) center/contain no-repeat;mask:var(--i-refresh) center/contain no-repeat}
.jb-sec{display:flex;align-items:baseline;gap:10px;margin:32px 0 14px}
.jb-sec h2{font-size:20px;font-weight:700;color:var(--t-1)}
.jb-sec small{font-size:13px;color:var(--ink-3)}
.jb-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.jb-pick a{display:block;border:1px solid var(--line-2);border-radius:var(--r-s);padding:18px;min-width:0}
.jb-pick a:hover{text-decoration:none;border-color:var(--ink-3)}
.jb-pick .logo{height:40px;display:flex;align-items:center;font-size:16px;font-weight:800;color:var(--ink-2);margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-pick .co{display:block;font-size:14px;color:#222}
.jb-pick b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:17px;font-weight:700;line-height:24px;color:var(--t-1);margin-top:4px;word-break:keep-all;min-height:48px}
.jb-pick .tg{display:block;font-size:13px;color:#6a6a6a;margin-top:10px}
.jb-bar{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--t-1);font-size:13px;color:var(--ink-2)}
.jb-bar b{color:var(--t-1)}
.jb-bar .sort{margin-left:auto;display:flex;gap:12px}
.jb-bar .sort button{font-size:13px;color:var(--ink-3)}
.jb-bar .sort button[aria-pressed="true"]{color:var(--t-1);font-weight:700}
.jb-row{display:grid;grid-template-columns:170px minmax(0,1fr) 112px;gap:20px;padding:20px 0;border-bottom:1px solid #dbdcde;align-items:start}
.jb-row .co{font-size:17px;color:#333;word-break:keep-all;overflow:hidden;text-overflow:ellipsis}
.jb-row .t{display:block;font-size:17px;font-weight:700;line-height:24px;color:var(--t-1);word-break:keep-all}
.jb-row .tg{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:13px;color:#666}
.jb-row .tg span+span::before{content:"";display:inline-block;width:1px;height:10px;background:var(--line-2);margin-right:10px;vertical-align:-1px}
.jb-row .ds{margin-top:6px;font-size:13px;color:#999}
.jb-row .rt{text-align:right}
.jb-row .dl{display:block;font-size:14px;font-weight:600;color:var(--t-1)}
.jb-row .dl.none{color:var(--ink-3);font-weight:400}
.jb-row .rg{display:block;font-size:11px;color:#888;margin-top:6px}
.jb-row .sc{margin-top:10px;width:32px;height:32px;border-radius:6px;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3)}
.jb-row .sc .ic{--i:var(--i-star);width:18px;height:18px}
.jb-empty{padding:48px 0;text-align:center;color:var(--ink-3);font-size:15px}

/* ---------- 공고 상세 ← 사람인 상세(j6) · 알바몬 근무조건(j8) ---------- */
.jd-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
.jd-top .co{font-size:16px;color:var(--ink-2)}
.jd-top h1{font-size:30px;font-weight:700;line-height:42px;letter-spacing:-.5px;color:var(--t-1);margin-top:6px;word-break:keep-all}
.jd-act{display:flex;gap:8px}
.jd-act .scrap{width:60px;height:60px;border:1px solid var(--line-2);border-radius:var(--r-s);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--ink-2)}
.jd-act .scrap .ic{--i:var(--i-star)}
.jd-act .apply{width:184px;height:60px;border-radius:var(--r-s);background:var(--navy);color:#fff;font-size:18px;font-weight:700}
.jd-sum{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:28px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:22px 0}
.jd-sum div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;padding:5px 0;font-size:15px;line-height:22px}
.jd-sum dt{color:#6a6a6a}
.jd-sum dd{color:var(--t-1);font-weight:500;word-break:keep-all}
.jd-meta{display:flex;justify-content:flex-end;gap:14px;margin-top:12px;font-size:13px;color:#9e9e9e}
.jd-meta b{color:var(--t-1);font-weight:600}
.jd-h2{font-size:24px;font-weight:700;line-height:32px;color:var(--t-1);margin:36px 0 16px}
.jd-box{border:1px solid var(--line);border-radius:var(--r);padding:24px 28px}
.jd-cond{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}
.jd-cond div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}
.jd-cond dt{font-size:16px;color:#6a6a6a;line-height:24px}
.jd-cond dd{font-size:16px;line-height:24px;color:#171717;word-break:keep-all}
.jd-body{font-size:16px;line-height:27px;color:var(--t-body);word-break:keep-all;overflow-wrap:anywhere}
.jd-body p{margin-bottom:12px}
.jd-lock{display:flex;align-items:center;gap:8px;color:var(--ink-2)}
.jd-lock .ic{--i:var(--i-lockl);width:18px;height:18px}
.jd-lock a{color:var(--navy);font-weight:700}
.jd-float{position:sticky;bottom:0;z-index:20;margin:24px calc(var(--pad) * -1) calc(var(--pad) * -1);background:var(--card);border-top:1px solid var(--line);border-radius:0 0 var(--r) var(--r);padding:12px var(--pad);display:flex;justify-content:center;gap:8px}
.jd-float button.i{width:44px;height:44px;border:1px solid var(--line-2);border-radius:var(--r-s);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2)}
.jd-float .apply{width:190px;height:44px;border-radius:var(--r-s);background:var(--navy);color:#fff;font-size:16px;font-weight:700}
.jd-more li{padding:12px 0;border-top:1px solid var(--line)}
.jd-more li:first-child{border-top:0;padding-top:0}
.jd-more .co{display:block;font-size:14px;font-weight:700;color:var(--t-1)}
.jd-more a.t{display:block;font-size:15px;color:var(--ink-2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jd-more small{display:block;font-size:13px;color:var(--ink-3);margin-top:4px}

/* ---------- 장터 목록 ← 당근 검색(m1) ---------- */
.mk-h{font-size:24px;font-weight:700;line-height:32px;color:var(--t-1)}
.mk-bar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 4px}
.mk-bar button{height:38px;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink-2);background:var(--paper)}
.mk-bar button[aria-pressed="true"]{background:var(--navy);color:#fff}
.mk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;margin-top:20px}
.mk-card{display:block;min-width:0}
.mk-card:hover{text-decoration:none}
.mk-card .sq{display:block;aspect-ratio:1/1;border-radius:8px;overflow:hidden}
.mk-card .tt{display:block;margin-top:10px;font-size:16px;line-height:22px;color:var(--t-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-card:hover .tt{text-decoration:underline;text-underline-offset:3px}
.mk-card .pr{display:block;font-size:16px;font-weight:700;line-height:22px;color:var(--t-1)}
.mk-card .pr.ask{font-weight:600;color:var(--ink-2)}
.mk-card .mt{display:block;font-size:13px;line-height:18px;color:#555d6d;margin-top:2px}
.mk-card .st{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;line-height:15px;padding:1px 6px;border-radius:4px;background:var(--navy-soft);color:var(--navy)}
.mk-card .st.buy{background:var(--paper);color:var(--ink-2)}
.kw-chips{display:flex;flex-wrap:wrap;gap:8px}
.kw-chips a{height:36px;padding:8px 14px;border-radius:999px;background:var(--paper);font-size:14px;font-weight:500;color:var(--t-1);display:inline-flex;align-items:center}
.kw-chips a:hover{text-decoration:none;background:#e9ecf1}

/* ---------- 장터 상세 ← 중고나라 상세(m6) · 당근 매물(m4) ---------- */
.mi-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.mi-photo{aspect-ratio:1/1;border-radius:var(--r-s);overflow:hidden}
.mi-photo .ic{width:48px;height:48px}
.mi-info .crumbs{font-size:13px;color:var(--ink-3)}
.mi-info h1{font-size:24px;font-weight:500;line-height:34px;color:var(--t-1);margin-top:8px;word-break:keep-all}
.mi-info .price{font-size:28px;font-weight:700;line-height:36px;margin-top:14px;color:var(--t-1)}
.mi-info .price.ask{font-size:22px;color:var(--ink-2)}
.mi-stat{display:flex;align-items:center;gap:14px;margin-top:10px;font-size:13px;color:#5a616b}
.mi-stat span{display:inline-flex;align-items:center;gap:4px}
.mi-stat .ic{width:15px;height:15px}
.mi-stat .when{margin-right:auto}
.mi-spec{margin-top:18px;border:1px solid var(--line-2);border-radius:var(--r-s);overflow:hidden}
.mi-spec div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:14px;border-top:1px solid var(--line)}
.mi-spec div:first-child{border-top:0;background:var(--paper);font-weight:600}
.mi-spec dt{color:var(--ink-3)}.mi-spec dd{color:var(--t-1);text-align:right}
.mi-cta{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;margin-top:18px}
.mi-cta .like{height:52px;border:1px solid var(--line-2);border-radius:var(--r-s);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--ink-2)}
.mi-cta .like .ic{--i:var(--i-heart);width:20px;height:20px}
.mi-cta .like[aria-pressed="true"]{color:var(--up)}
.mi-cta .go{height:52px;border-radius:var(--r-s);background:var(--navy);color:#fff;font-size:16px;font-weight:700}
.mi-seller{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.mi-seller .av{width:44px;height:44px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--ink-4)}
.mi-seller .av .ic{--i:var(--i-user);width:26px;height:26px}
.mi-seller .nm{font-size:18px;font-weight:600;line-height:26px;color:var(--t-1)}
.mi-seller .mi-note{font-size:14px;color:#555d6d;display:block}
.mi-nums{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid var(--line);border-radius:var(--r-s)}
.mi-nums div{padding:10px 12px;border-left:1px solid var(--line)}
.mi-nums div:first-child{border-left:0}
.mi-nums dt{font-size:14px;color:#363c45}
.mi-nums dd{font-size:16px;font-weight:600;line-height:24px;color:var(--t-1);margin-top:2px}
.mi-nums dd.none{color:var(--ink-4)}
.mi-body{font-size:16px;line-height:24px;color:var(--t-1);word-break:keep-all;overflow-wrap:anywhere}
.mi-body p{margin-bottom:10px}
.mk-grid.three{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------- 토론방 ← 클리앙 목록·글(c1·c2) · 네이버 카페 왼쪽 메뉴(c6) ---------- */
body[data-page="board"] .grid,body[data-page="post"] .grid{grid-template-columns:200px minmax(0,1fr)}
body[data-page="board"] #colSide,body[data-page="post"] #colSide{order:-1}
.bm-info{text-align:left}
.bm-info .nm{font-size:16px;font-weight:700;color:var(--t-1)}
.bm-info .cnt{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-3);margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.bm-info .cnt b{color:var(--t-1);font-weight:600;font-variant-numeric:tabular-nums}
.bm-info .w{display:flex;align-items:center;justify-content:center;height:40px;margin-top:12px;border-radius:var(--r-s);background:var(--navy);color:#fff;font-size:14px;font-weight:700}
.bm-info .w:hover{text-decoration:none}
.bm-nav p{font-size:12px;font-weight:700;color:var(--ink-3);margin:14px 0 4px}
.bm-nav p:first-child{margin-top:0}
.bm-nav a{display:flex;align-items:center;height:28px;padding:0 8px;margin:0 -8px;border-radius:6px;font-size:14px;color:var(--ink-2)}
.bm-nav a::before{content:"";width:12px;height:12px;margin-right:8px;background:var(--ink-4);-webkit-mask:var(--i-file) center/contain no-repeat;mask:var(--i-file) center/contain no-repeat}
.bm-nav a:hover{text-decoration:none;background:var(--paper)}
.bm-nav a[aria-current="page"]{color:var(--navy);font-weight:700;background:var(--navy-soft)}
.bm-nav a[aria-current="page"]::before{background:var(--navy)}
.bd-head{display:flex;align-items:center;gap:12px;padding-bottom:14px}
.bd-head h1{font-size:21px;font-weight:600;color:var(--t-1)}
.bd-head .sort{margin-left:auto;display:flex;gap:6px}
.bd-head .sort button{height:30px;padding:0 10px;border:1px solid var(--line-2);border-radius:6px;font-size:12px;color:var(--ink-2)}
.bd-head .sort button[aria-pressed="true"]{border-color:var(--navy);color:var(--navy);font-weight:700}
.bd-list{border-top:1px solid var(--ink-2)}
.bd-row{display:grid;grid-template-columns:44px minmax(0,1fr) 110px 56px 50px;align-items:center;min-height:37px;border-bottom:1px solid var(--line-tb);font-size:14px}
.bd-row.notice{background:var(--cell)}
.bd-row .sym{justify-self:center;min-width:24px;height:18px;padding:0 4px;border-radius:3px;font-size:11px;font-weight:600;line-height:18px;text-align:center;color:var(--ink-3)}
.bd-row .sym.hot{background:var(--navy-soft);color:var(--navy)}
.bd-row.notice .sym{color:var(--navy);font-weight:700}
.bd-row .tt{display:flex;align-items:center;gap:6px;min-width:0;padding:8px 10px 8px 0}
.bd-row .tt a{color:#232f3e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-row.notice .tt a{font-weight:600}
.bd-row .tt .tag{flex:none;font-size:12px;color:var(--ink-3)}
.bd-row .cm{flex:none;font-size:11px;font-weight:600;color:var(--up)}
.bd-row .nk{font-size:12px;font-weight:500;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-row .hit,.bd-row .tm{font-size:11px;color:#666;text-align:center;font-variant-numeric:tabular-nums}
.bd-row .tm{color:#333}
.bd-row.cur{background:var(--navy-soft)}
.bd-row.cur .tt a{font-weight:700;color:var(--navy)}
.bd-row.th{min-height:34px;font-size:12px;color:var(--ink-3);background:var(--card)}
.bd-row.th span{text-align:center}
.bd-foot{display:flex;align-items:center;gap:8px;margin-top:18px}
.bd-foot form{display:flex;gap:6px;margin:0 auto}
.bd-foot select,.bd-foot input{height:34px;border:1px solid var(--line-2);border-radius:6px;padding:0 10px;font:inherit;font-size:13px;background:var(--card)}
.bd-foot input{width:200px}
.bd-foot button{height:34px;padding:0 14px;border-radius:6px;border:1px solid var(--line-2);font-size:13px;font-weight:600;color:var(--ink-2)}
.bd-note{font-size:12px;color:var(--ink-3);margin-top:10px}
/* 글 */
.ps-cat{display:inline-block;height:22px;padding:0 8px;border-radius:4px;background:var(--navy);color:#fff;font-size:12px;font-weight:600;line-height:22px}
.ps-h1{font-size:22px;font-weight:600;line-height:37px;color:#111;margin-top:10px;word-break:keep-all}
.ps-h1 .cm{font-size:14px;font-weight:600;color:var(--up);margin-left:6px}
.ps-info{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px;padding-bottom:12px;font-size:12px;color:var(--ink-3)}
.ps-info span{display:inline-flex;align-items:center;gap:4px}
.ps-info .ic{width:14px;height:14px}
.ps-info b{color:var(--t-1);font-weight:500}
.ps-who{padding:10px 14px;border:1px solid var(--line-2);border-width:1px 0;font-size:13px;font-weight:500;color:var(--t-1)}
.ps-body{padding:28px 14px 12px;font-size:15px;line-height:25.5px;color:#111;word-break:keep-all;overflow-wrap:anywhere}
.ps-body p{margin-bottom:12px}
.ps-like{display:flex;justify-content:center;margin:24px 0 8px}
.ps-like button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:72px;height:72px;border:1px solid var(--line-2);border-radius:50%;font-size:15px;font-weight:700;color:var(--t-1)}
.ps-like .ic{--i:var(--i-thumb);width:22px;height:22px}
.ps-like button[aria-pressed="true"]{border-color:var(--navy);color:var(--navy)}
.ps-btns{display:flex;gap:8px;justify-content:flex-end;padding:14px 0;border-bottom:1px solid var(--line)}
.ps-btns a,.ps-btns button{height:34px;padding:0 14px;border:1px solid var(--line-2);border-radius:6px;font-size:13px;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center}
.ps-btns a:hover{text-decoration:none;background:var(--paper)}
.ps-btns .l{margin-right:auto}
.ps-cont{margin-top:24px}
.ps-cont h2{font-size:15px;font-weight:700;color:var(--t-1);margin-bottom:10px}

/* ---------- 글쓰기 ← 네이버 카페 글쓰기(w1) ---------- */
body[data-page="write"] .crumb{margin-bottom:0}
.wr-top{display:flex;align-items:center;gap:8px;padding:12px 0 16px;border-bottom:1px solid var(--t-1);margin-bottom:16px}
.wr-top h1{font-size:24px;font-weight:700;color:var(--t-1);margin-right:auto}
.wr-top .tmp{height:40px;padding:0 6px 0 16px;border:1px solid var(--line-2);border-radius:var(--r-s);font-size:14px;font-weight:600;color:var(--t-1);display:inline-flex;align-items:center;gap:10px;background:var(--card)}
.wr-top .tmp b{min-width:28px;height:28px;border-left:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.wr-top .reg{height:40px;padding:0 18px;border-radius:var(--r-s);background:var(--navy);color:#fff;font-size:14px;font-weight:700}
.wr-sel{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wr-sel select{width:100%;height:48px;border:0;border-bottom:1px solid var(--line-2);border-radius:0;background:var(--card) var(--i-down) right 4px center/18px no-repeat;-webkit-appearance:none;appearance:none;font:inherit;font-size:17px;color:var(--t-1);padding:0 28px 0 12px}
.wr-sel select:focus{outline:none;border-bottom-color:var(--t-1)}
.wr-title{display:block;width:100%;height:48px;margin-top:16px;border:0;border-radius:var(--r-s);background:var(--paper);padding:0 16px;font:inherit;font-size:17px;color:var(--t-1)}
.wr-title:focus{outline:2px solid var(--navy);outline-offset:0}
.wr-edit{border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;background:var(--card)}
.wr-tools{display:flex;flex-wrap:wrap;gap:2px;padding:8px 10px;background:#fafafa;border-bottom:1px solid var(--line)}
.wr-tools button{width:56px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:6px;font-size:11px;color:var(--ink-2)}
.wr-tools button:hover{background:var(--card)}
.wr-tools .ic{width:22px;height:22px}
.wr-fmt{display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.wr-fmt select{height:30px;border:0;background:none;font:inherit;font-size:13px;color:var(--ink-2)}
.wr-fmt button{width:30px;height:30px;border-radius:4px;font-size:14px;color:var(--t-1)}
.wr-fmt button:hover{background:var(--paper)}
.wr-fmt .b{font-weight:800}.wr-fmt .i{font-style:italic;font-family:Georgia,serif}.wr-fmt .u{text-decoration:underline}.wr-fmt .s{text-decoration:line-through}
.wr-fmt .bar{width:1px;height:16px;background:var(--line-2);margin:0 6px}
.wr-area{display:block;width:100%;min-height:420px;border:0;padding:28px 30px;font:inherit;font-size:15px;line-height:1.7;color:var(--t-1);resize:vertical}
.wr-area:focus{outline:none}
.wr-files{display:flex;gap:8px;flex-wrap:wrap;padding:0 30px 20px}
.wr-files span{font-size:12px;padding:4px 8px;background:var(--paper);border-radius:4px;color:var(--ink-2)}
.wr-extra{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.wr-extra label{display:block;font-size:13px;color:var(--ink-3);margin-bottom:6px}
.wr-extra input,.wr-extra select{width:100%;height:40px;border:1px solid var(--line-2);border-radius:var(--r-s);padding:0 12px;font:inherit;font-size:14px;background:var(--card)}
.wr-side h2{font-size:14px;font-weight:700;color:var(--t-1);margin-bottom:10px}
.wr-side label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);padding:4px 0}
.wr-side .fee{margin-left:auto;font-size:12px;color:var(--ink-3)}
.wr-side .sum{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}
.wr-side .sum output{font-weight:700;color:var(--t-1)}

/* ---------- 쇼핑 목록 ← 네이버쇼핑 검색(s1) ---------- */
.sh-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--t-1);margin-top:4px}
.sh-tabs a{height:48px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:15px;font-weight:600;color:var(--ink-2);background:var(--paper);border:1px solid var(--line-2);border-top:0;margin-left:-1px}
.sh-tabs a:first-child{margin-left:0}
.sh-tabs a[aria-current="page"]{background:var(--card);color:var(--t-1);font-weight:700;border-bottom-color:transparent}
.sh-tabs a small{font-size:12px;font-weight:400;color:var(--ink-3)}
.sh-tabs a:hover{text-decoration:none}
.sh-flt{margin-top:18px;border:1px solid var(--line-2);border-radius:2px}
.sh-flt>div{display:grid;grid-template-columns:120px minmax(0,1fr);border-top:1px solid var(--line)}
.sh-flt>div:first-child{border-top:0}
.sh-flt .k{background:var(--paper);padding:12px 16px;font-size:14px;font-weight:700;color:var(--t-1)}
.sh-flt .v{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;padding:8px 16px}
.sh-flt .v button{height:30px;font-size:14px;color:var(--ink-2)}
.sh-flt .v button[aria-pressed="true"]{color:var(--navy);font-weight:700}
.sh-flt .v button[aria-pressed="true"]::before{content:"";display:inline-block;width:12px;height:12px;margin-right:4px;background:currentColor;-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat;vertical-align:-1px}
.sh-flt .v .sw{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.12);padding:0}
.sh-flt .v .sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--navy)}
.sh-flt .v .sw[aria-pressed="true"]::before{display:none}
.sh-flt .note2{padding:10px 16px;font-size:13px;color:var(--ink-3);border-top:1px solid var(--line);background:#fafafa}
.sh-sort{display:flex;align-items:center;gap:6px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
.sh-sort button{color:var(--ink-3);font-size:14px}
.sh-sort button+button::before{content:"·";margin-right:6px;color:var(--ink-4)}
.sh-sort button[aria-pressed="true"]{color:var(--t-1);font-weight:700}
.sh-sort .cnt{margin-left:auto;font-size:13px;color:var(--ink-3)}
.sh-row{display:grid;grid-template-columns:140px minmax(0,1fr) 150px;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.sh-row .th{display:block;width:140px;height:140px;border-radius:var(--r-s);overflow:hidden;background:var(--img)}
.sh-row .th img{width:100%;height:100%;object-fit:cover;display:block}
.sh-row code{font-family:var(--sans);font-size:12px;color:var(--ink-3)}
.sh-row a.nm{display:block;font-size:16px;font-weight:500;line-height:24px;color:var(--t-1);margin-top:2px;word-break:keep-all}
.sh-row .attr{margin-top:8px;font-size:13px;line-height:20px;color:var(--ink-2)}
.sh-row .attr span{white-space:nowrap}
.sh-row .attr span+span::before{content:"|";margin:0 8px;color:var(--line-2)}
.sh-row .attr em{font-style:normal;color:var(--ink-3);margin-right:4px}
.sh-row .dots{display:flex;gap:4px;margin-top:10px}
.sh-row .dots i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.sh-row .pr{text-align:right;font-size:18px;font-weight:700;color:var(--t-1)}
.sh-row .pr.lock{font-size:14px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;justify-content:flex-end;gap:4px}
.sh-row .pr.lock .ic{--i:var(--i-lockl);width:15px;height:15px}
.sh-row .pr small{display:block;font-size:12px;font-weight:400;color:var(--ink-3);margin-top:4px}
/* 상품 상세 속성 한 줄 */
.it-attr{font-size:14px;color:var(--ink-2);margin-top:10px;line-height:22px}
.it-attr span+span::before{content:"|";margin:0 8px;color:var(--line-2)}

/* ---------- 검색 ← 네이버(q1) · 다음(q2) ---------- */
.sq-box{display:flex;align-items:center;height:54px;border:2px solid var(--t-1);border-radius:27px;padding:0 8px 0 22px;background:var(--card)}
.sq-box input{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:20px;font-weight:700;color:var(--t-1)}
.sq-box input:focus{outline:none}
.sq-box button{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--t-1);font-size:0}
.sq-box button::before{content:"";width:24px;height:24px;background:currentColor;-webkit-mask:var(--i-search) center/contain no-repeat;mask:var(--i-search) center/contain no-repeat}
.sq-tabs{display:flex;gap:0;margin-top:10px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.sq-tabs::-webkit-scrollbar{display:none}
.sq-tabs button{flex:none;height:42px;padding:0 14px;font-size:16px;color:var(--t-1);border-bottom:2px solid transparent;margin-bottom:-1px}
.sq-tabs button[aria-selected="true"]{font-weight:700;border-bottom-color:var(--t-1)}
.sq-tabs button small{font-size:12px;color:var(--ink-3);margin-left:3px;font-weight:400}
.sq-rel{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:baseline}
.sq-rel b{font-size:15px;font-weight:700;color:var(--t-1);margin-right:6px}
.sq-rel a{font-size:17px;line-height:26px;color:var(--navy)}
.sq-grp h2{font-size:18px;font-weight:700;color:var(--t-1);display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.sq-grp h2 small{font-size:13px;font-weight:400;color:var(--ink-3)}
.sq-art li{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.sq-art li:first-child{border-top:0;padding-top:2px}
.sq-art li.noimg{grid-template-columns:minmax(0,1fr)}
.sq-art .src{font-size:14px;color:rgba(0,0,0,.86)}
.sq-art .src small{color:var(--ink-3);margin-left:6px}
.sq-art a.t{display:block;margin-top:6px;font-size:18px;line-height:24px;color:var(--navy);word-break:keep-all}
.sq-art p{margin-top:4px;font-size:15px;line-height:24px;color:rgba(0,0,0,.76);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sq-art .th{width:88px;height:88px;border-radius:8px;overflow:hidden;background:var(--img)}
.sq-art .th img{width:100%;height:100%;object-fit:cover;display:block}
.sq-post li{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:16px}
.sq-post li:first-child{border-top:0}
.sq-post .tag{flex:none;font-size:12px;font-weight:600;color:var(--ink-2);background:var(--paper);border-radius:4px;padding:1px 6px}
.sq-post a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--t-1)}
.sq-post small{flex:none;font-size:13px;color:var(--ink-3)}
.sq-goods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sq-goods a{display:block;min-width:0}
.sq-goods a:hover{text-decoration:none}
.sq-goods .sqi{display:block;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--img)}
.sq-goods .sqi img{width:100%;height:100%;object-fit:cover;display:block}
.sq-goods small{display:block;font-size:12px;color:var(--ink-3);margin-top:8px}
.sq-goods b{display:block;font-size:14px;font-weight:500;line-height:20px;color:var(--t-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sq-empty{padding:40px 0;text-align:center;font-size:15px;color:var(--ink-3)}
.trend li{display:flex;align-items:center;gap:14px;font-size:17px;line-height:24px;color:rgba(0,0,0,.88);padding:6px 0}
.trend li b{width:16px;font-size:16px;font-weight:700;color:var(--t-1);text-align:center}
.trend li a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend li i{font-style:normal;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* ---------- 로그인·약관 ← 네이버 로그인(l1) · 회원가입 약관(l4) ---------- */
body[data-page="login"] .grid{display:block}
body[data-page="login"] #colSide{display:none}
body[data-page="login"] .crumb{display:none}
.lg-wrap{max-width:520px;margin:28px auto 8px}
.lg-box{background:var(--card);border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:44px 50px 40px}
.lg-box h1{font-size:24px;font-weight:600;line-height:32px;letter-spacing:-.3px;color:var(--t-1);margin-bottom:24px}
.lg-f{position:relative;border-bottom:1px solid var(--line-2);margin-bottom:24px}
.lg-f:focus-within{border-bottom-color:var(--navy)}
.lg-f label{display:block;font-size:14px;color:#737373;letter-spacing:-.3px}
.lg-f input{display:block;width:100%;height:37px;padding:7px 0 8px;border:0;background:none;font:inherit;font-size:17px;color:var(--t-1)}
.lg-f input:focus{outline:none}
.lg-stay{display:flex;align-items:center;gap:6px;margin:8px 0 14px;font-size:14px;font-weight:500;color:#424242;letter-spacing:-.3px;cursor:pointer}
.lg-stay input{width:20px;height:20px;accent-color:var(--navy)}
.lg-btn{display:flex;width:100%;height:48px;align-items:center;justify-content:center;border-radius:8px;background:var(--navy);color:#fff;font-size:16px;font-weight:600}
.lg-btn:disabled{background:var(--paper);color:rgba(0,0,0,.2);cursor:default}
.lg-links{display:flex;justify-content:center;gap:0;margin-top:22px;font-size:13px;color:#737373}
.lg-links a+a::before{content:"";display:inline-block;width:1px;height:10px;background:var(--line-2);margin:0 10px;vertical-align:-1px}
.lg-links a.strong{color:var(--navy);font-weight:600}
.lg-all{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.lg-all strong{font-size:16px;font-weight:600;line-height:21px;color:#2e2e2e;letter-spacing:-.3px}
.lg-all small{display:block;font-size:14px;line-height:19px;color:#737373;margin-top:6px;letter-spacing:-.3px}
.lg-chk{flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;color:var(--card);background:var(--card)}
.lg-chk::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--i-check) center/contain no-repeat;mask:var(--i-check) center/contain no-repeat}
input:checked+.lg-chk{background:var(--navy);border-color:var(--navy);color:#fff}
input:focus-visible+.lg-chk{outline:2px solid var(--navy);outline-offset:2px}
.lg-terms{margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}
.lg-terms li{display:flex;align-items:center;gap:10px;min-height:35px}
.lg-terms label{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;font-size:15px;line-height:20px;color:#2e2e2e;letter-spacing:-.3px}
.lg-terms .lg-chk{width:18px;height:18px;border:0;background:none;color:var(--line-2)}
.lg-terms input:checked+.lg-chk{background:none;color:var(--navy)}
.lg-terms em{font-style:normal;font-weight:600}
.lg-terms em.rq{color:var(--navy)}
.lg-terms em.op{color:var(--ink-3)}
.lg-terms li.sub{padding-left:28px}
.lg-terms li.sub label{font-size:14px}
.lg-terms a.view{font-size:13px;color:#737373;text-decoration:underline;text-underline-offset:3px}
.lg-detail{margin:12px 0 24px;padding:16px 18px;background:#f7f7f7;border-radius:8px;font-size:13px;line-height:20px;color:#737373}
.lg-alt{text-align:center;margin-top:22px;font-size:13px}
.lg-alt a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ================= 1199 이하: 한 열 ================= */
@media (max-width:1199px){
  body[data-page="board"] #colSide,body[data-page="post"] #colSide{order:0}
  body[data-page="board"] .grid,body[data-page="post"] .grid{display:flex}
  .bm-nav{display:none}
}

/* ================= 767 이하: 휴대폰 ================= */
@media (max-width:767px){
  body[data-page="news"] #colMain>.card,body[data-page="article"] #colMain>.card{padding:20px 16px}
  .pg-h{font-size:28px;line-height:36px;margin:0 0 12px}
  .utabs{gap:20px}
  .nrow{grid-template-columns:minmax(0,1fr) 130px;gap:14px;padding:16px 0}
  .nrow h3{font-size:17px;line-height:24.8px;-webkit-line-clamp:3}
  .nrow p{display:none}
  .nrow .meta{margin-top:6px;font-size:12px}
  .nrow .ph{width:130px;height:78px}
  .pnum .pn{width:36px;min-width:36px;height:36px}
  .ar-h h1{font-size:26px;line-height:35px}
  .ar-body{font-size:18px;line-height:29px}
  .ar-tools{margin-left:0;width:100%;justify-content:flex-end;margin-top:-4px}
  .ar-pn{grid-template-columns:1fr}
  .ar-pn a:last-child{text-align:left}
  .pr-now b{font-size:38px}
  .pr-info{grid-template-columns:1fr}
  .pr-intl{grid-template-columns:1fr 1fr}
  .pr-intl div:nth-child(3){border-left:0}
  .pr-intl div:nth-child(n+3){border-top:1px solid var(--line)}
  .pr-tbl th,.pr-tbl td{padding:0 8px}
  .pr-tbl td b{font-size:18px;line-height:24px}
  .pr-tbl tbody th{font-size:15px}
  .jb-ftab button{padding:0 10px;font-size:14px}
  .jb-cells{grid-template-columns:repeat(2,1fr)}
  .jb-cells button:nth-child(4n){border-right:1px solid var(--line)}
  .jb-cells button:nth-child(2n){border-right:0}
  .jb-pick{grid-template-columns:minmax(0,1fr);gap:8px}
  .jb-pick a{padding:14px 16px}
  .jb-pick .logo{height:auto;margin-bottom:6px;font-size:14px}
  .jb-pick b{min-height:0}
  .jb-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:16px 0}
  .jb-row .co{grid-column:1 / -1;font-size:14px}
  .jb-row .t{font-size:16px;line-height:23px}
  .jb-row .rt .sc{display:none}
  .jd-top{grid-template-columns:minmax(0,1fr)}
  .jd-top h1{font-size:24px;line-height:33px}
  .jd-act{display:none}
  .jd-sum{grid-template-columns:minmax(0,1fr);padding:14px 0}
  .jd-cond{grid-template-columns:minmax(0,1fr)}
  .jd-box{padding:18px 16px}
  .jd-h2{font-size:20px;margin:28px 0 12px}
  .jd-float{margin:20px -16px -16px;border-radius:0;padding:10px 16px}
  .jd-float .apply{flex:1}
  .mk-grid,.mk-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .mi-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .mi-photo{margin:-16px -16px 0;border-radius:0}
  .mi-nums{grid-template-columns:1fr 1fr}
  .mi-nums div:nth-child(3){border-left:0}
  .mi-nums div:nth-child(n+3){border-top:1px solid var(--line)}
  .bd-head h1{font-size:19px}
  .bd-row{grid-template-columns:36px minmax(0,1fr) 44px;min-height:52px}
  .bd-row .nk,.bd-row .hit{display:none}
  .bd-row.th{display:none}
  .bd-row .tt{flex-wrap:wrap;row-gap:0}
  .bd-foot input{width:120px}
  .ps-h1{font-size:19px;line-height:28px}
  .ps-body{padding:20px 4px 8px}
  .wr-top h1{font-size:20px}
  .wr-sel{grid-template-columns:minmax(0,1fr);gap:0}
  .wr-tools button{width:48px}
  .wr-area{padding:20px 16px;min-height:300px}
  .wr-extra{grid-template-columns:minmax(0,1fr)}
  .sh-tabs a{font-size:13px;height:44px}
  .sh-tabs a small{display:none}
  .sh-flt>div{grid-template-columns:72px minmax(0,1fr)}
  .sh-flt .k{padding:10px;font-size:13px}
  .sh-flt .v{padding:6px 10px;gap:2px 12px}
  .sh-row{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:16px 0}
  .sh-row .th{width:96px;height:96px}
  .sh-row .pr{grid-column:2;text-align:left;font-size:16px}
  .sh-row .pr.lock{justify-content:flex-start}
  .sh-row .attr span{white-space:normal}
  .sq-box{height:48px;padding-left:16px}
  .sq-box input{font-size:18px}
  .sq-tabs button{padding:0 10px;font-size:15px}
  .sq-goods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sq-art a.t{font-size:17px}
  .lg-wrap{margin:8px auto 0}
  .lg-box{border:0;border-radius:0;padding:28px 20px 32px;margin:0 -16px}
  .lg-box h1{font-size:21px;line-height:29px}
}

/* 긴 낱말(띄어쓰기 없는 제목·별표 줄)이 좁은 폭에서 가로 스크롤을 만들지 않게 */
#colMain h1,#colMain h2,#colMain h3,#colMain a,#colMain p,#colMain dd,#colSide a{overflow-wrap:anywhere}
.ps-h1 .cm{white-space:nowrap}
#colMain .card h1:not(.mk-h):not(.pg-h){white-space:normal}
.mk-card .sq,.mi-photo{width:auto;height:auto}
/* 꼬리말 좌우 여백(공용 style.css 의 .foot .wrap 이 좁은 폭 여백을 덮음) — 하위 화면만 */
@media (max-width:1199px){.foot .wrap{padding-left:16px;padding-right:16px}}


/* =====================================================================
   polish2 (2026-11-11 밤) — 하위 화면을 「흰 바탕 한 장」으로.
   대표 지적: 회색 바탕 위 흰 둥근 칸·오른쪽 칸 3개 쌓기가 AI 티 → 레퍼런스(한겨레·다음·사람인·당근·클리앙)처럼
   흰 바탕 하나에 여백·얇은 선·제목 크기로 구역을 나눈다. 폭은 1200(레퍼런스 1080~1260).
   섹션 색은 icons.js(NPI.color/text)를 pages.js applySec() 가 body 에 --sec/--sec-ink 로 넣는다. index.html 에는 sub.css 가 없다.
   ===================================================================== */
body[data-page]{--sec:#1d2b45;--sec-ink:#1d2b45;--sec-soft:color-mix(in srgb,var(--sec) 9%,#fff);--sec-line:color-mix(in srgb,var(--sec) 35%,#fff);
  --wrap:1200px;--main:minmax(0,1fr);--side:300px;background:#fff}
@media (max-width:1247px){body[data-page]{--wrap:calc(100% - 48px)}}
body[data-page] .grid{column-gap:48px}
body[data-page] .col{gap:0}
/* 칸 없애기: 흰 둥근 칸·그림자·안쪽 여백 0 */
body[data-page] .card,body[data-page] #colMain>.card{background:none;box-shadow:none;border-radius:0;padding:0;border:0}
body[data-page] #colMain>.card+.card,body[data-page] #colMain>.card+div,body[data-page] #colMain>div+.card{margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
/* 옆 칸: 선 하나로 나눈 옆 칸(다음 기사·한겨레) — 칸끼리는 선 + 여백 */
body[data-page] #colSide{border-left:1px solid var(--line);padding-left:32px;align-self:stretch}
body[data-page] #colSide>*+*{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
body[data-page] #colSide .ad{background:#f6f7f8;border-radius:4px;box-shadow:none}
body[data-page] .side-h{font-size:17px;margin-bottom:12px}
body[data-page] .side-h .more,body[data-page] .shead .more{margin-left:auto;font-size:13px;font-weight:500;color:var(--ink-3)}
body[data-page] .crumb{margin:20px 0 18px}
body[data-page] .wrap>.crumb{font-size:13px}
/* 섹션 색: 머리 메뉴 밑줄·밑줄 탭·주 단추·쪽 번호 */
body[data-page] .secs a.on{border-color:var(--sec);color:var(--ink)}
body[data-page] .utabs [aria-selected="true"],body[data-page] .utabs [aria-current="page"]{border-bottom-color:var(--sec);color:var(--t-1)}
body[data-page] .utabs small.n{margin-left:5px;font-size:13px;font-weight:600;color:var(--ink-3)}
body[data-page] .utabs [aria-current="page"] small.n,body[data-page] .utabs [aria-selected="true"] small{color:var(--sec-ink)}
body[data-page] .btn-pri{background:var(--sec-ink);color:#fff;gap:6px}
body[data-page] .btn-pri:hover{background:color-mix(in srgb,var(--sec-ink) 86%,#000)}
body[data-page] .btn-pri .ic{width:18px;height:18px}
body[data-page] .pnum .pn.on,body[data-page] .pn.on{background:var(--sec-ink);color:#fff}
body[data-page] .chip[aria-pressed="true"],body[data-page] .chip.on{background:var(--sec-soft);border-color:var(--sec-line);color:var(--sec-ink)}
/* 큰 제목 + 섹션 아이콘 */
.bdg{display:inline-flex;flex:none;line-height:0}
.bdg:empty{display:none}
body[data-page] .pg-h{display:flex;align-items:center;gap:12px;font-size:34px;line-height:44px;font-weight:800;margin:0}
.pg-row{display:flex;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.pg-row .btn-pri,.pg-row .btn-line{margin-left:auto}
.pg-row .meta{font-size:14px;color:var(--ink-3)}
/* 배지(사람인·잡코리아·당근) */
.nw,.hot,.ad-tag,.dday{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.2px;flex:none;line-height:1}
.nw{background:#fff1f0;color:#e5372b}
.hot{background:#e5372b;color:#fff}
.ad-tag{background:var(--sec-soft);color:var(--sec-ink)}
.dday{background:#f2f4f7;color:var(--ink-2)}

/* ---------- 구인·구직 목록(polish2) ← 사람인 j1 큰 틀 · 잡코리아 j2 행 ---------- */
body[data-page="jobs"] .grid{display:block}
body[data-page="jobs"] #colSide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;border-left:0;padding:36px 0 0;margin-top:56px;border-top:1px solid var(--line)}
body[data-page="jobs"] #colSide>*+*{margin-top:0;padding-top:0;border-top:0}
body[data-page="jobs"] .utabs{margin-bottom:22px}
body[data-page="jobs"] .utabs a{font-size:18px;height:52px}
.jb-bar2{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;border:1px solid #c9ccd1;border-radius:8px;background:#fff;overflow:hidden}
.jb-bar2 .cell{display:flex;align-items:center;gap:10px;height:54px;padding:0 18px;font-size:16px;color:var(--ink-2);background:#fff;border:0;border-left:1px solid var(--line);text-align:left;min-width:0}
.jb-bar2 .cell:first-child{border-left:0}
.jb-bar2 button.cell::after{content:"";margin-left:auto;width:16px;height:16px;background:var(--ink-3);-webkit-mask:var(--i-down) center/contain no-repeat;mask:var(--i-down) center/contain no-repeat;transition:transform .15s}
.jb-bar2 button.cell[aria-expanded="true"]{color:var(--t-1);font-weight:700;background:var(--sec-soft)}
.jb-bar2 button.cell[aria-expanded="true"]::after{transform:rotate(180deg)}
.jb-bar2 .cell .ic{width:20px;height:20px;color:var(--ink-3)}
.jb-bar2 .cell.has .lab{color:var(--sec-ink);font-weight:700}
.jb-bar2 .cnt:not(:empty){min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--sec-ink);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.jb-bar2 .q input{flex:1;min-width:0;height:100%;border:0;font:inherit;font-size:16px;color:var(--t-1);background:none}
.jb-bar2 .q input:focus{outline:none}
.jb-bar2 .q:focus-within{background:#fafafa}
.jb-panel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:18px 18px 16px;border:1px solid #c9ccd1;border-top:0;border-radius:0 0 8px 8px;margin-top:-6px;padding-top:24px;background:#fafbfc}
.jb-panel[hidden]{display:none}
.jb-panel button{height:36px;padding:0 16px;border-radius:18px;border:1px solid var(--line-2);background:#fff;font-size:15px;color:var(--ink-2)}
.jb-panel button:hover{border-color:var(--ink-3);color:var(--t-1)}
.jb-panel button[aria-pressed="true"]{border-color:var(--sec-ink);color:var(--sec-ink);font-weight:700;background:var(--sec-soft)}
.jb-panel .hint{margin-left:auto;font-size:13px;color:var(--ink-3);display:inline-flex;gap:6px;align-items:center}
.jb-picked2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.jb-picked2[hidden]{display:none}
.jb-picked2 .pk{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 8px 0 12px;border-radius:16px;background:var(--sec-soft);font-size:14px;font-weight:600;color:var(--sec-ink)}
.jb-picked2 .pk::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--i-close) center/contain no-repeat;mask:var(--i-close) center/contain no-repeat}
.jb-picked2 .reset{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--ink-2);margin-left:6px}
.jb-picked2 .reset::before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:var(--i-refresh) center/contain no-repeat;mask:var(--i-refresh) center/contain no-repeat}
body[data-page="jobs"] .jb-sec{margin:52px 0 16px}
body[data-page="jobs"] .jb-sec h2{font-size:24px;font-weight:800;letter-spacing:-.3px}
.jb-pick2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.jb-pick2 a{display:flex;flex-direction:column;gap:6px;border:1px solid #e3e5e8;border-radius:16px;padding:22px 24px 20px;min-width:0;transition:border-color .15s,box-shadow .15s}
.jb-pick2 a:hover{text-decoration:none;border-color:var(--sec-line);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.jb-pick2 .top{display:flex;gap:4px;min-height:20px}
.jb-pick2 b{font-size:18px;font-weight:700;line-height:26px;color:var(--t-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;min-height:52px;margin-top:6px}
.jb-pick2 .co{font-size:15px;color:#333}
.jb-pick2 .ln{display:flex;align-items:center;gap:4px;font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-pick2 .ln .ic{width:15px;height:15px;color:#999}
.jb-pick2 .ft{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid #f0f1f3;font-size:14px;font-weight:600;color:var(--t-1)}
.jb-pick2 .ft .dd{font-weight:500;color:var(--ink-3)}
body[data-page="jobs"] .jb-bar{border-bottom:2px solid var(--t-1);padding:10px 0 12px;font-size:14px;gap:18px}
body[data-page="jobs"] .jb-bar .c b{color:var(--sec-ink);font-size:16px}
.jb-bar .chk{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);cursor:pointer}
.jb-bar .chk input{width:16px;height:16px;accent-color:var(--sec-ink)}
body[data-page="jobs"] .jb-bar .sort button{font-size:14px}
body[data-page="jobs"] .jb-bar .sort button[aria-pressed="true"]{color:var(--sec-ink)}
.jb-row2{display:grid;grid-template-columns:200px minmax(0,1fr) 136px;gap:28px;padding:22px 8px 22px 4px;border-bottom:1px solid #e6e8eb;align-items:start;transition:background .12s}
.jb-row2:hover{background:#fafbfc}
.jb-row2 .co .nm{display:block;font-size:16px;font-weight:500;color:#222;word-break:keep-all;line-height:24px}
.jb-row2 .co small{display:block;margin-top:4px;font-size:12px;color:var(--ink-3)}
.jb-row2 .tl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.jb-row2 .t{font-size:18px;font-weight:700;line-height:26px;color:var(--t-1);word-break:keep-all}
.jb-row2 .t:hover{text-decoration:underline;text-underline-offset:3px}
.jb-row2 .sc{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#c4c7cc;border-radius:4px}
.jb-row2 .sc .ic{--i:var(--i-star);width:18px;height:18px}
.jb-row2 .sc[aria-pressed="true"]{color:#f5a400}
.jb-row2 .cd{display:flex;flex-wrap:wrap;gap:2px 0;margin-top:8px;font-size:14px;color:#444}
.jb-row2 .cd span+span::before{content:"";display:inline-block;width:1px;height:11px;background:#d5d7db;margin:0 10px;vertical-align:-1px}
.jb-row2 .cd .no{color:#aaa}
.jb-row2 .ds{display:flex;gap:14px;align-items:center;margin-top:6px;font-size:13px;color:#888}
.jb-row2 .ds .v{display:inline-flex;align-items:center;gap:3px}
.jb-row2 .ds .ic{width:14px;height:14px}
.jb-row2 .rt{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.jb-row2 .go{height:34px;padding:0 14px;border-radius:6px;background:var(--sec-ink);color:#fff;font-size:14px;font-weight:700}
.jb-row2 .go:hover{background:color-mix(in srgb,var(--sec-ink) 86%,#000)}
.jb-row2 .dl{font-size:13px;color:var(--ink-3)}
.jb-row2 .rg{font-size:12px;color:#999}
body[data-page="jobs"] .jb-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:64px 0}
body[data-page="jobs"] .jb-empty b{font-size:18px;color:var(--t-1)}
body[data-page="jobs"] .jb-empty .btn-line{margin-top:8px}
.jd-more li .co+.t{margin-top:2px}

/* ---------- 휴대폰(polish2 공통) ---------- */
@media (max-width:1199px){
  body[data-page] #colSide{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:32px;margin-top:40px}
  body[data-page="jobs"] #colSide{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  body[data-page]{--wrap:100%}
  body[data-page] .pg-h{font-size:26px;line-height:34px;gap:10px}
  body[data-page] .pg-h .bdg svg{width:24px;height:24px}
  body[data-page] #colMain>.card+.card,body[data-page] #colMain>.card+div,body[data-page] #colMain>div+.card{margin-top:28px;padding-top:24px}
  body[data-page] #colSide>*+*{margin-top:24px;padding-top:24px}
  body[data-page="jobs"] #colSide{display:block}
  body[data-page="jobs"] #colSide>*+*{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
  .pg-row{margin-bottom:14px}
  .pg-row .btn-pri{height:36px;padding:0 12px;font-size:14px}
  .jb-bar2{grid-template-columns:1fr 1fr 1fr}
  .jb-bar2 .cell{height:46px;padding:0 10px;font-size:14px;gap:6px}
  .jb-bar2 .cell .ic{display:none}
  .jb-bar2 .q{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line)}
  .jb-bar2 .q .ic{display:inline-block}
  .jb-panel .hint{margin-left:0;width:100%}
  body[data-page="jobs"] .jb-sec{margin:36px 0 12px}
  body[data-page="jobs"] .jb-sec h2{font-size:20px}
  .jb-pick2{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 4px;scrollbar-width:none}
  .jb-pick2::-webkit-scrollbar{display:none}
  .jb-pick2 a{scroll-snap-align:start;padding:18px}
  .jb-bar .chk{display:none}
  .jb-row2{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:18px 0}
  .jb-row2 .co{grid-column:1 / -1;display:flex;gap:6px;align-items:baseline}
  .jb-row2 .co .nm{font-size:14px;color:#555}
  .jb-row2 .co small{margin:0}
  .jb-row2 .mid{grid-column:1 / -1}
  .jb-row2 .t{font-size:17px;line-height:24px}
  .jb-row2 .cd{font-size:13px}
  .jb-row2 .rt{grid-column:1 / -1;flex-direction:row;align-items:center;gap:10px}
  .jb-row2 .rt .go{order:3;margin-left:auto;height:32px}
}

/* 카드 안쪽 여백을 없앴으니 휴대폰에서 -16px 로 밀어 내던 것들도 0 으로 */
@media (max-width:767px){body[data-page] .jd-float,body[data-page] .mi-photo{margin-left:0;margin-right:0;width:auto}}

/* 휴대폰: style.css 의 카드 좌우 -16px 꽉 채움을 하위 화면에서는 끈다(카드 바탕이 없으니 글이 화면 끝에 붙음) */
@media (max-width:767px){body[data-page] .grid>.card,body[data-page] .col>.card{width:auto!important;margin-left:0;margin-right:0}}

/* ===== polish2 · 토론방 목록/글 — 클리앙 c1·c2, 네이버 카페 c6 왼쪽 메뉴. 옆 광고 빼고 표를 넓게 ===== */
body[data-page="board"] .grid,body[data-page="post"] .grid{grid-template-columns:210px minmax(0,1fr)}
body[data-page="board"] #colSide,body[data-page="post"] #colSide{order:-1;border-left:0;padding-left:0;border-right:1px solid var(--line);padding-right:24px}
.board2 .pg-row .meta{flex:1;font-size:14px;color:var(--ink-3)}
.board2 .pg-row .meta b{color:var(--sec)}
.board2 .pg-row .btn-pri{display:inline-flex;align-items:center;gap:6px}
.board2 .pg-row .btn-pri .ic{width:16px;height:16px}
.board2 .bd-head{margin-top:22px;font-size:14px;color:#666}
.board2 .bd-head .cnt b{color:var(--sec)}
.board2 .bd-head .kb{font-size:12px;color:#999;padding:2px 8px;border:1px solid #e5e5e5;border-radius:4px}
.board2 .bd-head .sort button[aria-pressed="true"]{border-color:var(--sec);color:var(--sec)}
body[data-page="board"] .bd-list,body[data-page="post"] .bd-list{border-top:2px solid #222}
body[data-page="board"] .bd-row,body[data-page="post"] .bd-row{grid-template-columns:64px minmax(0,1fr) 140px 72px 96px;min-height:46px;font-size:15px}
body[data-page="board"] .bd-row.th,body[data-page="post"] .bd-row.th{min-height:40px;font-size:13px;color:#888;background:#fafafa}
body[data-page="board"] .bd-row>span:nth-child(n+3),body[data-page="post"] .bd-row>span:nth-child(n+3){text-align:center;color:#777;font-size:13px}
body[data-page="board"] .bd-row .sym,body[data-page="post"] .bd-row .sym{min-width:30px;height:22px;line-height:22px;font-size:12px;border-radius:4px;background:#f2f3f5;color:#666}
body[data-page="board"] .bd-row .sym.hot,body[data-page="post"] .bd-row .sym.hot{background:var(--sec);color:#fff}
body[data-page="board"] .bd-row.notice .sym{background:#222;color:#fff}
.bd-row .tt a:focus-visible{outline:2px solid var(--sec);outline-offset:2px}
.bd-row .tt mark{background:#fff3b0;color:inherit}
.bd-row .tt .cm{color:var(--sec);font-weight:700;font-size:13px}
.bd-row .tt .nw{flex:none;width:16px;height:16px;border-radius:50%;background:#ff5a4f;color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center}
.bd-row .tt .pop{flex:none;padding:0 5px;border-radius:3px;border:1px solid #ff5a4f;color:#ff5a4f;font-size:11px;font-weight:700;line-height:16px}
.bd-row:not(.th):not(.notice):hover{background:#fafbfc}
.board2 .jb-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 0}
.ps-like{display:flex;justify-content:center;align-items:center;gap:10px}
.ps-like .heart,.ps-like .sh{width:46px;height:46px;border:1px solid #dfe1e4;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ps-like .heart .ic{width:18px;height:18px;--i:var(--i-heart);color:#999}
.ps-like .heart[aria-pressed="true"] .ic{color:#e8344e}
.ps-like .sh .ic{width:18px;height:18px;color:#666}
.ps-cmt{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.ps-cmt h2{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:700}
.ps-cmt h2 b{color:var(--sec)}
.ps-cmt .none{margin:14px 0;font-size:14px;color:#888}
.ps-cmt form{display:flex;gap:8px;align-items:stretch}
.ps-cmt textarea{flex:1;min-width:0;border:1px solid #dfe1e4;border-radius:8px;padding:12px;font:inherit;font-size:14px;resize:vertical}
.ps-cmt .btn-pri{flex:none;width:84px}
.ps-pn{margin-top:28px;border-top:1px solid #222}
.ps-pn>div{display:flex;align-items:center;gap:16px;min-height:46px;border-bottom:1px solid var(--line);font-size:15px;min-width:0}
.ps-pn .k{flex:none;display:inline-flex;align-items:center;gap:6px;width:84px;font-size:13px;color:#888}
.ps-pn .k .ic{width:12px;height:12px}
.ps-pn a{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#222}
.ps-pn .no{color:#aaa}
@media (max-width:1199px){body[data-page="board"] #colSide,body[data-page="post"] #colSide{order:0;border-right:0;padding-right:0}}
@media (max-width:767px){
  body[data-page="board"] .bd-row,body[data-page="post"] .bd-row{grid-template-columns:44px minmax(0,1fr) 64px;font-size:15px}
  body[data-page="board"] .bd-row>span:nth-child(3),body[data-page="board"] .bd-row>span:nth-child(4),body[data-page="post"] .bd-row>span:nth-child(3),body[data-page="post"] .bd-row>span:nth-child(4){display:none}
  .board2 .bd-head{flex-wrap:wrap}.board2 .bd-head .kb{display:none}
  .board2 .pg-row .meta{flex-basis:100%;order:3}
}

/* 하위 화면 머리 (11/11 nav-study): 56px 한 줄 + 탭 44px = 100px, 둘 다 sticky. 흰 바탕·1px 선. 빵부스러기·큰 제목 칸 없음 */
body[data-page]{background:#fff;--hl:#ebedf0}
body[data-page] #np-top{position:sticky;top:0;z-index:40;background:#fff}
.sh{height:56px;border-bottom:1px solid var(--hl);background:#fff}
.sh .wrap{display:flex;align-items:center;gap:12px;height:56px}
.sh-menu{flex:none;width:36px;height:36px;margin-left:-8px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer;border-radius:4px}
.sh-menu span,.sh-menu span::before,.sh-menu span::after{display:block;width:18px;height:2px;background:#222;position:relative;content:""}
.sh-menu span::before{position:absolute;top:-6px}
.sh-menu span::after{position:absolute;top:6px}
.sh-menu[aria-expanded="true"]{background:#f2f3f5}
.sh-logo{flex:none;display:inline-flex;align-items:center}
.sh-logo img{height:28px;width:auto}
.sh-bar{flex:none;width:1px;height:16px;background:#d5d8dc}
.sh-name{flex:none;font-size:19px;font-weight:700;letter-spacing:-.4px;color:#111}
.sh-name:hover{text-decoration:none}
.sh-search{flex:0 1 360px;margin-left:auto;display:flex;align-items:center;height:38px;border:1px solid #d5d8dc;border-radius:19px;padding:0 4px 0 16px;background:#fff}
.sh-search:focus-within{border-color:#222}
.sh-search input{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:14px}
.sh-search input:focus{outline:none}
.sh-search button{width:32px;height:32px;border:0;background:none;font-size:20px;line-height:1;color:#222;cursor:pointer}
.sh-sbtn{display:none}
.sh-mem{flex:none;display:flex;gap:12px;font-size:13px;color:var(--ink-3)}
.sh-mem a{color:var(--ink-2)}
.sh-tabs{display:block;height:44px;margin:0;border-top:0;border-bottom:1px solid var(--hl);background:#fff}
.sh-tabs .sh-svc a{justify-content:flex-start;gap:0;font-weight:400;background:none;border:0;border-bottom:2px solid transparent}
.sh-tabs .sh-svc a.on{font-weight:700;border-bottom-color:#111}
.sh-tabs[hidden]{display:none}
.sh-tabs .wrap{display:flex;align-items:stretch;gap:16px;height:44px}
.sh-svc{display:flex;gap:2px;flex:none}
.sh-svc a{display:inline-flex;align-items:center;height:44px;padding:0 12px;font-size:15px;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px}
.sh-svc a:first-child{margin-left:-12px}
.sh-svc a:hover{text-decoration:none;color:#111}
.sh-svc a.on{color:#111;font-weight:700;border-bottom-color:#111}
.sh-tools{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}
/* 빵부스러기·큰 제목 칸 걷기 — 제목은 화면 읽기용으로만 남김 */
body[data-page] .wrap>.crumb{display:none}
body[data-page] .pg-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body[data-page] .wrap>.grid,body[data-page] #main{padding-top:16px}

/* ☰ 판 — 덮기, 흰 판 + 1px 선 + 옅은 그림자, 폭 400, 단추 바로 아래 */
.drawer.dm{position:fixed;inset:0;z-index:60;background:transparent}
.dm .dm-in{position:absolute;top:56px;left:max(8px,calc((100vw - var(--wrap,1200px)) / 2 - 8px));width:400px;max-height:calc(100vh - 72px);overflow-y:auto;background:#fff;border:1px solid #dfe2e6;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:0 20px 18px;animation:none}
.dm-h{display:none}
.dm-q{position:sticky;top:0;background:#fff;padding:16px 0 12px;z-index:1}
.dm-q input{width:100%;height:38px;border:1px solid #d5d8dc;border-radius:6px;padding:0 12px;font:inherit;font-size:14px}
.dm-q input:focus{outline:none;border-color:#222}
.dm-found{margin:0 0 6px}
.dm-found li{border-bottom:1px solid var(--hl)}
.dm-found a{display:flex;align-items:baseline;gap:10px;padding:10px 2px;color:#111}
.dm-found small{font-size:12px;color:var(--ink-3)}
.dm-found .none{padding:14px 2px;font-size:13px;color:var(--ink-3)}
.dm-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 8px}
.dm-row h2{font-size:14px;font-weight:700;color:#111}
.dm-edit{height:26px;padding:0 10px;border:1px solid #d5d8dc;border-radius:4px;background:#fff;font:inherit;font-size:12px;color:var(--ink-2);cursor:pointer}
.dm-edit[aria-pressed="true"]{border-color:#111;color:#111;font-weight:700}
.dm-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hl);border-left:1px solid var(--hl)}
.dm-tile{position:relative;border-right:1px solid var(--hl);border-bottom:1px solid var(--hl);min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px}
.dm-tile>a{font-size:14px;color:#222;text-align:center}
.dm-tile.on>a{font-weight:700;color:#000;text-decoration:underline;text-underline-offset:4px}
.dm-tile.pin>a::after{content:"·고정";font-size:10px;color:var(--ink-3);margin-left:2px}
.dm-tile button{border:0;background:none;font:inherit;font-size:11px;color:var(--ink-3);cursor:pointer;padding:0 4px;height:18px}
.dm-tile .dm-off{color:#d0021b}
.dm-hid{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--ink-3)}
.dm-hid[hidden]{display:none}
.dm-hid button{height:24px;padding:0 8px;border:1px solid #d5d8dc;border-radius:12px;background:#fff;font:inherit;font-size:12px;cursor:pointer}
.dm-hid .rst{margin-left:auto;border:0;text-decoration:underline}
.dm-grps{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.dm-grp{padding:10px 0;border-top:1px solid var(--hl)}
.dm-grp h3{font-size:13px;font-weight:700;color:#111;margin-bottom:4px}
.dm-grp h3 small{margin-left:4px;font-weight:400;color:var(--ink-3)}
.dm-grp a{display:block;padding:4px 0;font-size:14px;color:var(--ink-2)}
.dm-foot{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;padding-top:12px;border-top:1px solid var(--hl);font-size:12px}
.dm-foot a{color:var(--ink-3)}
.dm-body[hidden]{display:none}

@media (max-width:767px){
  .sh .wrap{gap:8px;padding:0 12px}
  .sh-menu{margin-left:-4px}
  .sh-logo img{height:24px}
  .sh-name{font-size:17px}
  .sh-search,.sh-mem{display:none}
  .sh-sbtn{display:inline-flex;margin-left:auto;width:36px;height:36px;align-items:center;justify-content:center;font-size:22px;color:#222}
  .sh-tabs .wrap{padding:0 16px;gap:8px;overflow-x:auto;scrollbar-width:none}
  .sh-tabs .wrap::-webkit-scrollbar{display:none}
  .sh-tools{flex:none}
  body[data-page] .wrap>.grid,body[data-page] #main{padding-top:12px}
  /* 390: 화면 전체 시트 */
  .dm .dm-in{inset:0;top:0;left:0;width:auto;max-height:none;height:100%;border:0;border-radius:0;box-shadow:none;padding:0 16px 24px}
  .dm-h{display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid var(--hl);font-size:17px}
  .dm-h .fold{width:40px;height:40px;border:0;background:none;font-size:20px;cursor:pointer}
  .dm-q{padding-top:12px}
}

/* 공고 상세 ← 사람인 j6(제목 줄 오른쪽 스크랩·지원, 마감 표시, 안내 띠) · 알바몬 j8(근무조건 표) */
body[data-page="job"] .jd-top .co{display:flex;align-items:center;gap:6px}
body[data-page="job"] .jd-act{align-items:flex-end}
body[data-page="job"] .jd-act .ap{display:flex;flex-direction:column;align-items:stretch;gap:6px}
body[data-page="job"] .jd-act .dd{font-size:13px;color:var(--ink-3);text-align:center}
body[data-page="job"] .jd-act .scrap[aria-pressed="true"]{border-color:var(--ink);color:var(--ink);font-weight:700}
body[data-page="job"] .jd-act .scrap[aria-pressed="true"] .ic{background:#f5a623}
body[data-page="job"] .jd-act .apply{background:var(--ink,#1f2937)}
.jd-notice{display:flex;align-items:center;gap:12px;margin:18px 0 0;padding:12px 16px;border:1px solid var(--line);border-radius:6px;background:#f7f8fa;font-size:14px;line-height:21px;color:var(--ink-2)}
.jd-notice span{flex:1;min-width:0}
.jd-notice b{color:var(--ink)}
.jd-notice button{flex:none;height:30px;padding:0 12px;border:1px solid var(--line-2);border-radius:4px;background:#fff;font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer}
@media(max-width:767px){
  body[data-page="job"] .jd-act{width:100%}
  body[data-page="job"] .jd-act .ap{flex:1}
  body[data-page="job"] .jd-act .apply{width:100%}
  .jd-notice{align-items:flex-start;flex-wrap:wrap}
}

/* 로그인 ← 네이버 로그인(l1): 아이디·비밀번호 한 묶음 칸, 빈칸·Caps Lock 안내 빨간 글, 상태 유지, 큰 단추 */
.lg-group{border:1px solid #dadada;border-radius:6px;overflow:hidden;background:#fff}
.lg-group.err{border-color:#ff3f3f}
.lg-in{display:flex;align-items:center;height:52px;padding:0 14px}
.lg-in+.lg-in{border-top:1px solid #e6e6e6}
.lg-in:focus-within{box-shadow:inset 0 0 0 1px var(--ink,#1f2937)}
.lg-in input{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:16px;color:var(--t-1)}
.lg-in input:focus{outline:none}
.lg-in input::placeholder{color:#929294}
.lg-eye{flex:none;height:28px;padding:0 8px;border:0;background:none;font:inherit;font-size:13px;color:var(--ink-3);cursor:pointer}
.lg-eye[aria-pressed="true"]{color:var(--ink)}
.lg-msg{min-height:0;margin:8px 2px 0;font-size:13px;line-height:18px;color:#ff3f3f}
.lg-msg:empty{margin:0}
body[data-page="login"] .lg-stay{margin:14px 0 18px}
body[data-page="login"] .lg-btn{height:52px;font-size:17px}

/* ===== polish2 · 장터 목록/상세 — 당근 m1·m4, 중고나라 m6. 옆 칸 없이 5열 ===== */
body[data-page="market"] .grid,body[data-page="market-item"] .grid{display:block}
body[data-page="market"] #colSide,body[data-page="market-item"] #colSide{display:none}
.market2 .pg-row .meta{flex:1;font-size:14px;color:var(--ink-3)}
.market2 .pg-row .btn-pri{display:inline-flex;align-items:center;gap:6px}
.market2 .pg-row .btn-pri .ic{width:16px;height:16px}
.mk-search{display:flex;align-items:center;gap:8px;max-width:560px;height:48px;margin-top:22px;padding:0 6px 0 18px;border-radius:24px;background:#f2f3f6}
.mk-search>.ic{width:18px;height:18px;color:#888;flex:none}
.mk-search input{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:16px;outline:none}
.mk-search .x{border:0;background:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#999}
.mk-search .x .ic{width:14px;height:14px}
.mk-search .go{height:36px;padding:0 16px;border:0;border-radius:18px;background:var(--sec);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.mk-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.mk-tabs button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:18px;background:none;font:inherit;font-size:14px;color:#555;cursor:pointer}
.mk-tabs button .ic{width:15px;height:15px}
.mk-tabs button small{font-size:12px;color:#999}
.mk-tabs button:hover{background:#f2f3f6}
.mk-tabs button[aria-pressed="true"]{background:#212124;color:#fff;font-weight:700}
.mk-tabs button[aria-pressed="true"] small{color:rgba(255,255,255,.7)}
.mk-rh{display:flex;align-items:center;gap:8px;margin:34px 0 0;font-size:22px;font-weight:800;color:#111}
.mk-rh .ic{width:22px;height:22px;color:var(--sec)}
.mk-rh em{font-style:normal;color:var(--sec)}
.mk-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 22px}
.mk-filters .pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid #e1e3e6;border-radius:17px;background:#fff;font:inherit;font-size:14px;color:#333;cursor:pointer}
.mk-filters .pill .ic{width:14px;height:14px;color:#888}
.mk-filters .pill select{border:0;background:none;font:inherit;font-size:14px;cursor:pointer;outline-offset:2px}
.mk-filters button.pill[aria-pressed="true"]{background:#212124;border-color:#212124;color:#fff}
.mk-filters button.pill[aria-pressed="true"] .ic{color:#fff}
.mk-filters .sp{flex:1}
.mk-filters .sort,.shop2 .sort{display:flex}
.mk-filters .sort button{border:0;background:none;font:inherit;font-size:14px;color:#888;cursor:pointer;padding:2px 10px;position:relative}
.mk-filters .sort button+button::before{content:"";position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:#ddd}
.mk-filters .sort button[aria-pressed="true"]{color:#111;font-weight:700}
.mk-grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 20px}
.mk-card2{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0}
.mk-card2 .sq{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;margin-bottom:9px}
.mk-card2 .ph,.mi-photo .ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--sec-soft,#f6f7f8);color:var(--sec)}
.mk-card2 .ph .ic{width:40px;height:40px;opacity:.55}
.mk-card2 .ph small,.mi-photo .ph small{font-size:13px;color:#777}
.mk-card2 .heart{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;cursor:pointer}
.mk-card2 .heart .ic,.mi-cta .heart .ic{width:18px;height:18px;--i:var(--i-heart);color:#999}
.mk-card2 .heart[aria-pressed="true"] .ic,.mi-cta .heart[aria-pressed="true"] .ic{color:#e8344e}
.mk-card2 .tt{font-size:15px;line-height:22px;color:#212124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-card2 .tt mark{background:none;color:var(--sec);font-weight:700}
.mk-card2 .pr{font-size:16px;font-weight:800;color:#212124}
.mk-card2 .pr.ask{font-weight:600;color:#888}
.mk-card2 .mt{font-size:13px;color:#868b94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-card2 .st,.mi-info .st{align-self:flex-start;display:inline-block;margin-top:3px;padding:1px 6px;border-radius:4px;background:#fff1ea;color:#ff6f0f;font-size:12px;font-weight:700}
.mk-card2 .st.buy,.mi-info .st.buy{background:#eaf3ff;color:#2f6fe4}
.market2 .jb-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:64px 0}
.mk-pop{display:flex;align-items:flex-start;gap:16px;margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}
.mk-pop>b{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:15px;line-height:32px}
.mk-pop>b .ic{width:16px;height:16px}
.mk-pop .kw-chips{display:flex;flex-wrap:wrap;gap:8px}
.mk-pop .kw-chips a{padding:6px 12px;border-radius:16px;background:#f2f3f6;font-size:14px;color:#333}
.market2 .mi-grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:48px;align-items:start}
.market2 .mi-photo{aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:none}
.market2 .mi-photo .ph .ic{width:72px;height:72px;opacity:.5}
.market2 .mi-info .crumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:#868b94}
.market2 .mi-info .crumbs .st{margin:0 0 0 6px}
.market2 .mi-info h1{font-size:28px;line-height:38px}
.market2 .mi-info .price{font-size:30px;font-weight:800}
.mi-cta .heart{width:52px;height:52px;border:1px solid #dfe1e4;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.mi-safe{display:flex;align-items:center;gap:8px;margin-top:24px;padding:14px 16px;border-radius:10px;background:#f7f8fa;font-size:14px;color:#555}
.mi-safe .ic{width:16px;height:16px;color:var(--sec)}
body[data-page="market-item"] .h2x{font-size:22px;font-weight:800}
@media (max-width:1199px){.mk-grid5{grid-template-columns:repeat(4,minmax(0,1fr))}.market2 .mi-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media (max-width:767px){
  .mk-grid5{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .mk-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .mk-tabs button{flex:none}
  .mk-rh{font-size:19px;margin-top:24px}
  .mk-filters .sp{display:none}
  .mk-filters .sort{width:100%;margin-left:-10px}
  .market2 .pg-row .meta{flex-basis:100%;order:3}
  .market2 .mi-grid{grid-template-columns:1fr;gap:20px}
  .market2 .mi-info h1{font-size:22px;line-height:30px}
  .mk-pop{flex-direction:column;gap:8px}
}

/* ===== polish2 · 뉴스 목록(한겨레 n3) · 기사(다음 a1) ===== */
.news2 .nw-top{display:flex;align-items:flex-end;gap:16px;padding-bottom:16px;border-bottom:3px solid var(--sec)}
.news2 .nw-h{font-size:40px;line-height:48px;font-weight:800;letter-spacing:-.02em;color:#111;margin:0}
.news2 .nw-top .meta{font-size:14px;color:#888;padding-bottom:6px}
.news2 .nw-tabs{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}
.news2 .nw-tabs .utabs{flex:1;min-width:0;border-bottom:0;margin:0}
.news2 .nw-find{flex:none;display:flex;align-items:center;height:34px;border:1px solid #dfe1e4;border-radius:17px;padding:0 4px 0 14px}
.news2 .nw-find input{width:160px;border:0;background:none;font:inherit;font-size:14px;outline:none}
.news2 .nw-find button{width:28px;height:28px;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}
.news2 .nw-find .ic{width:16px;height:16px}
.news2 .nl-info{margin-top:14px}
.news2 .nl-info b{color:var(--sec)}
.news2 .nrow h3{font-size:21px;line-height:30px;font-weight:700}
.news2 .nrow .meta b{color:var(--sec);font-weight:700}
.news2 .nrow mark,.news2 .nrow p mark{background:#fff3b0;color:inherit}
.news2 .jb-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 0}
body[data-page="news"] .most b,body[data-page="article"] .most b{color:var(--sec)}
body[data-page="article"] .ar-h .cat{color:var(--sec);font-weight:700}
body[data-page="article"] .ar-h h1{font-size:32px;line-height:44px;font-weight:800;letter-spacing:-.02em}
body[data-page="article"] .ar-sum,body[data-page="article"] .ar-body{max-width:720px}
body[data-page="article"] .ar-body p{line-height:1.85}
body[data-page="article"] .ar-body .ar-sub{margin:34px 0 10px;padding-left:12px;border-left:3px solid var(--sec);font-size:19px;line-height:28px;font-weight:700;color:#111}
/* 11/13: 찜 단추 아이콘 기본값 — .ic 는 --i 가 없으면 글자색 네모로 칠해진다(포토·영상 상세에서 검은 네모로 보였던 원인). 어느 화면이든 하트로 */
.heart>.ic{--i:var(--i-heart)}
body[data-page="article"] .ar-tools .heart,body[data-page="media"] .ar-tools .heart{width:32px;height:32px;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
body[data-page="article"] .ar-tools .heart .ic,body[data-page="media"] .ar-tools .heart .ic{width:18px;height:18px;--i:var(--i-heart);color:#777}
body[data-page="article"] .ar-tools .heart[aria-pressed="true"] .ic,body[data-page="media"] .ar-tools .heart[aria-pressed="true"] .ic{color:#e8344e}
.ar-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:60;pointer-events:none}
.ar-prog span{display:block;height:100%;width:0;background:var(--sec)}
.recx{list-style:none;margin:0;padding:0}
.recx li{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:12px;padding:10px 0;border-top:1px solid #f1f2f4}
.recx li:first-child{border-top:0}
.recx a{font-size:14px;line-height:20px;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recx small{display:block;margin-top:4px;font-size:12px;color:#999}
.recx .th{display:block;width:72px;height:52px;border-radius:6px;overflow:hidden}
.recx .th img{width:100%;height:100%;object-fit:cover}
@media print{.ar-prog,#colSide,header,footer,nav{display:none!important}}
@media (max-width:767px){
  .news2 .nw-h{font-size:30px;line-height:38px}
  .news2 .nw-top .meta{display:none}
  .news2 .nw-tabs{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:10px}
  .news2 .nw-find input{width:auto;flex:1}
  .news2 .nrow h3{font-size:17px;line-height:25px}
  body[data-page="article"] .ar-h h1{font-size:24px;line-height:34px}
}

/* ===== polish2 · 시세 — 네이버 증권 금(p1) · 한국금거래소(p2). 오름 ▲ 빨강, 내림 ▼ 파랑 ===== */
body[data-page="price"] .pr-row{margin-bottom:24px}
body[data-page="price"] .pr-row .meta{flex:1;font-size:14px;color:#888}
body[data-page="price"] .pr-row .btn-line{display:inline-flex;align-items:center;gap:6px}
body[data-page="price"] .pr-row .btn-line .ic{width:15px;height:15px}
body[data-page="price"] .pr-top .nm{display:flex;align-items:baseline;gap:10px;font-size:20px;font-weight:700;margin:0}
body[data-page="price"] .pr-top .nm small{font-size:13px;font-weight:400;color:#999}
body[data-page="price"] .pr-now b{font-size:44px;font-weight:800;letter-spacing:-.02em}
body[data-page="price"] .up,body[data-page="price"] .chg.up{color:#e52d2d}
body[data-page="price"] .down,body[data-page="price"] .chg.down{color:#2f6fe4}
body[data-page="price"] .pr-per button[aria-pressed="true"]{background:var(--sec);border-color:var(--sec);color:#fff}
.pr-unit{display:inline-flex;margin-left:auto;border:1px solid #dfe1e4;border-radius:6px;overflow:hidden}
.pr-unit button{height:30px;padding:0 12px;border:0;background:#fff;font:inherit;font-size:13px;color:#666;cursor:pointer}
.pr-unit button+button{border-left:1px solid #dfe1e4}
.pr-unit button[aria-pressed="true"]{background:#222;color:#fff;font-weight:700}
.pr-tbl.kr thead th{height:44px;font-size:15px;font-weight:700;color:#fff;background:#666}
.pr-tbl.kr thead th:first-child{background:#f4f5f7;color:#333}
.pr-tbl.kr thead th.buy{background:#e9484a}
.pr-tbl.kr thead th.sell{background:#3a6fd8}
.pr-tbl.kr td b{font-size:22px;font-weight:800}
.pr-tbl.kr td.buy b{color:#d92c2e}
.pr-tbl.kr td.sell b{color:#2f62c9}
.pr-tbl.kr tbody tr:hover{background:#fafbfc}
@media (max-width:767px){
  body[data-page="price"] .pr-row .meta{flex-basis:100%;order:3}
  body[data-page="price"] .pr-now b{font-size:34px}
  .pr-tbl.kr td b{font-size:17px}
}
body[data-page="price"] #colMain>.pr-row+.card{margin-top:0;padding-top:0;border-top:0}

/* 통합 검색 ← 네이버 통합검색(q1): 큰 검색창 바로 밑 탭, 연관·최근 검색어 줄, 영역별 묶음 · 다음(q2) 결과 묶음 머리 */
body[data-page="search"] #colMain>.card:first-child{padding-bottom:0}
body[data-page="search"] .sq-tabs{margin-top:14px}
body[data-page="search"] .sq-rels{display:flex;flex-direction:column;gap:10px;padding-top:14px;padding-bottom:18px}
body[data-page="search"] .sq-rel{gap:4px 14px}
body[data-page="search"] .sq-rel b{flex:none;width:84px;margin-right:0;font-size:14px;color:var(--ink-2)}
body[data-page="search"] .sq-rel a{font-size:15px;line-height:24px;color:var(--t-1)}
.sq-recent .rq{display:inline-flex;align-items:center;gap:2px}
.sq-recent .rq button{width:20px;height:20px;border:0;background:none;color:var(--ink-4);font-size:15px;line-height:1;cursor:pointer}
.sq-recent .rq button:hover{color:var(--ink)}
.sq-recent .all{margin-left:auto;border:0;background:none;font:inherit;font-size:13px;color:var(--ink-3);cursor:pointer}
body[data-page="search"] .sq-grp h2{padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.sq-more{width:100%}
@media(max-width:767px){
  body[data-page="search"] .sq-rel b{width:100%}
}
body[data-page="search"] #colMain>.card.sq-rels{margin-top:0;padding-top:14px;border-top:0}
body[data-page="search"] #colMain>.card.sq-rels+div{margin-top:12px}


/* ===== polish2 · 상품 목록/상세 — diamonds.co.kr 원래 목록(5열 사진 격자)·네이버쇼핑 정렬 줄·당근 알약 ===== */
body[data-page="shop"] .grid,body[data-page="item"] .grid{display:block}
body[data-page="shop"] #colSide,body[data-page="item"] #colSide{display:none}
.shop2 .pg-row .meta{flex:1;font-size:14px;color:var(--ink-3)}
.shop2 .utabs{margin-top:20px}
.shop2 .utabs .n{margin-left:5px;font-size:13px;font-weight:500;color:var(--ink-4)}
.shop2 .pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.shop2 .pills button{height:36px;padding:0 14px;border:1px solid #dfe1e4;border-radius:18px;background:#fff;font:inherit;font-size:14px;color:#333;cursor:pointer}
.shop2 .pills button small{margin-left:4px;font-size:12px;color:var(--ink-4)}
.shop2 .pills button[aria-pressed="true"]{background:var(--sec);border-color:var(--sec);color:#fff;font-weight:600}
.shop2 .pills button[aria-pressed="true"] small{color:rgba(255,255,255,.8)}
.shop2 .sbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:14px;color:#555}
.shop2 .sbar .c b{color:var(--sec);font-weight:700}
.shop2 .sort{display:flex;gap:0}
.shop2 .sort button{border:0;background:none;font:inherit;font-size:14px;color:#888;cursor:pointer;padding:2px 10px;position:relative}
.shop2 .sort button+button::before{content:"";position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:#ddd}
.shop2 .sort button[aria-pressed="true"]{color:#111;font-weight:700}
.pgrid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 20px}
.pcard2{position:relative;min-width:0}
.pcard2 .img{display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f6f7f8;border:1px solid #f0f1f3}
.pcard2 .img img{width:100%;height:100%;object-fit:contain;background:#fff}
.pcard2 .heart{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pcard2 .heart .ic,.item .cta .heart .ic{width:18px;height:18px;--i:var(--i-heart);color:#999}
.pcard2 .heart[aria-pressed="true"] .ic,.item .cta .heart[aria-pressed="true"] .ic{color:#e8344e}
.pcard2 .nm{display:block;margin-top:12px;font-size:15px;line-height:22px;color:#222;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard2 .nm code{display:inline-block;margin-right:5px;padding:0 6px;border-radius:4px;background:var(--sec-soft);color:var(--sec-ink,var(--sec));font:700 13px/20px inherit;font-family:inherit;vertical-align:1px}
.pcard2 .nm:hover{text-decoration:none}.pcard2 .nm:hover span{text-decoration:underline}
.pcard2 .pr{display:block;margin-top:6px;font-size:17px;font-weight:800;color:#111}
.pcard2 .pr.lockp{font-size:14px;font-weight:600;color:var(--ink-3)}
.shop2 .recent{display:flex;align-items:center;gap:14px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}
.shop2 .recent b{flex:none;font-size:15px}
.shop2 .recent .rl{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1}
.shop2 .recent .rl a{flex:none;width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid #eee;display:flex;align-items:center;justify-content:center;font-size:11px;color:#666}
.shop2 .recent .rl img{width:100%;height:100%;object-fit:cover}
.shop2 .recent .x{flex:none;border:0;background:none;font:inherit;font-size:13px;color:#999;cursor:pointer}
.shop2 .jb-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:64px 0}
.item .info .cat{display:flex;align-items:center;gap:8px;font-size:14px}
.item .info .cat code{color:var(--sec-ink,var(--sec));font-weight:700;font-family:inherit}
.item .info .chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.item .info .chips span{padding:3px 10px;border-radius:14px;background:#f3f4f6;font-size:13px;color:#444}
.item .lockbox{display:flex;align-items:center;gap:12px}
.item .lockbox>.ic{width:22px;height:22px;flex:none;color:var(--sec)}
.item .lockbox>div{flex:1;display:flex;flex-direction:column}
.item .cta{display:flex;gap:8px}
.item .cta .btn-pri{flex:1;height:52px;font-size:16px}
.item .cta .heart{width:52px;height:52px;border:1px solid #dfe1e4;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.item .pn2{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:14px}
.item .pn2 a{color:#555}
body[data-page="item"] .h2x{font-size:22px;font-weight:800}
@media (max-width:1199px){.pgrid5{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){
  .pgrid5{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
  .shop2 .pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .shop2 .pills button{flex:none}
  .shop2 .pg-row .meta{flex-basis:100%;order:3}
  .pcard2 .nm{font-size:14px;line-height:20px}
  .shop2 .sort button{padding:2px 6px;font-size:13px}
}

/* 글쓰기 ← 카페 글쓰기(w1): 제목 줄 오른쪽 임시등록·등록, 게시판·말머리 한 줄, 밑줄 제목, 도구 막대 편집기, 오른쪽 설정 */
body[data-page="write"] #colMain>.wr-top+.card{margin-top:0;padding-top:20px;border-top:0}
body[data-page="write"] #colMain>.card+.wr-edit{margin-top:20px;padding-top:0;border-top:1px solid var(--line-2)}
.wr-tline{position:relative}
.wr-tline .wr-title{padding-right:64px}
.wr-cnt{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--ink-3);pointer-events:none}
.wr-draft{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:#f7f8fa;font-size:14px;color:var(--ink-2)}
.wr-draft[hidden]{display:none}
.wr-draft span{flex:1;min-width:0}
.wr-draft small{margin-left:4px;color:var(--ink-3)}
.wr-draft button{flex:none;height:28px;padding:0 10px;border:1px solid var(--line-2);border-radius:4px;background:#fff;font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer}
.wr-side .wr-h2b{margin-top:18px}

/* 차분하게(11/11 밤 사용자 「네이버처럼 깔끔하게」) — 하위 화면 공통
   섹션 색은 applySec 에서 먹색 하나(#1f2937). 여기서는 굵은 색 줄·분류 글자색·장식 아이콘을 걷는다.
   남기는 색: ▲빨강 ▼파랑, NEW·HOT 작은 배지, 금거래소 살 때·팔 때 머리색 */
body[data-page]{--sec-soft:#f4f5f7;--sec-line:#d5d9df}
body[data-page] .pg-h{gap:0}
body[data-page] .pg-h .bdg{display:none}
/* 굵은 섹션 줄 → 먹색 얇은 줄 */
.news2 .nw-top{border-bottom-width:2px}
body[data-page="article"] .ar-body .ar-sub{padding-left:0;border-left:0}
.ar-prog span{background:#9aa1ab}
/* 분류 글자는 색 없이 */
body[data-page="article"] .ar-h .cat{color:var(--ink-2);font-weight:500}
.news2 .nrow .meta b{color:var(--ink-2);font-weight:500}
.news2 .nl-info b,.board2 .pg-row .meta b,.board2 .bd-head .cnt b,.ps-cmt h2 b,.shop2 .sbar .c b{color:var(--ink)}
body[data-page="news"] .most b,body[data-page="article"] .most b{color:var(--ink)}
.bd-row .tt .cm{color:var(--ink-3)}
.item .info .cat code,.pcard2 .nm code{color:var(--ink-2)}
.pcard2 .nm code{background:#f1f3f6}
/* 장식 아이콘 → 회색 */
.mk-card2 .ph,.mi-photo .ph{background:#f4f5f7;color:#b5bbc4}
.mk-rh .ic,.mi-safe .ic,.item .lockbox>.ic{color:var(--ink-4)}
/* 검색 강조는 남김: 굵게 + 연한 밑칠 */
.mk-card2 .tt mark,body[data-page] mark{background:linear-gradient(transparent 60%,#ffe98a 60%);color:inherit;font-weight:700}

/* 탭·필터·왼쪽 게시판 메뉴 앞 아이콘 걷음 */
.mk-tabs .ic,.mk-filters .pill .ic{display:none}
.mk-tabs a,.mk-tabs button,.mk-filters .pill{gap:4px}
body[data-page] .bm-nav a::before{display:none}


/* 11/11 nav-study 재구성 — 첫 화면에 목록이 바로. 흰 바탕·1px 선(A안). 배지는 NEW·마감만 */
/* 탭 줄 오른쪽 도구 */
.jt{display:flex;align-items:center;gap:8px;white-space:nowrap}
.jt-sel{height:32px;border:1px solid #d5d8dc;border-radius:4px;padding:0 6px;background:#fff;font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer}
.jt-sel:focus-visible{outline:2px solid #111;outline-offset:1px}
.jt-q{height:32px;width:170px;border:1px solid #d5d8dc;border-radius:4px;padding:0 10px;font:inherit;font-size:13px;background:#fff}
.jt-q:focus{outline:none;border-color:#111}
.jt-write{height:32px;display:inline-flex;align-items:center;padding:0 14px;border-radius:4px;background:#111;color:#fff;font-size:13px;font-weight:700}
.jt-write:hover{text-decoration:none;background:#333}
.jt-chips{display:flex;gap:4px}
.jt-chips button{height:30px;padding:0 11px;border:1px solid #d5d8dc;border-radius:15px;background:#fff;font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer}
.jt-chips button[aria-pressed="true"]{border-color:#111;color:#111;font-weight:700}
.jt .cnt{font-size:13px;color:var(--ink-3)}
.jt .cnt b{color:#111}
.jt .sort button{font-size:13px}

/* 본문 카드 위 여백 걷기(제목 칸 없음) */
body[data-page] #colMain>.card:first-child{margin-top:0;padding-top:0;border-top:0}

/* ---------- 구인·구직 표 ---------- */
body[data-page="jobs"] #colSide{display:none}
.jt-bar{display:flex;align-items:center;gap:14px;min-height:36px;font-size:13px;color:var(--ink-3)}
.jt-bar .c b{color:#111}
.jt-bar .sort{margin-left:auto}
.jt-bar .chk{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2)}
.jt-row{display:grid;grid-template-columns:150px minmax(0,1fr) 128px 52px 128px 84px 44px;align-items:center;column-gap:14px;min-height:46px;padding:0 4px;border-bottom:1px solid var(--hl);font-size:14px;color:var(--ink-2)}
.jt-list.seek .jt-row{grid-template-columns:120px minmax(0,1fr) 128px 52px 128px 84px 44px}
.jt-row.th{min-height:36px;border-top:1px solid #111;font-size:13px;color:var(--ink-3)}
.jt-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jt-row .co{color:#111}
.jt-row .tt{display:flex;align-items:center;gap:6px}
.jt-row .tt a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111;font-weight:500}
.jt-row .tt .bdg{flex:none}
.jt-row .ad-t{flex:none;height:18px;padding:0 4px;border:1px solid #d5d8dc;border-radius:2px;font-size:11px;line-height:16px;color:var(--ink-3)}
.jt-row .dd .dday{margin-left:0}
.jt-row .no{color:var(--ink-4)}
.jt-row .dt{text-align:right;font-size:13px;color:var(--ink-3)}
.jt-row:not(.th):hover{background:#fafafa}

/* ---------- 공고 상세: 오른쪽 요약 상자 고정 ---------- */
body[data-page="job"] .jd-notice{background:#fff;border:1px solid var(--hl);border-radius:0}
body[data-page="job"] .jd-tabs{margin-top:28px}
body[data-page="job"] dd.no{color:var(--ink-4)}
.jd-act .dday{font-size:14px;margin-left:0}
.jd-more li .dday{margin-left:6px}
body[data-page="job"] #colSide{align-self:stretch}
body[data-page="job"] #colSide>.card.jd-side{position:sticky;top:72px;z-index:1;border:1px solid #d5d8dc;padding:18px 18px 16px;margin-top:0}
body[data-page="job"] #colSide>.jd-side+.card{margin-top:24px}
.jd-side .co{font-size:13px;color:var(--ink-3)}
.jd-side .tt{margin-top:4px;font-size:15px;font-weight:700;color:#111;line-height:1.45}
.jd-side dl{margin-top:12px;border-top:1px solid var(--hl)}
.jd-side dl div{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--hl);font-size:13px}
.jd-side dt{flex:none;width:58px;color:var(--ink-3)}
.jd-side dd{min-width:0;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jd-side .dl{margin-top:10px}
.jd-side .dl .dday{margin-left:0;font-size:14px}
.jd-side .apply{display:block;width:100%;height:44px;margin-top:12px;border:0;border-radius:4px;background:#111;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}

/* ---------- 장터 목록 ---------- */
.mk-rh{margin:0 0 12px;font-size:14px;color:var(--ink-2)}
.mk-rh b{color:#111}
.mk-rh .lnk{margin-left:8px;border:0;background:none;font:inherit;font-size:13px;color:var(--ink-3);text-decoration:underline;cursor:pointer}
body[data-page] .mk-card2 .ph,body[data-page] .mi-photo .ph{background:#fff;border:1px solid var(--hl);border-radius:0;color:var(--ink-4)}
body[data-page] .mi-photo{background:#fff;border:1px solid var(--hl);border-radius:0}
.mk-card2 .tt .bdg{margin-left:4px;vertical-align:1px}

/* ---------- 토론 목록: 왼쪽 메뉴 걷고 본문 폭 다 씀, 행 37 ---------- */
body[data-page="board"] .grid,body[data-page="post"] .grid{display:block}
body[data-page="board"] #colSide,body[data-page="post"] #colSide{display:none}
body[data-page="board"] .bd-row{min-height:37px;padding-top:0;padding-bottom:0;font-size:14px}
body[data-page="board"] .bd-row .bdg{margin-left:4px}
body[data-page="board"] .bd-note{margin-top:12px;font-size:12px;color:var(--ink-3)}

/* ---------- 회색 칸 → 흰 바탕 1px 선 ---------- */
body[data-page] .wr-draft{background:#fff;border:1px solid var(--hl);border-radius:0}

@media (max-width:1199px){
  .jt-row{grid-template-columns:120px minmax(0,1fr) 100px 48px 110px 80px 40px;column-gap:10px}
  .jt-q{width:120px}
}
@media (max-width:767px){
  .jt{gap:6px}
  .jt-q,.jt .cnt{display:none}
  .jt-sel{max-width:96px}
  .jt-bar{flex-wrap:wrap;gap:8px}
  .jt-bar .ex{display:none}
  .jt-row.th{display:none}
  .jt-row,.jt-list.seek .jt-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tt dd" "co dt";row-gap:2px;padding:10px 0;min-height:0}
  .jt-row .tt{grid-area:tt}
  .jt-row .co{grid-area:co;font-size:13px;color:var(--ink-3)}
  .jt-row .dd{grid-area:dd;text-align:right}
  .jt-row .dt{grid-area:dt}
  .jt-row .pl,.jt-row .cr,.jt-row .py{display:none}
  body[data-page="job"] #colSide>.card.jd-side{position:static}
}

/* 배지 두 가지 — 홈(style.css PART: badges)과 같은 모양으로 되돌림 */
body[data-page] .bdg.new{line-height:1;height:18px;padding:0 5px}
body[data-page] .dday{display:inline;height:auto;padding:0;border-radius:0;background:none;font-size:12px;font-weight:700;letter-spacing:0;color:var(--ink-2)}
body[data-page] .dday.soon{color:var(--hot)}
/* 정렬 — 글자 + 세로 칸막이 */
.jt-bar .sort,.jt .sort{display:flex}
.jt-bar .sort button,.jt .sort button{border:0;background:none;font:inherit;font-size:13px;color:#888;cursor:pointer;padding:2px 9px;position:relative}
.jt-bar .sort button+button::before,.jt .sort button+button::before{content:"";position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:#ddd}
.jt-bar .sort button[aria-pressed="true"],.jt .sort button[aria-pressed="true"]{color:#111;font-weight:700}
/* 탭 줄 옛 .sh-tabs a 규칙이 도구 안 링크에 먹지 않게 */
.sh-tabs .sh-tools a.jt-write{height:32px;margin:0;border:0;border-radius:4px;background:#111;color:#fff;justify-content:center;font-size:13px;font-weight:700}
.jt-row.is-ad{background:#fff;border:0;border-bottom:1px solid var(--hl);border-radius:0;box-shadow:none;margin:0;padding:0 4px}
/* 장터 카드 — 사진 4:3·모서리 각지게, 5×2 가 첫 화면에 */
body[data-page="market"] .mk-grid5{gap:22px 20px}
.mk-card2 .sq{aspect-ratio:4/3;border-radius:0;border:1px solid var(--hl);margin-bottom:8px}
body[data-page] .mk-card2 .sq .ph{border:0}
.mk-card2 .st,.mi-info .st,.mk-card2 .st.buy,.mi-info .st.buy{background:none;padding:0;color:var(--ink-3);font-weight:400}
body[data-page="board"] .bd-row.th,body[data-page="board"] .bd-row.notice,body[data-page="post"] .bd-row.th{background:#fff}
body[data-page] .bd-row .sym{background:none;border:0;color:var(--ink-3);font-weight:400}
body[data-page] .bd-row.notice .sym{background:none;color:#111;font-weight:700}
/* ---------- 뉴스 목록: 네이버 뉴스 섹션 꼴 — 사진 110×74 왼쪽, 제목 16 굵게, 요약 1줄 ---------- */
.sh-tools .jt-tabs{display:flex;gap:0;margin:0;border:0;height:44px}
.sh-tools .jt-tabs button{height:44px;padding:0 9px;border:0;background:none;font:inherit;font-size:14px;color:var(--ink-3);cursor:pointer}
.sh-tools .jt-tabs button[aria-selected="true"]{color:#111;font-weight:700;border:0}
body[data-page="news"] .nl-info{margin:0 0 4px;font-size:12px;color:var(--ink-3)}
body[data-page="news"] .nlist2{border-top:1px solid #111}
body[data-page="news"] .nrow{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:16px;align-items:start;padding:9px 0;margin:0;border-bottom:1px solid var(--hl)}
body[data-page="news"] .nrow.noimg{grid-template-columns:minmax(0,1fr)}
body[data-page="news"] .nrow>div{grid-column:2;grid-row:1;min-width:0}
body[data-page="news"] .nrow.noimg>div{grid-column:1}
body[data-page="news"] .nrow .ph{grid-column:1;grid-row:1;width:110px;height:68px;margin:0;border-radius:0;overflow:hidden;border:1px solid var(--hl)}
body[data-page="news"] .nrow .ph img{width:100%;height:100%;object-fit:cover}
body[data-page="news"] .nrow h3{font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
body[data-page="news"] .nrow h3 .bdg{margin-left:6px;vertical-align:2px}
body[data-page="news"] .nrow p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body[data-page="news"] .nrow .meta{margin-top:4px;font-size:12px;color:var(--ink-3)}
body[data-page="news"] .nrow .meta b{font-weight:400;color:var(--ink-2);margin-right:6px}
body[data-page="news"] #colSide .rank2 li{padding:6px 0}
@media (max-width:767px){
  .sh-tools .jt-tabs button{padding:0 7px;font-size:13px}
  body[data-page="news"] .nrow{grid-template-columns:88px minmax(0,1fr);column-gap:12px}
  body[data-page="news"] .nrow .ph{width:88px;height:60px}
  body[data-page="news"] .nrow h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px}
  body[data-page="news"] .nrow p{display:none}
}

/* 시세 (11/11 nav-study): 표가 맨 위 · 한 줄 요약 · 행 40 · 흰 바탕 1px 선 */
.pr-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;margin:0 0 10px;font-size:15px;color:var(--ink-2)}
.pr-sum b{font-size:17px;font-weight:700;color:#111;font-variant-numeric:tabular-nums}
.pr-sum .chg.down{color:#2f62c9}.pr-sum .chg.up{color:#d92c2e}
.pr-sum small{font-size:12px;color:var(--ink-3)}
.pr-tbl thead th{background:#fff;border-top:1px solid #111;border-bottom:1px solid var(--hl);border-radius:0!important;height:38px}
.pr-tbl thead th.l{text-align:left}
.pr-tbl.all th,.pr-tbl.all td{height:40px;border-bottom:1px solid var(--hl)}
.pr-tbl.all tbody th{font-size:15px;font-weight:700}
.pr-tbl.all tbody th small{display:inline;margin:0 0 0 8px}
.pr-tbl.all td b{display:inline;font-size:16px;font-weight:700;line-height:1}
.pr-tbl.all td.buy b{color:#d92c2e}.pr-tbl.all td.sell b{color:#2f62c9}
.pr-tbl.all td.down{color:#2f62c9}.pr-tbl.all td.up{color:#d92c2e}
.pr-tbl.all td.no{color:var(--ink-3)}
.pr-tbl.all td.u{width:56px;font-size:13px;color:var(--ink-3)}
.pr-tbl.all tr.grp th{height:34px;font-size:13px;font-weight:700;color:#111;background:#fff;border-bottom:1px solid var(--hl)}
.pr-tbl.all tr.grp th small{display:inline;font-weight:400;margin-left:6px}
.pr-tbl tbody tr:hover{background:none}
.mt8{margin-top:8px}
@media (max-width:767px){
  .pr-tbl.all th,.pr-tbl.all td{padding:0 6px;height:40px}
  .pr-tbl.all tbody th small{display:block;margin:2px 0 0}
  .pr-tbl.all td b{font-size:14px}
  .pr-tbl.all td.u{display:none}
  .pr-tbl.all thead th:last-child{display:none}
}

/* 상품 목록 (11/11 nav-study): 5×2 한 화면 — 이름 2줄, 사진 각진 1px 선 */
body[data-page="shop"] .pgrid5{gap:18px 16px}
.pcard2 .img{border-radius:0;background:#fff;border:1px solid var(--hl)}
.pcard2 .nm{margin-top:8px;font-size:14px;line-height:20px;-webkit-line-clamp:2}
.pcard2 .nm code{background:none;padding:0;color:var(--ink-3);font-weight:400}
.pcard2 .pr{margin-top:2px;font-size:15px;font-weight:700}
.pcard2 .heart{top:6px;right:6px;width:30px;height:30px;border-radius:0;background:rgba(255,255,255,.85)}
.mk-rh .lk{margin-left:10px;font-size:13px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
body[data-page="shop"] .shop2 .recent{margin-top:24px}

/* 기사 (11/11 nav-study): 분류는 정보 줄 앞 글자로, 제목 다음 바로 첫 문단, 사진은 그 아래 */
body[data-page="article"] .ar-h .cat{display:inline;margin:0;font-size:14px;color:var(--ink-2);font-weight:700}
body[data-page="article"] .ar-h h1{font-size:28px;line-height:38px}
body[data-page="article"] .ar-info{margin-top:10px;padding-bottom:12px;border-bottom:1px solid var(--hl)}
body[data-page="article"] .ar-body>p:first-child{margin-top:0}
body[data-page="article"] .ar-body{padding-top:16px}
.ar-sizebox{border-radius:0;box-shadow:none;border:1px solid var(--hl);background:#fff}
.ar-sizebox button{border-radius:0}
.ar-sizebox .fs0{font-size:13px}.ar-sizebox .fs1{font-size:15px}.ar-sizebox .fs2{font-size:17px}.ar-sizebox .fs3{font-size:19px}
@media (max-width:767px){body[data-page="article"] .ar-h h1{font-size:22px;line-height:31px}}

/* 토론 글 (11/11 nav-study): 분류 띠 빼고 제목·정보 줄 다음 바로 본문(y≈150) */
.ps-h1{margin-top:0}
.ps-info{border-bottom:1px solid var(--hl)}
.ps-body{padding:16px 0 8px}
.ps-who{padding:8px 0;border:0;font-size:12px;font-weight:400;color:var(--ink-3)}
@media (max-width:767px){.ps-body{padding:14px 0 8px}}

/* 상세 두 장 (11/11 nav-study): 둥근 칸·회색 채움·아이콘 걷기 — 각진 1px 선 */
body[data-page="item"] #colMain *,body[data-page="market-item"] #colMain *{border-radius:0!important}
.item .info .chips span{padding:0;background:none;color:var(--ink-2)}
.item .info .chips span+span::before{content:"·";margin-right:6px;color:var(--ink-4)}
.item .lockbox b::before,.item .lockbox b::after{content:none!important}
.mi-safe{background:#fff;border:1px solid var(--hl);padding:10px 14px}
.mi-safe .ic,.mi-seller .av{display:none}
.market2 .mi-photo{border:1px solid var(--hl)}

/* 통합 검색 (11/11 nav-study): 큰 검색 칸 걷고 결과 종류 탭부터, 줄 촘촘 — 전체 탭에 종류별 5건 */
body[data-page="search"] .sq-tabs{margin-top:0}
body[data-page="search"] .sq-grp h2{font-size:16px;padding-bottom:8px;margin-bottom:0;border-bottom:1px solid #111}
.sq-box{border-radius:0;border-width:1px;height:46px}
.sq-art li{grid-template-columns:minmax(0,1fr) 72px;gap:14px;padding:9px 0;border-top:1px solid var(--hl)}
.sq-art li:first-child{padding-top:9px}
.sq-art .src{font-size:12px;color:var(--ink-3)}
.sq-art a.t{margin-top:2px;font-size:16px;line-height:22px;color:#111;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sq-art p{margin-top:2px;font-size:14px;line-height:21px;-webkit-line-clamp:1;color:var(--ink-2)}
.sq-art .th{width:72px;height:48px;border-radius:0;border:1px solid var(--hl);align-self:center}
.sq-post li{padding:8px 0;font-size:15px;border-top:1px solid var(--hl)}
.sq-post li:first-child{border-top:0}
.sq-post .tag{background:none;padding:0;border-radius:0;color:var(--ink-3);font-weight:400}
.sq-goods{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:10px}
.sq-goods .sqi{border-radius:0;border:1px solid var(--hl);background:#fff}
.sq-goods small{margin-top:6px}
.sq-art mark,.sq-post mark,.sq-goods mark{background:none;color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
body[data-page="search"] #colMain>.card.sq-rels{margin-top:16px;border-top:1px solid var(--hl)}
@media (max-width:767px){.sq-goods{grid-template-columns:repeat(2,minmax(0,1fr))}.sq-art p{display:none}}
body[data-page="search"] #colMain .card{margin-top:0!important;padding-top:14px;padding-bottom:0;border-top:0}
body[data-page="search"] #colMain .card.sq-top{padding-top:0}
body[data-page="search"] .sq-more{height:34px;margin-top:0;border:0;border-top:1px solid var(--hl);font-size:13px}
body[data-page="search"] #colMain>div{margin-top:0!important;padding-top:0!important;border-top:0!important}
body[data-page="search"] #colMain>div>.card{margin:0!important;padding:14px 0 0!important;border:0!important}
.sq-art li>div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px}
.sq-art li>div .t{order:1;flex:0 1 auto;min-width:0;max-width:100%;margin-top:0}
.sq-art li>div .src{order:2;flex:none}
.sq-art li>div p{order:3;flex:1 0 100%}
.sq-art li{padding:8px 0}
.sq-art li:first-child{padding-top:8px}

/* 글쓰기 (11/11 nav-study): 게시판·말머리·임시등록·등록 한 줄, 제목 흰 칸 밑줄, 넣기·서식 한 줄 글자 단추 — 편집기가 위로 */
.wr-sel{grid-template-columns:200px 200px minmax(0,1fr);gap:12px;align-items:center}
.wr-sel select{height:40px;font-size:15px}
.wr-btns{display:flex;justify-content:flex-end;gap:8px}
.wr-btns .tmp{height:36px;padding:0 12px;border:1px solid #d5d8dc;border-radius:4px;background:#fff;font:inherit;font-size:14px;color:#111;cursor:pointer}
.wr-btns .reg{height:36px;padding:0 18px;border:0;border-radius:4px;background:#111;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.wr-title{height:46px;margin-top:6px;background:#fff;border-bottom:1px solid var(--hl);border-radius:0;padding:0 4px;font-size:18px;font-weight:700}
.wr-title:focus{outline:none;border-bottom-color:#111}
.wr-tline .wr-title{padding-right:56px}
.wr-cnt{right:4px}
.wr-edit{margin-top:12px;border:1px solid var(--hl);border-radius:0}
.wr-bar{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--hl)}
.wr-tools{padding:4px 6px;background:#fff;border:0;gap:0}
.wr-tools button{width:auto;height:32px;flex-direction:row;padding:0 9px;border-radius:0;font-size:13px;color:var(--ink-2)}
.wr-tools button:hover{background:none;color:#111;text-decoration:underline}
.wr-fmt{border:0;border-left:1px solid var(--hl);padding:4px 10px}
.wr-fmt button:hover{background:none}
.wr-area{min-height:360px;padding:18px 20px}
.wr-files span{background:none;border:1px solid var(--hl);border-radius:0}
.wr-extra input,.wr-extra select{border-radius:0}
@media (max-width:767px){
  .wr-sel{grid-template-columns:1fr 1fr;gap:8px}
  .wr-btns{grid-column:1/-1}
  .wr-fmt{border-left:0;border-top:1px solid var(--hl);width:100%}
  .wr-area{padding:14px 12px}
}

/* 묶음 상자 (11/11 사용자 「얇은 선으로나마 묶어놓는 것이 하나의 섹션이구나 한눈에」) — 홈 style.css PART: boxed 와 같은 값.
   768 이상: 칸(section.card)마다 흰 바탕 · 1px #e3e5e8 · 모서리 8px · 상자 사이 16px.
   요약·옆 칸·상세 정보 묶음은 안쪽 18/20px(홈과 같음), 본문 목록(표·글 목록·카드 격자)은 화면을 넓게 쓰도록 안쪽 16px.
   휴대폰(767 이하)은 예전처럼 선으로만. */
@media (min-width:768px){
  body[data-page] .col{gap:16px}
  body[data-page] main.col>section.card,body[data-page] aside.col>section.card,
  body[data-page="search"] #colMain>div>section.card{background:#fff;border:1px solid #e3e5e8!important;border-radius:8px;padding:18px 20px 20px!important;margin:0!important}
  body[data-page] #colMain>.card+.card,body[data-page] #colMain>.card+div,body[data-page] #colMain>div+.card{margin-top:0!important}
  /* 본문 목록 상자: 안쪽 16px */
  body[data-page] main.col>section.card.jt-card,body[data-page] main.col>section.card.board2,body[data-page] main.col>section.card.shop2,
  body[data-page="market"] main.col>section.card,body[data-page="news"] main.col>section.card,body[data-page="price"] main.col>section.card,
  body[data-page="search"] #colMain>div>section.card{padding:16px!important}
  /* 검색: 결과 종류 탭 줄은 상자 없이, 결과 묶음은 상자 사이 16px */
  body[data-page="search"] main.col>section.card.sq-top{border:0!important;padding:0!important;background:none}
  body[data-page="search"] #colMain>div{display:flex;flex-direction:column;gap:16px}
  body[data-page="search"] .sq-grp h2{border-bottom-color:var(--hl)}
  /* 공고 상세 오른쪽 요약 상자 — 같은 값, 고정 */
  body[data-page="job"] #colSide>section.card.jd-side{border-color:#e3e5e8!important}
  /* 표 머리 굵은 선 → 상자 안에서는 옅은 선 하나(이중 테두리 피함) */
  body[data-page] .jt-row.th,body[data-page="news"] .nlist2,body[data-page="price"] .pr-tbl thead th{border-top-color:#e3e5e8}
  /* 상자 안 맨 아래 줄 선은 상자 테두리와 겹치지 않게 */
  body[data-page] main.col>section.card .jt-list>.jt-row:last-child{border-bottom:0}
  aside.col{border-left:0!important;padding-left:0!important}
}

/* 로그인·가입 (11/11 nav-study): 360px 상자, 다른 묶음 상자와 같은 1px #e3e5e8 · 모서리 8px */
@media (min-width:768px){
  body[data-page="login"] .lg-wrap{max-width:360px;margin-top:32px}
  body[data-page="login"] .lg-box{border:1px solid #e3e5e8;border-radius:8px;padding:28px 28px 30px}
  body[data-page="login"] .lg-box h1{margin-bottom:18px}
}


/* 상품 목록 (11/11 shop-study): 기획전 띠 · 분류 밑줄 탭 · 조건 표 · 한 줄 6개 · 오른쪽 옆 칸 232px. 흰 바탕 · 1px 선 · 알약 없음 */
body[data-page="shop"] .grid{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:16px;align-items:start}
body[data-page="shop"] #colSide{display:flex;flex-direction:column;gap:16px;border:0;padding:0;margin:0}
body[data-page="shop"] #colSide>*+*{margin-top:0;padding-top:0;border-top:0}
body[data-page="shop"] .shop2 .pg-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* 기획전 띠 — 높이 88 */
.sp-band{position:relative;display:flex;align-items:stretch;height:72px;border:1px solid var(--hl);background:#fff}
.sp-band>.ex{position:absolute;top:6px;right:8px}
.sp-band-go{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;min-width:0}
.sp-band-go .t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sp-band-go small{font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.5px}
.sp-band-go b{font-size:17px;line-height:22px;color:#111}
.sp-band-go .t>span{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-band-go:hover b{text-decoration:underline;text-underline-offset:3px}
.sp-band-go .th{display:flex;gap:6px;flex:none;padding-right:64px}
.sp-band-go .th img{width:54px;height:54px;object-fit:cover;border:1px solid var(--hl)}
.sp-band-empty{margin:auto 18px;font-size:14px;color:var(--ink-3)}

/* 분류 밑줄 탭 */
.sp-tabs{display:flex;gap:4px;margin-top:8px;border-bottom:1px solid var(--hl);overflow-x:auto;scrollbar-width:none}
.sp-tabs button{flex:none;height:40px;padding:0 12px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;font:inherit;font-size:15px;color:var(--ink-2);cursor:pointer}
.sp-tabs button .n{margin-left:5px;font-size:12px;color:var(--ink-4)}
.sp-tabs button[aria-selected="true"]{border-bottom-color:#111;color:#111;font-weight:700}
.sp-tabs button:hover{color:#111}

/* 조건 표 — 줄마다 이름 칸 + 글자 고르기(네모 표시) */
.sp-filter{border-bottom:1px solid var(--hl)}
.sp-frow{display:flex;align-items:flex-start;min-height:32px;border-top:1px solid #eef0f2}
.sp-frow:first-child{border-top:0}
.sp-frow>b{flex:none;width:72px;padding:7px 0 0 4px;font-size:13px;color:#111}
.sp-opts{display:flex;flex-wrap:wrap;gap:0 4px;padding:1px 0;min-width:0}
.sp-opts button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px;border:0;background:none;font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer}
.sp-opts button::before{content:"";width:12px;height:12px;border:1px solid #b8bdc3;background:#fff;flex:none}
.sp-opts button[aria-pressed="true"]{color:#111;font-weight:700}
.sp-opts button[aria-pressed="true"]::before{background:#111;border-color:#111;box-shadow:inset 0 0 0 2px #fff}
.sp-opts button .n{font-size:11px;color:var(--ink-4);font-weight:400}
.sp-opts button:hover{color:#111}
.sp-lock{margin:0;font-size:13px;color:var(--ink-3)}
.sp-lock a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}

/* 개수·고른 조건·정렬 */
.sp-bar{display:flex;align-items:center;gap:12px;min-height:42px;flex-wrap:wrap;font-size:14px;color:var(--ink-2)}
.sp-bar .c b{color:#111}
.sp-chosen{display:flex;flex-wrap:wrap;gap:4px 10px;flex:1;min-width:0}
.sp-chosen button{border:0;background:none;padding:0;font:inherit;font-size:13px;color:#111;cursor:pointer}
.sp-chosen button:hover{text-decoration:underline}
.sp-chosen .rs{color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}
.sp-bar .jt-sel{margin-left:auto;height:32px}

/* 한 줄 6개 작은 카드 */
.pgrid6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px;margin-top:4px}
.pgrid6 .jb-empty{grid-column:1/-1}
.pgrid6 .pcard2 .nm{margin-top:6px;font-size:13px;line-height:18px;-webkit-line-clamp:3}
.pgrid6 .pcard2 .nm code{display:block;font-size:12px;line-height:17px}
.pgrid6 .pcard2 .pr{font-size:14px}
.pgrid6 .pcard2 .pr.lockp{font-size:12px}
.pgrid6 .pcard2 .heart{width:26px;height:26px;top:4px;right:4px}
.pgrid6 .pcard2 .heart .ic{width:15px;height:15px}

/* 옆 칸 */
#colSide .sp-note{margin:6px 0 0;font-size:13px;line-height:20px;color:var(--ink-2)}
#colSide .sp-info .btn-line{display:flex;justify-content:center;margin-top:12px;height:36px;align-items:center;border-radius:0}
#colSide .side-h{display:flex;align-items:center;justify-content:space-between;font-size:15px}
#colSide .side-h .x{border:0;background:none;font:inherit;font-size:12px;color:var(--ink-3);cursor:pointer}
.sp-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.sp-thumbs a{aspect-ratio:1/1;border:1px solid var(--hl);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11px;color:var(--ink-3)}
.sp-thumbs img{width:100%;height:100%;object-fit:cover}
.sp-new ul,.sp-other ul{list-style:none;margin:8px 0 0;padding:0}
.sp-new li+li{border-top:1px solid #eef0f2}
.sp-new a{display:flex;gap:10px;padding:8px 0;color:inherit}
.sp-new .im{flex:none;width:52px;height:52px;border:1px solid var(--hl);overflow:hidden}
.sp-new .im img{width:100%;height:100%;object-fit:cover}
.sp-new .tx{display:flex;flex-direction:column;min-width:0;font-size:12px;line-height:17px}
.sp-new code{color:var(--ink-3);font-family:inherit}
.sp-new .nm{color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-new .pr{font-size:12px;font-weight:700;color:#111}
.sp-new .pr.lockp{font-weight:400;color:var(--ink-3)}
.sp-new a:hover .nm{text-decoration:underline}
.sp-other li+li{border-top:1px solid #eef0f2}
.sp-other a{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;color:#111}
.sp-other a .n{font-size:12px;color:var(--ink-3)}
.sp-other a:hover span:first-child{text-decoration:underline}
body[data-page="shop"] #colSide .sp-ad{position:relative;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
.sp-ad p{margin:0;font-size:14px;color:var(--ink-3)}
.sp-ad small{font-size:12px;color:var(--ink-4)}
.sp-ad .ex{position:absolute;top:8px;right:8px}

@media (max-width:1199px){
  .pgrid6{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1023px){
  body[data-page="shop"] .grid{grid-template-columns:minmax(0,1fr)}
  body[data-page="shop"] #colSide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .pgrid6{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .pgrid6 .pcard2 .nm{font-size:14px;line-height:20px}
  .sp-band{height:72px}
  .sp-band-go{padding:0 12px}
  .sp-band-go b{font-size:16px}
  .sp-band-go .th{padding-right:0}
  .sp-band-go .th img{width:48px;height:48px}
  .sp-band-go .th img:nth-child(n+2){display:none}
  .sp-band>.ex{top:auto;bottom:4px;right:6px}
  .sp-frow>b{width:56px}
  .sp-opts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .sp-opts button{flex:none}
  body[data-page="shop"] #colSide{display:flex;margin-top:24px}
}


/* 11/11 저녁 — 넓은 화면은 좌우 여백 대신 칸을 더 쓴다(최대 1560) · 머리 56→48, 탭 44→40 */
body[data-page]{--wrap:min(1560px,calc(100% - 48px))}
@media (max-width:767px){body[data-page]{--wrap:100%}}
.sh,.sh .wrap{height:48px}
.sh-tabs,.sh-tabs .wrap,.sh-svc a{height:40px}
.sh-tabs .sh-svc a{height:40px}
.sh-tools .jt-tabs,.sh-tools .jt-tabs button{height:40px}
.dm .dm-in{top:48px}
body[data-page="job"] #colSide>.card.jd-side{top:96px}

/* 읽는 화면(기사·글·공고 상세)은 본문 폭을 그대로 두고, 옆 칸을 두 줄로 */
@media (min-width:1400px){
  body[data-page="article"] .grid,body[data-page="job"] .grid{grid-template-columns:minmax(0,820px) minmax(300px,1fr)}
  body[data-page="article"] #colSide{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:24px;align-content:start}
  body[data-page="article"] #colSide>*{margin-top:0}
}

/* 보기 바꾸기 단추(카드형|표형, 사진형|목록형) — 글자만, 고른 쪽 굵게 */
.vw-tog{display:inline-flex;align-items:center;border:1px solid #d5d8dc;border-radius:4px;overflow:hidden;flex:none}
.vw-tog button{height:30px;padding:0 12px;border:0;background:#fff;font:inherit;font-size:13px;color:var(--ink-3);cursor:pointer}
.vw-tog button+button{border-left:1px solid #d5d8dc}
.vw-tog button[aria-pressed="true"]{background:#111;color:#fff;font-weight:700}
.vw-tog button:focus-visible{outline:2px solid #111;outline-offset:-2px}

/* 구인·구직 — 앞 시안 위쪽을 살리고 높이만 줄임 */
body[data-page="jobs"] .wrap>.crumb{display:flex;align-items:center;margin:10px 0 0;font-size:13px}
body[data-page="jobs"] .grid{display:block;margin-top:8px}
body[data-page="jobs"] #colSide{display:none}
.jb2 .jb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.jb2 .jb-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.3px;color:#111}
.jb2 .jb-top .jt-write{height:34px;padding:0 16px}
body[data-page="jobs"] .jb2 .utabs{margin-bottom:14px}
body[data-page="jobs"] .jb2 .utabs a{height:44px;font-size:16px}
.jb2 .jb-bar2 .cell{height:48px;font-size:15px}
.jb2 .jb-bar2 .q input{font-size:15px}
body[data-page="jobs"] .jb2 .jb-sec{margin:26px 0 12px}
body[data-page="jobs"] .jb2 .jb-sec h2{font-size:19px}
.jb2 .jb-sec .ex{margin-left:auto}
.jb2 .jb-pick2{gap:12px}
.jb2 .jb-pick2 a{padding:16px 18px 14px;border-radius:8px;gap:4px}
.jb2 .jb-pick2 b{font-size:16px;line-height:23px;min-height:46px;margin-top:4px}
.jb2 .jb-pick2 .ft{margin-top:6px;padding-top:10px}
.jb2 .jt-bar{border-bottom:1px solid #111;padding-bottom:6px;margin-bottom:0}
.jb2 .jt-bar .sort{margin-left:auto}
.jb2 .jb-list .jb-row2{padding:16px 8px 16px 4px;gap:24px}
.jb2 .jb-list .jb-row2 .t{font-size:17px;line-height:24px}
.jb2 .jb-row2 .tl .bdg{flex:none}
.jb2 .jb-row2 .rt .dday{margin:0}
.jb2 .jt-list .jt-row.th{border-top:0}
@media (min-width:1400px){
  body[data-page="jobs"] .grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:32px;align-items:start}
  body[data-page="jobs"] #colSide{display:flex;flex-direction:column;gap:16px;border:0;padding:0;margin:0}
  body[data-page="jobs"] #colSide>*+*{margin-top:0;padding-top:0;border-top:0}
  .jt-row{grid-template-columns:170px minmax(0,1fr) 150px 56px 150px 90px 48px}
  .jt-list.seek .jt-row{grid-template-columns:140px minmax(0,1fr) 150px 56px 150px 90px 48px}
}
@media (max-width:767px){
  body[data-page="jobs"] .wrap>.crumb{margin:8px 0 0;padding:0 16px;font-size:12px}
  .jb2 .jb-title{font-size:19px}
  .jb2 .jb-bar2{grid-template-columns:1fr 1fr}
  .jb2 .jb-bar2 .cell{height:44px;padding:0 12px;font-size:14px;border-top:1px solid var(--line)}
  .jb2 .jb-bar2 .cell:nth-child(-n+2){border-top:0}
  .jb2 .jb-bar2 .cell:nth-child(odd){border-left:0}
  .jb2 .jb-pick2{grid-template-columns:minmax(0,1fr)}
  .jb2 .jb-pick2 a:nth-child(n+2){display:none}
  .jb2 .jt-bar{flex-wrap:wrap;gap:8px}
  .jb2 .jt-bar .sort{margin-left:0}
  .jb2 .jb-list .jb-row2{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 0}
  .jb2 .jb-row2 .rt{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}
  .jb2 .jb-row2 .go{display:none}
}

/* 상품 목록 — 옆 칸만 조금 넓힘(열 수는 shop2 에서 5 고정) */
@media (min-width:1400px){body[data-page="shop"] .grid{grid-template-columns:minmax(0,1fr) 260px;gap:24px}}

/* 벼룩시장 — 넓으면 6~7열 · 목록형 */
body[data-page="market"] .mk-grid5{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.mk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mk-bar .mk-rh{margin:0}
.mk-grid5.is-list{display:block;border-top:1px solid #111}
.mk-grid5.is-list .mk-card2{display:grid;grid-template-columns:64px minmax(0,1fr) 64px 150px 200px 34px;grid-template-areas:"sq tt st pr mt hr";align-items:center;column-gap:16px;padding:8px 4px;border-bottom:1px solid var(--hl)}
.mk-grid5.is-list .mk-card2 .sq{grid-area:sq;width:64px;margin:0;aspect-ratio:1/1}
.mk-grid5.is-list .mk-card2 .sq small{font-size:10px}
.mk-grid5.is-list .mk-card2 .tt{grid-area:tt}
.mk-grid5.is-list .mk-card2 .st{grid-area:st;margin:0;align-self:center}
.mk-grid5.is-list .mk-card2 .pr{grid-area:pr;text-align:right}
.mk-grid5.is-list .mk-card2 .mt{grid-area:mt;text-align:right}
.mk-grid5.is-list .mk-card2 .heart{grid-area:hr;position:static;width:30px;height:30px}
.mk-grid5.is-list .mk-card2:hover{background:#fafafa}
@media (max-width:767px){
  body[data-page="market"] .mk-grid5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-grid5.is-list .mk-card2{grid-template-columns:56px minmax(0,1fr) 30px;grid-template-areas:"sq tt hr" "sq pr hr" "sq mt hr";row-gap:2px;column-gap:10px}
  .mk-grid5.is-list .mk-card2 .sq{width:56px}
  .mk-grid5.is-list .mk-card2 .pr,.mk-grid5.is-list .mk-card2 .mt{text-align:left}
  .mk-grid5.is-list .mk-card2 .st{display:none}
}


/* 11/11 밤 — 상품 목록 2차: 사진이 주인공(젬키 웹·네이버 스토어 목록 실측 따라). 카드 테두리 없음, 사진 1:1 크게,
   품번 굵게·이름 13px 두 줄·가격 15px 굵게. 고르기는 분류 탭 + 스톤 하나 + 정렬 글자, 나머지는 「상세 조건」에 접음 */
body[data-page="shop"] .pgrid6{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 20px;margin-top:16px}
body[data-page="shop"] .pgrid6 .pcard2 .img{border:0;border-radius:0;background:#f5f5f5}
body[data-page="shop"] .pgrid6 .pcard2:hover .img img{transform:none}
body[data-page="shop"] .pgrid6 .pcard2:hover .img{opacity:.92}
body[data-page="shop"] .pgrid6 .pcard2 .nm{margin-top:10px;font-size:13px;line-height:19px;color:#333;-webkit-line-clamp:3}
body[data-page="shop"] .pgrid6 .pcard2 .nm code{display:block;font-size:13px;line-height:19px;font-weight:700;color:#111}
body[data-page="shop"] .pgrid6 .pcard2 .pr{margin-top:4px;font-size:15px;font-weight:800;color:#111}
body[data-page="shop"] .pgrid6 .pcard2 .pr.lockp{font-size:13px;font-weight:400;color:var(--ink-3)}
body[data-page="shop"] .pgrid6 .pcard2 .heart{top:6px;right:6px;width:28px;height:28px;background:none;box-shadow:none}
body[data-page="shop"] .pgrid6 .pcard2 .heart .ic{width:18px;height:18px;color:#bbb}

/* 고르기 줄: 개수 | 스톤 | 상세 조건 | 고른 조건 ……… 정렬 글자 */
.shop2 .sp-bar{min-height:44px;gap:14px;border-bottom:1px solid var(--hl)}
.sp-stone{height:30px;border:1px solid #d5d8dc;border-radius:4px;padding:0 6px;background:#fff;font:inherit;font-size:13px;color:#333;cursor:pointer}
.sp-stone:focus-visible,.sp-more:focus-visible,.sp-sort button:focus-visible{outline:2px solid #111;outline-offset:1px}
.sp-more{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0;border:0;background:none;font:inherit;font-size:13px;color:#333;cursor:pointer}
.sp-more::after{content:"";width:0;height:0;border:4px solid transparent;border-top-color:#777;margin-top:4px}
.sp-more[aria-expanded="true"]::after{transform:rotate(180deg);margin-top:-4px}
.sp-more:hover{text-decoration:underline;text-underline-offset:3px}
.sp-sort{display:flex;margin-left:auto}
.sp-sort button{position:relative;border:0;background:none;padding:2px 10px;font:inherit;font-size:13px;color:#888;cursor:pointer}
.sp-sort button+button::before{content:"";position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:#ddd}
.sp-sort button[aria-pressed="true"]{color:#111;font-weight:700}
.sp-sort button:last-child{padding-right:0}
.shop2 .sp-filter{background:#fafafa;border-bottom:1px solid var(--hl);padding:4px 8px}
.shop2 .sp-filter[hidden]{display:none}
.shop2 .sp-bar .sp-lock{margin:0;font-size:12px}
.shop2 .sp-tabs button{height:44px;font-size:15px}
/* 한 줄 5개 고정(1024 이상, 넓을수록 사진이 커짐) · 1023↓ 4 · 767↓ 3 · 479↓ 2 */
@media (max-width:1023px){body[data-page="shop"] .pgrid6{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){body[data-page="shop"] .pgrid6{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}}
@media (max-width:479px){body[data-page="shop"] .pgrid6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .shop2 .sp-bar{gap:10px}
  .sp-sort{width:100%;margin-left:0}
  .sp-sort button:first-child{padding-left:0}
}

/* 11/11 하위 머리 확정 — 제호·서비스 이름 대신 「⌂ › 서비스 › 지금 화면」 빵부스러기 한 줄. 44 + 탭 38 = 82px (이전 88) */
.sh,.sh .wrap{height:44px}
.sh .wrap{gap:6px}
.sh-crumb{flex:1 1 auto;min-width:0}
.sh-crumb ol{display:flex;align-items:center;min-width:0;margin:0;padding:0;list-style:none;font-size:14px;line-height:20px;color:#666}
.sh-crumb li{display:flex;align-items:center;min-width:0;white-space:nowrap}
.sh-crumb li+li::before{content:"";flex:none;width:6px;height:6px;margin:0 10px 0 8px;border-top:1.3px solid #b5b8bc;border-right:1.3px solid #b5b8bc;transform:rotate(45deg)}
.sh-crumb a,.sh-crumb span{color:#666;text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.sh-crumb a:hover{color:#111;text-decoration:underline;text-underline-offset:3px}
.sh-crumb li.on a,.sh-crumb li.on span{color:#111;font-weight:600}
.sh-crumb li.on a:hover{text-decoration:none}
.sh-crumb .hc-home a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:-4px;border-radius:4px;color:#333}
.sh-crumb .hc-home a:hover{background:#f2f3f5;color:#111}
.sh-crumb .hc-home svg{display:block}
.sh-sbtn{display:inline-flex;flex:none;margin-left:auto;width:32px;height:32px;align-items:center;justify-content:center;font-size:21px;line-height:1;color:#222;border-radius:4px}
.sh-sbtn:hover{background:#f2f3f5}
.sh-mem{gap:12px;font-size:13px}
.sh-tabs,.sh-tabs .wrap,.sh-svc a,.sh-tabs .sh-svc a{height:38px}
.sh-tools .jt-tabs,.sh-tools .jt-tabs button{height:38px}
.dm .dm-in{top:44px}
body[data-page="job"] #colSide>.card.jd-side{top:90px}
/* 본문 안 위치줄은 머리로 합침 */
.wrap>.crumb,body[data-page="jobs"] .wrap>.crumb{display:none}
@media (max-width:767px){
  .sh .wrap{gap:4px}
  .sh-crumb ol{font-size:13px}
  .sh-crumb li+li::before{margin:0 7px 0 5px}
  .sh-crumb li:not(.hc-home):not(.on){flex:0 1 auto}
  .sh-crumb li:not(.hc-home):not(.on) a,.sh-crumb li:not(.hc-home):not(.on) span{max-width:7em}
  .sh-sbtn{margin-left:auto}
}

/* ===== 상품 목록 네스스 꼴 (11/11) — 네이버 스마트스토어 카테고리 목록을 Aside 로 실측한 값.
   분류 탭 아래부터 목록 끝까지만: 정렬 줄 · N개씩 보기 · 보기 4종 · 5열 칸 · 쪽 번호.
   실측(본문 1280): 사진 244 정사각 · 가로 간격 15 · 이름 14/19 #121212 2줄 · 찜 16×14 · 가격 18/700(원 15/500)
   NEW 49×26 12/700 흰 글자 #ef454e 모서리 없음 · 정렬 13px 고른 것 700 #000 나머지 #898989 · 칸 사이 0 12px · 세로선 1×12 #e1e1e1
   이전/다음 60×60 흰 바탕 1px #e0e0e0 12px · 지금 쪽 34×34 12/700 흰 글자 #666668 ===== */
:root{--nss-ink:#121212;--nss-gray:#898989;--nss-line:#e1e1e1;--nss-box:#e0e0e0;--nss-red:#ef454e;--nss-photo:#fff;--nss-cur:#666668}

/* 정렬 줄 */
.nss-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:20px 0 24px}
.nss-sort{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;min-height:27px}
.nss-sort li{position:relative;display:flex;align-items:center;padding:0 12px}
.nss-sort li:first-child{padding-left:0}
.nss-sort li+li::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:var(--nss-line)}
.nss-sort button{display:inline-flex;align-items:center;height:27px;padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:400;color:var(--nss-gray);cursor:pointer;white-space:nowrap}
.nss-sort button:hover{color:#000}
.nss-sort button[aria-pressed="true"]{font-weight:700;color:#000}
.nss-sort button[aria-pressed="true"]::before{content:"";width:9px;height:5px;margin:-3px 7px 0 1px;border-left:2px solid #000;border-bottom:2px solid #000;transform:rotate(-45deg)}

.nss-row .r{display:flex;align-items:center;gap:20px;margin-left:auto}
.nss-per{appearance:none;-webkit-appearance:none;height:27px;padding:0 18px 0 0;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23000'/%3E%3C/svg%3E") no-repeat right 2px center;font:inherit;font-size:13px;color:#000;cursor:pointer}

/* 보기 4종 — 고른 것은 검정 칸 흰 그림 */
.nss-view{display:flex;border:1px solid var(--nss-box)}
.nss-view button{width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:#fff;color:#c4c4c4;cursor:pointer}
.nss-view button+button{border-left:1px solid var(--nss-box)}
.nss-view button:hover{color:#777}
.nss-view button[aria-pressed="true"]{background:#000;color:#fff}
.nss-view .ic{display:block;width:10px;height:10px;--g:linear-gradient(currentColor,currentColor)}
.nss-view .v-list .ic{background:var(--g) 0 0/2px 2px no-repeat,var(--g) 0 4px/2px 2px no-repeat,var(--g) 0 8px/2px 2px no-repeat,
  var(--g) 4px 0/6px 2px no-repeat,var(--g) 4px 4px/6px 2px no-repeat,var(--g) 4px 8px/6px 2px no-repeat}
.nss-view .v-grid .ic{background:var(--g) 0 0/4px 4px no-repeat,var(--g) 6px 0/4px 4px no-repeat,var(--g) 0 6px/4px 4px no-repeat,var(--g) 6px 6px/4px 4px no-repeat}
.nss-view .v-two .ic{background:var(--g) 0 0/4px 10px no-repeat,var(--g) 6px 0/4px 10px no-repeat}
.nss-view .v-one .ic{background:currentColor}

/* 상품 칸 */
.ngrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 15px}
.ncard{position:relative;min-width:0}
/* 칸 테두리 — 젬키 원 사이트 목록 칸 1px #dfdfdf(비로그인 GET 실측) · 각진 모서리 · 그림자 없음. 사진+글 전체를 한 네모로 */
:root{--gk-line:#dfdfdf;--gk-navy:#290978}
.ncard{display:flex;flex-direction:column;border:1px solid var(--gk-line);background:#fff}
.ncard .ph{position:relative;flex:none}
.ncard .img{position:relative;display:block;aspect-ratio:1/1;background:var(--nss-photo);overflow:hidden}
.ncard .img img{width:100%;height:100%;object-fit:cover;display:block}
.ncard .img .bdg.new{position:absolute;left:0;top:0;display:block;min-width:49px;height:26px;padding:0 8px;line-height:26px;text-align:center;font-size:12px;font-weight:700;color:#fff;background:var(--nss-red);border-radius:0}
/* 글자 단계 — 품번(남색 굵게 작게) · 이름(먹색 2줄) · 사양(회색 작게 1줄) · 가격(가장 크고 굵게). 줄 높이 고정 */
.ncard .inf{position:relative;flex:1;padding:12px 12px 14px}
.ncard .cd{display:block;height:17px;padding-right:24px;font-size:12px;line-height:17px;font-weight:700;color:var(--gk-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ncard .nm{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:38px;margin-top:3px;font-size:14px;line-height:19px;color:var(--nss-ink);text-decoration:none;word-break:keep-all;overflow-wrap:anywhere}
.ncard a.nm:hover{text-decoration:underline}
.ncard .sp{display:block;height:17px;margin-top:4px;font-size:12px;line-height:17px;color:var(--nss-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ncard .pr{display:block;height:22px;margin-top:8px;font-size:18px;font-weight:700;line-height:22px;color:#000;white-space:nowrap}
.ncard .pr small{font-size:15px;font-weight:500}
.ncard .pr.lockp{font-size:13px;font-weight:700;color:var(--gk-navy)}
.ncard .pr.ask{font-size:13px;font-weight:700;color:var(--nss-ink)}
/* 이름 옆 작은 하트(네스스 16×14, #f44d49) — 찜하면 채움 */
.ncard .heart2{position:absolute;top:12px;right:10px;width:18px;height:17px;padding:0;border:0;background:none;color:var(--nss-red);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ncard .heart2 svg{width:16px;height:14px}
.hs path{fill:none}
.heart2[aria-pressed="true"] .hs path{fill:currentColor}
/* 사진 위 hover 둥근 단추 2개 — 네스스 실측: 지름 50 · 찜 #f54c4a 흰 선 하트 · 장바구니 흰 원 연한 테두리 검은 선 · 사이 8 · 사진 아래에서 50(244 기준 20.5%) · 그림자 없음 · 바로 나타남 */
.ncard .hov{position:absolute;left:0;right:0;bottom:20.5%;display:flex;justify-content:center;gap:8px;opacity:0;pointer-events:none}
.ncard .ph:hover .hov,.ncard .hov:focus-within{opacity:1;pointer-events:auto}
.ncard .hb{width:50px;height:50px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ncard .hb.like{border:0;background:#f54c4a;color:#fff}
.ncard .hb.cart{border:1px solid rgba(0,0,0,.1);background:#fff;color:#000}
.ncard .hb svg{width:22px;height:22px}
.ncard .hb.like[aria-pressed="true"] .hs path{fill:#fff}
@media (hover:none){
  .ncard .hov{opacity:1;pointer-events:auto;left:auto;right:8px;bottom:8px;gap:6px}
  .ncard .hb{width:32px;height:32px}
  .ncard .hb svg{width:15px;height:15px}
}

/* 보기 바꾸기 — 칸 테두리는 모든 보기에서 그대로 */
.ngrid.v-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}
.ngrid.v-one{grid-template-columns:minmax(0,560px);justify-content:center;gap:24px}
.ngrid.v-list{grid-template-columns:minmax(0,1fr);gap:12px}
.ngrid.v-list .ncard{flex-direction:row;align-items:stretch}
.ngrid.v-list .ncard .ph{width:150px}
.ngrid.v-list .ncard .hov{bottom:10px;gap:6px}
.ngrid.v-list .ncard .hb{width:36px;height:36px}
.ngrid.v-list .ncard .hb svg{width:16px;height:16px}
.ngrid.v-list .ncard .inf{padding:16px 20px}
.ngrid.v-two .ncard .nm,.ngrid.v-one .ncard .nm{font-size:15px;line-height:21px;height:42px}

/* 머리 오른쪽 찜·장바구니(로그인 시) */
.sh-mem.on{display:flex;align-items:center}
.sh-mem .sh-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:#111}
.sh-mem .sh-ic .cart-ic{width:20px;height:20px}
.sh-mem .sh-ic .n{position:absolute;top:0;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--nss-red);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.sh-mem .sh-ic .n[hidden]{display:none}

/* 상세 「장바구니 담기」 */
.item .cta .cart-add{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.item .cta .cart-add .cart-ic{width:18px;height:18px}

/* 장바구니 화면 */
.ct-tabs a{text-decoration:none}
.ct-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--nss-line);font-size:14px}
.ct-all{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.ct-all input,.ct-row .ck input{width:18px;height:18px;margin:0;accent-color:#111}
.ct-del{height:32px;padding:0 12px;border:1px solid var(--nss-box);background:#fff;font:inherit;font-size:13px;cursor:pointer}
.ct-del:disabled{color:#bbb;cursor:default}
.ct-list{list-style:none;margin:0;padding:0}
.ct-row{display:grid;grid-template-columns:24px 88px minmax(0,1fr) auto 120px 28px;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--nss-line)}
.ct-row .im{display:block;width:88px;aspect-ratio:1/1;border:1px solid var(--gk-line);background:var(--nss-photo);overflow:hidden}
.ct-row .im img{width:100%;height:100%;object-fit:cover;display:block}
.ct-row .tx{min-width:0;display:flex;flex-direction:column;gap:2px}
.ct-row .tx small{font-size:12px;color:var(--nss-gray)}
.ct-row .tx code{font:inherit;font-size:12px;font-weight:700;color:var(--gk-navy)}
.ct-row .tx .nm{font-size:14px;line-height:19px;color:var(--nss-ink);text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ct-row .qt{display:flex;align-items:center;border:1px solid var(--nss-box)}
.ct-row .qt button{width:30px;height:30px;padding:0;border:0;background:#fff;font:inherit;font-size:16px;cursor:pointer}
.ct-row .qt button:disabled{color:#ccc;cursor:default}
.ct-row .qt .v{min-width:32px;text-align:center;font-size:14px;border-left:1px solid var(--nss-box);border-right:1px solid var(--nss-box);line-height:30px}
.ct-row .pr{text-align:right;font-size:16px;font-weight:700;color:#000;white-space:nowrap}
.ct-row .rm{width:28px;height:28px;padding:0;border:0;background:none;font-size:20px;line-height:1;color:#999;cursor:pointer}
.ct-row .rm:hover{color:#000}
.ct-note{margin:14px 0 0;font-size:12px;color:var(--nss-gray)}
.ct-sum h2{margin:0 0 14px;font-size:17px;font-weight:700}
.ct-sum dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0;font-size:13px}
.ct-sum dt{color:var(--nss-gray)}
.ct-sum dd{margin:0;text-align:right;color:var(--nss-ink)}
.ct-sum .tot{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0;padding-top:14px;border-top:1px solid var(--nss-line);font-size:14px}
.ct-sum .tot b{font-size:20px;font-weight:700;color:#000}
.ct-sum .ct-go{width:100%;height:48px}
.ct-sub{margin:10px 0 0;font-size:12px;color:var(--nss-gray)}
@media (max-width:767px){
  .ct-row{position:relative;grid-template-columns:24px 72px minmax(0,1fr) auto;grid-template-areas:"ck im tx tx" "ck im qt pr";gap:8px 12px}
  .ct-row .ck{grid-area:ck}.ct-row .im{grid-area:im;width:72px}.ct-row .tx{grid-area:tx;padding-right:28px}.ct-row .qt{grid-area:qt;justify-self:start}.ct-row .pr{grid-area:pr}
  .ct-row .rm{position:absolute;top:12px;right:0}
  .ngrid.v-list .ncard .ph{width:110px}
  .ngrid.v-list .ncard .inf{padding:10px 12px}
}

/* 보기 바꾸기 */
.nss-pager{display:flex;align-items:center;justify-content:space-between;margin:56px 0 8px}
.nss-pager:empty{display:none}
.nss-pager .pv,.nss-pager .nx{flex:none;width:60px;height:60px;border:1px solid var(--nss-box);background:#fff;font:inherit;font-size:12px;color:#000;cursor:pointer}
.nss-pager .pv:disabled,.nss-pager .nx:disabled{color:#bbb;cursor:default}
.nss-pager .nums{display:flex;flex-wrap:wrap;justify-content:center;min-width:0}
.nss-pager .nums button{width:34px;height:34px;margin:0 4px;padding:0;border:0;background:none;font:inherit;font-size:12px;color:#000;cursor:pointer}
.nss-pager .nums button:hover{text-decoration:underline}
.nss-pager .nums button[aria-current="page"]{font-weight:700;color:#fff;background:var(--nss-cur);text-decoration:none}

@media (max-width:1023px){.ngrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){
  .ngrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 10px}
  .nss-row .r{gap:12px}
  .nss-pager{margin-top:40px}
  .nss-pager .pv,.nss-pager .nx{width:44px;height:44px}
  .nss-pager .nums button{width:30px;height:30px;margin:0 1px}
}
@media (max-width:479px){
  .ngrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ncard .nm{font-size:13px;line-height:18px;height:36px}
  .ncard .pr{font-size:16px}  .ncard .inf{padding:10px 10px 12px}  .ncard .heart2{top:10px;right:8px}
  .nss-sort li{padding:0 9px}
}


/* ===== 11/11 상품 목록 — 분류 탭 줄 + 상품관 검색칸 · 조건 칩 띠 · 경로 줄 「분류(총 N개) ▾」 =====
   칩 띠 값은 네스스(smartstore 카테고리 화면) Aside 실측: 띠 바탕 #f5f7f8 · 높이 55(위아래 10) · 칩 35 높이 · 둥근 17 · 1px #e1e1e1 ·
   글자 13px #333 · 칩 사이 4 · 띠 위 검은 선. 검색칸은 원 사이트 「Gemkey 검색」처럼 각진 칸 + 오른쪽 단추(알약 아님) */
.shop2 .sp-tabrow{display:flex;align-items:flex-end;gap:16px;margin-top:8px;border-bottom:1px solid var(--hl)}
.shop2 .sp-tabrow .sp-tabs{flex:1 1 auto;min-width:0;margin-top:0;border-bottom:0}
.shop2 .sp-tabs-0{min-height:44px}
.sp-search{position:relative;flex:none;display:flex;align-items:stretch;width:300px;height:36px;margin-bottom:4px;border:1px solid #cfd2d6;background:#fff}
.sp-search:focus-within{border-color:#111}
.sp-search .q{flex:1 1 auto;min-width:0;height:100%;padding:0 4px 0 12px;border:0;background:none;font:inherit;font-size:13px;color:var(--nss-ink);outline:none;-webkit-appearance:none;appearance:none}
.sp-search .q::-webkit-search-cancel-button{display:none}
.sp-search .q::placeholder{color:#9a9a9a}
.sp-search .x{flex:none;width:28px;padding:0;border:0;background:none;font-size:18px;line-height:1;color:#999;cursor:pointer}
.sp-search .x:hover{color:#111}
.sp-search .x[hidden]{display:none}
.sp-search .go{flex:none;width:40px;padding:0;border:0;border-left:1px solid #e1e1e1;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sp-search .go:hover{background:#f5f5f5}
.sp-search .go:focus-visible,.sp-search .x:focus-visible{outline:2px solid #111;outline-offset:-2px}

/* 칩 띠 — 사용자 요청으로 이 필터 칩에만 둥근 모양 허용(다른 단추는 각진 그대로) */
.nss-fbar{position:relative;display:flex;align-items:center;margin-top:20px;border-top:2px solid #000;background:#f5f7f8;min-height:55px}
.nss-chips{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:4px;margin:0;padding:10px 12px 10px 16px;list-style:none;overflow-x:auto;scrollbar-width:none}
.nss-chips::-webkit-scrollbar{display:none}
.nss-chips li{flex:none;display:flex}
.nss-fbar .chip{display:inline-flex;align-items:center;gap:6px;height:35px;padding:0 12px 0 14px;border:1px solid #e1e1e1;border-radius:17px;background:#fff;font:inherit;font-size:13px;color:#333;white-space:nowrap;cursor:pointer}
.nss-fbar .chip::after{content:"";width:6px;height:6px;margin:-4px 0 0 2px;border-right:1.2px solid #8a8a8a;border-bottom:1.2px solid #8a8a8a;transform:rotate(45deg);transition:transform .15s}
.nss-fbar .chip[aria-expanded="true"]::after{margin-top:3px;transform:rotate(225deg)}
.nss-fbar .chip:hover{border-color:#b5b5b5}
.nss-fbar .chip.on{border-color:#121212;color:#121212}
.nss-fbar .chip .v:empty{display:none}
.nss-fbar .chip.on .k{color:#666}
.nss-fbar .chip .v{font-weight:700;color:#121212}
.nss-fbar .chip-rs{height:35px;padding:0 8px;border:0;background:none;font:inherit;font-size:13px;color:#666;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.nss-fbar .chip-rs[hidden]{display:none}
.nss-fbar .chip-all{flex:none;width:36px;height:36px;margin:0 16px 0 8px;padding:0;border:1px solid #e1e1e1;border-radius:50%;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer}
.nss-fbar .chip-all:hover,.nss-fbar .chip-all[aria-expanded="true"]{border-color:#121212;color:#121212}
.nss-pop{position:absolute;top:calc(100% - 6px);z-index:20;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:180px;max-width:min(320px,100%);max-height:320px;overflow-y:auto;padding:6px;border:1px solid #d5d5d5;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.nss-pop.sp-opts button{justify-content:flex-start;height:34px;padding:0 10px;white-space:nowrap}
.nss-pop.sp-opts button .n{margin-left:auto;padding-left:12px}
.nss-pop.sp-opts button:hover{background:#f5f7f8}
.shop2 .nss-fbar+.sp-filter{border-top:0}
.shop2 .nss-row{margin-top:16px}

/* 경로 줄 마지막 칸 — 지금 분류 굵게 · (총 N개) · ▾ */
.sh-crumb li.hc-pick{position:relative;overflow:visible}
.sh-crumb .hc-dd{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 4px;margin:0 -4px;border:0;border-radius:4px;background:none;font:inherit;color:#111;cursor:pointer;white-space:nowrap}
.sh-crumb .hc-dd:hover{background:#f2f3f5}
.sh-crumb .hc-cur{font-weight:700}
.sh-crumb .hc-n{font-size:12px;color:#3f3f3f}
.sh-crumb .hc-n strong{font-weight:700}
.sh-crumb .hc-caret{width:0;height:0;margin-left:3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #333}
.sh-crumb .hc-dd[aria-expanded="true"] .hc-caret{transform:rotate(180deg)}
.sh-crumb .hc-menu{position:absolute;left:-4px;top:100%;z-index:60;min-width:160px;margin:4px 0 0;padding:6px 0;list-style:none;border:1px solid #d5d5d5;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.sh-crumb .hc-menu[hidden]{display:none}
.sh-crumb .hc-menu li::before{display:none}
.sh-crumb .hc-menu button{display:block;width:100%;height:34px;padding:0 14px;border:0;background:none;font:inherit;font-size:14px;color:#333;text-align:left;cursor:pointer;white-space:nowrap}
.sh-crumb .hc-menu button:hover,.sh-crumb .hc-menu button:focus-visible{background:#f5f7f8;outline:none}
.sh-crumb .hc-menu button[aria-checked="true"]{font-weight:700;color:#111}

@media (max-width:767px){
  .shop2 .sp-tabrow{flex-wrap:wrap;gap:0}
  .sp-search{order:-1;width:100%;margin:0 0 8px;height:40px}
  .sp-search .q{font-size:15px}
  .shop2 .sp-tabrow .sp-tabs{flex-basis:100%}
  .nss-fbar{margin-top:16px}
  .nss-chips{padding-left:10px}
  .nss-fbar .chip-all{margin:0 10px 0 6px}
  .sh-crumb .hc-n{font-size:11px}
}

/* 상품 칸 전체 1px 테두리 — 선만 진하게(11/11).
   젬키 mid=125 계산값은 #dfdfdf 지만 133x125 작은 칸이라 또렷해 보이고,
   우리 칸은 더 커서 같은 색이 옅게 보임 → #c8c8c8 로 맞춤. */
:root{--gk-line:#c8c8c8}

/* 상품관 검색칸 하나만 크게 — 맨 위 광고 띠 자리(11/11 사용자 캡처 꼴):
   1px 회색 테두리 칸 + 오른쪽 칸막이 + 돋보기 단추, 채움 없음. 1920 기준 너비 640 · 높이 52 · 글자 16.
   테두리는 상품 칸 선(--gk-line)과 같은 계열, 포커스 때만 --navy. 칸 안쪽 파란 outline 없음 */
.shop2 .sp-big{display:flex;justify-content:center;margin-top:4px;padding:20px 16px 24px}
.sp-big .box{flex:0 1 720px;min-width:0;height:56px;box-sizing:border-box;display:flex;align-items:stretch;border:1px solid var(--gk-line);background:#fff}
.sp-big .box:focus-within{border-color:var(--navy)}
.sp-big .q{flex:1 1 auto;min-width:0;height:100%;padding:0 6px 0 18px;border:0;background:none;font:inherit;font-size:17px;color:var(--nss-ink);outline:none;-webkit-appearance:none;appearance:none}
.sp-big .q::-webkit-search-cancel-button{display:none}
.sp-big .q::placeholder{color:#5f5f5f}
.sp-big .x{flex:none;width:40px;padding:0;border:0;background:none;font-size:22px;line-height:1;color:#999;cursor:pointer}
.sp-big .x:hover{color:#111}
.sp-big .x[hidden]{display:none}
.sp-big .go{flex:none;width:62px;padding:0;border:0;border-left:1px solid var(--gk-line);background:none;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sp-big .go:hover{background:#f5f5f5}
.sp-big .go:focus-visible,.sp-big .x:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
@media (max-width:767px){
  .shop2 .sp-big{padding:12px 0 14px}
  .sp-big .box{flex:1 1 auto;height:48px}
  .sp-big .q{font-size:16px}
  .sp-big .q{padding-left:14px}
  .sp-big .go{width:52px}
}

/* ===== 11/12 메뉴 결정분 — 뉴스 포토·영상 격자 · 장바구니 계좌이체 안내 · 문의하기 ===== */
/* 포토·영상: 흰 바탕 · 가는 선 · 사진 위 글자 없음. 한 줄 5칸(PC) / 2칸(휴대폰) */
body[data-page="news"] .nm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 14px;padding-top:16px;border-top:1px solid #111}
.nm-cell{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--ink-1,#111)}
.nm-ph{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--img,#f3f4f6);border:1px solid var(--hl)}
.nm-grid.vid .nm-ph{aspect-ratio:16/9}
.nm-ph img{width:100%;height:100%;object-fit:cover;display:block}
.nm-play{position:absolute;left:8px;bottom:8px;width:28px;height:28px;border-radius:50%;background:rgba(17,17,17,.72)}
.nm-play::after{content:"";position:absolute;left:11px;top:8px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #fff}
.nm-cell b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.2px}
.nm-cell small{font-size:12px;color:var(--ink-3)}
.nm-cell:hover b{text-decoration:underline;text-underline-offset:3px}
/* 장바구니 — 결제 단추 대신 계좌이체 안내 글 */
.ct-bank{margin-top:4px;padding-top:14px;border-top:1px solid var(--nss-line)}
.ct-bank h3{margin:0 0 8px;font-size:14px;font-weight:700}
.ct-bank ol{margin:0 0 10px;padding-left:18px;font-size:13px;line-height:1.6;color:var(--ink-2)}
.ct-bank a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
/* 문의하기 — 분류 밑줄 탭 + 가는 선 입력칸 */
.ask-form{display:grid;gap:18px;margin-top:8px}
.ask-f{display:grid;gap:6px;min-width:0}
.ask-f>label,.ask-f .lab{font-size:13px;font-weight:700;color:var(--ink-2)}
.ask-f input,.ask-f textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d5d8dc;border-radius:0;background:#fff;font:inherit;font-size:15px;color:#111}
.ask-f textarea{resize:vertical;min-height:180px;line-height:1.6}
.ask-f input:focus,.ask-f textarea:focus{outline:none;border-color:#111}
.ask-f small{font-size:12px;color:var(--ink-3)}
.ask-tabs{margin-top:0}
.ask-tabs button[aria-checked="true"]{border-bottom-color:#111;color:#111;font-weight:700}
.ask-hint{margin:0;font-size:13px;color:var(--ink-3)}
.ask-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ask-go{display:flex;align-items:center;gap:12px}
.ask-go .btn-pri{height:46px;padding:0 28px;font-size:15px}
.ask-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0 0 12px;font-size:13px}
.ask-dl dt{font-weight:700}
.ask-dl dd{margin:0;color:var(--ink-3)}
@media (max-width:767px){
  body[data-page="news"] .nm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
  .ask-2{grid-template-columns:1fr}
  .ask-go .btn-pri{flex:1}
}
/* ===== 11/12 2차 상품 사진 — 원 사이트 원본 구도 그대로 650 정사각(imgfit.place, 같은 배율). 칸에 통째로 넣고 확대 없음 ===== */
.ncard .img img,.gems .img img,.feed .fimg img,.sp-new .im img,.sp-thumbs img,.pcard .img img,.sq-goods .sqi img,.gal .big img{object-fit:scale-down;background:#fff;transition:none;transform:none}
.ncard .ph:hover .img img{transform:none}
.lbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:16px}
.lbox img{max-width:100%;max-height:100%;object-fit:contain;background:#fff}
.lbox .lb-x{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#111;font-size:26px;line-height:44px;cursor:pointer}
.item-desc h2{margin-bottom:10px}
.item-desc p{white-space:pre-wrap}
/* ===== 11/12 포토·영상 상세(media.html) ===== */
.md-player{position:relative;aspect-ratio:16/9;margin:0 0 24px;background:#000}
.md-player iframe,.md-player video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.md-fig{margin:0 0 20px;cursor:zoom-in}
.md-fig img{display:block;width:100%;height:auto;background:var(--img)}
.md-fig:focus-visible{outline:2px solid var(--ink-1,#111);outline-offset:3px}
.md-more{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 12px;display:grid;padding-top:12px}
@media (max-width:767px){.md-more{grid-template-columns:repeat(2,minmax(0,1fr))}.md-more .nm-cell:nth-child(n+5){display:none}}/* ===== 11/12 2차 상품 상세 — 큰 사진을 스펙 표 높이 정도(고정 정사각)로 줄이고 남는 폭은 오른쪽 정보 칸에. 휴대폰(767 이하)은 그대로 ===== */
@media (min-width:768px){
  .item-grid{grid-template-columns:var(--item-photo,320px) minmax(0,1fr);align-items:start}
  .item-grid .spec th{width:160px}
}

/* ===== 11/13 상품 상세 다시 조립 — 수치는 detail-1113/실측.md(로이드·제이에스티나·골든듀·GemSelect·부쉐론 1280 실측). 새 클래스(itm-*)에만 걸어 다른 화면 불변 ===== */
.itm-info{display:flex;flex-direction:column;min-width:0}
.itm-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;line-height:20px}
.itm-top .itm-shop{color:var(--ink-3);margin-right:4px}
.itm-bdg{padding:0 6px;border:1px solid var(--line-2);color:var(--ink-2);font-size:12px;font-weight:600;line-height:20px}            /* GemSelect 근거 묶음 → 테두리 칩, 근거 있을 때만 */
.itm-name{margin:10px 0 0;font-size:22px;font-weight:700;line-height:28px;color:#222;word-break:keep-all}                           /* 제이에스티나 22/700 lh 27.94 #222 */
.itm-sub{margin:6px 0 0;font-size:14px;line-height:18px;color:#7a7a7a}                                                                  /* 로이드 품번 14/400 #7a7a7a, 이름 바로 아래 */
.itm-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin-top:16px;padding:16px 0;border-top:1px solid #1a1a1a;border-bottom:1px solid #ededed} /* 골든듀 이름 밑 검은 1px · 가격 24/700 */
.itm-price b{font-size:24px;font-weight:700;line-height:32px;color:#222}
.itm-price small{font-size:20px;font-weight:400;color:#222}
.itm-price b.ask{font-size:20px}
.itm-price.lock{align-items:center}
.itm-price.lock b{font-size:20px}
.itm-price.lock span{flex:1;font-size:13px;color:var(--ink-3)}
.itm-price.lock .btn-line{height:34px;padding:0 14px;font-size:13px}
.itm-rows,.itm-svc{margin:0}
.itm-rows>div,.itm-svc>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px}                              /* 로이드 이름 칸 96 */
.itm-rows>div{padding:9px 0;border-bottom:1px solid #f2f2f2;font-size:15px;line-height:22px}                                           /* 로이드 줄 구분 #f2f2f2 */
.itm-rows dt{color:#555}.itm-rows dd{margin:0;color:#222;word-break:keep-all}
.itm-seller{margin:12px 0 0;font-size:13px;color:var(--ink-3)}
.itm-seller b{color:var(--ink-2)}
.item .itm-cta{margin:14px 0 0;flex-wrap:nowrap}
.item .itm-cta .heart,.item .itm-cta .btn-line,.item .itm-cta .btn-pri{height:56px;border-radius:0}
.item .itm-cta .heart{width:56px;flex:none}
.item .itm-cta .btn-line{flex:1;padding:0 12px;font-size:16px;font-weight:600;border-color:#222;color:#222}
.item .itm-cta .btn-pri{flex:1;padding:0 12px;font-size:16px;font-weight:600}
.itm-pay{margin:8px 0 0;font-size:12px;color:var(--ink-3)}
.itm-svc{margin-top:14px;padding-top:12px;border-top:1px solid #ededed}                                                                 /* 불가리: 단추 아래 서비스 줄 */
.itm-svc>div{padding:3px 0;font-size:13px;line-height:20px}
.itm-svc dt{font-weight:600;color:#222}.itm-svc dd{margin:0;color:var(--ink-2)}
.itm-ask{margin:12px 0 0;padding:8px 0 0;border-top:1px solid #ededed}   /* 구매·문의 두 줄(이메일·휴대전화) */
.itm-ask>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:2px 0;font-size:14px;line-height:22px}
.itm-ask dt{color:#555}.itm-ask dd{margin:0;color:#222;font-weight:600}
.itm-info .pn2{margin-top:12px}
.itm-tables{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:28px}
.itm-spec{width:100%;border-collapse:collapse;border-top:1px solid #1a1a1a;align-self:start}
.itm-spec caption{caption-side:top;text-align:left;padding:0 0 8px;font-size:15px;font-weight:700;color:#222}
.itm-spec th,.itm-spec td{padding:7px 10px;border-bottom:1px solid #ededed;font-size:13px;line-height:19px;text-align:left;vertical-align:top}
.itm-spec th{width:118px;background:#fafafa;color:#555;font-weight:400}
.itm-spec td{color:#222;word-break:break-word}
/* 추천 ① GemSelect 같은 보석 줄 */
.itm-rl-h,.itm-rl li{display:grid;grid-template-columns:56px minmax(0,1fr) 70px 150px 110px;gap:12px;align-items:center}
.itm-rl-h{padding:0 0 6px;border-bottom:1px solid #1a1a1a;font-size:12px;color:var(--ink-3)}
.itm-rl-h span:first-child{grid-column:1 / 3}
.itm-rl{list-style:none;margin:0;padding:0}
.itm-rl li{padding:8px 0;border-bottom:1px solid #ededed;font-size:13px}
.itm-rl .im{display:block;width:56px;height:56px;border:1px solid var(--line)}
.itm-rl .im img{width:100%;height:100%;object-fit:contain;background:#fff}
.itm-rl .nm{min-width:0;color:#222}
.itm-rl .nm small{display:block;font-size:12px;color:var(--ink-3)}
.itm-rl .nm span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.itm-rl .ct,.itm-rl .mm{color:var(--ink-2)}
.itm-rl .pr{font-weight:700;color:#222;text-align:right}
.itm-rl .pr.lockp{font-weight:400;color:var(--ink-3);font-size:12px}
/* 추천 ②③ 부쉐론 4칸 — 사진 · 품번 · 이름 14/500 · 가격 12 #555, 여백 */
.itm-rc4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.itm-rc{display:flex;flex-direction:column;min-width:0;color:#222}
.itm-rc:hover{text-decoration:none}.itm-rc:hover .nm{text-decoration:underline}
.itm-rc .im{display:block;aspect-ratio:1;border:1px solid var(--line);background:#fff}
.itm-rc .im img{width:100%;height:100%;object-fit:contain}
.itm-rc code{margin-top:10px;font:700 12px/17px var(--sans);color:#222}
.itm-rc .nm{margin-top:2px;font-size:14px;font-weight:500;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.itm-rc .pr{margin-top:4px;font-size:13px;color:#555}
.itm-rc .pr.lockp{font-size:12px;color:var(--ink-3)}
@media (max-width:767px){
  .itm-name{font-size:19px;line-height:25px}
  .itm-tables{grid-template-columns:1fr;gap:20px}
  .itm-spec th{width:104px;word-break:keep-all}
  .item .itm-cta .btn-line,.item .itm-cta .btn-pri{font-size:15px;padding:0 8px}
  .itm-rl-h{display:none}
  .itm-rl li{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"im nm pr" "im sp sp";row-gap:2px}
  .itm-rl .im{grid-area:im}.itm-rl .nm{grid-area:nm}.itm-rl .pr{grid-area:pr}
  .itm-rl .ct{grid-area:sp}.itm-rl .mm{grid-area:sp;margin-left:56px}
  .itm-rc4{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
}