/* 귀금속경제신문 홈 시안 — 칸 배치는 clones/daum-home 기준(768+384 두 열, 16 간격), 색·글꼴은 신문사용으로 따로 정함 */
:root{
  /* 색 — daum.net 첫 화면 실측(2026-11-11, polish/다음-실측.md): 바탕 #f2f4f7 · 칸 흰색 · 글자 검정 100/72/48/32% · 선 8%/4% */
  --paper:#f2f4f7;          /* 바탕: 차가운 연회색 */
  --card:#ffffff;
  --ink:#000000;            /* 제목·본문 */
  --ink-2:#474747;          /* = 검정 72% — 보조 글자, 탭 */
  --ink-3:#858585;          /* = 검정 48% — 날짜·출처·안내 */
  --ink-4:#adadad;          /* = 검정 32% — 흐린 자리 표시 */
  --navy:#1d2b45;           /* 신문사 강조색 하나: 제호 · 선택 상태 · 주 단추에만 */
  --navy-soft:#e8ebf1;      /* 선택된 탭 바탕(강조색 엷게, 다음의 16% 칩과 같은 방식) */
  --brass:var(--ink-3);     /* 놋쇠색 폐지 — 옛 이름이 남아도 회색으로 */
  --brass-soft:var(--paper);
  --up:#e5322d; --down:#1f6fde;          /* 시세 오름·내림(한국 관례 빨강·파랑) — 데이터에만 */
  --up-soft:#fdeceb; --down-soft:#e9f1fc;
  --line:#ebebeb;           /* = 검정 8% — 칸 안 구분선 */
  --line-2:#dcdcdc;         /* 입력칸·버튼 테두리 */
  --line-3:#f5f5f5;         /* = 검정 4% — 사진 테두리 */
  --img:#f2f4f7;
  --ad:#f2f4f7;
  --shadow:0 0 4px rgba(0,0,0,.04);       /* 다음 칸 그림자 그대로 — 거의 안 보임 */
  --shadow-btn:0 1px 10px rgba(0,0,0,.08); /* 넘김 단추·맨 위로 */
  /* 크기 */
  --wrap:1168px; --main:768px; --side:384px; --gap:16px;
  --r:12px;                 /* 칸 모서리(다음 board_g 12px) */
  --r-s:8px;                /* 사진·입력칸·단추(다음 썸네일 8px) */
  --chip-r:8px; --pill:999px; --pad:24px;
  /* 아이콘 — 유니코드 글자 대신 선 아이콘(mask, 글자색을 따른다) */
  --i-menu: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
  --i-search: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 4.5 4.5'/%3E%3C/svg%3E");
  --i-down: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --i-left: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.5 6-6 6 6 6'/%3E%3C/svg%3E");
  --i-right: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9.5 6 6 6-6 6'/%3E%3C/svg%3E");
  --i-up: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E");
  --i-close: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
  --i-refresh: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3M19.5 4.5v4h-4'/%3E%3C/svg%3E");
  --i-lock: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.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8.5 11V8a3.5 3.5 0 0 1 7 0v3'/%3E%3C/svg%3E");
  --i-pause:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Crect x='7' y='6' width='3' height='12' rx='.5'/%3E%3Crect x='14' y='6' width='3' height='12' rx='.5'/%3E%3C/svg%3E");
  --i-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E");
  /* 글꼴 */
  --sans:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --serif:"Nanum Myeongjo","Noto Serif KR","AppleMyungjo","Batang","바탕",serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{width:var(--wrap);margin:0 auto}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.clamp2{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ex{display:inline-block;font-size:11px;font-weight:600;letter-spacing:0;color:var(--ink-3);border:1px solid var(--line-2);border-radius:4px;padding:0 5px;line-height:17px;vertical-align:middle;margin-left:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* PART: topline (날짜·회원 줄) */
.topline{border-bottom:1px solid var(--line);background:var(--card)}
.topline .wrap{display:flex;justify-content:space-between;align-items:center;height:36px;font-size:12px;color:var(--ink-3)}
.topline nav{display:flex;gap:16px}
/* /PART */

/* PART: masthead (검색창 자리 → 제호) */
.mast{background:var(--card);border-bottom:1px solid var(--line)}
.mast .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:22px 0 18px}
.mast .ad-mini{height:60px;width:220px}
.mast .ad-mini:last-child{justify-self:end}
.brand{text-align:center;display:flex;align-items:center;justify-content:center;min-height:88px}
/* 제호 = 원래 신문사 로고(원본 394×85). 원본 높이보다 크게 쓰지 않는다 — 넓은 화면 80px, 휴대폰 52px */
.brand a{display:block;line-height:0;border-radius:4px}
.brand img{display:block;height:80px;width:auto;max-width:100%}
.brand a:hover{text-decoration:none}
.brand p{margin-top:6px;font-size:13px;letter-spacing:.08em;color:var(--ink-2)}
/* /PART */

/* PART: section-bar (서비스 알약 → 섹션 메뉴 + 업계 키워드 한 줄) */
.secbar{background:var(--card);border-bottom:1px solid var(--line);margin-bottom:var(--gap)}
.secbar .wrap{display:flex;justify-content:space-between;align-items:center;height:52px;gap:var(--gap)}
.secs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0}
.secs::-webkit-scrollbar{display:none}
.secs a{white-space:nowrap;padding:0 12px;height:52px;display:flex;align-items:center;font-size:16px;font-weight:600;letter-spacing:-.5px;border-bottom:2px solid transparent;padding-top:2px}
.secs a.on{border-color:var(--ink);color:var(--ink);font-weight:700}
.secs a:hover{text-decoration:none;color:var(--ink-2)}
.kw-one{width:var(--side);flex:none;display:flex;align-items:center;gap:10px;font-size:15px}
.kw-one .tag{font-size:12px;font-weight:700;color:var(--navy);background:var(--navy-soft);border-radius:var(--pill);padding:3px 10px}
.kw-one b{font-variant-numeric:tabular-nums}
.kw-one small{color:var(--ink-3);margin-left:auto;font-size:12px}
/* /PART */

.grid{display:grid;grid-template-columns:var(--main) var(--side);gap:var(--gap);align-items:start}
.col{display:flex;flex-direction:column;gap:var(--gap);min-width:0}
.card{background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--shadow);padding:var(--pad);min-width:0}

/* PART: ad-slot (광고 자리) */
.ad{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--ink-4);font-size:12px;text-align:center}
.ad b{font-size:10px;font-weight:600;letter-spacing:0;color:var(--ink-3);border:1px solid var(--line-2);border-radius:4px;padding:0 4px;line-height:15px}
.card .ad,.mast .ad{background:var(--paper);box-shadow:none;border-radius:var(--r-s)}
.ad-lead{height:100px}
.ad-side{height:250px}
/* /PART */

