/* 새로운 소식 (news.html): press hero, filterable article list, CTA. Mobile first. */
@font-face{font-family:PageNoto;src:url('../../fonts/pages/noto-400.woff2?v=20261027a') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:PageNoto;src:url('../../fonts/pages/noto-700.woff2?v=20261027a') format('woff2');font-weight:500 700;font-display:swap}
@font-face{font-family:PageNoto;src:url('../../fonts/pages/noto-800.woff2?v=20261027a') format('woff2');font-weight:800 900;font-display:swap}
:root{--nw-orange:#ff7a12;--nw-coral:#ff5a1f;--nw-plum:#2b1840;--nw-plum-2:#4a3360;--nw-ink:#1f1a17;--nw-muted:#6f6760;--nw-line:#efe4da;--nw-peach:#fff4ea;--nw-ease:cubic-bezier(.22,1,.36,1)}
.nw-page{margin:0;background:#fff;color:var(--nw-ink);font-family:PageNoto,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.03em;word-break:keep-all;-webkit-font-smoothing:antialiased}
.nw-page *,.nw-page *:before,.nw-page *:after{box-sizing:border-box}
.nw-page h1,.nw-page h2,.nw-page p,.nw-page ol,.nw-page ul{margin:0}
.nw-page img{max-width:100%;display:block}
.nw-page button,.nw-page input{font:inherit;color:inherit}
.nw-page a{color:inherit}
.nw-page svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nw-wrap{width:min(100% - 32px,1120px);margin-inline:auto}
.nw-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nw-skip{position:fixed;z-index:300;top:10px;left:10px;padding:10px 16px;border-radius:10px;background:#fff;transform:translateY(-160%)}
.nw-skip:focus{transform:none}
.nw-page :focus-visible{outline:3px solid var(--nw-plum);outline-offset:3px}

/* Hero */
.nw-chip{display:inline-block;padding:5px 12px;border-radius:999px;background:#ffe2cc;color:#e8650b;font:800 11px/1.3 Arial,sans-serif;letter-spacing:.12em}
.nw-hero h1{margin-top:14px;font-size:clamp(26px,7.4vw,58px);line-height:1.2;font-weight:900;letter-spacing:-.06em}
.nw-hero h1 em{font-style:normal;color:var(--nw-orange)}
.nw-lead{margin-top:14px;color:#4c4540;font-size:14px;line-height:1.7}
.nw-hero-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:6px;font-size:13px;font-weight:700;color:var(--nw-plum);text-decoration:underline;text-underline-offset:4px}

/* Board: tabs, search, list */
.nw-board{padding:18px 0 10px}
.nw-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:4px 16px 8px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:16px}
.nw-tabs::-webkit-scrollbar{display:none}
.nw-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:0 18px;border:1px solid var(--nw-line);border-radius:999px;background:#fff;color:#3c3530;font-size:14px;font-weight:700;cursor:pointer;scroll-snap-align:start;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.nw-tabs svg{width:18px;height:18px}
.nw-tabs button[aria-pressed=true]{border-color:transparent;background:linear-gradient(135deg,var(--nw-plum-2),var(--nw-plum));color:#fff;box-shadow:0 8px 18px #2b184033}
.nw-search{position:relative;display:flex;gap:8px;margin-top:12px}
.nw-search svg{position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;color:#9a918a;pointer-events:none}
.nw-search input{flex:1;min-width:0;height:52px;padding:0 14px 0 46px;border:1px solid transparent;border-radius:16px;background:#f6f2ee;font-size:15px;outline:0;transition:border-color .2s,background .2s}
.nw-search input:focus{border-color:#e9cdb6;background:#fff}
.nw-search button{flex:0 0 auto;height:52px;padding:0 20px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--nw-plum-2),var(--nw-plum));color:#fff;font-weight:800;cursor:pointer}
.nw-count{margin-top:16px;color:var(--nw-muted);font-size:13px}
.nw-count b{color:var(--nw-ink)}
.nw-list{list-style:none;display:grid;gap:12px;margin-top:10px;padding:0}
.nw-item[hidden]{display:none}
.nw-card{position:relative;display:grid;grid-template-columns:40% 1fr;min-height:132px;overflow:hidden;border:1px solid var(--nw-line);border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 8px 22px #b4652a0d;transition:transform .25s var(--nw-ease),box-shadow .25s}
.nw-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #b4652a1f}
.nw-thumb{position:relative;overflow:hidden;background:url('../brand/zultalk-original.webp') center/42% no-repeat,linear-gradient(135deg,#ffe3cc,#fff4ea)}
.nw-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--nw-ease)}
.nw-card:hover .nw-thumb img{transform:scale(1.04)}
.nw-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:12px 14px 12px}
.nw-badge{display:inline-block;padding:3px 9px;border-radius:999px;color:#fff;font-size:11px;font-weight:800;line-height:1.5}
.nw-badge.is-main{background:var(--nw-orange)}
.nw-badge.is-update{background:var(--nw-coral)}
.nw-badge.is-feature{background:var(--nw-plum-2)}
.nw-badge.is-etc{background:#9b8b7e}
.nw-title{display:-webkit-box;overflow:hidden;font-size:15px;line-height:1.45;font-weight:800;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.nw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:auto;padding-right:30px;color:var(--nw-muted);font-size:12px}
.nw-meta time:before{content:'';display:inline-block;width:3px;height:3px;margin:0 8px 2px 0;border-radius:50%;background:#c9bdb3;vertical-align:middle}
.nw-arrow{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--nw-line);border-radius:50%;background:#fff;color:var(--nw-plum);transition:background .2s,color .2s}
.nw-arrow svg{width:15px;height:15px}
.nw-card:hover .nw-arrow{background:var(--nw-plum);color:#fff}
.nw-empty{margin-top:30px;padding:40px 20px;border:1px dashed var(--nw-line);border-radius:18px;text-align:center;color:var(--nw-muted);font-size:14px}
.nw-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:22px}
.nw-pages:empty{display:none}
.nw-pages button{min-width:40px;height:40px;padding:0 6px;border:1px solid var(--nw-line);border-radius:999px;background:#fff;font-size:14px;font-weight:700;cursor:pointer}
.nw-pages button[aria-current=page]{border-color:transparent;background:linear-gradient(135deg,var(--nw-plum-2),var(--nw-plum));color:#fff}
.nw-pages button:disabled{opacity:.35;cursor:default}
.nw-pages span{display:grid;place-items:center;min-width:22px;color:#a39890}

/* CTA */
.nw-cta{padding:26px 0 6px}
.nw-cta-box{display:grid;gap:16px;padding:24px 20px;border-radius:24px;background:radial-gradient(circle at 92% 20%,#ffd7b5 0,transparent 45%),linear-gradient(120deg,#fff1e4,#fff8f2)}
.nw-cta h2{font-size:24px;font-weight:900;letter-spacing:-.05em}
.nw-cta em{font-style:normal;color:var(--nw-orange)}
.nw-cta p{margin-top:6px;color:#5d544e;font-size:14px}
.nw-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 26px;border-radius:999px;background:linear-gradient(135deg,var(--nw-plum-2),var(--nw-plum));color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 12px 24px #2b184033}
.nw-cta-button svg{width:20px;height:20px}
.nw-safety-wrap{padding-top:4px}
.nw-safety-wrap .zt-safety{width:100%}

/* Footer */
.nw-footer{margin-top:30px;padding:26px 0 34px;border-top:1px solid var(--nw-line);background:#fbf8f5;color:#776e67;font-size:12px;line-height:1.8}
.nw-footer nav{display:flex;flex-wrap:wrap;gap:2px 16px;margin-bottom:14px}
.nw-footer nav a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none;color:#4b433d}
.nw-footer strong{display:block;color:var(--nw-orange);font-size:14px}
.nw-footer small{display:block;margin-top:6px;color:#9b928b}

@media(min-width:600px){
  .nw-card{grid-template-columns:240px 1fr;min-height:160px}
  .nw-body{padding:18px 64px 18px 22px;gap:8px}
  .nw-title{font-size:18px;-webkit-line-clamp:2}
  .nw-meta{padding-right:0;font-size:13px}
  .nw-arrow{top:50%;bottom:auto;right:20px;width:38px;height:38px;margin-top:-19px}
  .nw-cta-box{grid-template-columns:1fr auto;align-items:center;padding:32px 36px}
}
@media(min-width:900px){
  .nw-lead{font-size:18px;margin-top:20px}
  .nw-board{padding-top:26px}
  .nw-tabs{margin:0;padding:4px 0 8px}
  .nw-search input,.nw-search button{height:56px}
  .nw-search button{padding:0 30px}
  .nw-card{grid-template-columns:320px 1fr;min-height:186px}
  .nw-body{padding:24px 80px 24px 30px}
  .nw-title{font-size:21px}
  .nw-cta h2{font-size:32px}
  .nw-cta p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.nw-card,.nw-thumb img{transition:none}}

/* Hero, drawn in HTML/CSS after the press photo: silk waves, a phone with the logo, press cards and badges. */
.nw-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 78% 42%,#ffd0a8 0,#ffe6d2 24%,transparent 55%),linear-gradient(160deg,#fff7f0 0%,#ffeede 48%,#ffe2c9 100%)}
.nw-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.nw-hero-bg svg{position:absolute;inset:0;width:100%;height:100%;stroke:none}
.nw-flare{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff8 30%,transparent 70%);box-shadow:0 0 22px 8px #fff9;animation:nwTwinkle 3.6s ease-in-out infinite}
.nw-flare.f1{top:22%;left:56%}
.nw-flare.f2{top:64%;left:88%;animation-delay:1.2s}
.nw-flare.f3{top:12%;left:92%;animation-delay:2.1s}
.nw-hero-inner{position:relative;padding:30px 0 32px}
.nw-hero-copy{position:relative;z-index:3}
/* Phones: the whole stage sits under the text, scaled to fit (negative margin takes back the scaled-away height). */
.nw-stage{position:relative;z-index:2;width:400px;height:430px;margin:4px 0 -112px calc(50% - 200px);transform:scale(.68);transform-origin:top center}
.nw-glow{position:absolute;left:50%;top:52%;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(circle,#ffb978aa 0,#ff8a3d33 40%,transparent 70%)}
.nw-phone{position:absolute;left:50%;top:40px;width:210px;height:430px;margin-left:-105px;padding:9px;border-radius:40px;background:linear-gradient(145deg,#f3e3d4,#8f7a6b 30%,#2d2723 60%,#bfae9f);box-shadow:0 40px 60px -20px #7a3a0a66,0 0 0 1px #00000040,inset 0 0 0 2px #ffffff40;transform:rotate(-4deg);animation:nwFloat 6s ease-in-out infinite}
.nw-phone-screen{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 30% 18%,#ffb04d,transparent 55%),linear-gradient(160deg,#ff9a1f,#ff7a00 55%,#f26a00)}
.nw-phone-screen:before{content:'';position:absolute;top:12px;left:50%;width:70px;height:20px;margin-left:-35px;border-radius:12px;background:#120d0a}
.nw-phone-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#ffffff38 0,#ffffff00 38%)}
.nw-phone-screen img{width:70%;height:auto;filter:drop-shadow(0 6px 10px #9a3c0055)}
.nw-paper{position:absolute;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto repeat(3,8px);gap:6px 8px;width:168px;padding:10px;border-radius:10px;background:#fffaf6;box-shadow:0 18px 30px #a1501c33;font-size:0}
.nw-paper b{grid-column:1/-1;font-size:11px;font-weight:900;letter-spacing:-.02em}
.nw-paper img{grid-row:2/5;width:52px;height:52px;border-radius:6px;object-fit:cover}
.nw-paper i{display:block;height:6px;border-radius:3px;background:#e9ddd3}
.nw-paper i:last-child{width:60%}
.nw-paper.p1{top:0;left:44px;transform:rotate(-8deg);animation:nwDrift 7s ease-in-out infinite}
.nw-paper.p2{top:18px;right:-26px;transform:rotate(7deg);animation:nwDrift 8s ease-in-out .8s infinite}
.nw-paper.p3{top:210px;left:-30px;transform:rotate(-10deg);animation:nwDrift 7.5s ease-in-out .4s infinite}
.nw-paper.p4{top:240px;right:-44px;transform:rotate(9deg);animation:nwDrift 8.5s ease-in-out 1.4s infinite}
.nw-paper .is-yonhap,.nw-press.is-yonhap{color:#1f56b5}
.nw-paper .is-zdnet,.nw-press.is-zdnet{color:#111}
.nw-paper .is-edaily{color:#d6001c}
.nw-paper .is-sedaily,.nw-press.is-sedaily{color:#14306b}
.nw-press{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:16px;background:#fff;box-shadow:0 14px 26px #9a4a1433,0 2px 4px #0000000f;font-size:16px;font-weight:900;letter-spacing:-.04em;white-space:nowrap;animation:nwFloat 6s ease-in-out infinite}
.nw-press.is-yonhap{top:118px;left:6px;transform:rotate(-8deg)}
.nw-press.is-yonhap i{width:18px;height:18px;border-radius:50%;background:conic-gradient(from 200deg,#1f56b5,#4e8de6,#1f56b5)}
.nw-press.is-zdnet{top:92px;right:-36px;transform:rotate(9deg);font-style:italic;animation-delay:1s}
.nw-press.is-edaily{top:300px;left:-14px;transform:rotate(-12deg);animation-delay:.6s}
.nw-press.is-edaily i{padding:2px 8px;border-radius:5px;background:#d6001c;color:#fff;font-style:normal}
.nw-press.is-sedaily{top:330px;right:-20px;transform:rotate(10deg);animation-delay:1.6s}
.nw-press.is-sedaily i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#2a6fdb;color:#fff;font-size:12px;font-style:normal}
@keyframes nwFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes nwDrift{0%,100%{translate:0 0}50%{translate:0 6px}}
@keyframes nwTwinkle{0%,100%{opacity:.35;scale:.7}50%{opacity:1;scale:1.15}}
@media(min-width:600px){.nw-hero-copy{max-width:54%}.nw-stage{position:absolute;top:36px;right:16px;margin:0;transform:scale(.7);transform-origin:top right}.nw-hero-inner{min-height:420px}}
@media(min-width:900px){
  .nw-hero-inner{display:grid;grid-template-columns:1fr 440px;align-items:center;min-height:560px;padding:40px 0}
  .nw-hero-copy{max-width:none}
  .nw-stage{position:relative;top:auto;right:auto;justify-self:center;transform:none;margin-top:30px}
}
@media(prefers-reduced-motion:reduce){.nw-phone,.nw-paper,.nw-press,.nw-flare{animation:none}}
.nw-hero-link{display:flex;width:fit-content;margin-top:0}