﻿@font-face{font-family:NSLibrary;src:url('/assets/fonts/PretendardVariable.woff2') format('woff2');font-display:swap}
:root{--ns-bg:#f6f6f2;--ns-card:#fff;--ns-ink:#232923;--ns-sub:#727a72;--ns-line:#dfe3da;--ns-accent:#e45c34;--ns-soft:#eff0e9}
:root[data-theme=dark]{--ns-bg:#151a17;--ns-card:#212823;--ns-ink:#eff3e9;--ns-sub:#a6b3a6;--ns-line:#39463b;--ns-accent:#ffa179;--ns-soft:#29322b}
body.ns-subpage{background:var(--ns-bg)!important;color:var(--ns-ink)!important;font-family:NSLibrary,'Malgun Gothic',sans-serif!important;--bg:var(--ns-bg);--card:var(--ns-card);--surface:var(--ns-card);--ink:var(--ns-ink);--text:var(--ns-ink);--sub:var(--ns-sub);--muted:var(--ns-sub);--line:var(--ns-line);--accent:var(--ns-accent);--acc:var(--ns-accent);--soft:var(--ns-soft);margin:0;padding-top:0!important;}
#ns-sub-header,#ns-sub-header *{box-sizing:border-box}#ns-sub-header{font-family:NSLibrary,'Malgun Gothic',sans-serif;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1440px;min-height:84px;margin:0 auto 22px;padding:16px 24px;border-bottom:1px solid var(--ns-line);background:var(--ns-bg);color:var(--ns-ink);position:relative;z-index:35;letter-spacing:normal;line-height:1.4}
#ns-sub-header a{text-decoration:none;color:var(--ns-ink);font-size:12px}#ns-sub-header .ns-brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:15px;flex-shrink:0}#ns-sub-header .ns-brand b{font-size:25px;background:var(--ns-ink);color:var(--ns-bg);border-radius:7px;padding:3px 8px}#ns-sub-header .ns-brand span{letter-spacing:1px}#ns-sub-header .ns-brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--ns-sub)}#ns-sub-header nav{display:flex;gap:23px;align-items:center}#ns-sub-header nav a[aria-current]{color:var(--ns-accent);font-weight:800}#ns-sub-header .ns-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#ns-sub-header button{font:inherit;font-size:11px;min-height:38px;border:1px solid var(--ns-line);border-radius:7px;padding:8px 11px;background:var(--ns-card);color:var(--ns-ink);cursor:pointer;box-shadow:none;white-space:nowrap}#ns-sub-header #ns-topbar{position:static!important;display:flex;flex-wrap:wrap;gap:6px;padding:0!important}#ns-sub-header #ns-topbar a,#ns-sub-header #ns-topbar button{font:inherit;font-size:11px;box-shadow:none;border:1px solid var(--ns-line);background:var(--ns-card);color:var(--ns-ink);padding:8px 10px;border-radius:7px;min-height:35px}#ns-sub-header #ns-topbar a[title="메인으로"]{display:none}
.ns-subpage .ns-page-heading{font-size:clamp(30px,3.7vw,52px)!important;font-weight:800!important;letter-spacing:-1.8px!important;line-height:1.18!important;color:var(--ns-ink)!important;margin-top:14px!important;margin-bottom:18px!important;max-width:1100px}.ns-subpage .ns-page-heading em{color:var(--ns-accent)!important;font-style:normal}.ns-page-overline{display:block;font-size:10px!important;letter-spacing:2px!important;color:var(--ns-accent)!important;font-weight:800!important;margin:20px 0 10px!important;line-height:1.5!important}.ns-subpage .ns-page-intro{color:var(--ns-sub)!important;font-size:14px!important;line-height:1.9!important;max-width:90ch}.ns-subpage .ns-utility{position:static!important;min-height:0!important;max-width:1400px;margin:0 auto!important;padding:8px 24px!important;border-bottom:0!important;background:transparent!important;color:var(--ns-sub)!important;font-size:11px!important}.ns-subpage .ns-utility a{color:var(--ns-sub)!important;font-size:12px!important}.ns-subpage .ns-utility:empty{display:none}
.ns-subpage>.wrap,.ns-subpage>.gw,.ns-subpage>.tx-wrap,.ns-subpage>.gallery-main,.ns-subpage>.gallery-main,.ns-subpage>main.board,.ns-subpage>main{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.ns-subpage .ns-container{padding-top:20px!important}.ns-subpage .ns-controls{border-radius:10px!important;border-color:var(--ns-line)!important;background:var(--ns-card)!important;padding:14px!important;color:var(--ns-ink)!important;gap:9px!important;box-shadow:none!important}.ns-subpage .ns-controls :is(button,select,input[type=search],input[type=text]){font-family:inherit;border-radius:6px;min-height:38px;border-color:var(--ns-line);color:var(--ns-ink);background:var(--ns-card)}.ns-subpage .ns-controls button:is(.on,.active,[aria-pressed=true]){background:var(--ns-ink)!important;color:var(--ns-bg)!important;border-color:var(--ns-ink)!important}.ns-subpage .ns-card{border:1px solid var(--ns-line)!important;border-radius:12px!important;background:var(--ns-card)!important;color:var(--ns-ink)!important;overflow:hidden;transition:box-shadow .2s,transform .2s}.ns-subpage a.ns-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #11201014}.ns-subpage .ns-card h2,.ns-subpage .ns-card h3{color:var(--ns-ink)!important;font-size:18px;letter-spacing:-.4px}.ns-subpage .ns-card>p,.ns-subpage .ns-card small{color:var(--ns-sub)!important}.ns-subpage .ns-card>figure{border-radius:0!important}.ns-subpage .ns-card :is(.meta,.tilemeta,.card-info){padding:16px}.ns-subpage :is(button,a,input,select):focus-visible{outline:3px solid var(--ns-accent);outline-offset:3px}
/* Gallery surfaces only: the individual artwork and players keep their own styles. */
.ns-subpage[data-ns-kind=motion].gallery{overflow:auto!important}.ns-subpage[data-ns-kind=motion].gallery>main{padding-top:30px!important}.ns-subpage[data-ns-kind=motion] .intro{color:var(--ns-sub)!important;font-size:14px!important}.ns-subpage[data-ns-kind=motion] .cards{gap:24px!important}.ns-subpage[data-ns-kind=motion] .cards>a{padding-bottom:17px}.ns-subpage[data-ns-kind=motion] .cards>a>:not(figure){margin-left:16px;margin-right:16px}.ns-subpage[data-ns-kind=motion] .cards>a>span{color:var(--ns-accent)!important}.ns-subpage[data-ns-kind=motion] input.search{background:var(--ns-card)!important;color:var(--ns-ink)!important;border-color:var(--ns-line)!important;border-radius:8px}.ns-subpage[data-ns-kind=motion] :is(.filters,.theme-chips) button{background:var(--ns-card);color:var(--ns-ink);border:1px solid var(--ns-line);border-radius:6px}.ns-subpage[data-ns-kind=motion] :is(.filters,.theme-chips) button:is(.on,[aria-pressed=true]){background:var(--ns-ink)!important;color:var(--ns-bg)!important}.ns-subpage[data-ns-kind=healthcards] .hero{padding-top:24px!important;padding-bottom:30px!important}.ns-subpage[data-ns-kind=healthcards] .hero aside{border-color:var(--ns-line)}.ns-subpage[data-ns-kind=healthcards] .hero aside :is(span,b){color:var(--ns-sub)}.ns-subpage[data-ns-kind=healthcards] .toolbar{border-color:var(--ns-line)}.ns-subpage[data-ns-kind=healthcards] .toolbar :is(input,select,button){background:var(--ns-card);color:var(--ns-ink);border-color:var(--ns-line)}.ns-subpage[data-ns-kind=healthcards] .toolbar button[aria-pressed=true]{background:var(--ns-ink);color:var(--ns-bg)}.ns-subpage[data-ns-kind=healthcards] .meta{padding:16px}.ns-subpage[data-ns-kind=healthcards] .meta :is(p,small){color:var(--ns-sub)}.ns-subpage .nm-top{top:0}.ns-subpage[data-ns-kind=tools] .ns-page-heading{font-size:clamp(28px,3vw,42px)!important}.ns-subpage .ns-panel{border-radius:12px!important;border:1px solid var(--ns-line)!important;background:var(--ns-card)!important;color:var(--ns-ink)!important}
@media(max-width:1000px){#ns-sub-header{gap:12px}#ns-sub-header nav{gap:12px}#ns-sub-header .ns-brand small{display:none}}@media(max-width:700px){#ns-sub-header{min-height:70px;padding:14px 16px;margin-bottom:12px;flex-wrap:wrap;gap:12px}#ns-sub-header nav{order:3;flex-basis:100%;border-top:1px solid var(--ns-line);padding-top:12px;justify-content:space-between;gap:8px}#ns-sub-header nav a{font-size:11px}#ns-sub-header .ns-brand{font-size:13px}#ns-sub-header .ns-actions{margin-left:auto}#ns-sub-header .ns-actions #ns-topbar{max-width:210px}.ns-subpage>.wrap,.ns-subpage>.gw,.ns-subpage>.tx-wrap,.ns-subpage>.gallery-main,.ns-subpage>main.board,.ns-subpage>main{padding-left:16px!important;padding-right:16px!important;min-width:0}.ns-subpage .ns-page-heading{font-size:32px!important;letter-spacing:-1.2px!important;overflow-wrap:anywhere}.ns-subpage .ns-page-intro{font-size:13px!important}.ns-subpage .ns-controls{padding:10px!important;flex-wrap:wrap}.ns-subpage .ns-controls :is(input,select){max-width:100%;min-width:0}.ns-subpage .ns-card h2,.ns-subpage .ns-card h3{font-size:16px}.ns-subpage .ns-utility{padding:6px 16px!important;flex-wrap:wrap}.ns-subpage .ns-container{padding-top:10px!important}}@media(prefers-reduced-motion:reduce){.ns-subpage .ns-card{transition:none!important}}

.ns-subpage .ns-source-overline{display:none!important}.ns-subpage[data-ns-kind=motion] .cards figure{color:#fff}.ns-subpage[data-ns-kind=tools] aside .ns-page-heading,.ns-subpage[data-ns-kind=tools] .sidebar .ns-page-heading{font-size:28px!important}.ns-subpage[data-ns-kind=motion] .cards figure b{text-shadow:0 2px 14px #0009}.ns-subpage[data-ns-kind=motion] .cards figure.f-stencil b{color:transparent}.ns-subpage .sample.ns-card .sample-info,.ns-subpage .tile.ns-card .tile-info{padding:16px}@media(max-width:700px){.ns-subpage[data-ns-kind=motion] .cards{grid-template-columns:minmax(0,1fr)!important}.ns-subpage[data-ns-kind=motion]>main{width:100%;box-sizing:border-box}.ns-subpage[data-ns-kind=motion] .filters{max-width:100%}.ns-subpage[data-ns-kind=motion] .search{max-width:100%;box-sizing:border-box}.ns-subpage[data-ns-kind=motion] .cards figure b{font-size:32px!important}.ns-subpage[data-ns-kind=motion] select{max-width:100%}}
html.ns-motion-gallery{overflow-x:hidden}html.ns-motion-gallery body{overflow-x:hidden}