/* PART: section-head (제목 + 칩 탭) */
.shead{display:flex;align-items:center;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.shead h2{font-size:18px;font-weight:700;color:var(--ink);margin-right:12px;letter-spacing:0}
.shead h2 a:hover{text-decoration:none}
.shead .meta{margin-left:auto;font-size:12px;color:var(--ink-3)}
.chip{height:40px;padding:0 16px;border-radius:var(--pill);border:1px solid var(--line);display:inline-flex;align-items:center;font-size:15px;color:var(--ink-2);background:var(--card)}
.chip[aria-selected="true"]{background:var(--navy-soft);border-color:var(--navy-soft);color:var(--navy);font-weight:700}
.chip:hover{background:var(--paper)}
.chip[aria-selected="true"]:hover{background:var(--navy-soft)}
/* /PART */

/* PART: news-mix (사진 기사 2×2 + 최신 기사 목록) */
.mix{display:grid;grid-template-columns:167px 167px minmax(0,1fr);gap:16px}
.ph{display:block;min-width:0}
.ph .img{display:flex;align-items:flex-end;aspect-ratio:167/98;background:var(--img);border-radius:var(--r-s);padding:6px;font-size:11px;color:var(--ink-3)}
.ph b{font-weight:400;font-size:17px;line-height:24px;margin-top:8px}
.ph small{display:block;color:var(--ink-3);font-size:12px;margin-top:4px}
.mix .list{grid-column:3;grid-row:1 / span 2}
.list li{display:flex;align-items:baseline;gap:10px;padding:8px 0}
.list li:last-child{border-bottom:0}
.list li a{flex:1;font-size:17px;line-height:24px}
.list time{flex:none;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.new{flex:none;font-size:10px;font-weight:700;color:var(--up);background:var(--up-soft);border-radius:4px;padding:0 4px;line-height:16px}
/* /PART */

/* PART: pager (더보기 1/n) */
.pager{border-top:1px solid var(--line);margin-top:16px;padding-top:12px;display:flex;align-items:center;justify-content:center;gap:24px;position:relative;font-size:14px}
.pager button:not(.renew){width:38px;height:38px;border-radius:50%;border:0;background:var(--card);box-shadow:var(--shadow-btn);font-size:0;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.pager .n{color:var(--ink-3)}
.pager .home{position:absolute;right:0;font-size:12px;background:var(--paper);border-radius:var(--pill);height:34px;padding:0 12px;display:inline-flex;align-items:center;color:var(--ink-2)}
.pager .home:hover{text-decoration:none;background:#e8ebef}
.pager.solo{justify-content:flex-end}
.pager.solo .home{position:static}
/* /PART */

/* PART: banner-3 (라이브 배너 3칸 → 업계 광고 배너) */
.banner3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.banner3 .ad{aspect-ratio:230/130}
/* /PART */

/* PART: gem-grid (쇼핑 5열 → 젬키주얼리 상품) */
.gems{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px}
.gems a{display:block;min-width:0}
.gems .img{display:flex;align-items:flex-end;aspect-ratio:1;background:var(--img);border-radius:var(--r-s);padding:6px;font-size:11px;color:var(--ink-3)}
.gems code{display:block;margin-top:10px;font-family:var(--sans);font-size:12px;font-weight:400;color:var(--ink-3);letter-spacing:0}
.gems b{font-weight:400;font-size:15px;line-height:22px;margin-top:2px}
.gems .pr{font-size:12px;color:var(--ink-3);margin-top:4px}
.note{font-size:12px;color:var(--ink-3);margin-top:12px}
/* /PART */

/* PART: board-tabs (연예 탭 칸 → 구인·구직·벼룩·토론) */
.board{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px}
.pick{display:flex;flex-direction:column;gap:10px}
.pick a{display:block;border-radius:var(--r-s);padding:12px 14px;background:var(--paper)}
.pick small{display:block;font-size:12px;color:var(--ink-3)}
.pick b{font-weight:600;font-size:14px;line-height:21px}
.blist li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.blist li:last-child{border-bottom:0}
.blist .who{font-size:13px;color:var(--ink-2);max-width:130px}
.blist time{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
[role="tabpanel"][hidden]{display:none}
/* /PART */

/* PART: desk-sections (분야별 기사) */
.desks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px}
.desk h3{font-size:16px;font-weight:700;color:var(--ink);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line);letter-spacing:0}
.desk .lead{font-weight:700;font-size:15px;line-height:22px}
.desk p{font-size:13px;color:var(--ink-2);line-height:20px;margin:6px 0 8px}
.desk li{font-size:15px;line-height:26px;color:var(--ink)}
.desk li::before{content:none}
/* /PART */

/* PART: gold-board (오른쪽 위젯 → 금시세) */
.gold .shead{margin-bottom:12px}
.gold .shead h2{color:var(--ink)}
table.price{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.price caption{text-align:left;font-size:12px;color:var(--ink-3);padding-bottom:8px}
.price th,.price td{padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.price thead th{font-size:12px;font-weight:600;color:var(--ink-3);border-bottom:1px solid var(--line-2);padding-top:0}
.price th[scope=row]{text-align:left;font-weight:700}
.price th[scope=row] small{font-weight:400;color:var(--ink-3);font-size:11px;margin-left:4px}
.price td{text-align:right}
.price td.buy{color:var(--up);font-weight:700}
.price td.sell{color:var(--ink);font-weight:600}
.intl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0;margin-top:16px}
.intl div{padding:0 12px;border-left:1px solid var(--line)}
.intl div:nth-child(odd){border-left:0;padding-left:0}
.intl span{font-size:13px;color:var(--ink-2)}
.intl b{display:block;font-size:18px;font-variant-numeric:tabular-nums;margin:2px 0 4px}
.intl em{font-style:normal;font-size:12px;font-weight:700;color:var(--down);background:var(--down-soft);border-radius:4px;padding:3px 8px}
.gold .foot-note{display:flex;justify-content:space-between;margin-top:14px;font-size:12px;color:var(--ink-3)}
/* /PART */

/* PART: member-box (로그인 칸 — 링크만) */
.member .btn{height:48px;border-radius:var(--r-s);background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}
.member .btn:hover{text-decoration:none;background:#14203a}
.member .sub{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;color:var(--ink-2)}
/* /PART */

/* PART: rec-3 (쇼핑 추천 3열 → 급매상품) */
.rec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rec a{display:block;min-width:0}
.rec .img{display:block;aspect-ratio:1;background:var(--img);border-radius:var(--r-s)}
.rec b{font-weight:400;font-size:15px;line-height:22px;margin-top:8px}
/* /PART */

/* PART: rank-10 (실시간 트렌드 → 많이 본 기사 / 업계 키워드) */
.rank li{display:flex;gap:12px;align-items:baseline;font-size:15px;line-height:34px}
.rank li b{width:18px;text-align:center;font-family:var(--sans);font-weight:700;color:var(--ink)}
.rank li a,.rank li span{flex:1;min-width:0}
.rank li i{font-style:normal;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
/* /PART */

/* PART: video-ad (영상란 → 광고) */
.ad-video{aspect-ratio:336/420}
/* /PART */

/* PART: directory (업종별 디렉토리) */
.dir{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.dir a{text-align:center;font-size:14px;padding:9px 0;background:var(--paper);border-radius:var(--r-s)}
/* /PART */

/* PART: site-footer */
.foot{margin-top:48px;background:transparent;color:var(--ink-3);font-size:12px;line-height:1.7}
.foot .wrap{padding-top:24px;padding-bottom:40px;border-top:1px solid #e1e4e8}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:14px;color:var(--ink-2);font-size:13px}
.foot .brand-s{margin-bottom:12px;line-height:0}
.foot .brand-s img{height:36px;width:auto}
.foot .corp{font-style:normal;margin-bottom:10px;color:var(--ink-3)}
.foot .corp p{display:flex;flex-wrap:wrap;gap:0 14px}
.foot .corp b{font-weight:600;color:var(--ink-2)}
.foot .draft{margin-top:10px;color:var(--ink-3)}
/* /PART */

/* ---------- 좁은 화면: 1199px 이하 한 줄 ---------- */
@media (max-width:1199px){
  :root{--wrap:100%;--pad:16px}
  .wrap{padding:0 16px}
  .grid{display:flex;flex-direction:column}
  .col{display:contents}
  /* 휴대폰에서 보이는 순서: 금시세 → 최신 기사 → 많이 본 기사 → 게시판 → 젬키 → 나머지 */
  .o-gold{order:1}.o-news{order:2}.o-rank{order:3}.o-board{order:4}.o-gems{order:5}
  .o-desks{order:6}.o-rec{order:7}.o-member{order:8}.o-ad{order:9}.o-dir{order:10}
  .mast .ad-mini{display:none}
  .mast .wrap{grid-template-columns:1fr;padding:18px 16px 14px}
  .kw-one{display:none}
  .board{grid-template-columns:1fr}
}
@media (max-width:767px){
  .topline .wrap{font-size:12px;height:32px}
  .topline .date-long{display:none}
  .brand{min-height:60px}
  .brand img{height:52px}
  .brand p{font-size:11px;letter-spacing:.06em}
  .secbar .wrap{height:46px;padding:0}
  .secs{padding:0 8px}
  .secs a{height:46px;padding:0 10px;font-size:15px}
  .shead h2{font-size:18px;margin-right:6px;width:100%}
  .shead .meta{margin-left:0}
  .chip{height:34px;padding:0 12px;font-size:14px}
  .mix{grid-template-columns:1fr 1fr;gap:14px 12px}
  .mix .list{grid-column:1 / -1;grid-row:auto}
  .mix .ph.more{display:none}
  .list li a{font-size:15px}
  .banner3{grid-template-columns:1fr}
  .banner3 .ad:nth-child(n+2){display:none}
  .banner3 .ad{aspect-ratio:auto;height:90px}
  .gems{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .desks{grid-template-columns:1fr}
  .blist li{grid-template-columns:minmax(0,1fr) auto;font-size:14px}
  .blist .who{display:none}
  .pager{gap:14px}
  .pager .home{position:static}
  .ad-lead{height:80px}
  .ad-video{aspect-ratio:auto;height:220px}
}

/* PART: 데이터로 채운 그림·보조 */
.ph .img,.gems .img,.rec .img{position:relative;overflow:hidden;padding:0}
.ph .img img,.gems .img img,.rec .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gems .img img{object-fit:contain;background:#fff}
.ph .img .cat{position:absolute;left:6px;bottom:6px;font-size:11px;font-weight:600;color:#fff;background:rgba(0,0,0,.56);border-radius:4px;padding:1px 6px}
.ph b,.gems b,.rec b{display:block}
.rec .pr{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-top:2px;font-variant-numeric:tabular-nums}
.rec code{display:block;font-size:12px;color:var(--ink-3);font-weight:400;margin-top:6px}
.list .top{flex:none;font-size:11px;font-weight:600;color:var(--ink-3)}
.price .l{text-align:left}.price .r{text-align:right}
.shead.tight{margin-bottom:12px}
.sale li{padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.sale li:last-child{border-bottom:0}
.rank .period{font-size:12px;color:var(--ink-3);margin-top:8px}
.blist .v{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.empty{padding:20px 0;color:var(--ink-3);font-size:14px}
.kw-one #kwW{transition:opacity .3s}
.kw-one.fade #kwW{opacity:0}
@media (prefers-reduced-motion:reduce){.kw-one #kwW{transition:none}}
/* /PART */
.intl em.upm{color:var(--up);background:var(--up-soft)}
.desk{min-width:0}
.desk li{display:flex;gap:4px}.desk li::before{flex:none}.desk li a{flex:1}
.desk .lead{display:block}
@media (max-width:767px){.desks{grid-template-columns:minmax(0,1fr)}}
.sr,.shead h2.sr{position:absolute!important;width:1px!important;height:1px;margin:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr:focus{position:fixed!important;left:8px;top:8px;width:auto!important;height:auto;clip:auto;z-index:10;background:var(--ink);color:#fff;padding:8px 12px}
@media (max-width:1199px){.grid{align-items:stretch}.grid>*,.col>*{width:100%;min-width:0}}
.kw-one #kwW{flex:1;font-weight:600}

/* PART: 2단계 동작 — 붙는 섹션 바·키워드 펼침·시세 접기·포토 넘김·맨 위로·휴대폰 쓸어 넘기기 */
.secbar{position:sticky;top:0;z-index:20;transition:box-shadow .2s}
.secbar.stuck{box-shadow:0 1px 4px rgba(0,0,0,.06)}
.mini-brand{display:none;flex:none;margin-right:8px;line-height:0}
.mini-brand img{display:block;height:36px;width:auto}
.secbar.stuck .mini-brand{display:block}
.mini-brand:hover{text-decoration:none}
html{scroll-padding-top:64px}
.fold{flex:none;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0;line-height:1;color:var(--ink-2)}
.fold:hover{background:var(--paper)}
.fold span{transition:transform .2s}
.fold[aria-expanded="true"] span{transform:rotate(180deg)}
.kw-one{position:relative}
.kw-drop{position:absolute;right:0;top:calc(100% + 8px);width:var(--side);background:var(--card);border:0;border-radius:var(--r);box-shadow:0 4px 16px rgba(0,0,0,.12);padding:16px 20px;z-index:30}
.kw-h{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px}
.kw-h small{font-weight:400;color:var(--ink-3);margin-left:6px}
.gold .shead .fold{margin-left:4px}
#goldDom{margin-top:14px}
.photo{position:relative}
.photo .slide{display:block}
.photo .img{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--img);border-radius:var(--r-s)}
.photo .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s}
.photo b{display:block;font-weight:400;font-size:17px;line-height:24px;margin-top:10px}
.photo .nav{position:absolute;top:calc((100% - 54px) / 2 - 18px);width:36px;height:36px;border-radius:50%;background:#fff;border:0;box-shadow:var(--shadow-btn);font-size:0;display:flex;align-items:center;justify-content:center;color:var(--ink);opacity:0;transition:opacity .2s}
.photo .prev{left:8px}.photo .next{right:8px}
.photo:hover .nav,.photo .nav:focus-visible{opacity:1}
.pp{margin-left:6px;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);font-size:0;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center}
.pp[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.dots{text-align:center;font-size:12px;color:var(--ink-3);margin-top:8px;font-variant-numeric:tabular-nums}
.totop{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;background:var(--card);border:0;box-shadow:var(--shadow-btn);display:flex;align-items:center;justify-content:center;font-size:0;color:var(--ink);z-index:25}
.totop[hidden]{display:none}
.totop:hover{text-decoration:none;background:var(--paper)}
.ph:hover .img img{transform:scale(1.03)}
.ph .img img{transition:transform .25s}
@media (prefers-reduced-motion:reduce){.ph .img img,.gems .img img,.photo .img img,.fold span{transition:none}}
@media (hover:none){.photo .nav{opacity:1}}
@media (max-width:1199px){.o-photo{order:3}.kw-drop{width:min(384px,calc(100vw - 32px))}}
@media (max-width:767px){
  .secbar .mini-brand{display:none!important}
  .totop{right:16px;bottom:16px}
  /* 칩 줄: 접지 않고 옆으로 밀기 */
  .shead[role=tablist]{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);padding:0 var(--pad);scroll-padding:0 var(--pad)}
  .shead[role=tablist]::-webkit-scrollbar{display:none}
  .shead[role=tablist] h2{width:auto;flex:none}
  .shead[role=tablist] .chip{flex:none}
  /* 젬키: 가로로 쓸어 넘기기(scroll-snap) */
  .gems{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 4px;scroll-padding:0 var(--pad);scrollbar-width:none}
  .gems::-webkit-scrollbar{display:none}
  .gems a{flex:0 0 42%;scroll-snap-align:start}
}
/* /PART */
/* PART: 휴대폰 메뉴·새 기사 단추 */
.menu-btn{display:none;width:40px;height:40px;font-size:0;color:var(--ink);border-radius:var(--r-s)}
.menu-btn:hover{background:var(--paper)}
.drawer{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.4)}
.drawer[hidden]{display:none}
.drawer-in{position:absolute;left:0;top:0;bottom:0;width:min(320px,86vw);background:var(--card);overflow-y:auto;padding:12px 20px 32px;animation:dr .2s ease-out}
@keyframes dr{from{transform:translateX(-100%)}to{transform:none}}
.drawer-h{display:flex;justify-content:space-between;align-items:center;height:48px;border-bottom:1px solid var(--line);margin-bottom:8px;font-size:17px;color:var(--ink)}
.drawer nav p{font-size:12px;font-weight:600;color:var(--ink-3);margin:16px 0 4px;letter-spacing:0}
.drawer nav a{display:block;padding:10px 0;font-size:16px;border-bottom:1px solid var(--line-3)}
.renew{display:none;height:40px;padding:0 18px;border:1px solid var(--line);border-radius:20px;font-size:15px;color:var(--ink)}
.renew .n{color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){.drawer-in{animation:none}}
@media (max-width:767px){
  .mast .wrap{grid-template-columns:40px 1fr 40px;gap:0;padding:12px 8px 10px}
  .menu-btn{display:flex;align-items:center;justify-content:center}
  .mast .brand{text-align:center}
  #newsPrev,#newsNext,#newsPrev+span{display:none}
  .o-news .pager .renew{display:inline-flex;align-items:center;gap:4px}
}
/* /PART */
body.noscroll{overflow:hidden}
.sentinel{height:0}


/* PART: 다듬기 v4 — 아이콘(mask) · 사진 테두리 · 휴대폰 칸 */
.menu-btn span,.search-btn span,.mast-search button span,.big-search button span,.fold span,
#drawerX::before,.totop::before,.pager button:not(.renew)::before,.photo .nav::before,.pp::before,.renew::before,
.pn.arw::before{content:"";display:block;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.menu-btn span{--i:var(--i-menu);width:24px;height:24px}
.search-btn span,.mast-search button span,.big-search button span{--i:var(--i-search);width:22px;height:22px}
.fold span{--i:var(--i-down)}
#drawerX::before{--i:var(--i-close)}
.totop::before{--i:var(--i-up)}
.pager [id$=Prev]::before,.photo .prev::before{--i:var(--i-left)}
.pager [id$=Next]::before,.photo .next::before{--i:var(--i-right)}
.pp span{display:none}
.pp::before{--i:var(--i-pause);width:14px;height:14px}
.pp[aria-pressed="true"]::before{--i:var(--i-play)}
.renew{gap:6px}
.renew::before{--i:var(--i-refresh);width:18px;height:18px}
/* 사진 둘레 4% 선(다음 썸네일과 같은 방식) */
.ph .img::after,.gems .img::after,.rec .img::after,.photo .img::after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.04);border-radius:inherit;pointer-events:none}
.rec .img{position:relative}
@media (max-width:767px){
  /* 휴대폰: 다음 모바일처럼 칸이 화면 끝까지, 모서리·그림자 없음, 칸 사이 8px 회색 띠 */
  .grid{gap:8px}
  .grid>.card,.col>.card,.grid>.o-ad,.col>.o-ad{width:calc(100% + 32px)!important;margin-left:-16px;margin-right:-16px;border-radius:0;box-shadow:none}
  .ad-lead{height:72px}
  .secs a{font-size:16px}
}
/* /PART */

.period{font-size:12px;color:var(--ink-3);margin-top:10px}

/* PART: home-func (첫 화면 기능 살리기 · 2026-11-11 — 검색 제안 목록 · 휴대폰 업계 키워드 한 줄 · 깨진 사진) */
.mast-search{position:relative}
.sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--card);border-radius:var(--r);box-shadow:0 4px 16px rgba(0,0,0,.12);padding:6px 0;z-index:40;max-height:min(420px,70vh);overflow-y:auto;list-style:none;text-align:left}
.sugg[hidden]{display:none}
.sugg li{display:flex;align-items:center;gap:10px;padding:0 16px;height:38px;font-size:14px;color:var(--ink);cursor:pointer}
.sugg li .t{flex:1;min-width:0}
.sugg li small{flex:none;font-size:12px;color:var(--ink-3)}
.sugg li mark{background:none;color:var(--navy);font-weight:700}
.sugg li.all{border-bottom:1px solid var(--line);margin-bottom:4px}
.sugg li:hover,.sugg li[aria-selected=true]{background:var(--paper)}
img.broken{visibility:hidden}
@media (max-width:1199px){
  /* 다음 휴대폰처럼 실시간 한 줄을 머리 아래에 — 섹션 메뉴 밑 둘째 줄 */
  .secbar .wrap{flex-wrap:wrap;height:auto;row-gap:0}
  .secbar .secs{flex:1 1 0}
  .secbar .kw-one{display:flex;width:100%;height:40px;border-top:1px solid var(--line);font-size:14px}
}
@media (max-width:767px){
  .secbar .kw-one{padding:0 16px}
}
/* /PART */

/* PART: polish2 — 섹션별 고유색 + 아이콘 (2026-11-11, 다음·네이버 실측: polish2/aside-measure.txt)
   v4 의 「강조색 하나」를 버리고 섹션마다 색을 준다. 값은 icons.js(NPI.color/text/soft)와 같다.
   --c 아이콘 바탕 · --ct 글자(흰·옅은 바탕 모두 AA) · --cs 선택 탭·배지 옅은 바탕 */
[data-c]{--c:#64748b;--ct:#475569;--cs:#eceef1}
[data-c=news]{--c:#3b82f6;--ct:#1d4ed8;--cs:#e7f0fe}
[data-c=price]{--c:#f59e0b;--ct:#a1460a;--cs:#fef3e2}
[data-c=gk]{--c:#8b5cf6;--ct:#6d28d9;--cs:#f1ebfe}
[data-c=idx]{--c:#14b8a6;--ct:#0f766e;--cs:#e3f6f4}
[data-c=job]{--c:#22c55e;--ct:#15803d;--cs:#e4f8ec}
[data-c=seek]{--c:#16a34a;--ct:#166534;--cs:#e3f4e9}
[data-c=market]{--c:#f97316;--ct:#b93c0b;--cs:#feeee3}
[data-c=talk]{--c:#ec4899;--ct:#be185d;--cs:#fde9f3}
[data-c=sale],[data-c=rank]{--c:#ef4444;--ct:#c81e1e;--cs:#fde9e9}
[data-c=book]{--c:#6366f1;--ct:#4f46e5;--cs:#ecedfd}
[data-c=photo]{--c:#0ea5e9;--ct:#0369a1;--cs:#e2f4fc}
[data-c=keyword]{--c:#eab308;--ct:#8a5a06;--cs:#fcf6e1}
[data-c=gold]{--c:#d4a017;--ct:#8a5a06;--cs:#faf4e3}
:root{--hot:#c81e1e;--hot-s:#fde9e9;--newc:#15803d;--new-s:#e4f8ec}

/* 아이콘 공통 */
.npi-badge{display:inline-flex;flex:none;line-height:0}
.npi-badge svg{display:block}

/* 섹션 제목: 아이콘 + 「제목 ›」 (다음 오늘의 소식·뉴스 ›) */
.shead h2 a{display:inline-flex;align-items:center;gap:10px}
.shead h2 a:hover{text-decoration:none}
.shead h2 a:hover .gt{transform:translateX(2px)}
.shead h2 .gt{width:18px;height:18px;margin-left:-4px;background:var(--ink-3);-webkit-mask:var(--i-right) center/contain no-repeat;mask:var(--i-right) center/contain no-repeat;transition:transform .15s}
.shead.tight h2 a{gap:8px}
.shead.tight h2{font-size:17px}
.o-rank .shead h2{margin-right:4px;line-height:0}
.o-rank .shead h2 .npi-badge{margin-right:2px}

/* 탭: 선택은 섹션 색의 옅은 채움 + 섹션 글자색 (다음 rgba(91,146,254,.16) / rgb(30,132,255) 와 같은 문법) */
[data-c] .chip{border-color:transparent;background:transparent}
[data-c] .chip:not([aria-selected=true]){border-color:var(--line)}
[data-c] .chip[aria-selected=true],[data-c] .chip[aria-selected=true]:hover{background:var(--cs);border-color:var(--cs);color:var(--ct);font-weight:700}
[data-c] .chip:not([aria-selected=true]):hover{background:var(--paper)}
[data-c] .chip:focus-visible{outline-color:var(--ct)}

/* 더보기 1/3 — 탭 이름은 섹션 글자색, 현재 쪽 굵게, 총 쪽 흐리게 */
[data-c] .pager > span > b:first-child{color:var(--ct)}
.pager > span{font-size:15px;color:var(--ink)}
.pager > span > b:nth-of-type(2),.pager > span > b:only-of-type{font-weight:700}
.pager .n{color:var(--ink-4)}
.pager .home{gap:2px}
.pager .home::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--i-right) center/contain no-repeat;mask:var(--i-right) center/contain no-repeat}
.pager .home{font-size:13px}

/* 작은 배지: NEW·HOT·급구 */
.bdg{display:inline-flex;align-items:center;flex:none;height:18px;padding:0 5px;border-radius:4px;font-size:11px;font-weight:700;font-style:normal;line-height:1;letter-spacing:0;vertical-align:middle}
.bdg.hot{color:var(--hot);background:var(--hot-s)}
.bdg.new{color:var(--newc);background:var(--new-s)}
.list li .bdg{align-self:center}
.new{color:var(--newc);background:var(--new-s)}

/* 출처·분류 글자에 섹션 색 (다음 뉴스 출처 파란 글자) */
.src{color:var(--ct);font-weight:600}
.ph small{font-size:13px}

/* 바로가기 줄 (네이버 서비스 아이콘 줄: 44 아이콘 · 13.65px 라벨 · 4px 간격) */
.svc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding:16px 12px 14px;gap:0}
.svc a{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink-2);letter-spacing:-.3px;white-space:nowrap;border-radius:var(--r-s);padding:4px 0}
.svc a:hover{text-decoration:none;color:var(--ink)}
.svc a .npi-badge{transition:transform .15s}
.svc a:hover .npi-badge{transform:translateY(-2px)}
.svc .cnt{position:absolute;top:0;left:calc(50% + 12px);min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:#15803d;color:#fff;font-size:11px;font-weight:700;font-style:normal;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff}
.svc .cnt:empty{display:none}
@media (prefers-reduced-motion:reduce){.svc a .npi-badge,.shead h2 .gt{transition:none}}

/* 업계 키워드 한 줄 */
.kw-one .tag{display:inline-flex;align-items:center;gap:5px;color:#8a5a06;background:#fcf6e1;padding:3px 10px 3px 4px}
.kw-one #kwN{color:var(--hot)}

/* 순위: 숫자 굵게, 1~3위 빨강 (다음 실시간 17/700) */
.rank li b{font-size:16px;font-weight:800;width:20px}
.rank li.top3 b{color:var(--hot)}
.rank li .bdg{align-self:center}
.kw-drop .rank li:nth-child(-n+3) b{color:var(--hot)}

/* 시세 등락 ▲ 빨강 / ▼ 파랑 (다음 증시 배지: 16% 바탕 · 12/700 · 모서리 8) */
.intl em{border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}
.intl em.dn{color:var(--down);background:var(--down-soft)}
.intl b{font-size:19px;font-weight:800}

/* 젬키·인덱스: 사진 위 품번 배지 */
.gems .img .pcode,.rec .img .pcode{position:absolute;left:6px;top:6px;z-index:1;margin:0;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:0;color:#fff;background:var(--ct);border-radius:4px;padding:2px 6px;line-height:15px}
.gems .pr,.rec .pr{font-size:14px;font-weight:700;color:var(--ink);margin-top:4px;font-variant-numeric:tabular-nums}
.gems .pr.lock{font-weight:600;color:var(--ct);font-size:12px}
.gems .pr.lock::before{content:"";display:inline-block;width:12px;height:12px;margin-right:3px;vertical-align:-1px;background:currentColor;-webkit-mask:var(--i-lock) center/contain no-repeat;mask:var(--i-lock) center/contain no-repeat}
.gems b{margin-top:8px}

/* 게시판: 대표 글 칸 출처 색 · 배지 · 전체 보기 칸 */
.pick a{position:relative;border:1px solid transparent}
.pick a:hover{text-decoration:none;border-color:var(--cs)}
.pick a:hover b{text-decoration:underline;text-underline-offset:3px}
.pick small{display:flex;align-items:center;gap:4px}
.pick small .bdg{margin-left:auto}
.pick a.all{background:var(--cs)}
.pick a.all b{color:var(--ct)}
.blist li .t{display:flex;align-items:center;gap:6px;min-width:0}
.blist li .t a{min-width:0}

/* 분야별 기사: 분야 이름에 섹션 색 막대 */
.desk h3{display:flex;align-items:center;gap:8px}
.desk h3::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--c)}

/* 포토: 사진 위에 글씨 (다음 카페·스토리 큰 사진 카드) */
.photo .slide{position:relative;border-radius:var(--r-s);overflow:hidden}
.photo .slide:hover{text-decoration:none}
.photo b{position:absolute;left:0;right:0;bottom:0;margin:0;padding:48px 16px 14px;color:#fff;font-weight:600;font-size:17px;line-height:24px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.72));border-radius:0 0 var(--r-s) var(--r-s);z-index:1}
.photo .nav{top:calc(50% - 18px);z-index:2}
.photo .img{aspect-ratio:4/3}

/* 급매: 앞에 빨강 꼬리표 */
.sale li{display:flex;align-items:center;gap:8px}
.sale li a{flex:1}
.tag-s{flex:none;font-size:11px;font-weight:700;color:var(--ct);background:var(--cs);border-radius:4px;padding:1px 6px;line-height:16px}

/* 회원 칸 아래 바로가기 (다음 메일·카페·MY 줄) */
.member .quick{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.member .quick a{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--ink)}
.member .quick a + a{border-left:1px solid var(--line)}
.member .quick b{color:#15803d;font-weight:700;font-size:14px}

/* 광고 자리 → 우리 내용 광고 예시 */
.adx{position:relative;overflow:hidden;color:var(--ink);text-align:left;font-size:13px;box-shadow:var(--shadow)}
.adx:hover{text-decoration:none}
.adx:hover strong{text-decoration:underline;text-underline-offset:3px}
.adx-k,.adx-k-inline{font-size:10px;font-weight:600;color:var(--ink-3);border:1px solid var(--line-2);border-radius:4px;padding:0 4px;line-height:15px;background:rgba(255,255,255,.85)}
.adx .adx-k{position:absolute;right:10px;top:8px;z-index:2}
.adx strong{font-size:17px;font-weight:700;line-height:1.35;color:var(--ink)}
.adx small{font-size:12px;color:var(--ink-2)}
.adx em{font-style:normal;font-size:13px;color:var(--ink-2)}
.adx-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.adx-txt small{font-weight:700;color:var(--ct)}
.adx-go{flex:none;height:40px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;font-size:14px;font-weight:700;color:#fff;background:var(--ct)}
.adx-pics{display:flex;gap:6px;flex:none}
.adx-pics img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid var(--line-3)}
/* 띠 배너(728×90 자리): 글 · 사진 · 단추 한 줄 */
.ad-lead.adx{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;padding:0 24px;background:var(--card)}
.ad-lead.adx .adx-txt{flex:1}
.adx-gk{--ct:#6d28d9;--cs:#f1ebfe;background:linear-gradient(100deg,#fff 40%,#f1ebfe)!important}
.adx-book{--ct:#4f46e5;--cs:#ecedfd;background:linear-gradient(100deg,#fff 40%,#ecedfd)!important}
/* 3칸 배너 */
.banner3 .adx{align-items:flex-start;justify-content:flex-end;gap:4px;padding:16px;text-align:left;border-radius:var(--r-s)}
.banner3 .adx strong{font-size:16px}
.banner3 .adx .npi-badge{position:absolute;left:16px;top:16px}
.adx-cert{background:#e3f6f4!important}
.adx-job{background:#e4f8ec!important}
.adx-idx{background:#f7f8fa!important}
.adx-idx img{position:absolute;right:8px;top:24px;width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}
.adx-idx strong{position:relative}
/* 제호 옆 작은 칸 */
.mast .adx-sub{align-items:flex-start;justify-content:center;gap:0;padding:0 16px;background:#faf4e3;box-shadow:none}
.mast .adx-sub strong{font-size:15px}
.mast .adx-sub .adx-k{top:6px;right:8px}
/* 세로 칸(영상 광고 자리) */
.adx-tall{justify-content:flex-end;align-items:flex-start;gap:12px;padding:20px;background:linear-gradient(180deg,#faf4e3,#fef3e2)!important;--ct:#8a5a06}
.adx-tall .adx-pics{position:absolute;left:0;right:0;top:0;bottom:150px;display:flex;align-items:center;justify-content:center}
.adx-tall .adx-pics img{width:72%;height:auto;aspect-ratio:1;border:0;background:transparent;mix-blend-mode:multiply}
.adx-tall strong{font-size:22px}
.adx-k-inline{margin-left:auto}
/* 300×250 */
.adx-adinfo{align-items:flex-start;justify-content:center;gap:8px;padding:24px;background:var(--card)}
.adx-adinfo strong{font-size:20px}
.adx-tel{margin-top:6px;font-size:14px;font-weight:700;color:#1d4ed8}

@media (max-width:1199px){
  .o-svc{order:0}
}
@media (max-width:767px){
  /* 바로가기: 6칸 × 2줄 격자 (가로 스크롤 없이 다 보이게) */
  .svc{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:10px;padding:14px 8px 12px}
  .svc a{font-size:12px;gap:4px}
  .svc a .npi-badge svg{width:36px;height:36px}
  .shead h2 a{gap:8px}
  .shead h2 .npi-badge svg{width:28px;height:28px}
  .ad-lead.adx{padding:0 16px;gap:12px}
  .ad-lead.adx .adx-pics img:nth-child(n+2){display:none}
  .ad-lead.adx .adx-pics img{width:56px;height:56px}
  .ad-lead.adx .adx-go,.ad-lead.adx em{display:none}
  .ad-lead.adx strong{font-size:15px}
  .adx-book .npi-badge svg{width:36px;height:36px}
  .banner3 .adx{justify-content:center;padding:12px 16px 12px 60px}
  .banner3 .adx .npi-badge{left:16px;top:calc(50% - 14px)}
  .banner3 .adx-idx{padding-left:16px}
  .adx-idx img{top:13px}
  .adx-tall{min-height:300px}
  .adx-tall .adx-pics{bottom:130px}
  .member .quick a{font-size:13px}
}
/* /PART */
/* PART: polish2 고침 1 — pages.css 의 h2 a::after 꺾쇠·등락 꺾쇠와 겹침 정리, 제목 줄 폭 */
.shead h2 a:has(.gt)::after{content:none}
#gold #intl em::before{content:none}
.rank li .bdg{flex:none}
.gold .shead{flex-wrap:nowrap}
.gold .shead h2{margin-right:0;white-space:nowrap}
.gold .shead .meta{white-space:nowrap}
.o-news .shead{gap:6px}
.o-news .shead h2,.o-gems .shead h2,.o-board .shead h2{margin-right:8px}
.o-news .chip{padding:0 14px}
/* /PART */
/* PART: polish2 고침 2 — 휴대폰: 광고 예시 꼬리표가 사진을 덮지 않게, 제목 옆 꼬리표 한 줄 */
@media (max-width:767px){
  .ad-lead.adx .adx-pics{display:none}
  .o-dir .shead h2,.o-ad .shead h2{width:auto}
  .o-dir .shead .meta,.o-ad .shead .meta{margin-left:auto}
}
/* /PART */

/* PART: clean — 네이버처럼 차분하게 (2026-11-11 밤, 사용자 「아이콘이 여기저기 다 있어 정돈된 느낌이 없다」)
   아이콘 줄 삭제(글자 메뉴만) · 섹션 제목·키워드·광고 앞 색 아이콘 숨김 · 섹션별 색 → 한 가지 먹색
   되돌리기: 이 PART 를 지우고 _before-clean\ 의 index.html·app.js 를 되살린다 */
[data-c]{--c:#c4cad3;--ct:#1f2937;--cs:#f1f3f6}
.shead h2 .npi-badge,.kw-one .tag .npi-badge,.adx .npi-badge,.member .quick .npi-badge{display:none}
.shead h2 a,.shead.tight h2 a{gap:2px}
.shead h2 .gt{margin-left:0}
.o-rank .shead h2{display:none}
.kw-one .tag{color:var(--ink-2);background:#f1f3f6;padding:3px 10px}
.src{color:var(--ink-3);font-weight:500}
.desk h3::before{display:none}
.member .quick b{color:var(--ink)}
/* /PART */
/* PART: white — 전체 흰 바탕 · 칸 구분은 얇은 선만 (2026-11-11 밤, 사용자 「회색이 있어 별로, 전체 하얗게 구분만 얇은 선」)
   되돌리기: 이 PART 를 지우거나 _before-white\style.css */
:root{--paper:#fff;--cs:#fff}
body{background:#fff}
.secbar{margin-bottom:0}
.grid{gap:0 32px}
.col{gap:0}
.card,.ad,.adx{background:#fff;box-shadow:none;border-radius:0}
main.col > .card,main.col > section,main.col > .ad,main.col > a.ad,main.col > div{padding-left:0;padding-right:0;border-bottom:1px solid var(--line)}
aside.col{border-left:1px solid var(--line);padding-left:24px}
aside.col > *{padding-left:0;padding-right:0;border-bottom:1px solid var(--line)}
.col > *:last-child{border-bottom:0}
.card .ad,.mast .ad{background:#fff;border:1px solid var(--line)}
.adx,[class*=adx-]{background:#fff !important}
.pick a,.dir a{background:#fff;border:1px solid var(--line)}
.pick a.all{background:#fff}
[data-c] .chip[aria-selected=true],[data-c] .chip[aria-selected=true]:hover{background:var(--ink);border-color:var(--ink);color:#fff}
[data-c] .chip:not([aria-selected=true]):hover{background:#fff;border-color:var(--ink-3)}
.pager .home,.pp[aria-pressed="true"]{background:#fff;border:1px solid var(--line)}
.kw-one .tag,.tag-s{background:#fff;border:1px solid var(--line);border-radius:4px}
.gems .img .pcode,.rec .img .pcode{background:rgba(17,24,39,.78)}
@media (max-width:1199px){aside.col{border-left:0;padding-left:0;border-top:1px solid var(--line)}}
@media (max-width:767px){.grid .card,.grid .ad,.grid .adx{padding-left:16px !important;padding-right:16px !important}}
/* /PART */
/* PART: badges — 배지는 NEW·마감만(11/11) */
.dday{flex:none;margin-left:6px;font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.dday.soon{color:var(--hot)}
.pick small .dday{margin-left:auto}
.blist .t .dday{margin-left:6px}

/* PART: end-ads — 홈 맨 끝 광고 카드 줄(11/11 사용자 「맨 마지막에 광고 조금 더」). 네이버판 광고 3칸 줄 꼴: 흰 바탕 1px 선 카드, 왼쪽 사진 · 오른쪽 두 줄 글
   1280: 3칸 × 2줄 · 767 이하: 1열. 되돌리기: 이 PART 와 index.html 의 end-ads PART 를 지우거나 _before-endads\ */
.end-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding:24px 0 32px}
.end-ads a{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;min-height:112px;color:var(--ink);background:#fff}
.end-ads a:hover{text-decoration:none;border-color:var(--line-2)}
.end-ads a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.end-ads .adk{position:absolute;right:8px;top:8px;font-size:10px;font-weight:600;color:var(--ink-3);border:1px solid var(--line-2);border-radius:4px;padding:0 4px;line-height:15px;background:#fff}
.end-ads .ea-img{display:block;aspect-ratio:1;border-radius:4px;overflow:hidden;background:var(--img)}
.end-ads .ea-img img{width:100%;height:100%;object-fit:cover;display:block}
.end-ads .ea-t{min-width:0;padding-right:44px}
.end-ads .ea-t small{display:block;font-size:12px;line-height:18px;color:var(--ink-3)}
.end-ads .ea-t strong{display:block;font-size:15px;line-height:21px;margin-top:4px;font-weight:700;word-break:keep-all}

@media (max-width:767px){.end-ads{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 0 24px}.end-ads a{min-height:96px;grid-template-columns:72px minmax(0,1fr)}}
/* /PART */
/* PART: desk-thumb — 분야별 기사 대표 기사에 작은 썸네일(11/11). 사진이 없는 기사는 예전처럼 글만 */
.desk .lead-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;color:var(--ink)}
.desk .lead-row:hover{text-decoration:none}
.desk .lead-row:hover .lead{text-decoration:underline}
.desk .dthumb{display:block;aspect-ratio:3/2;border-radius:4px;overflow:hidden;background:var(--img);border:1px solid var(--line)}
.desk .dthumb img{width:100%;height:100%;object-fit:cover;display:block}
.desk .lead.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* /PART */

/* PART: boxed — 섹션마다 얇은 선 상자로 묶기(11/11 사용자 「얇은 선으로나마 묶어놓는 것이 하나의 섹션이구나 한눈에」, 네이버 뉴스스탠드 상자 꼴)
   흰 바탕 · 1px #e3e5e8 · 모서리 8px · 안쪽 20px · 상자 사이 16px. 휴대폰(767 이하)은 예전처럼 선으로만. 되돌리기: 이 PART 삭제 또는 _before-boxed\ */
@media (min-width:768px){
  .col{gap:16px}
  main.col > section.card, aside.col > section.card{border:1px solid #e3e5e8 !important;border-radius:8px;padding:18px 20px 20px !important}
  main.col > a.ad, aside.col > a.ad{border-bottom:0 !important}
  aside.col{border-left:0;padding-left:0}
  .grid{gap:0 24px}
}
@media (min-width:768px) and (max-width:1199px){aside.col{border-top:0;margin-top:16px}}
/* /PART */
/* PART: home3 — 홈 3차(11/11): 아홉 서비스가 본문에 각자 칸 · 인덱스/젬키/급매 5열 격자 · 오른쪽 새 글·새 상품 · 좌우 마지막 상자 바닥 맞춤
   바닥 맞춤: 1200 이상에서 두 칸을 같은 높이로 늘이고(align-items:stretch), 오른쪽 맨 끝 「새로 올라온 상품」 상자가 flex 로 남는 높이를 채운다.
   그 상자의 목록은 높이 0 에서 시작(flex-basis 0)해 오른쪽 칸이 왼쪽보다 길어지지 않고, 다 들어가는 줄만 보인다(app.js fitFeed).
   되돌리기: 이 PART 와 index.html 의 idx-grid·jk-grid·sale-grid·new-posts·new-feed PART 를 지우거나 _before-home3\ */
.sv3 .shead .meta{margin-left:auto;font-size:12px;color:var(--ink-3)}
.gems.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
/* 급매 글자 썸네일 — 사진이 없는 상품 */
.gems .img.txtimg{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px;background:#f7f8fa;border:1px solid var(--line);text-align:center;color:var(--ink)}
.gems .img.txtimg small{font-size:11px;font-weight:700;color:var(--hot);letter-spacing:.02em}
.gems .img.txtimg strong{font-size:22px;line-height:28px;font-weight:700;font-variant-numeric:tabular-nums}
.gems .img.txtimg em{font-style:normal;font-size:13px;line-height:18px;color:var(--ink-2);max-width:100%}
.gems .pr.lock{color:var(--ink-3)}
/* 오른쪽: 게시판 새 글 */
.posts li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:34px;min-width:0}
.posts li .bk{flex:none;font-size:11px;line-height:18px;padding:0 5px;border:1px solid var(--line);border-radius:4px;color:var(--ink-2)}
.posts li a{flex:1;min-width:0}
.posts li time{flex:none;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
/* 오른쪽 맨 끝: 새로 올라온 상품 */
.feed{display:flex;flex-direction:column;row-gap:0}
.feed li{border-top:1px solid var(--line)}
.feed li:first-child{border-top:0}
.feed li a{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:8px 0;color:var(--ink)}
.feed li a:hover{text-decoration:none}
.feed li a:hover b{text-decoration:underline}
.feed .fimg{display:block;width:56px;height:56px;border-radius:4px;overflow:hidden;background:var(--img);border:1px solid var(--line)}
.feed .fimg img{width:100%;height:100%;object-fit:cover;display:block}
.feed .ft{min-width:0;display:flex;flex-direction:column}
.feed .ft small{font-size:11px;line-height:16px;color:var(--ink-3)}
.feed .ft b{font-weight:400;font-size:14px;line-height:20px}
.feed .ft em{font-style:normal;font-size:12px;line-height:17px;color:var(--ink-2);font-weight:700}
.feed .ft em.lock{font-weight:400;color:var(--ink-3)}
.feed li[hidden]{display:none}
@media (min-width:1024px){
  .grid{align-items:stretch}
  aside.col > .o-feed{flex:1 1 0;min-height:200px;display:flex;flex-direction:column}
  .o-feed .feed{flex:1 1 0;min-height:0;overflow:hidden}
  main.col > :last-child{flex:1 0 auto}
}
@media (max-width:1023px){.feed li:nth-child(n+9){display:none}}
@media (max-width:1023px){.gems.g5{grid-template-columns:repeat(4,minmax(0,1fr))}.gems.g5 > a:nth-child(n+9){display:none}}
@media (max-width:767px){
  .o-idx,.o-jk,.o-gems,.o-board,.o-sale{order:4}
  .o-desks{order:6}.o-posts{order:7}.o-feed{order:10}
  .gems.g5 > a:nth-child(n+5){display:block}  /* 휴대폰은 젬키주얼리처럼 가로로 쓸어 넘기기 — 다 보임 */
}
/* 1024~1199: 예전엔 한 줄로 쌓였지만, 홈 3차에서 두 칸(본문 + 오른쪽 320px)으로 — 좌우 바닥을 맞추려면 두 칸이어야 한다 */
@media (min-width:1024px) and (max-width:1199px){
  .grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0 24px}
  .col{display:flex;flex-direction:column;gap:16px}
  .col > *{order:0 !important}
  aside.col{margin-top:0;border-top:0}
}
/* 1023 이하 한 줄 흐름 순서: 금시세 → 최신 기사 → 많이 본 기사 → 인덱스·젬키·젬키주얼리·게시판·급매 → 분야별 기사 → 나머지 */
@media (max-width:1023px){
  .o-idx,.o-jk,.o-gems,.o-board,.o-sale{order:4}
  .o-desks{order:6}.o-posts{order:7}.o-feed{order:10}
}
/* /PART */

/* PART: home4 — 오른쪽 맨 끝 나누기(11/11 사용자 「새로 들어온 상품이 너무 길다, 칸을 나눠」)
   새로 올라온 상품 7줄(늘어나지 않음) → 마감 임박 구인 → 세로 광고(맨 끝, 이것 하나만 늘어나 왼쪽 바닥에 맞춤 · 사진이 남는 높이를 채워 빈 공간 0).
   되돌리기: 이 PART 와 index.html 의 due-jobs·tall-ad PART 를 지우거나 _before-home4\ */
.duej li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);min-width:0}
.duej li:first-child{border-top:0;padding-top:2px}
.duej .dj{flex:1;min-width:0;display:flex;flex-direction:column;color:var(--ink)}
.duej .dj:hover{text-decoration:none}
.duej .dj:hover b{text-decoration:underline}
.duej .dj b{font-weight:400;font-size:14px;line-height:20px}
.duej .dj small{font-size:12px;line-height:17px;color:var(--ink-3)}
.duej .dday{margin-left:0}
.o-tall .tall-ad{position:relative;display:flex;flex-direction:column;height:100%;min-height:320px;border-radius:6px;overflow:hidden;color:#fff;background:#111827}
.o-tall .tall-ad:hover{text-decoration:none}
.o-tall .tall-ad:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.o-tall .ta-img{position:absolute;inset:0}
.o-tall .ta-img img{width:100%;height:100%;object-fit:cover;display:block}
.o-tall .ta-t{position:relative;margin-top:auto;padding:56px 20px 20px;background:linear-gradient(to top,rgba(17,24,39,.86),rgba(17,24,39,0))}
.o-tall .ta-t small{display:block;font-size:12px;line-height:18px;opacity:.85}
.o-tall .ta-t strong{display:block;font-size:20px;line-height:28px;margin-top:4px;font-weight:700;word-break:keep-all}
.o-tall .ta-t em{display:block;font-style:normal;font-size:12px;line-height:18px;margin-top:6px;opacity:.85}
.o-tall .adk{position:absolute;right:10px;top:10px;z-index:1;font-size:10px;font-weight:600;color:var(--ink-2);border:1px solid var(--line-2);border-radius:4px;padding:0 4px;line-height:15px;background:#fff}
@media (min-width:1024px){
  aside.col > .o-feed{flex:none;min-height:0;display:block}
  .o-feed .feed{flex:none;overflow:visible}
  aside.col > .o-tall{flex:1 1 0;min-height:360px;display:flex;flex-direction:column}
  aside.col > .o-tall .tall-ad{flex:1;height:auto}
}
@media (max-width:1023px){.o-tall .tall-ad{min-height:0;aspect-ratio:4/3}.o-due{order:7}.o-tall{order:9}}
/* /PART */

/* PART: home4b — 오른쪽 맨 끝을 원 사이트 실제 콘텐츠 3칸으로(11/11 사용자 「원 사이트에서 오른쪽 채울 것 찾아봐」)
   새로 올라온 상품 6줄 → 업종별 업체 찾기(14분류) → 광고 제휴 로고 → 동영상(맨 끝, 이것 하나만 늘어나 왼쪽 바닥에 맞춤 · 첫 영상 사진이 남는 높이를 채움).
   앞 PART home4 의 마감 임박·세로 광고 칸은 index.html 에서 빠졌다(규칙은 남아도 대상이 없음). 되돌리기: 이 PART 와 index.html 의 dir-box·partners·movie PART 를 지우거나 _before-home4\ */
.dirs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.dirs a{display:flex;align-items:center;justify-content:center;height:32px;border:1px solid var(--line);border-radius:4px;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.dirs a:hover{text-decoration:none;border-color:var(--ink-3)}
.ptns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ptns a{display:flex;align-items:center;justify-content:center;height:44px;border:1px solid var(--line);border-radius:4px;background:#fff;overflow:hidden;padding:4px}
.ptns a:hover{text-decoration:none;border-color:var(--ink-3)}
.ptns img{max-width:100%;max-height:34px;object-fit:contain;display:block}
.ptns .pn{font-size:12px;line-height:16px;color:var(--ink-2);text-align:center;word-break:break-all}
.movs{display:flex;flex-direction:column;gap:10px}
.movs .mv{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink)}
.movs .mv:hover{text-decoration:none}
.movs .mv:hover b{text-decoration:underline}
.movs .mv b{flex:1;min-width:0;font-weight:400;font-size:14px;line-height:20px}
.movs .mimg{position:relative;flex:none;width:96px;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:var(--line)}
.movs .mimg img{width:100%;height:100%;object-fit:cover;display:block}
.movs .play{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:rgba(0,0,0,.55)}
.movs .play::after{content:"";position:absolute;left:10px;top:7px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #fff}
.movs .mv.first{flex-direction:column;align-items:stretch;gap:8px}
.movs .mv.first .mimg{width:100%}
.movs .mv.first .play{width:40px;height:40px;margin:-20px 0 0 -20px}
.movs .mv.first .play::after{left:15px;top:11px;border-width:9px 0 9px 14px}
.movs .mv.first b{font-weight:600;font-size:15px;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:1024px){
  aside.col > .o-movie{flex:1 1 0;min-height:320px;display:flex;flex-direction:column}
  .o-movie .movs{flex:1;min-height:0}
  .o-movie .mv.first{flex:1;min-height:0}
  .o-movie .mv.first .mimg{flex:1 1 0;min-height:96px;aspect-ratio:auto}
  .o-movie .mv.first b,.o-movie .mv:not(.first){flex:none}
}
@media (max-width:1023px){.o-dir{order:7}.o-ptn{order:8}.o-movie{order:9}}
@media (max-width:420px){.dirs{grid-template-columns:repeat(4,minmax(0,1fr))}.ptns{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* /PART */

/* PART: adr — 실제 외부 업체 광고 그림(11/12 김영균 「원래 광고 구역에 다른 업체 광고 위주로」). 그림은 img2/ads/ (원 사이트 ADManager 공개 그림).
   칸 크기는 그대로 두고 안쪽만 그림으로 바꿈. 되돌리기: 이 PART 와 index.html·pages.js 의 adr 부분, 원본 _before-ads1112\ */
.adr{position:relative;background:#fff!important;padding:0!important;gap:8px!important;overflow:hidden}
.adr-k{position:absolute;right:6px;top:6px;z-index:2;font-size:10px;font-weight:600;color:var(--ink-3);border:1px solid var(--line-2);border-radius:4px;padding:0 4px;line-height:15px;background:rgba(255,255,255,.9);pointer-events:none}
.adr-a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:#fff;overflow:hidden}
.adr-a img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.adr-a:hover{opacity:.92;text-decoration:none}
/* 홈 칸들 */
.mast .adx-sub.adr{flex-direction:row;padding:0!important}
.mast .adx-sub.adr .adr-a{width:100%;height:100%}
.ad-lead.adr{flex-direction:row;align-items:stretch}
.ad-lead.adr .adr-a{flex:1 1 0;height:100%}
.ad-lead.adr .adr-a img{height:100%;width:100%;object-fit:scale-down}
.banner3 .adr{flex-direction:row;align-items:stretch;border:1px solid var(--line)}
.banner3 .adr .adr-a{flex:1;height:100%}
.adx-tall.adr .adr-a{width:100%;height:100%}
.adx-tall.adr .adr-a img{width:100%;height:100%;object-fit:scale-down}
.ad-side.adr{flex-direction:row;align-items:stretch}
.ad-side.adr .adr-a{flex:1 1 0;height:100%}
.end-ads.adr-end{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.end-ads.adr-end a{display:flex;grid-template-columns:none;padding:0;min-height:0;aspect-ratio:180/245;border-radius:6px}
.end-ads.adr-end a img{width:100%;height:100%;object-fit:scale-down}
/* 옆 칸 광고 더미(뉴스 목록·기사) · 상품관 옆 광고 */
.sads{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.sads .adr-a{aspect-ratio:3/4;border:1px solid var(--line);border-radius:6px}
.sads .adr-a.w{grid-column:1/-1;aspect-ratio:auto}
.sads .adr-a.w img{margin:0 auto}
body[data-page="article"] #colSide>.sads-card{grid-column:1/-1}
body[data-page="shop"] #colSide .sp-ad.adr .adr-a{width:100%;height:100%}
@media (max-width:767px){
  .end-ads.adr-end{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sads{grid-template-columns:repeat(3,minmax(0,1fr))}
}
#colSide>.sads-card.adr{padding:14px!important}