/* ============================================================
   NEW_B INTERNAL PAGES — 메인과 같은 자연스러운 편집 톤을 공유
   ============================================================ */
body.new-b-page { background:#fff; }
body.new-b-page .nw {
	--bg:#fff; --fg:#090909; --muted:#f5f5f7; --muted-2:#ededf0;
	--cream:#f5f5f7; --cream-2:#ececf0; --ink:#090909; --ink-soft:#161618;
	--muted-fg:#6e6e73; --muted-fg-2:#85858b;
	--border:#111; --border-light:#d8d8dc; --border-ultra-light:#ececf0; --border-cream:#d8d8dc;
	--gold:#9eb8ff; --gold-d:#2563eb; --gold-soft:#c6d3ff;
	padding-top:60px;
}
body.new-b-page .nw-nav {
	position:fixed; z-index:110; top:0; left:0; right:0; height:60px;
	background:rgba(255,255,255,.86); border-bottom:1px solid rgba(0,0,0,.07);
	backdrop-filter:saturate(180%) blur(24px); -webkit-backdrop-filter:saturate(180%) blur(24px);
}
body.new-b-page .nw-nav-inner { height:60px; padding:0; }
body.new-b-page .nw-nav-link {
	padding:20px 10px 18px; border-bottom:2px solid transparent;
	font-size:11px; font-weight:650; letter-spacing:.05em; color:#4f4f54;
}
body.new-b-page .nw-nav-link i { display:none; }
body.new-b-page .nw-nav-link.is-active { color:#111; border-bottom-color:#2563eb; }
body.new-b-page .nw-nav-search,
body.new-b-page .nw-nav-hamburger {
	border:0; background:#f1f1f3; border-radius:999px !important;
}
body.new-b-page .nw-nav-cta {
	padding:10px 17px; border-radius:999px !important;
	background:#2563eb !important; transition:transform .2s, background .2s;
}
body.new-b-page .nw-nav-cta:hover { background:#174bb7 !important; transform:translateY(-1px); }
body.new-b-page .nw-nav-user,
body.new-b-page .nw-nav-submenu { border-radius:16px !important; }
body.new-b-page .nw-nav-submenu { overflow:hidden; }

body.new-b-page .nw-page-head,
body.new-b-page .nw-cat-head,
body.new-b-page .nw-mcat-head,
body.new-b-page .nw-wcat-head,
body.new-b-page .nw-scat-head,
body.new-b-page .nw-ab-head,
body.new-b-page .nw-s-head,
body.new-b-page .nw-ccat-head,
body.new-b-page .nw-sl-head {
	padding-top:110px; padding-bottom:70px;
	background:linear-gradient(180deg,#f5f5f7 0%,#fff 100%);
}
body.new-b-page .nw-page-head-h,
body.new-b-page .nw-cat-head-h,
body.new-b-page .nw-mcat-head-h,
body.new-b-page .nw-wcat-head-h,
body.new-b-page .nw-scat-head-h,
body.new-b-page .nw-ab-h,
body.new-b-page .nw-ccat-head-h,
body.new-b-page .nw-sl-head-h {
	font-weight:750; letter-spacing:-.075em;
}
body.new-b-page .nw-cat-chip,
body.new-b-page .nw-wcat-chip,
body.new-b-page .nw-sl-filter-btn,
body.new-b-page .nw-s-form input,
body.new-b-page .nw-s-form button,
body.new-b-page .nw-cat-pagination-nav a,
body.new-b-page .nw-mcat-pagination-nav a,
body.new-b-page .nw-wcat-pagination-nav a,
body.new-b-page .nw-404-actions a {
	border-radius:999px !important;
}
body.new-b-page .nw-cat-chip.is-active,
body.new-b-page .nw-wcat-chip.is-active,
body.new-b-page .nw-cat-pagination-nav .is-current,
body.new-b-page .nw-mcat-pagination-nav .is-current,
body.new-b-page .nw-wcat-pagination-nav .is-current { background:#2563eb; border-color:#2563eb; color:#fff; }

body.new-b-page .nw-cat-lead,
body.new-b-page .nw-mcat-lead,
body.new-b-page .nw-wcat-lead,
body.new-b-page .nw-a-source-card,
body.new-b-page .nw-a-related-card,
body.new-b-page .nw-cat-card,
body.new-b-page .nw-mcat-card,
body.new-b-page .nw-wcat-card,
body.new-b-page .nw-s-tech-card,
body.new-b-page .nw-s-make-card,
body.new-b-page .nw-s-work-card,
body.new-b-page .nw-ccat-card,
body.new-b-page .nw-sd-target-item,
body.new-b-page .nw-sd-outcome-item,
body.new-b-page .nw-sl-card,
body.new-b-page .nw-ab-section-card,
body.new-b-page .nw-cd-vol,
body.new-b-page .nw-cd-pn,
body.new-b-page .nw-cd-tst,
body.new-b-page .nw-cls-card,
body.new-b-page .nw-mat-card {
	border-radius:24px !important; overflow:hidden;
}
body.new-b-page .nw-cat-card,
body.new-b-page .nw-mcat-card,
body.new-b-page .nw-wcat-card,
body.new-b-page .nw-a-related-card,
body.new-b-page .nw-s-tech-card,
body.new-b-page .nw-s-make-card,
body.new-b-page .nw-s-work-card,
body.new-b-page .nw-ccat-card,
body.new-b-page .nw-sl-card,
body.new-b-page .nw-ab-section-card {
	transition:transform .25s, box-shadow .25s, border-color .25s;
}
body.new-b-page .nw-cat-card:hover,
body.new-b-page .nw-mcat-card:hover,
body.new-b-page .nw-wcat-card:hover,
body.new-b-page .nw-a-related-card:hover,
body.new-b-page .nw-s-tech-card:hover,
body.new-b-page .nw-s-make-card:hover,
body.new-b-page .nw-s-work-card:hover,
body.new-b-page .nw-ccat-card:hover,
body.new-b-page .nw-sl-card:hover,
body.new-b-page .nw-ab-section-card:hover {
	transform:translateY(-4px); box-shadow:0 18px 46px rgba(16,35,80,.10); border-color:#b9c9f5;
}
body.new-b-page .nw-cat-grid,
body.new-b-page .nw-mcat-grid,
body.new-b-page .nw-wcat-grid,
body.new-b-page .nw-sl-grid,
body.new-b-page .nw-a-related-grid {
	gap:16px; border:0; background:transparent;
}
body.new-b-page .nw-cat-card,
body.new-b-page .nw-mcat-card,
body.new-b-page .nw-wcat-card,
body.new-b-page .nw-sl-card,
body.new-b-page .nw-a-related-card { border:1px solid #dedee2; }
body.new-b-page .nw-cat-lead,
body.new-b-page .nw-mcat-lead,
body.new-b-page .nw-wcat-lead { margin-bottom:28px; border:1px solid #dedee2; }
body.new-b-page .nw-a-head { padding-top:92px; background:linear-gradient(180deg,#f5f5f7 0%,#fff 100%); }
body.new-b-page .nw-a-title { font-weight:750; letter-spacing:-.06em; }
body.new-b-page .nw-a-source-card,
body.new-b-page .nw-a-share-btn,
body.new-b-page .nw-cd-hero-cta a,
body.new-b-page .nw-cd-pricing-cta a,
body.new-b-page .nw-cd-pricing-cta button,
body.new-b-page .nw-gd-btn,
body.new-b-page .nw-chal-btn,
body.new-b-page .nw-sd-btn { border-radius:999px !important; }
body.new-b-page .nw-cd-hero,
body.new-b-page .nw-sd-hero,
body.new-b-page .nw-chal-hero,
body.new-b-page .nw-gd-hero,
body.new-b-page .nw-aff-hero {
	background:linear-gradient(145deg,#07164f,#2454dd 62%,#6757e7);
}
body.new-b-page .nw-cd-pricing,
body.new-b-page .nw-aff-cta,
body.new-b-page .nw-endpaper { background:#0b0b0c; }
body.new-b-page .nw-foot { background:#f5f5f7; border-top:1px solid #d8d8dc; }
body.new-b-page .nw-foot-subscribe-row,
body.new-b-page .nw-foot-subscribe-status,
body.new-b-page .nw-search-overlay-close,
body.new-b-page .nw-search-overlay-chips a { border-radius:999px !important; overflow:hidden; }

@media (max-width:880px) {
	body.new-b-page .nw-nav-inner { padding:0 16px; }
	body.new-b-page .nw-page-head,
	body.new-b-page .nw-cat-head,
	body.new-b-page .nw-mcat-head,
	body.new-b-page .nw-wcat-head,
	body.new-b-page .nw-scat-head,
	body.new-b-page .nw-ab-head,
	body.new-b-page .nw-s-head,
	body.new-b-page .nw-ccat-head,
	body.new-b-page .nw-sl-head { padding-top:70px; padding-bottom:44px; }
}

/* NEW_B · NATURAL EDITORIAL SYSTEM v16 */
body.new-b-page { background:#fbfaf7; }
body.new-b-page .nw {
	--bg:#fbfaf7; --fg:#1c1b18; --muted:#f1efe9; --muted-2:#e9e5dc;
	--cream:#f1efe9; --cream-2:#e8e3da; --ink:#1c1b18; --ink-soft:#292a27;
	--muted-fg:#716d65; --muted-fg-2:#8a857c;
	--border:#292824; --border-light:#d9d4ca; --border-ultra-light:#ebe7df; --border-cream:#d9d4ca;
	--gold:#b99670; --gold-d:#805d3f; --gold-soft:#dfcbb4;
	padding-top:60px;
}
body.new-b-page .nw-progress { background:#8a6240; }
body.new-b-page .nw-nav { background:rgba(251,250,247,.97); border-bottom-color:#ded9cf; backdrop-filter:none; -webkit-backdrop-filter:none; }
body.new-b-page .nw-nav-logo { gap:12px; }
body.new-b-page .nw-nav-logo .ttj-mark { font-size:31px; }
body.new-b-page .nw-nav-slogan { gap:0; font-size:11.5px; line-height:1.25; }
body.new-b-page .nw-nav-r { gap:0; }
body.new-b-page .nw-nav-link { height:60px; padding:0 10px; color:#5e5a53; }
body.new-b-page .nw-nav-link.is-active { color:#1c1b18; border-bottom-color:#8a6240; }
body.new-b-page .nw-nav-category-menu { top:60px; border-color:#ded9cf; background:#fbfaf7; }
body.new-b-page .nw-nav-tools { display:flex; align-items:center; flex:none; gap:7px; margin-left:11px; }
body.new-b-page .nw-nav-search,
body.new-b-page .nw-nav-hamburger { flex:none; border-radius:50% !important; background:#eeebe4; }
body.new-b-page .nw-nav-search { display:grid; place-items:center; width:36px; height:36px; flex:none; margin:0; padding:0; color:#3f3f44; }
body.new-b-page .nw-nav-search svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; }
body.new-b-page .nw-nav-auth { display:flex; align-items:center; gap:10px; margin:0; padding:0 4px; border-left:0; font-size:11px; }
body.new-b-page .nw-nav-auth a { padding:0; font-size:11px; }
body.new-b-page .nw-nav-auth a.nw-nav-user { display:inline-flex; align-items:center; min-height:36px; padding:0 10px; border-radius:999px !important; background:#eeebe4; color:#55555b; font-size:11px; font-weight:650; }
/* 메인의 .tb-nav-cta와 같은 자연 높이 계산: 12px 글자 + 상하 9px 패딩 */
body.new-b-page .nw-nav-cta { width:auto; height:auto; min-height:0; margin-left:4px; padding:9px 16px; border-radius:10px !important; background:#303632 !important; font-size:12px; font-weight:700; line-height:normal; letter-spacing:-.025em; }
body.new-b-page .nw-nav-cta:hover { background:#202522 !important; transform:none; }
body.new-b-page .nw-nav-user,
body.new-b-page .nw-nav-submenu { border-radius:10px !important; }
body.new-b-page .nw-mobile-menu { background:#f7f4ee; }
body.new-b-page .nw-mobile-menu-close,
body.new-b-page .nw-mobile-menu-auth-btn { border-radius:8px !important; }
body.new-b-page .nw-search-overlay { background:rgba(30,30,27,.98); backdrop-filter:none; -webkit-backdrop-filter:none; }

@media (min-width:1001px) {
	body.new-b-page .nw-nav-inner { width:min(1280px,calc(100% - 64px)); max-width:none; padding:0; }
}
@media (max-width:1000px) {
	body.new-b-page .nw-nav-inner { width:min(900px,calc(100% - 40px)); max-width:none; padding:0; }
	body.new-b-page .nw-nav-link.hide-m,
	body.new-b-page .nw-nav-group.hide-m,
	body.new-b-page .nw-nav-auth.hide-m,
	body.new-b-page .nw-nav-tools > .nw-nav-search,
	body.new-b-page .nw-nav-tools > .nw-nav-cta { display:none !important; }
	body.new-b-page .nw-nav-tools { margin-left:0; }
	body.new-b-page .nw-nav-hamburger { display:inline-flex; }
}
@media (max-width:640px) {
	body.new-b-page .nw-nav-inner { width:calc(100% - 32px); }
}

/* NEW_B 모바일 GNB — 메인과 동일한 두 줄 버튼 + 우측 슬라이드 메뉴 */
body.new-b-page .nw-nav-hamburger.nwb-menu-toggle {
	display:none; width:40px; height:40px; padding:9px; border:0;
	border-radius:0 !important; background:transparent !important;
}
body.new-b-page .nw-nav-hamburger.nwb-menu-toggle i {
	display:block; width:100%; height:1.5px; margin:6px 0;
	background:#111; transition:transform .2s;
}
body.new-b-page .nwb-menu-backdrop,
body.new-b-page .nwb-mobile-menu { display:none; }
@media (max-width:1000px) {
	body.new-b-page .nw-nav-hamburger.nwb-menu-toggle { display:block !important; }
	body.new-b-page .nw-nav-hamburger.nwb-menu-toggle[aria-expanded="true"] i:first-child { transform:translateY(3.75px) rotate(45deg); }
	body.new-b-page .nw-nav-hamburger.nwb-menu-toggle[aria-expanded="true"] i:last-child { transform:translateY(-3.75px) rotate(-45deg); }
	body.new-b-page .nwb-menu-backdrop {
		position:fixed; z-index:106; inset:60px 0 0; display:block;
		background:rgba(7,8,12,.36); opacity:0; visibility:hidden;
		transition:opacity .38s ease,visibility .38s;
	}
	body.new-b-page .nwb-menu-backdrop.open { opacity:1; visibility:visible; }
	body.new-b-page .nwb-mobile-menu {
		position:fixed; z-index:109; top:60px; right:0; bottom:0;
		display:flex; width:min(440px,calc(100% - 12px)); flex-direction:column;
		overflow:hidden; border:1px solid rgba(12,12,15,.08); border-right:0; border-bottom:0;
		border-radius:16px 0 0 0 !important; background:#f7f5f0;
		box-shadow:-22px 20px 60px rgba(25,25,22,.16);
		transform:translate3d(calc(100% + 18px),0,0); visibility:hidden;
		transition:transform .52s cubic-bezier(.22,.75,.18,1),visibility .52s;
	}
	body.new-b-page .nwb-mobile-menu.open { transform:translate3d(0,0,0); visibility:visible; }
	body.new-b-page .nwb-mobile-menu-scroll { min-height:0; flex:1; overflow-y:auto; padding:27px 27px 18px; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
	body.new-b-page .nwb-mobile-menu-head { padding:2px 0 24px; }
	body.new-b-page .nwb-mobile-menu-head small { display:block; margin-bottom:13px; color:#956823; font:600 9px/1 var(--font-mono); letter-spacing:.14em; text-transform:uppercase; }
	body.new-b-page .nwb-mobile-menu-head strong { display:block; font-size:34px; font-weight:750; line-height:1.02; letter-spacing:-.065em; }
	body.new-b-page .nwb-mobile-menu-head strong span { color:#727279; }
	body.new-b-page .nwb-mobile-menu-head p { margin:12px 0 0; color:#77777e; font-size:12px; line-height:1.55; word-break:keep-all; }
	body.new-b-page .nwb-mobile-auth-top { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 22px; padding-bottom:21px; border-bottom:1px solid #d8d8dc; }
	body.new-b-page .nwb-mobile-auth-top a { display:flex; min-height:46px; align-items:center; justify-content:center; border:1px solid #cbc8c1; border-radius:9px !important; background:#fff; color:#252622 !important; font-size:12px; font-weight:750; }
	body.new-b-page .nwb-mobile-auth-top a:last-child { border-color:#303b38; background:#303b38; color:#fff !important; }
	body.new-b-page .nwb-mobile-links { border-top:1px solid #18181b; }
	body.new-b-page .nwb-mobile-link { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #d8d8dc; opacity:0; transform:translate3d(26px,0,0); transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1),color .2s; }
	body.new-b-page .nwb-mobile-menu a,
	body.new-b-page .nwb-mobile-menu a:link,
	body.new-b-page .nwb-mobile-menu a:visited,
	body.new-b-page .nwb-mobile-menu a:hover,
	body.new-b-page .nwb-mobile-menu a:focus { text-decoration:none !important; text-underline-offset:0 !important; }
	body.new-b-page .nwb-mobile-link,
	body.new-b-page .nwb-mobile-link:link,
	body.new-b-page .nwb-mobile-link:visited,
	body.new-b-page .nwb-mobile-link:hover,
	body.new-b-page .nwb-mobile-link:focus { color:#171714 !important; }
	body.new-b-page .nwb-mobile-menu.open .nwb-mobile-link { opacity:1; transform:none; }
	body.new-b-page .nwb-mobile-menu.open .nwb-mobile-link:nth-child(1) { transition-delay:.12s; }
	body.new-b-page .nwb-mobile-menu.open .nwb-mobile-link:nth-child(2) { transition-delay:.16s; }
	body.new-b-page .nwb-mobile-menu.open .nwb-mobile-link:nth-child(3) { transition-delay:.20s; }
	body.new-b-page .nwb-mobile-menu.open .nwb-mobile-link:nth-child(4) { transition-delay:.24s; }
	body.new-b-page .nwb-mobile-menu.open .nwb-mobile-link:nth-child(5) { transition-delay:.28s; }
	body.new-b-page .nwb-mobile-menu.open .nwb-mobile-link:nth-child(6) { transition-delay:.32s; }
	body.new-b-page .nwb-mobile-link > small { color:#9a6b29; font:600 9px/1 var(--font-mono); }
	body.new-b-page .nwb-mobile-link div { min-width:0; }
	body.new-b-page .nwb-mobile-link b { display:block; margin-bottom:3px; font-size:17px; line-height:1.15; letter-spacing:-.035em; }
	body.new-b-page .nwb-mobile-link div small { display:block; color:#84848b; font-size:10.5px; line-height:1.3; letter-spacing:-.01em; }
	body.new-b-page .nwb-mobile-link > i { font-size:18px; font-style:normal !important; font-weight:300; }
	body.new-b-page .nwb-mobile-link.is-child { padding-left:14px; background:#efede7; }
	body.new-b-page .nwb-mobile-link.is-child > small { color:#8a6240; }
	body.new-b-page .nwb-mobile-link.is-child b { font-size:14px; }
	body.new-b-page .nwb-mobile-account { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:22px; }
	body.new-b-page .nwb-mobile-account a { display:flex; min-height:42px; align-items:center; justify-content:center; border:1px solid #d2d2d7; border-radius:9px !important; background:#fff; font-size:12px; font-weight:700; }
	body.new-b-page .nwb-mobile-account a,
	body.new-b-page .nwb-mobile-account a:link,
	body.new-b-page .nwb-mobile-account a:visited { color:#171714 !important; }
	body.new-b-page .nwb-mobile-account a.is-primary,
	body.new-b-page .nwb-mobile-account a.is-primary:link,
	body.new-b-page .nwb-mobile-account a.is-primary:visited { grid-column:1/-1; border-color:#303b38; background:#303b38; color:#fff !important; }
	body.new-b-page .nwb-mobile-user { grid-column:1/-1; margin-bottom:2px; color:#77777e; font-size:12px; }
	body.new-b-page .nwb-mobile-user b { color:#111; }
	body.new-b-page .nwb-mobile-menu-cta { flex:none; padding:18px 27px max(20px,env(safe-area-inset-bottom)); background:#252622; color:#fff; }
	body.new-b-page .nwb-mobile-menu-cta small { display:block; margin-bottom:7px; color:#d2b897; font:600 9px/1 var(--font-mono); letter-spacing:.08em; }
	body.new-b-page .nwb-mobile-menu-cta-row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
	body.new-b-page .nwb-mobile-menu-cta b { font-size:16px; line-height:1.28; letter-spacing:-.04em; }
	body.new-b-page .nwb-mobile-menu-cta a { display:inline-flex; min-height:42px; flex:none; align-items:center; justify-content:center; gap:7px; padding:0 16px; border-radius:9px !important; background:#fff; color:#111; font-size:12px; font-weight:750; white-space:nowrap; }
	body.new-b-page .nwb-mobile-menu-cta a,
	body.new-b-page .nwb-mobile-menu-cta a:link,
	body.new-b-page .nwb-mobile-menu-cta a:visited { color:#111 !important; }
}
@media (max-width:640px) {
	body.new-b-page .nwb-mobile-menu { width:calc(100% - 8px); }
	body.new-b-page .nwb-mobile-menu-scroll { padding:24px 21px 16px; }
	body.new-b-page .nwb-mobile-menu-head { padding-bottom:21px; }
	body.new-b-page .nwb-mobile-menu-head strong { font-size:31px; }
	body.new-b-page .nwb-mobile-link { grid-template-columns:27px 1fr auto; gap:10px; padding:13px 0; }
	body.new-b-page .nwb-mobile-link b { font-size:16px; }
	body.new-b-page .nwb-mobile-menu-cta { padding:16px 21px max(17px,env(safe-area-inset-bottom)); }
	body.new-b-page .nwb-mobile-menu-cta-row { gap:10px; }
	body.new-b-page .nwb-mobile-menu-cta b { font-size:15px; }
	body.new-b-page .nwb-mobile-menu-cta a { min-height:40px; padding:0 14px; }
}
@media (prefers-reduced-motion:reduce) {
	body.new-b-page .nwb-mobile-menu,
	body.new-b-page .nwb-menu-backdrop,
	body.new-b-page .nwb-mobile-link { transition:none !important; }
}

body.new-b-page .nw-page-head,
body.new-b-page .nw-cat-head,
body.new-b-page .nw-mcat-head,
body.new-b-page .nw-wcat-head,
body.new-b-page .nw-scat-head,
body.new-b-page .nw-ab-head,
body.new-b-page .nw-s-head,
body.new-b-page .nw-ccat-head,
body.new-b-page .nw-sl-head,
body.new-b-page .nw-a-head { background:#f3f0e9; border-bottom:1px solid #dfdad0; }
body.new-b-page .nw-page-head-h,
body.new-b-page .nw-cat-head-h,
body.new-b-page .nw-mcat-head-h,
body.new-b-page .nw-wcat-head-h,
body.new-b-page .nw-scat-head-h,
body.new-b-page .nw-ab-h,
body.new-b-page .nw-ccat-head-h,
body.new-b-page .nw-sl-head-h { font-weight:720; }

body.new-b-page .nw-cat-chip,
body.new-b-page .nw-wcat-chip,
body.new-b-page .nw-sl-filter-btn,
body.new-b-page .nw-s-form input,
body.new-b-page .nw-s-form button,
body.new-b-page .nw-cat-pagination-nav a,
body.new-b-page .nw-mcat-pagination-nav a,
body.new-b-page .nw-wcat-pagination-nav a,
body.new-b-page .nw-404-actions a { border-radius:7px !important; }
body.new-b-page .nw-cat-chip.is-active,
body.new-b-page .nw-wcat-chip.is-active,
body.new-b-page .nw-cat-pagination-nav .is-current,
body.new-b-page .nw-mcat-pagination-nav .is-current,
body.new-b-page .nw-wcat-pagination-nav .is-current { border-color:#303632; background:#303632; }

body.new-b-page .nw-cat-lead,
body.new-b-page .nw-mcat-lead,
body.new-b-page .nw-wcat-lead,
body.new-b-page .nw-a-source-card,
body.new-b-page .nw-a-related-card,
body.new-b-page .nw-cat-card,
body.new-b-page .nw-mcat-card,
body.new-b-page .nw-wcat-card,
body.new-b-page .nw-s-tech-card,
body.new-b-page .nw-s-make-card,
body.new-b-page .nw-s-work-card,
body.new-b-page .nw-ccat-card,
body.new-b-page .nw-sd-target-item,
body.new-b-page .nw-sd-outcome-item,
body.new-b-page .nw-sl-card,
body.new-b-page .nw-ab-section-card,
body.new-b-page .nw-cls-card,
body.new-b-page .nw-mat-card { border-radius:12px !important; border-color:#ddd8ce; box-shadow:none; }
body.new-b-page .nw-cat-card:hover,
body.new-b-page .nw-mcat-card:hover,
body.new-b-page .nw-wcat-card:hover,
body.new-b-page .nw-a-related-card:hover,
body.new-b-page .nw-s-tech-card:hover,
body.new-b-page .nw-s-make-card:hover,
body.new-b-page .nw-s-work-card:hover,
body.new-b-page .nw-ccat-card:hover,
body.new-b-page .nw-sl-card:hover,
body.new-b-page .nw-ab-section-card:hover { transform:none; box-shadow:none; border-color:#aaa298; }
body.new-b-page .nw-cat-grid,
body.new-b-page .nw-mcat-grid,
body.new-b-page .nw-wcat-grid,
body.new-b-page .nw-sl-grid,
body.new-b-page .nw-a-related-grid { gap:12px; }

body.new-b-page .nw-a-source-card,
body.new-b-page .nw-a-share-btn,
body.new-b-page .nw-cd-hero-cta a,
body.new-b-page .nw-cd-pricing-cta a,
body.new-b-page .nw-cd-pricing-cta button,
body.new-b-page .nw-gd-btn,
body.new-b-page .nw-chal-btn,
body.new-b-page .nw-sd-btn { border-radius:8px !important; }
body.new-b-page .nw-cd-hero,
body.new-b-page .nw-sd-hero,
body.new-b-page .nw-chal-hero,
body.new-b-page .nw-gd-hero,
body.new-b-page .nw-aff-hero { background:#343933; }
body.new-b-page .nw-cd-pricing,
body.new-b-page .nw-aff-cta,
body.new-b-page .nw-endpaper { background:#242521; }
body.new-b-page .nw-foot { background:#f1efe9; border-top-color:#d9d4ca; }
body.new-b-page .nw-foot-subscribe-row,
body.new-b-page .nw-foot-subscribe-status,
body.new-b-page .nw-search-overlay-close,
body.new-b-page .nw-search-overlay-chips a { border-radius:8px !important; }

/* NEW_B · CONTEXTUAL ENDING — 목록과 상세의 끝을 다음 결과로 연결 */
.nwb-next {
	position:relative; overflow:hidden; padding:104px 0 110px; border-top:1px solid #3e3e38;
	background:#252622; color:#f6f2eb; isolation:isolate;
}
.nwb-next::after {
	content:attr(data-step); position:absolute; z-index:-1; right:-.03em; bottom:-.24em;
	color:rgba(255,255,255,.035); font:750 clamp(230px,31vw,460px)/.8 var(--font-mono);
	letter-spacing:-.13em; pointer-events:none;
}
.nwb-next-inner {
	display:grid; grid-template-columns:minmax(170px,.42fr) minmax(0,1fr); gap:7vw; align-items:start;
}
.nwb-next-label {
	display:flex; align-items:center; gap:13px; padding-top:8px;
	color:#ceb493; font:700 9px/1 var(--font-mono); letter-spacing:.15em; text-transform:uppercase;
}
.nwb-next-label::before { content:''; width:32px; height:1px; background:currentColor; }
.nwb-next-copy h2 {
	max-width:850px; margin:0; font-size:clamp(46px,5.8vw,82px); font-weight:710;
	line-height:1.02; letter-spacing:-.068em; word-break:keep-all;
}
.nwb-next-copy p {
	max-width:620px; margin:28px 0 0; color:#aaa79f; font-size:16px; line-height:1.75; word-break:keep-all;
}
.nwb-next-link {
	display:inline-flex; align-items:center; gap:18px; margin-top:37px; padding-bottom:8px;
	border-bottom:1px solid rgba(255,255,255,.38); color:#f6f2eb; font-size:13px; font-weight:700;
}
.nwb-next-link span { color:#d6bc9c; transition:transform .2s; }
.nwb-next-link:hover span { transform:translateX(5px); }

/* NEW_B · PAGE-SPECIFIC IMAGE HEROES v17 */
body.new-b-page .nwb-page-hero { padding:52px 0 68px; background:#f3f0e9; border-bottom:1px solid #dfdad0; }
body.new-b-page .nwb-page-hero-grid { position:relative; min-height:650px; overflow:hidden; border:1px solid #d6d0c5; border-radius:22px; background:#e9e4da; isolation:isolate; }
body.new-b-page .nwb-page-hero-copy { position:relative; z-index:2; width:min(51%,620px); min-height:650px; padding:64px; display:flex; flex-direction:column; justify-content:center; }
body.new-b-page .nwb-page-hero-media { position:absolute; z-index:0; inset:0; margin:0; }
body.new-b-page .nwb-page-hero-media img { position:relative; z-index:0; width:100%; height:100%; object-fit:cover; object-position:center; }
body.new-b-page .nwb-page-hero-media::after { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(244,241,234,.32) 0%,rgba(244,241,234,.11) 42%,transparent 64%); pointer-events:none; }
body.new-b-page .nwb-page-hero-caption { position:absolute; z-index:2; right:22px; bottom:18px; color:rgba(37,35,31,.68); font:600 8.5px/1.4 var(--font-mono); letter-spacing:.12em; text-transform:uppercase; }
body.new-b-page .nwb-page-hero-grid::before {
	position:absolute; z-index:4; top:20px; left:20px; padding:9px 11px 8px;
	border:1px solid rgba(35,33,29,.14); border-radius:7px; background:rgba(244,241,234,.88);
	color:#514b43; font:700 8px/1 var(--font-mono); letter-spacing:.13em; text-transform:uppercase;
}
body.new-b-page .nwb-page-hero--tech .nwb-page-hero-grid::before { content:'01 · READ'; }
body.new-b-page .nwb-page-hero--class .nwb-page-hero-grid::before { content:'02 · CHOOSE'; }
body.new-b-page .nwb-page-hero--make .nwb-page-hero-grid::before { content:'03 · BUILD'; }
body.new-b-page .nwb-page-hero--work .nwb-page-hero-grid::before { content:'04 · EARN'; }
body.new-b-page .nwb-page-hero--story .nwb-page-hero-grid::before { content:'FIELD NOTES'; }
body.new-b-page .nwb-page-hero .nw-cat-head-eyebrow,
body.new-b-page .nwb-page-hero .nw-mcat-head-eyebrow,
body.new-b-page .nwb-page-hero .nw-scat-head-eyebrow,
body.new-b-page .nwb-page-hero .nw-wcat-head-eyebrow { margin-bottom:20px; color:#805d3f; }
body.new-b-page .nwb-page-hero .nw-cat-head-h,
body.new-b-page .nwb-page-hero .nw-mcat-head-h,
body.new-b-page .nwb-page-hero .nw-scat-head-h,
body.new-b-page .nwb-page-hero .nw-wcat-head-h { margin:0 0 25px; font-size:clamp(68px,8vw,110px); font-weight:760; line-height:.86; letter-spacing:-.075em; }
body.new-b-page .nwb-page-hero .nw-cat-head-d,
body.new-b-page .nwb-page-hero .nw-mcat-head-d,
body.new-b-page .nwb-page-hero .nw-scat-head-d,
body.new-b-page .nwb-page-hero .nw-wcat-head-d { max-width:470px; margin:0; color:#5f5a52; font-size:17px; line-height:1.72; word-break:keep-all; }
body.new-b-page .nwb-page-hero .nw-cat-head-meta,
body.new-b-page .nwb-page-hero .nw-mcat-head-meta,
body.new-b-page .nwb-page-hero .nw-wcat-head-meta { margin-top:34px; padding-top:19px; border-top:1px solid rgba(41,39,35,.2); gap:9px; font-size:9px; letter-spacing:.11em; }
body.new-b-page .nwb-page-hero--work .nwb-page-hero-copy { color:#fff; }
body.new-b-page .nwb-page-hero--work .nw-wcat-head-eyebrow { color:#d7b792; }
body.new-b-page .nwb-page-hero--work .nw-wcat-head-h { color:#fff; }
body.new-b-page .nwb-page-hero--work .nw-wcat-head-d,
body.new-b-page .nwb-page-hero--work .nw-wcat-head-meta { color:rgba(255,255,255,.72); }
body.new-b-page .nwb-page-hero--work .nw-wcat-head-meta { border-top-color:rgba(255,255,255,.22); }
body.new-b-page .nwb-page-hero--work .nw-wcat-head-meta b { color:#fff; }
body.new-b-page .nwb-page-hero--work .nwb-page-hero-media::after { background:linear-gradient(90deg,rgba(21,20,18,.56) 0%,rgba(21,20,18,.2) 44%,transparent 68%); }
body.new-b-page .nwb-page-hero--work .nwb-page-hero-caption { color:rgba(255,255,255,.62); }
body.new-b-page .nwb-page-hero--class .nwb-page-hero-media::after { background:linear-gradient(90deg,rgba(244,241,234,.78) 0%,rgba(244,241,234,.4) 43%,rgba(244,241,234,.04) 70%); }
body.new-b-page .nwb-page-hero--class .nw-ccat-guide-link {
	align-self:flex-start; border-bottom-color:#805d3f; color:#34312c;
}
body.new-b-page .nwb-page-hero--class .nw-ccat-guide-link .free { background:#303632; color:#fff; }

body.new-b-page .nw-cat-filters,
body.new-b-page .nw-wcat-filters { padding-top:28px; padding-bottom:28px; border-bottom-color:#ddd8ce; }
body.new-b-page .nw-cat-section,
body.new-b-page .nw-wcat-section { padding-top:62px; }
body.new-b-page .nw-cat-lead,
body.new-b-page .nw-mcat-lead,
body.new-b-page .nw-wcat-lead { overflow:hidden; border:1px solid #d8d3c9; border-radius:18px !important; box-shadow:none; }
body.new-b-page .nw-cat-lead:hover,
body.new-b-page .nw-mcat-lead:hover,
body.new-b-page .nw-wcat-lead:hover { transform:none; box-shadow:none; border-color:#aaa298; }
body.new-b-page .nw-cat-grid,
body.new-b-page .nw-wcat-grid { gap:12px; border:0; }
body.new-b-page .nw-cat-card,
body.new-b-page .nw-wcat-card { border:1px solid #ddd8ce !important; border-radius:12px !important; background:#fbfaf7; }
body.new-b-page .nw-cat-card:hover,
body.new-b-page .nw-wcat-card:hover { background:#f1efe9; }
body.new-b-page .nw-mcat-section { padding:68px 0 76px; border-top:0; background:#f1efe9; }
body.new-b-page .nw-mcat-grid { gap:12px; }
body.new-b-page .nw-mcat-card { border:1px solid #d8d3c9; border-radius:12px !important; background:#fbfaf7; }
body.new-b-page .nw-mcat-card:hover { transform:none; box-shadow:none; border-color:#aaa298; }
body.new-b-page .nw-mcat-card:hover .nw-mcat-card-thumb img { transform:none; }
body.new-b-page .nw-mcat-card-thumb img { filter:saturate(.78); }

@media (max-width:880px) {
	.nwb-next { padding:78px 0 84px; }
	.nwb-next-inner { grid-template-columns:1fr; gap:30px; }
	body.new-b-page .nwb-page-hero { padding:28px 0 52px; }
	body.new-b-page .nwb-page-hero-grid { display:flex; min-height:0; flex-direction:column; border-radius:14px; }
	body.new-b-page .nwb-page-hero-media { position:relative; z-index:0; order:-1; height:360px; }
	body.new-b-page .nwb-page-hero-media::after { display:none; }
	body.new-b-page .nwb-page-hero-copy { width:100%; min-height:0; padding:38px 30px 42px; background:#f3f0e9; color:#1c1b18; }
	body.new-b-page .nwb-page-hero--work .nwb-page-hero-copy { color:#1c1b18; }
	body.new-b-page .nwb-page-hero--work .nw-wcat-head-h { color:#1c1b18; }
	body.new-b-page .nwb-page-hero--work .nw-wcat-head-d,
	body.new-b-page .nwb-page-hero--work .nw-wcat-head-meta { color:#5f5a52; }
	body.new-b-page .nwb-page-hero--work .nw-wcat-head-meta { border-top-color:rgba(41,39,35,.2); }
	body.new-b-page .nwb-page-hero--work .nw-wcat-head-meta b { color:#1c1b18; }
	body.new-b-page .nwb-page-hero-caption { right:15px; bottom:13px; color:rgba(255,255,255,.72); text-shadow:0 1px 8px rgba(0,0,0,.35); }
}
@media (max-width:640px) {
	body.new-b-page .nw { padding-top:60px; }
	.nwb-next { padding:64px 0 70px; }
	.nwb-next::after { right:-.09em; bottom:-.08em; font-size:230px; }
	.nwb-next-label { font-size:8px; }
	.nwb-next-copy h2 { font-size:42px; line-height:1.04; }
	.nwb-next-copy p { margin-top:22px; font-size:14px; }
	.nwb-next-link { margin-top:30px; font-size:12px; }
	body.new-b-page .nwb-page-hero-grid { border-radius:12px; }
	body.new-b-page .nwb-page-hero-media { height:300px; }
	body.new-b-page .nwb-page-hero-copy { padding:32px 23px 36px; }
	body.new-b-page .nwb-page-hero .nw-cat-head-h,
	body.new-b-page .nwb-page-hero .nw-mcat-head-h,
	body.new-b-page .nwb-page-hero .nw-scat-head-h,
	body.new-b-page .nwb-page-hero .nw-wcat-head-h { font-size:54px; }
	body.new-b-page .nwb-page-hero .nw-cat-head-d,
	body.new-b-page .nwb-page-hero .nw-mcat-head-d,
	body.new-b-page .nwb-page-hero .nw-scat-head-d,
	body.new-b-page .nwb-page-hero .nw-wcat-head-d { font-size:15px; }
}

/* NEW_B · KOREAN TYPE WRAP v18 — 짧은 조사·한 글자 고립 방지 */
body.new-b-page :where(
	h1,h2,h3,h4,
	.nw-cat-lead-t,.nw-cat-card-t,
	.nw-mcat-lead-t,.nw-mcat-card-t,
	.nw-wcat-lead-t,.nw-wcat-card-t,
	.nw-a-title,.nw-a-pn-title,
	.nw-sl-card-t,.nw-s-card-title,
	.nw-cls-card-title,.nw-mat-group-title,
	.nbw-title
) {
	word-break:keep-all;
	overflow-wrap:break-word;
	line-break:strict;
	text-wrap:balance;
}
body.new-b-page :where(p,li,blockquote) {
	word-break:keep-all;
	overflow-wrap:break-word;
	line-break:strict;
	text-wrap:pretty;
}
@media print {
	.nwb-next { display:none !important; }
	body.new-b-page .nw { padding-top:0; }
}

/* 비수강 로그인 회원에게는 알림 대신 선착순 할인 CTA를 헤더에 유지 */
body.new-b-page .nw-nav-cta.is-nonstudent-cta { position:relative; display:inline-flex; align-items:center; justify-content:center; overflow:visible; white-space:nowrap; }
body.new-b-page .nw-nav-cta.is-nonstudent-cta::after { content:''; position:absolute; top:-4px; right:-4px; width:9px; height:9px; border:2px solid #fbfaf7; border-radius:50% !important; background:#ef3b3b; box-shadow:0 0 0 1px rgba(239,59,59,.16); }
@media (max-width:1000px) {
	body.new-b-page .nw-nav-tools > .nw-nav-cta.is-nonstudent-cta { display:inline-flex !important; order:1; margin-left:0; padding:9px 13px; font-size:11.5px; }
	body.new-b-page .nw-nav-hamburger.nwb-menu-toggle { order:2; }
}
@media (max-width:350px) {
	body.new-b-page .nw-nav-tools > .nw-nav-cta.is-nonstudent-cta { padding-inline:10px; font-size:10.5px; }
	body.new-b-page .nw-nav-slogan { display:none; }
}