/* 9box.kr 홈 개편 2026-10 — 디자인팀 시안 CSS(보드 3개) 그대로. 시안 갱신 시 통째로 교체 */
:root{color-scheme:light}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
html{scroll-behavior:smooth}#nt-board-0 > div,#nt-board-1 > div,#nt-board-2 > div{min-height:0 !important}
/* ===== motion (nt) ===== */
@keyframes ntUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes ntPop{0%{opacity:0;transform:translateY(14px) scale(.94)}70%{opacity:1;transform:translateY(-2px) scale(1.02)}100%{opacity:1;transform:none}}
@keyframes ntPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,212,59,.0)}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(255,212,59,.25)}}
@keyframes ntBounce{0%{opacity:0;transform:translateY(60px) scale(.94)}60%{opacity:1;transform:translateY(-10px) scale(1.01)}80%{transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes ntWave{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
@keyframes ntCheck{from{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}
.nt-motion .ntm-r{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--ntm-i,0) * 90ms)}
.nt-motion .ntm-r.ntm-in{opacity:1;transform:none}
.nt-motion #top h1{animation:ntUp .8s .05s both}
.nt-motion #top h1 + p{animation:ntUp .8s .18s both}
.nt-motion #top h1 + p + div{animation:ntUp .8s .3s both}
.nt-motion #top h1 + p + div + div{animation:ntUp .8s .42s both}
.nt-motion #top > div + div{animation:ntUp .9s .55s both}
.nt-motion .nt-bubbles > div{animation:ntPop .55s both}
.nt-motion .nt-bubbles > div:nth-child(1){animation-delay:1s}
.nt-motion .nt-bubbles > div:nth-child(2){animation-delay:1.7s}
.nt-motion .nt-bubbles > div:nth-child(3){animation-delay:2.4s}
.nt-motion .ntm-in .ntm-chk svg{animation:ntCheck .35s both;animation-delay:calc(var(--ntm-i,0) * 220ms + .35s)}
.nt-motion .nt-cmp.ntm-r{transform:none}
.nt-motion .nt-cmp .nt-cmp-pill{opacity:0;transform:scale(.94);transform-origin:50% 50%;transition:opacity .7s ease .25s,transform .9s cubic-bezier(.22,1,.36,1) .25s}
.nt-motion .nt-cmp.ntm-in .nt-cmp-pill{opacity:1;transform:none}
.nt-motion .nt-cmp .nt-cmp-grid > *{transition:opacity .5s ease .55s}
.nt-motion .nt-tlist.ntm-in .ntm-max{animation:ntPulse 1s .7s 2}
.nt-motion .nt-crew.ntm-r{transform:none;opacity:0;transition:none}
.nt-motion .nt-crew.ntm-in{animation:ntBounce 1s cubic-bezier(.3,1.4,.5,1) both}
.nt-panda,.nt-cactus,.nt-rabbit{transform-origin:50% 90%;cursor:default}
.nt-panda:hover,.nt-cactus:hover,.nt-rabbit:hover{animation:ntWave .8s ease-in-out}
a[style*="border-radius: 999px"]{transition:transform .2s ease,box-shadow .2s ease}
a[style*="border-radius: 999px"]:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(10,37,64,.14)}
a svg{transition:transform .2s ease}
a:hover > svg:last-child:not(.nt-noshift){transform:translateX(3px)}
header > div{transition:box-shadow .3s ease,padding .3s ease}
header{transition:padding .3s ease,transform .35s ease}
header.ntm-hide{transform:translateY(-110%)}
@media (min-width: 901px){.nt-float-cta{display:none !important}}
header.ntm-scrolled{padding-top:8px !important;padding-bottom:8px !important}
header.ntm-scrolled > div{box-shadow:0 14px 32px rgba(10,37,64,.14) !important}
@media (prefers-reduced-motion: reduce){.nt-motion .ntm-r{opacity:1 !important;transform:none !important;transition:none !important}.nt-motion *{animation:none !important}}
/* ===== /motion ===== */
.nt-float-cta{position:fixed;left:50%;bottom:28px;z-index:30;transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.nt-float-cta.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.nt-float-cta.is-on:hover{transform:translate(-50%,-2px)}

/* ===== scrollfx ===== */
@keyframes ntFade{from{opacity:0}to{opacity:1}}
.nt-motion #top > div + div{animation:ntFade 1s .55s both !important}
.ntsf-fill{-webkit-background-clip:text;background-clip:text;color:transparent !important;background-image:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF calc(var(--ntp,1) * 100%),rgba(255,255,255,.22) calc(var(--ntp,1) * 100% + 6%),rgba(255,255,255,.22) 100%)}
/* ===== /scrollfx ===== */
/* ===== hero impact ===== */
@keyframes ntRise{from{opacity:0;transform:translateY(60px) scale(.97);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes ntMark{to{background-size:100% 100%}}
@keyframes ntWipe{from{clip-path:inset(18% 28% 18% 28% round 32px);opacity:.4}to{clip-path:inset(0);opacity:1}}
@keyframes ntGlow{0%{transform:translate(-8%,0) scale(1)}100%{transform:translate(8%,6%) scale(1.15)}}
#top{isolation:isolate}

.nt-motion #top h1.nt-hero-h{animation:ntRise 1s cubic-bezier(.2,.8,.2,1) .05s both !important}
.nt-motion #top > div + div{animation:ntWipe 1.3s cubic-bezier(.7,0,.2,1) .7s both !important}
.nt-motion .nt-bubbles > div:nth-child(1){animation-delay:1.9s}
.nt-motion .nt-bubbles > div:nth-child(2){animation-delay:2.5s}
.nt-motion .nt-bubbles > div:nth-child(3){animation-delay:3.1s}

.nt-mark{white-space:nowrap;color:transparent !important;background-image:linear-gradient(100deg,#0062A8 0%,#1A8CF0 35%,#7FD0FA 50%,#1A8CF0 65%,#0062A8 100%);background-size:260% 100%;background-position:0% 0;-webkit-background-clip:text;background-clip:text}
@keyframes ntShine{from{background-position:100% 0}to{background-position:0% 0}}
.nt-motion .nt-mark{animation:ntShine 1.6s cubic-bezier(.45,0,.2,1) 1s both}
.nt-hero-cta{position:relative;overflow:hidden;isolation:isolate}
.nt-hero-cta::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);z-index:-1;pointer-events:none}
@keyframes ntCtaShine{0%,70%{left:-60%}100%{left:130%}}
@keyframes ntCtaArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
.nt-motion .nt-hero-cta::after{animation:ntCtaShine 3.6s ease-in-out 2.2s infinite}
.nt-motion .nt-hero-cta svg{animation:ntCtaArrow 1.4s ease-in-out 2.2s infinite}
.nt-hero-cta:hover{box-shadow:0 8px 20px rgba(0,98,168,.22) !important}
/* ===== /hero impact ===== */

@font-face{font-family:'Pretendard';font-weight:400;font-style:normal;font-display:swap;src:url(../font/Pretendard-400.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:500;font-style:normal;font-display:swap;src:url(../font/Pretendard-500.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:600;font-style:normal;font-display:swap;src:url(../font/Pretendard-600.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:700;font-style:normal;font-display:swap;src:url(../font/Pretendard-700.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:800;font-style:normal;font-display:swap;src:url(../font/Pretendard-800.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:900;font-style:normal;font-display:swap;src:url(../font/Pretendard-900.woff) format('woff')}
body{margin:0;background:#FFFFFF;font-family:'Pretendard',sans-serif;word-break:keep-all}
@keyframes nt-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.nt-marquee-track{animation:nt-marquee 70s linear infinite}
.nt-marquee:hover .nt-marquee-track{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.nt-marquee{overflow-x:auto !important}.nt-marquee-track{animation:none}}
/* ===== 모바일 가독성 개편: 글자 크기 단계 + 여백 (한화·애플 모바일 참고) ===== */
#tiers .nt-tmore,.nt-ptabs,.nt-m-show,.nt-hdr-char,.nt-burger,.nt-mmenu,.nt-mmenu-dim{display:none}
@keyframes ntHdrWave{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-6deg)}82%{transform:rotate(4deg)}88%{transform:rotate(-4deg)}94%{transform:rotate(2deg)}}
@keyframes ntBubIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width: 900px){
[style*="font-size: clamp(64px, 8vw, 120px)"]{font-size:52px !important}[style*="font-size: clamp(40px, 5vw, 72px)"]{font-size:31px !important}[style*="font-size: clamp(36px, 3.4vw, 48px)"]{font-size:27px !important}[style*="font-size: clamp(34px, 4vw, 56px)"]{font-size:28px !important}[style*="font-size: clamp(34px, 3.2vw, 46px)"]{font-size:27px !important}[style*="font-size: clamp(32px, 3vw, 40px)"]{font-size:25px !important}[style*="font-size: clamp(32px, 3.4vw, 48px)"]{font-size:26px !important}[style*="font-size: clamp(28px, 2.6vw, 36px)"]{font-size:22px !important}[style*="font-size: clamp(26px, 2.4vw, 32px)"]{font-size:21px !important}[style*="font-size: clamp(26px, 2.6vw, 36px)"]{font-size:21px !important}[style*="font-size: 72px"]{font-size:48px !important}[style*="font-size: 46px"]{font-size:34px !important}[style*="font-size: 40px"]{font-size:30px !important}[style*="font-size: 34px"]{font-size:26px !important}[style*="font-size: 32px"]{font-size:24px !important}[style*="font-size: 30px"]{font-size:23px !important}[style*="font-size: 26px"]{font-size:20px !important}[style*="font-size: 24px"]{font-size:18px !important}[style*="font-size: 22px"]{font-size:16px !important}[style*="font-size: 21px"]{font-size:15.5px !important}[style*="font-size: 20px"]{font-size:15px !important}[style*="font-size: 19px"]{font-size:14.5px !important}[style*="font-size: 18px"]{font-size:14.5px !important}[style*="font-size: 17px"]{font-size:14px !important}[style*="font-size: 16px"]{font-size:14px !important}[style*="font-size: 15px"]{font-size:13.5px !important}[style*="font-size: 14px"]{font-size:13px !important}[style*="font-size: 13px"]{font-size:12px !important}
h2,h2 span{line-height:1.32 !important;letter-spacing:-0.03em !important}
html body [style*="padding: 144px 24px"]{padding:64px 32px !important}
[style*="padding: 0 24px"],[style*="padding: 136px 24px"],[style*="padding: 64px 24px"]{padding-left:32px !important;padding-right:32px !important}
.nt-cgrid{margin:0 -28px !important;padding:0 28px 8px !important;scroll-padding-left:28px}
.nt-rv-track{padding-left:32px !important;padding-right:32px !important}
header{padding-left:16px !important;padding-right:16px !important}
[style*="padding: 40px"]{padding:26px 22px !important}
[style*="padding: clamp(28px, 4vw, 48px)"]{padding:28px 22px !important}
[style*="padding: 26px 28px"],[style*="padding: 22px 28px"],[style*="padding: 30px 32px"],[style*="padding: 28px 32px"],[style*="padding: 24px 28px"]{padding-left:20px !important;padding-right:20px !important}
[style*="padding: 26px 36px"],[style*="padding: 24px 36px"],[style*="padding: 36px 36px 0"]{padding-left:22px !important;padding-right:22px !important}
[style*="padding: 80px 72px 0"]{padding:56px 22px 0 !important}
p,li{word-break:keep-all}
/* ── 쓸데없이 큰 여백 줄이기 ── */
section [style*="gap: 72px"],section [style*="gap: 64px"]{gap:36px !important}
section [style*="gap: 56px"]{gap:30px !important}
section [style*="gap: 48px"]{gap:26px !important}
[style*="min-height: 300px"],[style*="min-height: 420px"]{min-height:0 !important}
#top{padding-top:108px !important;padding-bottom:56px !important}
#partners{padding-bottom:48px !important}
[style*="padding: 136px 24px"]{padding-top:72px !important;padding-bottom:56px !important}
.nt-fbig{padding:28px 24px !important;min-height:260px !important}
html body .nt-point h3{font-size:22px !important}

#contact img[style*="aspect-ratio: 2.4 / 1"]{aspect-ratio:3 / 1 !important}
/* 파트너사: 전체적으로 작게 */
#partners .nt-marquee-track{gap:14px !important}#partners .nt-marquee-track li{width:96px !important;height:44px !important}
#partners .nt-marquee-track img{max-width:74px !important;max-height:24px !important;width:auto !important;height:auto !important}
#partners strong{font-size:17px !important;line-height:1.4 !important}
#partners span[style*="font-size: 17px"]{font-size:12.5px !important;padding:6px 12px !important}
#partners > div:first-child{gap:10px !important}
#partners{padding-bottom:36px !important}
/* 성공사례 카드 사진: 정사각형으로 온전히 */
.nt-cases-track a{width:156px !important}.nt-cases-track a img{width:100% !important;max-width:none !important;max-height:none !important;height:auto !important;aspect-ratio:1 / 1 !important}
/* POINT 02 메시지: 3줄 */
.nt-m-hide{display:none}
.ntm-p2-txt,.ntm-p2-var{font-size:14px !important}
#what div[style*="padding: 18px; font-size: 18px"]{padding:14px !important;font-size:14px !important;line-height:1.6 !important}
/* AI 인사말·기념일: 제목 > 설명 > 목록 > 데모 순으로 크기 차이 */
#ai-greeting span[style*="font-size: 21px"],#anniversary span[style*="font-size: 21px"]{font-size:14.5px !important;color:#5A6B80 !important;line-height:1.55 !important;padding-top:2px !important}
#ai-greeting span[style*="font-size: 21px"] strong,#anniversary span[style*="font-size: 21px"] strong{color:#0A2540 !important;font-weight:700}
#ai-greeting p[style*="font-size: 24px"]{font-size:19px !important;font-weight:700 !important;line-height:1.45 !important}
#ai-greeting [style*="font-size: 16px; font-weight: 700"]{font-size:13px !important}
#ai-greeting .nt-ai-field{font-size:14px !important;height:46px !important}
#ai-greeting .nt-ai-bub{font-size:14px !important}
#anniversary .nt-anv-main{font-size:13px}
#ai-greeting ul,#anniversary ul{gap:14px !important}
/* ── 애플·한화 모바일 패턴 ── */
/* 1) POINT·도입문의 카드: 세로로 쌓기(잘림·넘김 오류 방지) */
html body .nt-pbento{display:flex !important;flex-direction:column !important;gap:12px !important}
html body .nt-pbento > .nt-point{padding:24px 18px !important;gap:20px !important}
html body .nt-pbento .nt-point > div[aria-hidden]{padding:12px !important}
html body .nt-pbento .nt-point > div[aria-hidden] > div{padding:16px !important}
html body #contact div[style*="minmax(min(100%, 280px)"]{grid-template-columns:1fr !important;gap:10px !important}
/* 2) 숫자 지표 3개 → 한 줄 3칸 타일 */
html body .nt-fbento{grid-template-columns:repeat(3,1fr) !important;gap:8px !important}
html body .nt-fbig{grid-column:1 / -1 !important}
html body .nt-fs{padding:16px 12px !important;flex-direction:column !important;align-items:flex-start !important;gap:0 !important;border-radius:18px !important}
html body .nt-fs > span:last-child{display:none !important}
html body .nt-fs span[style*="font-size: 18px"]{font-size:11.5px !important;white-space:nowrap}
html body .nt-fs span[style*="clamp(36px"]{font-size:22px !important}
html body .nt-fs span[style*="clamp(36px"] span{font-size:11px !important;padding-left:2px !important}
/* 3) 히어로 사진: 세로로 크게, 말풍선은 아래쪽에 */
html body #top div[style*="aspect-ratio: 2.7 / 1"]{aspect-ratio:1 / 1.02 !important;border-radius:24px !important;margin-top:32px !important}
html body #top div[style*="aspect-ratio: 2.7 / 1"] > img{object-position:32% 50% !important}
html body #top div[style*="aspect-ratio: 2.7 / 1"] > div[aria-hidden]:not(.nt-bubbles){background:linear-gradient(180deg,rgba(10,37,64,0) 45%,rgba(10,37,64,.55) 100%) !important}
html body .nt-bubbles{top:auto !important;bottom:12px !important;right:12px !important;left:auto !important;width:430px !important;transform:scale(.6) !important;transform-origin:100% 100% !important}
html body .nt-bubbles > div{display:flex !important}
/* 업종별 사례: 잘리지 않게 세로 컴팩트 카드 */
html body .nt-inds{display:flex !important;flex-direction:column !important;gap:12px !important}
html body .nt-ind{padding:20px 20px !important;gap:14px !important}
html body .nt-ind img{width:60px !important;height:48px !important}
/* 콘텐츠: 옆으로 잘리지 않게 2열 그리드 */
html body .nt-cgrid{display:grid !important;grid-template-columns:1fr 1fr !important;overflow:visible !important;margin:0 !important;padding:0 !important;gap:10px !important}
html body .nt-ccard{flex:none !important;max-width:none !important;min-width:0 !important}
html body .nt-ccard strong,html body .nt-ccard p{font-size:13px !important;line-height:1.45 !important}
html body .nt-ccard > div:last-child{padding:12px !important;gap:6px !important}
html body #contents [role="tablist"],html body #contents div:has(> button[style*="padding: 0 36px"]){flex-wrap:wrap !important}
/* 이용요금: 요금 글자 한 단계씩 작게 */
html body #pricing [style*="font-size: 72px"]{font-size:40px !important}
html body #pricing span[style*="font-size: 30px"]{font-size:20px !important}
html body #pricing [style*="font-size: 26px"]:not(.nt-toff){font-size:18px !important}
html body #pricing [style*="font-size: 24px"]{font-size:16px !important}
html body #pricing [style*="font-size: 22px"]:not(p){font-size:14.5px !important}
html body #pricing [style*="font-size: 18px"]{font-size:13px !important}
html body #pricing .nt-tprice{font-size:23px !important}
html body #pricing .nt-tprice span{font-size:13px !important}
html body #pricing .nt-toff,html body #pricing .nt-toff[style*="font-size: 30px"]{font-size:15px !important;padding:3px 12px !important}
html body #pricing .nt-tcond > span:first-child{font-size:16px !important}
html body #pricing .nt-tcond > span + span{font-size:13px !important}
/* 업종별 사례: 모바일에선 움직임 없이 고정 표시 */
html.nt-motion body .nt-ind.ntm-r{transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1) !important;transition-delay:calc(var(--ntm-i,0) * 90ms) !important}
html.nt-motion body .nt-ind.ntm-r:not(.ntm-in){opacity:0 !important;transform:translateX(-56px) rotate(-1.5deg) !important}
html.nt-motion body .nt-ind.ntm-r:nth-child(even):not(.ntm-in){transform:translateX(56px) rotate(1.5deg) !important}
html.nt-motion body .nt-ind.ntm-r.ntm-in{opacity:1 !important;transform:none !important}
html body .nt-ind > div:first-child{align-items:center !important}
/* 앱 섹션: 화면 안에 들어오게 컴팩트(웹과 같은 펼침 모션 적용) */
html body #app > div{padding-left:16px !important;padding-right:16px !important}
html body #app > div > div{padding:26px 22px 0 !important;gap:14px !important}
html body #app [style*="height: 560px"]{height:clamp(260px, calc(100vh - 500px), 298px) !important}
html body #app .nt-app-ph:first-of-type{width:132px !important;left:9% !important;bottom:-22px !important;z-index:0}
html body #app .nt-app-ph:last-of-type{width:146px !important;right:9% !important;z-index:1;filter:drop-shadow(-8px 10px 18px rgba(0,30,70,.28))}
html body #app h2{font-size:26px !important}
html body #app ul{gap:8px !important}
html body #app li{font-size:13.5px !important}
html body #app p{font-size:14px !important}
/* 단체문자 vs 단체카톡: 표 박스 짧게 */
html body .nt-cmp > div[aria-hidden]:first-child{inset:12px 0 12px 0 !important;border-radius:20px !important}
html body .nt-cmp-grid{grid-auto-rows:minmax(50px,auto) !important}
html body .nt-cmp-grid > div:nth-child(2){min-height:64px !important;padding-top:10px !important;font-size:16px !important}
html body .nt-cmp-grid > div{padding-top:8px !important;padding-bottom:8px !important}
html body .nt-cmp-grid > div:nth-child(3){min-height:64px !important}
html body h2 .ntl,html body h2 .ntl-i{white-space:normal !important}
html body #ai-greeting h2,html body #anniversary h2{font-size:27px !important}
html body section h2,html body section p{max-width:100% !important}html body section h2[style*="width: "]{width:auto !important}
/* 업종별 카드가 눌려서 잘리지 않게 */
html body .nt-inds{height:auto !important;max-height:none !important;overflow:visible !important}
html body .nt-ind{flex:0 0 auto !important;height:auto !important;min-height:0 !important;overflow:visible !important}
/* 비교표: 왼쪽 항목명 한 줄, 표 박스가 마지막 줄까지 감싸게 */
html body .nt-cmp-grid{grid-template-columns:58px 52fr 48fr !important}
html body .nt-cmp-pill{left:58px !important;width:calc((100% - 58px) * .52) !important}
html body .nt-cmp-grid > div:nth-child(3n+1){font-size:12px !important;white-space:nowrap;padding-left:10px !important;padding-right:0 !important}
html body .nt-cmp-grid > div:nth-child(3n){font-size:12px !important;white-space:nowrap}
html body .nt-cmp-grid > div:nth-child(3n) br{display:none}
/* 푸터 링크 3개 한 줄 */
html body footer div:has(> a[style*="padding: 11px 16px"]){flex-wrap:nowrap !important;gap:6px !important}
html body footer a[style*="padding: 11px 16px"]{padding:7px 10px !important;font-size:12.5px !important;gap:5px !important;white-space:nowrap}
html body footer a[style*="padding: 11px 16px"] svg,html body footer a[style*="padding: 11px 16px"] img{width:15px !important;height:15px !important}
@media (max-width: 374px){
html body footer a[style*="padding: 11px 16px"]{padding:6px 8px !important;font-size:11.5px !important;gap:4px !important}
html body footer div:has(> a[style*="padding: 11px 16px"]){gap:4px !important}
html body .nt-cmp-grid{grid-template-columns:52px 50fr 50fr !important}
html body .nt-cmp-pill{left:52px !important;width:calc((100% - 52px) * .5) !important}
html body .nt-cmp-grid > div:nth-child(3n+1){font-size:11px !important;padding-left:6px !important}
html body .nt-cmp-grid > div:nth-child(3n+2){font-size:14px !important}
html body .nt-cmp-grid > div:nth-child(3n){font-size:11px !important}
}
/* 마우스 올렸을 때 카드가 떠오르며 겹치는 효과 끄기 */
html.nt-motion body .ntx-lift:hover,html.nt-motion body .nt-ind:hover{transform:none !important;box-shadow:none !important}
html body .nt-ind{position:relative;z-index:0}
/* 하단 고정 버튼: 뒤에 흰 반투명 배경 깔기 */
html body .nt-float-cta{box-shadow:0 10px 26px rgba(0,60,120,.35) !important}
html body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:104px;z-index:29;pointer-events:none;opacity:0;transition:opacity .35s ease;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.88) 45%,rgba(255,255,255,.97) 100%)}
html:has(.nt-float-cta.is-on) body::after{opacity:1}
/* 사용방법: 너구리 캐릭터 오른쪽 */
html body #how div:has(> img.nt-panda){flex-direction:row-reverse !important;justify-content:flex-end !important;align-items:flex-end !important}
/* 비교표 글자 재배치 */
html body .nt-cmp .nt-cmp-grid > div{white-space:normal !important;text-align:center;line-height:1.3}
html body .nt-cmp .nt-cmp-grid > div:nth-child(2){font-size:14px !important;min-height:58px !important;padding-top:12px !important;align-items:center !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(3){font-size:13px !important;min-height:58px !important;padding-top:12px !important;align-items:center !important;font-weight:700 !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(3n+1){font-size:12px !important;justify-content:flex-start !important;text-align:left !important;padding:0 0 0 10px !important;white-space:nowrap !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(5) b{font-size:14px !important;line-height:1.35}
html body .nt-cmp .nt-cmp-grid > div:nth-child(8) b,html body .nt-cmp .nt-cmp-grid > div:nth-child(11) b{font-size:20px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(14){padding:8px 0 20px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(13){padding-bottom:30px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(14) b{font-size:17px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(14) span{font-size:11px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(6){font-size:12px !important;flex-direction:column !important;gap:2px !important;padding:0 6px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(6n) svg,html body .nt-cmp .nt-cmp-grid > div:nth-child(9) svg,html body .nt-cmp .nt-cmp-grid > div:nth-child(12) svg{display:none !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(9),html body .nt-cmp .nt-cmp-grid > div:nth-child(12){font-size:0 !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(9) b,html body .nt-cmp .nt-cmp-grid > div:nth-child(12) b{font-size:18px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(15){font-size:15px !important;padding-bottom:12px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(15) span{font-size:12px !important}
html body .nt-cmp-pill{box-shadow:0 0 32px 4px rgba(61,158,240,.16),0 10px 22px rgba(0,114,188,.18) !important}
/* 콘텐츠 카드 라운드 완화 */
html body .nt-ccard{border-radius:14px !important}
/* 후기 화살표 작게 */
html body .nt-rv-nav{gap:10px !important}
html body .nt-rv-nav button{width:40px !important;height:40px !important;min-width:0 !important}
html body .nt-rv-nav button svg{width:16px !important;height:16px !important}
/* 사용방법 단계: 하나씩 살짝 */
html.nt-motion body .nt-steps > li.ntm-r:not(.ntm-in){opacity:0 !important;transform:translateY(28px) scale(.94) !important}
html.nt-motion body .nt-steps > li.ntm-r{transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1) !important;transition-delay:calc(var(--ntm-i,0) * 110ms) !important}
/* ── 캔버스 모바일③에서 직접 수정하신 내용 반영 ── */
html body .nt-cmp .nt-cmp-grid > div:nth-child(3n+1):not(:first-child){font-size:13px !important;justify-content:center !important;text-align:center !important;padding:0 6px !important;white-space:normal !important;line-height:1.3 !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(13):not(:first-child){padding-bottom:12px !important}
html body .nt-notice{padding:18px 20px !important;border-radius:20px !important;gap:12px !important}
html body .nt-notice > img{display:none !important}
html body .nt-notice > div{flex:1 1 200px !important;gap:2px !important}
html body .nt-notice strong{font-size:18px !important;line-height:1.3 !important}
html body .nt-notice p{font-size:13px !important;line-height:1.5 !important}
html body .nt-notice > a{flex:1 1 100% !important;text-align:center !important;font-size:15.5px !important;padding:14px 20px !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"]{grid-template-columns:1fr !important;justify-items:center !important;text-align:center !important;padding:26px 20px !important;gap:10px !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"] > *{grid-column:1 !important;grid-row:auto !important;justify-self:center !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"] .nt-tcond{justify-content:center !important;text-align:center !important}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"]{flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"] > img{width:64px !important;flex-shrink:0}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"] > strong{font-size:16px !important;flex:1 1 0 !important;min-width:0}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"] > a{flex:1 1 100% !important}
/* 히어로 글자 위계: 배지(작게) → 제목(크게) → 설명(연하게) → 버튼(작게) */
html body #top .nt-eyebrow{font-size:12.5px !important;padding:6px 10px 6px 12px !important;gap:6px !important}
html body #top .nt-eyebrow strong{font-size:12px !important;padding:3px 9px !important}
html body #top .nt-hero-h,html body #top .nt-hero-h span{font-size:42px !important;font-weight:800 !important;line-height:1.18 !important;letter-spacing:-0.045em !important}
html body #top > div:first-child > p{margin-top:-6px !important}
html body #top > div:first-child > p span{font-size:14px !important;color:#7A8899 !important}
html body #top a.nt-hero-cta{font-size:14px !important;padding:12px 18px !important;font-weight:700 !important}
html body #top a.nt-hero-cta + a{font-size:14px !important;padding:11px 16px !important;font-weight:600 !important;color:#475A70 !important}
html body #top > div:first-child > div:last-child span{font-size:12.5px !important}
html body #top > div:first-child > div:last-child strong{font-size:12.5px !important}
/* 히어로 왼쪽 정렬 (B안) */
html body #top > div:first-child{align-items:flex-start !important;text-align:left !important}
html body #top > div:first-child > *{text-align:left !important;justify-content:flex-start !important;align-self:flex-start !important}
html body #top .nt-hero-h,html body #top .nt-hero-h span{font-size:38px !important;text-align:left !important;line-height:1.3 !important}
html body #top div:has(> a.nt-hero-cta){justify-content:flex-start !important}
html body #top > div:first-child > div:last-child{align-items:flex-start !important}
html body #top > div:first-child > div:last-child > *{justify-content:flex-start !important}
/* 말풍선 덩어리처럼 */
html body .nt-bubbles{width:340px !important;gap:0 !important;bottom:16% !important}
html body .nt-bubbles > div + div{margin-top:10px !important}
html body .nt-bubbles > div:nth-child(2){margin-right:6px;margin-top:10px !important}
/* 이용요금 위아래 여백 줄이기 */
html body #pricing > div{gap:18px !important}
html body #pricing .nt-pcards{gap:14px !important}
html body #pricing .nt-pcards > div > div:first-child{padding-top:22px !important}
html body #pricing div[style*="padding: 24px 36px 30px"]{padding:16px 22px 18px !important;gap:10px !important}
html body #pricing div[style*="padding: 26px 36px 32px"]{padding:16px 22px 18px !important;gap:14px !important}
html body #pricing div[style*="padding: 26px 36px 32px"] > span[style*="width: 60px"]{width:44px !important;height:44px !important}
html body #tiers{padding:26px 20px 18px !important;gap:18px !important}
html body #pricing .nt-trow{padding-top:14px !important;padding-bottom:14px !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"]{padding:18px 20px !important;gap:6px !important;margin-top:8px !important}
/* 이용요금 글자 한 단계씩 작게 */
html body #pricing [style*="font-size: 72px"]{font-size:34px !important}
html body #pricing span[style*="font-size: 30px"]{font-size:18px !important}
html body #pricing [style*="font-size: 26px"]:not(.nt-toff){font-size:16.5px !important}
html body #pricing [style*="font-size: 24px"]{font-size:14.5px !important}
html body #pricing [style*="font-size: 22px"]:not(p){font-size:13.5px !important}
html body #pricing [style*="font-size: 20px"]:not(.nt-toff){font-size:13.5px !important}
html body #pricing [style*="font-size: 19px"]{font-size:13px !important}
html body #pricing [style*="font-size: 18px"]{font-size:12.5px !important}
html body #pricing [style*="font-size: 17px"]{font-size:12.5px !important}
html body #pricing .nt-tprice,html body #pricing .nt-tprice[style*="clamp(34px"]{font-size:21px !important}
html body #pricing .nt-tcond > span:first-child{font-size:14.5px !important}
html body #pricing .nt-tcond > span + span{font-size:12px !important}
html body #pricing .nt-toff,html body #pricing .nt-toff[style*="font-size: 30px"]{font-size:13.5px !important}
html body #pricing h2,html body #pricing h2 span{font-size:27px !important}
html body #pricing strong[style*="clamp(32px, 3.4vw, 48px)"]{font-size:22px !important}
/* FAQ 글자 작게 */
html body #faq span[style*="font-size: 21px"]{font-size:14px !important;line-height:1.45 !important}
html body #faq p[style*="font-size: 19px"]{font-size:13px !important;line-height:1.6 !important}
html body #faq button[style*="padding: 24px 28px"]{padding:14px 14px !important}
/* 푸터 정보: 주소·전화 한 줄 */
html body footer div[style*="gap: 8px 28px"]{gap:2px 14px !important;font-size:12.5px !important}
html body #trial p[style*="font-size: 22px"]{font-size:clamp(11px, 3.35vw, 14px) !important;white-space:nowrap !important;letter-spacing:-0.03em !important}
/* 섹션 메인 제목 ↑ / 보조 설명 ↓ */
html body section h2[style*="clamp("],html body section h2[style*="clamp("] span{font-size:32px !important}
html body #pricing h2,html body #pricing h2 span{font-size:29px !important}
html body #ai-greeting h2,html body #anniversary h2,html body #ai-greeting h2 span,html body #anniversary h2 span{font-size:29px !important}
html body section p[style*="font-size: 22px"][style*="color: #475A70"],html body section span[style*="font-size: 22px"][style*="color: #475A70"],html body #faq p[style*="font-size: 22px"]{font-size:14.5px !important}
/* FAQ 펼쳤을 때 답변 폭 넓게 */
html body #faq button[style*="padding: 24px 28px"]{gap:10px !important}
html body #faq button[style*="padding: 24px 28px"] > span:first-child,html body #faq button[style*="padding: 24px 28px"] > span:last-child{width:28px !important;height:28px !important;font-size:13px !important}
html body #faq div[style*="padding: 0 76px 28px 28px"]{padding:0 14px 16px 14px !important;gap:10px !important}
html body #faq div[style*="padding: 0 76px 28px 28px"] > span{width:28px !important;height:28px !important;font-size:13px !important;flex-shrink:0}
html body #faq div[style*="padding: 0 76px 28px 28px"] > p{padding-top:3px !important}
/* 이용요금 박스 조금씩 작게 */
html body #pricing .nt-pcards > div,html body #tiers,html body #pricing .nt-notice{margin-left:6px !important;margin-right:6px !important;border-radius:22px !important}
html body #pricing .nt-pcards > div > div:first-child{padding:20px 22px 0 !important}
html body #pricing div[style*="padding: 24px 36px 30px"],html body #pricing div[style*="padding: 26px 36px 32px"]{padding:14px 22px 16px !important}
html body #tiers{padding:22px 16px 14px !important;gap:14px !important}
html body .nt-bubbles > div:nth-child(1) > div,html body .nt-bubbles > div:nth-child(3) > div{width:215px !important;box-sizing:border-box !important}
/* 이용요금 첫·두번째 박스 글자 작게 */
html body #pricing .nt-pcards [style*="font-size: 72px"]{font-size:34px !important;font-weight:800 !important;color:#0072BC !important;letter-spacing:-0.03em !important}
html body #pricing .nt-pcards [style*="font-size: 26px"]{font-size:15px !important}
html body #pricing .nt-pcards [style*="font-size: 24px"]{font-size:12.5px !important}
html body #pricing .nt-pcards [style*="font-size: 22px"]{font-size:12.5px !important}
html body #pricing .nt-pcards [style*="font-size: 19px"],html body #pricing .nt-pcards [style*="font-size: 17px"],html body #pricing .nt-pcards [style*="font-size: 18px"]{font-size:11.5px !important}
html body #pricing .nt-pcards span[style*="font-size: 30px"]{font-size:19px !important;font-weight:800 !important}
html body #pricing .nt-pcards [style*="font-size: 20px"]{font-size:12px !important}
html body #pricing .nt-pcards span[style*="width: 60px"]{width:38px !important;height:38px !important}
html body #pricing .nt-pcards span[style*="width: 60px"] svg{width:18px !important;height:18px !important}
/* 1) 헤더 다운로드 버튼 삭제 */
html body header a.nt-hdr-dl{display:none !important}
/* 2) 섹션 제목 왼쪽 정렬 통일 */
html body #partners > div > div:first-child,html body #compare > div > div:first-child,html body #pricing > div > div:first-child,html body #trial > div{align-items:flex-start !important;text-align:left !important}
html body #trial > div > div{justify-content:flex-start !important}
html body #pricing > div > div:first-child{margin-bottom:8px !important}
/* 3) 이용요금: 개인/단체 탭 + 할인 단계 접기 */
html body .nt-ptabs{display:flex !important;gap:4px;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;margin:0 6px}
html body .nt-ptabs button{flex:1;border:0;border-radius:999px;padding:10px 0;font-size:14px;font-weight:700;background:transparent;color:#AFC3D8;font-family:inherit}
html body .nt-ptabs button[aria-selected="true"]{background:#FFFFFF;color:#0A2540}
html body .nt-pcards[data-ptab="0"] > div:nth-child(2),html body .nt-pcards[data-ptab="1"] > div:nth-child(1){display:none !important}
html body #tiers[data-open="closed"] .nt-tlist > .nt-trow:nth-child(4),html body #tiers[data-open="closed"] .nt-tlist > .nt-trow:nth-child(5){display:none !important}
html body #tiers .nt-tmore{display:block !important;margin:2px auto 0;border:1px solid #D5E3F0;background:#FFFFFF;color:#0072BC;font-weight:700;font-size:13px;border-radius:999px;padding:9px 18px;font-family:inherit}
/* 5) 업종별 제목 모바일 문구 */
html body .nt-m-show{display:inline !important}
/* 6) AI 버튼·토끼 */
html body #ai-greeting div:has(> .nt-ai-btn){flex-wrap:wrap !important}
html body .nt-ai-btn{flex:1 1 100% !important;justify-content:center !important}
html body .nt-rabbit{height:58px !important;top:-52px !important;right:18px !important}
/* 7) 도입문의 사진 카드: 썸네일 + 글 한 줄 */
html body #contact div[style*="minmax(min(100%, 280px)"] > div{display:flex !important;align-items:center;border-radius:16px !important}
html body #contact div[style*="minmax(min(100%, 280px)"] > div > img{width:116px !important;aspect-ratio:4 / 3 !important;flex-shrink:0}
html body #contact div[style*="minmax(min(100%, 280px)"] > div > div{flex:1;padding:12px 14px !important;flex-direction:column;align-items:flex-start !important;gap:6px}
/* AI 인사말·기념일 기능 목록: 연한 박스 */
html body #ai-greeting ul > li,html body #anniversary ul > li{background:#FFFFFF;border:1px solid #E3EBF4;border-radius:14px;padding:12px 14px !important;align-items:center !important;gap:12px !important}
html body #anniversary ul > li{background:#F4F8FC}
html body #ai-greeting ul > li > span:first-child,html body #anniversary ul > li > span:first-child{width:34px !important;height:34px !important;border-radius:10px !important}
html body #ai-greeting ul > li > span:last-child,html body #anniversary ul > li > span:last-child{padding-top:0 !important}
html body #ai-greeting ul,html body #anniversary ul{gap:8px !important}
/* 앱 폰 이미지: 아래가 잘리지 않고 자연스럽게 흐려지게 */
html body #app > div > div{padding-bottom:44px !important}
html body #app .nt-app-ph:first-of-type{height:90% !important;width:auto !important;bottom:0 !important;left:auto !important;right:calc(50% - 2px) !important}
html body #app .nt-app-ph:last-of-type{height:100% !important;width:auto !important;bottom:0 !important;right:auto !important;left:calc(50% - 30px) !important}
/* 개인 정기구독 탭에서는 단체 할인 표 숨김 */
html body #pricing > div:has(.nt-pcards[data-ptab="0"]) #tiers{display:none !important}
html body header > div{position:relative !important;overflow:visible !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(255,255,255,.98) !important}
html body header.ntm-hide{transform:translateY(calc(-100% - 12px)) !important}
html body header img.nt-hdr-char{display:block !important;position:absolute !important;right:63px;bottom:-4px;height:54px !important;width:auto !important;margin:0 !important;z-index:2;transform-origin:30% 100%;animation:ntHdrWave 3.2s ease-in-out 1s infinite;filter:none !important;background:transparent !important;box-shadow:none !important;border:0 !important;-webkit-backface-visibility:hidden;backface-visibility:hidden}
html body .nt-step .nt-step-m{display:block !important;white-space:nowrap;font-size:13.5px !important;letter-spacing:-0.03em}
html body .nt-step .nt-step-m br{display:inline !important}
/* WHY 큰 카드: 악수 이미지 작게, 설명 두 줄 */
html body .nt-bento-l img[alt="서로 맞잡은 두 손"]{width:165px !important;max-width:none !important;margin:-6px -4px 16px 0 !important}
html body .nt-bento-l .nt-why-m{display:block !important;white-space:nowrap}
html body .nt-bento-l .nt-why-m br{display:inline !important}
/* 하단 고정 버튼: 은은한 그라데이션 + 흰 원 화살표 */
html body a.nt-float-cta.nt-float-cta{height:56px;box-sizing:border-box;padding:0 8px 0 56px !important;gap:8px !important;justify-content:space-between !important;overflow:hidden;font-size:16.5px !important;font-weight:700 !important;letter-spacing:-0.02em;background:linear-gradient(100deg,#0066B0 0%,#0A7FD6 100%) !important;box-shadow:0 10px 24px rgba(0,80,160,.32),0 0 0 3px rgba(255,255,255,.95) !important}
html body .nt-float-cta::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:24%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:skewX(-20deg);animation:ntFcShine 4.5s ease-in-out 1.5s infinite;pointer-events:none}
html body .nt-float-cta .nt-fc-tx{flex:1;text-align:center}
html body .nt-float-cta .nt-fc-arr{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#FFFFFF;color:#0072BC}
html body .nt-float-cta .nt-fc-arr svg{animation:ntFcNudge 1.6s ease-in-out infinite}
@keyframes ntFcShine{0%,60%{left:-40%}100%{left:130%}}
@keyframes ntFcNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
/* 모바일 메뉴: 오른쪽 끝 햄버거, 판다는 그 왼쪽에서 바에 걸쳐 인사 */
html body header button.nt-burger{display:flex !important;flex-direction:column;justify-content:center;align-items:center;gap:4.3px;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:50%;background:#F1F4F8;cursor:pointer;position:relative;z-index:3;-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;flex-shrink:0}
html body header button.nt-burger span{display:block;width:17px;height:2.1px;border-radius:2px;background:#2F3A48;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}
html body header button.nt-burger[aria-expanded="true"]{background:#0072BC}
html body header button.nt-burger[aria-expanded="true"] span{background:#FFFFFF}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.4px) rotate(45deg)}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.4px) rotate(-45deg)}
html body header .nt-mmenu{display:block !important;position:absolute;left:16px;right:16px;top:calc(100% - 6px);z-index:1;background:#FFFFFF;border:1px solid #EDF2F7;border-radius:24px;box-shadow:0 18px 40px rgba(10,37,64,.16);padding:10px 10px 12px;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}
html body header .nt-mmenu[data-open="open"]{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s}
html body header .nt-mmenu nav{display:flex;flex-direction:column}
html body header .nt-mmenu nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px;border-radius:14px;font-size:17px;font-weight:700;letter-spacing:-0.02em;color:#2F3A48;text-decoration:none}
html body header .nt-mmenu nav a{position:relative}html body header .nt-mmenu nav a + a::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:#EEF2F6}
html body header .nt-mmenu nav a svg{color:#9AA8B8;flex-shrink:0}
html body header .nt-mmenu nav a:active{background:#F2F8FD}
html body header .nt-mmenu-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
html body header .nt-mmenu-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;font-size:15px;font-weight:700;color:#34485F;background:#F1F4F8;text-decoration:none;white-space:nowrap}
html body header .nt-mmenu-cta a.nt-mmenu-pri{background:#0072BC;color:#FFFFFF}
html body header .nt-mmenu-dim{display:block !important;position:fixed;top:0;left:0;right:0;height:120vh;z-index:-1;background:rgba(10,30,55,.32);opacity:0;pointer-events:none;transition:opacity .25s ease;touch-action:none;overscroll-behavior:contain}
html body header .nt-mmenu-dim[data-open="open"]{opacity:1;pointer-events:auto}
html body header:has(.nt-mmenu[data-open="open"]){transform:none !important}
html:has(.nt-mmenu[data-open="open"]) .nt-float-cta{opacity:0 !important;pointer-events:none !important}
html:has(.nt-mmenu[data-open="open"]) body::after{opacity:0 !important}
/* WHY 마지막 카드가 하단 버튼에 가려지지 않게, 다음 섹션은 조금 늦게 */
html body section:has(+ #what) > div{padding-bottom:150px !important}
/* 이용요금 가격 크기 통일 */
html body #pricing .nt-tprice,html body #pricing .nt-tprice[style*="clamp(34px"]{font-size:24px !important}
html body #pricing .nt-tprice span{font-size:13px !important}
/* ── 모바일 모션: 짧고 가볍게(옆으로 크게 날아오는 동작 → 아래에서 살짝) ── */
.nt-motion .ntm-r{transition-duration:.55s,.7s !important;transition-delay:calc(var(--ntm-i,0) * 60ms) !important}
.nt-motion .ntm-r:not(.ntm-in){transform:translateY(24px) !important}
.nt-motion .ntl-i{transition-duration:.8s !important;transition-delay:calc(var(--ntl,0) * 80ms + 60ms) !important}
.nt-motion .ntx-wipe{clip-path:none !important;opacity:1}.nt-motion .ntx-wipe img{transform:none !important}
.nt-motion .ntx-slide:not(.ntx-in){transform:translateY(24px) !important}
.nt-motion .ntx-pop:not(.ntx-in){transform:scale(.7) !important}
.nt-motion .ntx-eyebrow:not(.ntx-in){transform:translateY(8px) !important}
.nt-motion .ntx-lift:hover{transform:none !important}
/* ── 위계: 라벨(작고 파랑) → 제목(크고 굵게) → 설명(연하게) → 내용 ── */
p[style*="display: inline-flex"][style*="font-size: 19px"]{font-size:14px !important;font-weight:700 !important;letter-spacing:0 !important;gap:6px !important}
p[style*="display: inline-flex"][style*="font-size: 19px"][style*="color: #5A6B80"]{color:#0072BC !important}
p[style*="display: inline-flex"][style*="font-size: 19px"] img,p[style*="display: inline-flex"][style*="font-size: 22px"] img{height:16px !important}
h2[style*="clamp(34px, 4vw, 56px)"],h2[style*="clamp(36px, 3.4vw, 48px)"],h2[style*="clamp(34px, 3.2vw, 46px)"],h2[style*="clamp(40px, 5vw, 72px)"]{font-size:30px !important;font-weight:800 !important;line-height:1.3 !important;letter-spacing:-0.035em !important}
h2[style*="clamp(34px, 4vw, 56px)"] span,h2[style*="clamp(36px, 3.4vw, 48px)"] span,h2[style*="clamp(34px, 3.2vw, 46px)"] span,h2[style*="clamp(40px, 5vw, 72px)"] span{font-size:inherit !important;font-weight:inherit !important}
p[style*="font-size: 22px"][style*="color: #475A70"],span[style*="font-size: 22px"][style*="color: #475A70"]{font-size:16px !important;line-height:1.65 !important;color:#6B7B8F !important}
p[style*="font-size: 22px"][style*="color: #475A70"] b,p[style*="font-size: 22px"][style*="color: #475A70"] strong{color:#2F3A48}
[style*="padding: 144px 24px"][style*="gap: 64px"],[style*="padding: 144px 24px"][style*="gap: 56px"],[style*="padding: 144px 24px"][style*="gap: 72px"]{gap:36px !important}
/* 줄바꿈: 제목은 줄 길이 균형, 본문은 마지막 줄 한 글자 방지 */
h1,h2,h3,strong{text-wrap:balance}p,span,li{text-wrap:pretty}
/* 버튼: 쓸데없이 큰 버튼을 모바일 표준 크기(높이 48px 안팎)로 */
html body a[style*="padding: 23px 38px"],html body a[style*="padding: 22px 30px"],html body a[style*="padding: 22px 42px"],html body a[style*="padding: 18px 30px"],html body a[style*="padding: 20px 28px"],html body button[style*="padding: 20px 28px"]{padding:14px 22px !important;font-size:15.5px !important;min-height:0 !important}
html body a[style*="padding: 0 48px"]{min-height:46px !important;padding:0 24px !important;font-size:15.5px !important}
html body #contact a[style*="padding: 22px 34px"]{padding:12px 20px 12px 14px !important;font-size:15.5px !important;gap:10px !important}
html body #contact a[style*="padding: 22px 34px"] > *:first-child{width:32px !important;height:32px !important;flex-shrink:0}
html body #contact a[style*="padding: 22px 34px"] > *:first-child svg{width:18px !important;height:18px !important}
.nt-ai-btn svg{flex-shrink:0}.nt-ai-cnt{white-space:nowrap;font-size:14px !important}
#trial p,#pricing p,#compare p,#partners strong{text-wrap:balance}
.nt-cmp-grid > div:nth-child(3n){font-size:13px !important}
.nt-cmp-grid > div:nth-child(3n) *{white-space:nowrap}
html body #top a.nt-hero-cta{padding:15px 20px !important;font-size:15.5px !important}
#top div:has(> a.nt-hero-cta){flex-direction:row !important;flex-wrap:nowrap !important;gap:8px !important;justify-content:center !important}
#top div:has(> a.nt-hero-cta) > a{white-space:nowrap}
.nt-float-cta{padding:14px 22px !important}
/* 콘텐츠 탭: 작은 알약형 한 줄 */
html body #contents button[style*="padding: 0 36px"]{min-height:40px !important;padding:0 16px !important;font-size:15px !important}
#contents div:has(> button[style*="padding: 0 36px"]){flex-wrap:nowrap !important;gap:8px !important}
/* WHY 작은 카드: 아이콘 + 글 가로 배치로 컴팩트하게 */
.nt-bento-s{flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:16px !important;padding:20px 22px !important}
.nt-bento-s > svg{width:38px !important;height:38px !important;flex-shrink:0}
/* 사용 방법 단계: 억지 줄바꿈 제거, 아이콘 축소 */
.nt-step br{display:none}.nt-step-ic{width:96px !important;height:96px !important}.nt-step-ic svg{width:56px !important;height:56px !important}
/* POINT 03 채팅 헤더 한 줄 */
.ntm-p3-tag,.ntm-p3-tag ~ *,[class*="ntm-p3"] strong{white-space:nowrap}
#what strong[style*="font-size: 17px"]{white-space:nowrap}
/* AI 인사말 데모: 겹친 안쪽 여백 줄여 폭 확보 */
#ai-greeting [style*="padding: 32px 40px"]{padding:22px 16px !important}
#ai-greeting [style*="padding: 24px 28px"]{padding:4px 4px 8px !important}
.nt-ai-btn{white-space:nowrap;padding:0 14px !important;min-height:44px !important;gap:6px !important;font-size:15px !important}
#app a img,#app a svg{height:auto !important;width:100% !important}#app a{height:auto !important;min-height:0 !important;width:167px !important}
html body #app div:has(> a[href*="apps.apple"]){margin-left:8px !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:flex-start !important;gap:10px !important}
.nt-ai-bub{width:100% !important;padding:18px 20px !important}
/* FAQ 카드 여백 */
#faq button[style*="padding: 24px 28px"]{padding:18px 18px !important}
/* 푸터 링크 칩 */
footer a[style*="padding: 11px 16px"]{padding:8px 13px !important}
}
/* ===== /모바일 가독성 개편 ===== */
@media (max-width: 900px){
.nt-eyebrow{font-size:16px !important;gap:10px !important;padding:8px 12px 8px 16px !important}.nt-eyebrow strong{font-size:15px !important;padding:5px 12px !important}

.nt-1line{white-space:normal !important}
.nt-hero-cta{font-size:19px !important;padding:20px 32px !important}
.nt-float-cta{left:16px !important;right:16px;bottom:16px !important;justify-content:center;transform:translateY(24px) !important}.nt-float-cta.is-on{transform:none !important}
.nt-steps{display:grid !important;grid-template-columns:1fr 1fr;gap:32px 12px !important}
.nt-steps .nt-arrow{display:none !important}
.nt-step{max-width:none !important;gap:14px !important}
.nt-step-ic{width:120px !important;height:120px !important}
.nt-step-ic svg{width:72px !important;height:72px !important}
.nt-cgrid{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -24px;padding:0 24px 8px;gap:14px !important;scrollbar-width:none}
.nt-cgrid::-webkit-scrollbar{display:none}
.nt-ccard{flex:0 0 76%;scroll-snap-align:start}

.nt-panda{height:72px !important}

.nt-inds{grid-template-columns:1fr !important}.nt-ind{padding:28px 24px !important}.nt-ind img{width:76px !important;height:60px !important}
#partners .nt-marquee-track li{width:140px !important;height:64px !important}#partners .nt-marquee-track img{max-width:96px !important;max-height:33px !important;width:auto !important;height:auto !important}
[style*="padding: 144px 24px"]{padding-top:88px !important;padding-bottom:88px !important}
.nt-hide-m{display:none !important}
.nt-ghost{display:none !important}
header{padding:10px 12px !important}
#top{padding-top:124px !important}
header > div{padding:6px 6px 6px 18px !important;min-height:56px !important}
header img{height:26px !important}
.nt-bubbles{transform:translateY(-50%) scale(.52) !important;transform-origin:right center;width:330px !important;right:8px !important;top:50% !important;margin-top:0 !important}
.nt-banner{padding:36px 24px !important;border-radius:24px !important}
.nt-banner p{width:auto !important}
.nt-banner a{padding:0 32px !important;min-height:56px !important;font-size:18px !important}
.nt-arrow{display:none !important}
.nt-promise{row-gap:28px !important}
.nt-bento{grid-template-columns:1fr !important}
.nt-pbento{grid-template-columns:1fr !important}
.nt-bento-l{grid-column:auto !important;grid-row:auto !important;padding:36px 24px 0 !important}
.nt-bento-l img{width:80% !important;margin:0 auto !important}
.nt-stat{border-left:none !important;padding:4px 0 !important}
.nt-promise > div{border-left:none !important}
.nt-point{border-radius:24px !important}
.nt-point > div[aria-hidden]{padding:20px !important;min-height:0 !important}
.nt-point h3{font-size:30px !important}
}

a{color:#0A2540;text-decoration:none}a:hover{color:#0072BC}
button{font-family:inherit;cursor:pointer}

.nt-psmall{grid-template-columns:1fr !important;gap:28px !important;align-content:start}
.nt-psmall h3{font-size:34px !important}
.nt-psmall > div[aria-hidden]{min-height:260px !important;padding:28px !important}
@media (min-width: 901px){.nt-psmall > div[aria-hidden]{height:300px;box-sizing:border-box}.nt-psmall > div[aria-hidden] > div{width:100% !important;max-width:392px !important;height:244px;box-sizing:border-box;display:flex;flex-direction:column}.nt-psmall:not(.nt-p2) > div[aria-hidden] > div > div:last-child{flex:1;justify-content:center}}
.nt-p2 > div:not([aria-hidden]){order:-1}
.nt-eb-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#FCD21C;animation:ntEbPing 2s ease-out infinite}@keyframes ntEbPing{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(2.6);opacity:0}}@media (prefers-reduced-motion: reduce){.nt-eb-dot::after{animation:none}}

/* POINT 02 · 03 등장 효과 */
.nt-motion .ntm-in .ntm-p2-btn{animation:ntP2Press .5s ease .45s both}
.nt-motion .ntm-in .ntm-p2-var{animation:ntP2Pop .55s cubic-bezier(.3,1.5,.5,1) .8s both}
.nt-motion .ntm-in .ntm-p2-txt{animation:ntP2Fade .6s ease 1.1s both}
.nt-motion .ntm-in .ntm-p3-bub{transform-origin:100% 100%;animation:ntP3Bub .6s cubic-bezier(.3,1.4,.5,1) .6s both}
.nt-motion .ntm-in .ntm-p3-time{animation:ntP2Fade .4s ease 1.05s both}
.nt-motion .ntm-in .ntm-p3-tag{animation:ntP3Tag .7s ease 1.2s both}
@keyframes ntP2Press{0%{transform:scale(1)}35%{transform:scale(.88);background:#0072BC;color:#FFFFFF}100%{transform:scale(1)}}
@keyframes ntP2Pop{0%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:none}}
@keyframes ntP2Fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ntP3Bub{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:none}}
@keyframes ntP3Tag{0%{box-shadow:0 0 0 0 rgba(0,114,188,.45)}100%{box-shadow:0 0 0 10px rgba(0,114,188,0)}}

/* ===== big scroll fx (apple style) ===== */
#industries.is-hpin{overflow:clip}
#industries.is-hpin > div{position:sticky;top:0;height:100vh;box-sizing:border-box;justify-content:center;padding-top:0 !important;padding-bottom:0 !important;gap:48px !important}
#industries.is-hpin .nt-inds{display:flex !important;flex-wrap:nowrap;gap:24px !important;will-change:transform}
#industries.is-hpin .nt-ind{flex:0 0 min(560px, 44vw);box-sizing:border-box;transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s}
#industries.is-hpin .nt-ind.is-cur{box-shadow:0 30px 60px rgba(0, 60, 120, 0.12)}
.nt-hbar{height:4px;border-radius:4px;background:#DCE8F3;overflow:hidden;max-width:320px;width:100%}
.nt-hbar i{display:block;height:100%;width:100%;background:#0072BC;transform-origin:0 50%;transform:scaleX(0)}
/* ===== /big scroll fx ===== */

/* ===== hanwha-style motion ===== */
.nt-motion .ntm-r{transform:translateY(72px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.3s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--ntm-i,0) * 110ms)}
.ntl{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.ntl-i{display:block}
.nt-motion .ntl-i{transform:translateY(110%) rotate(2deg);transform-origin:0 100%;transition:transform 1.15s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--ntl,0) * 130ms + 120ms)}
.nt-motion .ntl-on .ntl-i{transform:none}
.nt-motion .ntx-wipe{clip-path:inset(100% 0 0 0);transition:clip-path 1.3s cubic-bezier(.77,0,.18,1);transition-delay:calc(var(--ntx,0) * 120ms)}
.nt-motion .ntx-wipe.ntx-in{clip-path:inset(0 0 0 0)}
.nt-motion .ntx-wipe img{transform:scale(1.25);transition:transform 1.9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--ntx,0) * 120ms)}
.nt-motion .ntx-wipe.ntx-in img{transform:none}
.nt-motion .ntx-wipe.ntx-done img{transition:transform .7s cubic-bezier(.16,1,.3,1);transition-delay:0s}
.nt-motion .ntx-hov.ntx-done:hover img{transform:scale(1.07)}
.nt-motion .ntx-pop{transform:scale(.3) rotate(-14deg);opacity:0;transition:transform 1s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;transition-delay:calc(var(--ntx,0) * 120ms + .35s)}
.nt-motion .ntx-pop.ntx-in{transform:none;opacity:1}
.nt-motion .ntx-slide{transform:translateX(18%) rotate(6deg);opacity:0;transition:transform 1.4s cubic-bezier(.16,1,.3,1),opacity .8s ease .2s}
.nt-motion .ntx-slide.ntx-in{transform:none;opacity:1}
.nt-motion .ntx-lift{transition:transform .55s cubic-bezier(.16,1,.3,1) 0s,box-shadow .55s ease 0s !important}
.nt-motion .ntx-lift:hover{transform:translateY(-10px) !important;box-shadow:0 26px 50px rgba(0,50,100,.13) !important}
.nt-motion .ntx-eyebrow{opacity:0;transform:translateX(-24px);transition:opacity .7s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.nt-motion .ntx-eyebrow.ntx-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.nt-motion .ntl-i,.nt-motion .ntx-wipe,.nt-motion .ntx-wipe img,.nt-motion .ntx-pop,.nt-motion .ntx-slide,.nt-motion .ntx-eyebrow{transform:none !important;clip-path:none !important;opacity:1 !important;transition:none !important}}
/* ===== /hanwha-style motion ===== */

/* 누적회원 박스: 스크롤 연동 대신 1회 등장 + 숫자 폭 고정 */
.nt-motion .nt-fbig > div[aria-hidden]{transform:scaleY(.15);transform-origin:50% 100%;transition:transform 1.5s cubic-bezier(.16,1,.3,1) .35s}
.nt-motion .nt-fbig.ntm-in > div[aria-hidden]{transform:none}


/* ===== 히어로 사진: 고정된 채 화면 가득 확장 + 안쪽 줌아웃 ===== */
#top.is-hcol{overflow:clip !important}
#top.is-hcol .nt-hsp{display:block;height:130vh}
#top.is-hcol > div + div > img{will-change:transform;transform-origin:50% 50%}
#top.is-hcol > div + div{transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;transition:border-radius .45s ease}
#top.is-hcol.is-grow > div + div{border-radius:0 !important}
#top.is-hcol .nt-bubbles{transform-origin:100% 50%;will-change:transform}
#top.is-hcol .nt-bubbles > div{animation:none !important;opacity:0;transform:translateY(26px) scale(.92);transition:opacity .45s ease, transform .65s cubic-bezier(.3,1.4,.5,1)}
#top.is-hcol.is-full .nt-bubbles > div{opacity:1;transform:none}
#top.is-hcol.is-full .nt-bubbles > div:nth-child(2){transition-delay:.15s}
#top.is-hcol.is-full .nt-bubbles > div:nth-child(3){transition-delay:.3s}
#top.is-hcol > div + div{position:sticky !important;z-index:1;will-change:transform}

/* 옆에서 들어오는 등장 모션(아래→위 일변도 탈피) */
.nt-motion .ntm-r.ntx-l:not(.ntm-in){transform:translateX(-96px) rotate(-1.2deg)}
.nt-motion .ntm-r.ntx-rt:not(.ntm-in){transform:translateX(96px) rotate(1.2deg)}
.nt-motion .ntm-r.ntx-zoom:not(.ntm-in){transform:scale(.88)}

/* ===== 앱 섹션: 파란 카드가 화면 가득 확장 (Apple식 scroll zoom/expand) ===== */
#app.is-xp{overflow:clip}
#app.is-xp > div:first-child{position:sticky;z-index:1}
#app.is-xp .nt-xbg{position:absolute;display:block;border-radius:64px;background:linear-gradient(135deg,#0072BC 0%,#1A8CF0 100%);transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;contain:strict;z-index:0;pointer-events:none}
#app.is-xp .nt-app-ph{bottom:0 !important}
#app.is-xp > div:first-child > div:not(.nt-xbg){background:transparent !important;z-index:1}
#app.is-xp .nt-xsp{display:block}

/* ===== 1:1 단체발송 섹션 고정 → 다음 섹션이 커튼처럼 덮기 ===== */
#what.is-cur{position:sticky !important;z-index:0}
#what.is-cur::after{content:"";position:absolute;inset:0;background:#05101C;opacity:var(--cov,0);pointer-events:none;z-index:5}
#what.is-cur > div{transform-origin:50% 100%;will-change:transform}
#what.is-cur.is-gone{visibility:hidden}
#what.is-cur ~ section{position:relative;z-index:1}
#what.is-cur ~ #how{border-radius:44px 44px 0 0;box-shadow:0 -28px 60px rgba(0,10,25,.35)}

/* WHY 섹션 고정 → '1:1 카톡 단체발송이란?' 섹션이 커튼처럼 덮기 */
.nt-curb{position:sticky !important;z-index:0}
.nt-curb::after{content:"";position:absolute;inset:0;background:#0A1828;opacity:var(--cov,0);pointer-events:none;z-index:5}
.nt-curb > div{transform-origin:50% 100%;will-change:transform}
.nt-curb.is-gone{visibility:hidden}
#what.is-cur.nt-curf{z-index:1}
.nt-curb + #what{border-radius:44px 44px 0 0;box-shadow:0 -28px 60px rgba(0,10,25,.28)}

/* ===== 스크롤 연동 CSS 애니메이션(크롬: GPU 처리, 메인 스레드 부담 없음) ===== */
@keyframes ntHZ{from{transform:scale(1)}to{transform:scale(1.2)}}
@keyframes ntAZ{from{transform:scale(.84);opacity:.6}to{transform:scale(1);opacity:1}}
@supports (animation-timeline: scroll()){
  .nt-motion.nt-sfx #top > div + div{animation-name:ntWipe,ntHZ !important;animation-duration:1.3s,1ms !important;animation-timing-function:cubic-bezier(.7,0,.2,1),linear !important;animation-delay:.7s,0s !important;animation-fill-mode:both,both !important;animation-iteration-count:1,1 !important;animation-timeline:auto,scroll(root block) !important;animation-range:normal,0px 760px !important;will-change:transform}
  .nt-motion.nt-sfx #app:not(.is-xp) > div > div{animation:ntAZ 1ms linear both !important;animation-timeline:view() !important;animation-range:entry 0% cover 50% !important;will-change:transform;transform-origin:50% 30%}
}
/* ===== motion (nt) ===== */
@keyframes ntUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes ntPop{0%{opacity:0;transform:translateY(14px) scale(.94)}70%{opacity:1;transform:translateY(-2px) scale(1.02)}100%{opacity:1;transform:none}}
@keyframes ntPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,212,59,.0)}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(255,212,59,.25)}}
@keyframes ntBounce{0%{opacity:0;transform:translateY(60px) scale(.94)}60%{opacity:1;transform:translateY(-10px) scale(1.01)}80%{transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes ntWave{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
@keyframes ntCheck{from{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}
.nt-motion .ntm-r{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--ntm-i,0) * 90ms)}
.nt-motion .ntm-r.ntm-in{opacity:1;transform:none}
.nt-motion #top h1{animation:ntUp .8s .05s both}
.nt-motion #top h1 + p{animation:ntUp .8s .18s both}
.nt-motion #top h1 + p + div{animation:ntUp .8s .3s both}
.nt-motion #top h1 + p + div + div{animation:ntUp .8s .42s both}
.nt-motion #top > div + div{animation:ntUp .9s .55s both}
.nt-motion .nt-bubbles > div{animation:ntPop .55s both}
.nt-motion .nt-bubbles > div:nth-child(1){animation-delay:1s}
.nt-motion .nt-bubbles > div:nth-child(2){animation-delay:1.7s}
.nt-motion .nt-bubbles > div:nth-child(3){animation-delay:2.4s}
.nt-motion .ntm-in .ntm-chk svg{animation:ntCheck .35s both;animation-delay:calc(var(--ntm-i,0) * 220ms + .35s)}
.nt-motion .nt-cmp.ntm-r{transform:none}
.nt-motion .nt-cmp .nt-cmp-pill{opacity:0;transform:scale(.94);transform-origin:50% 50%;transition:opacity .7s ease .25s,transform .9s cubic-bezier(.22,1,.36,1) .25s}
.nt-motion .nt-cmp.ntm-in .nt-cmp-pill{opacity:1;transform:none}
.nt-motion .nt-cmp .nt-cmp-grid > *{transition:opacity .5s ease .55s}
.nt-motion .nt-tlist.ntm-in .ntm-max{animation:ntPulse 1s .7s 2}
.nt-motion .nt-crew.ntm-r{transform:none;opacity:0;transition:none}
.nt-motion .nt-crew.ntm-in{animation:ntBounce 1s cubic-bezier(.3,1.4,.5,1) both}
.nt-panda,.nt-cactus,.nt-rabbit{transform-origin:50% 90%;cursor:default}
.nt-panda:hover,.nt-cactus:hover,.nt-rabbit:hover{animation:ntWave .8s ease-in-out}
a[style*="border-radius: 999px"]{transition:transform .2s ease,box-shadow .2s ease}
a[style*="border-radius: 999px"]:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(10,37,64,.14)}
a svg{transition:transform .2s ease}
a:hover > svg:last-child:not(.nt-noshift){transform:translateX(3px)}
header > div{transition:box-shadow .3s ease,padding .3s ease}
header{transition:padding .3s ease}
header.ntm-scrolled{padding-top:8px !important;padding-bottom:8px !important}
header.ntm-scrolled > div{box-shadow:0 14px 32px rgba(10,37,64,.14) !important}
@media (prefers-reduced-motion: reduce){.nt-motion .ntm-r{opacity:1 !important;transform:none !important;transition:none !important}.nt-motion *{animation:none !important}}
/* ===== /motion ===== */
.nt-float-cta{position:fixed;left:50%;bottom:28px;z-index:30;transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.nt-float-cta.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.nt-float-cta.is-on:hover{transform:translate(-50%,-2px)}

/* ===== scrollfx ===== */
@keyframes ntFade{from{opacity:0}to{opacity:1}}
.nt-motion #top > div + div{animation:ntFade 1s .55s both !important}
.ntsf-fill{-webkit-background-clip:text;background-clip:text;color:transparent !important;background-image:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF calc(var(--ntp,1) * 100%),rgba(255,255,255,.22) calc(var(--ntp,1) * 100% + 6%),rgba(255,255,255,.22) 100%)}
/* ===== /scrollfx ===== */







body{margin:0;background:#FFFFFF;font-family:'Pretendard',sans-serif;word-break:keep-all}
@keyframes nt-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.nt-cases-track{animation:nt-marquee 45s linear infinite}
.nt-marquee:hover .nt-marquee-track{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.nt-marquee{overflow-x:auto !important}.nt-marquee-track{animation:none !important}}
/* ===== 모바일 가독성 개편: 글자 크기 단계 + 여백 (한화·애플 모바일 참고) ===== */
#tiers .nt-tmore,.nt-ptabs,.nt-m-show,.nt-hdr-char,.nt-burger,.nt-mmenu,.nt-mmenu-dim{display:none}
@keyframes ntHdrWave{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-6deg)}82%{transform:rotate(4deg)}88%{transform:rotate(-4deg)}94%{transform:rotate(2deg)}}
@keyframes ntBubIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width: 900px){
[style*="font-size: clamp(64px, 8vw, 120px)"]{font-size:52px !important}[style*="font-size: clamp(40px, 5vw, 72px)"]{font-size:31px !important}[style*="font-size: clamp(36px, 3.4vw, 48px)"]{font-size:27px !important}[style*="font-size: clamp(34px, 4vw, 56px)"]{font-size:28px !important}[style*="font-size: clamp(34px, 3.2vw, 46px)"]{font-size:27px !important}[style*="font-size: clamp(32px, 3vw, 40px)"]{font-size:25px !important}[style*="font-size: clamp(32px, 3.4vw, 48px)"]{font-size:26px !important}[style*="font-size: clamp(28px, 2.6vw, 36px)"]{font-size:22px !important}[style*="font-size: clamp(26px, 2.4vw, 32px)"]{font-size:21px !important}[style*="font-size: clamp(26px, 2.6vw, 36px)"]{font-size:21px !important}[style*="font-size: 72px"]{font-size:48px !important}[style*="font-size: 46px"]{font-size:34px !important}[style*="font-size: 40px"]{font-size:30px !important}[style*="font-size: 34px"]{font-size:26px !important}[style*="font-size: 32px"]{font-size:24px !important}[style*="font-size: 30px"]{font-size:23px !important}[style*="font-size: 26px"]{font-size:20px !important}[style*="font-size: 24px"]{font-size:18px !important}[style*="font-size: 22px"]{font-size:16px !important}[style*="font-size: 21px"]{font-size:15.5px !important}[style*="font-size: 20px"]{font-size:15px !important}[style*="font-size: 19px"]{font-size:14.5px !important}[style*="font-size: 18px"]{font-size:14.5px !important}[style*="font-size: 17px"]{font-size:14px !important}[style*="font-size: 16px"]{font-size:14px !important}[style*="font-size: 15px"]{font-size:13.5px !important}[style*="font-size: 14px"]{font-size:13px !important}[style*="font-size: 13px"]{font-size:12px !important}
h2,h2 span{line-height:1.32 !important;letter-spacing:-0.03em !important}
html body [style*="padding: 144px 24px"]{padding:64px 32px !important}
[style*="padding: 0 24px"],[style*="padding: 136px 24px"],[style*="padding: 64px 24px"]{padding-left:32px !important;padding-right:32px !important}
.nt-cgrid{margin:0 -28px !important;padding:0 28px 8px !important;scroll-padding-left:28px}
.nt-rv-track{padding-left:32px !important;padding-right:32px !important}
header{padding-left:16px !important;padding-right:16px !important}
[style*="padding: 40px"]{padding:26px 22px !important}
[style*="padding: clamp(28px, 4vw, 48px)"]{padding:28px 22px !important}
[style*="padding: 26px 28px"],[style*="padding: 22px 28px"],[style*="padding: 30px 32px"],[style*="padding: 28px 32px"],[style*="padding: 24px 28px"]{padding-left:20px !important;padding-right:20px !important}
[style*="padding: 26px 36px"],[style*="padding: 24px 36px"],[style*="padding: 36px 36px 0"]{padding-left:22px !important;padding-right:22px !important}
[style*="padding: 80px 72px 0"]{padding:56px 22px 0 !important}
p,li{word-break:keep-all}
/* ── 쓸데없이 큰 여백 줄이기 ── */
section [style*="gap: 72px"],section [style*="gap: 64px"]{gap:36px !important}
section [style*="gap: 56px"]{gap:30px !important}
section [style*="gap: 48px"]{gap:26px !important}
[style*="min-height: 300px"],[style*="min-height: 420px"]{min-height:0 !important}
#top{padding-top:108px !important;padding-bottom:56px !important}
#partners{padding-bottom:48px !important}
[style*="padding: 136px 24px"]{padding-top:72px !important;padding-bottom:56px !important}
.nt-fbig{padding:28px 24px !important;min-height:260px !important}
html body .nt-point h3{font-size:22px !important}

#contact img[style*="aspect-ratio: 2.4 / 1"]{aspect-ratio:3 / 1 !important}
/* 파트너사: 전체적으로 작게 */
#partners .nt-marquee-track{gap:14px !important}#partners .nt-marquee-track li{width:96px !important;height:44px !important}
#partners .nt-marquee-track img{max-width:74px !important;max-height:24px !important;width:auto !important;height:auto !important}
#partners strong{font-size:17px !important;line-height:1.4 !important}
#partners span[style*="font-size: 17px"]{font-size:12.5px !important;padding:6px 12px !important}
#partners > div:first-child{gap:10px !important}
#partners{padding-bottom:36px !important}
/* 성공사례 카드 사진: 정사각형으로 온전히 */
.nt-cases-track a{width:156px !important}.nt-cases-track a img{width:100% !important;max-width:none !important;max-height:none !important;height:auto !important;aspect-ratio:1 / 1 !important}
/* POINT 02 메시지: 3줄 */
.nt-m-hide{display:none}
.ntm-p2-txt,.ntm-p2-var{font-size:14px !important}
#what div[style*="padding: 18px; font-size: 18px"]{padding:14px !important;font-size:14px !important;line-height:1.6 !important}
/* AI 인사말·기념일: 제목 > 설명 > 목록 > 데모 순으로 크기 차이 */
#ai-greeting span[style*="font-size: 21px"],#anniversary span[style*="font-size: 21px"]{font-size:14.5px !important;color:#5A6B80 !important;line-height:1.55 !important;padding-top:2px !important}
#ai-greeting span[style*="font-size: 21px"] strong,#anniversary span[style*="font-size: 21px"] strong{color:#0A2540 !important;font-weight:700}
#ai-greeting p[style*="font-size: 24px"]{font-size:19px !important;font-weight:700 !important;line-height:1.45 !important}
#ai-greeting [style*="font-size: 16px; font-weight: 700"]{font-size:13px !important}
#ai-greeting .nt-ai-field{font-size:14px !important;height:46px !important}
#ai-greeting .nt-ai-bub{font-size:14px !important}
#anniversary .nt-anv-main{font-size:13px}
#ai-greeting ul,#anniversary ul{gap:14px !important}
/* ── 애플·한화 모바일 패턴 ── */
/* 1) POINT·도입문의 카드: 세로로 쌓기(잘림·넘김 오류 방지) */
html body .nt-pbento{display:flex !important;flex-direction:column !important;gap:12px !important}
html body .nt-pbento > .nt-point{padding:24px 18px !important;gap:20px !important}
html body .nt-pbento .nt-point > div[aria-hidden]{padding:12px !important}
html body .nt-pbento .nt-point > div[aria-hidden] > div{padding:16px !important}
html body #contact div[style*="minmax(min(100%, 280px)"]{grid-template-columns:1fr !important;gap:10px !important}
/* 2) 숫자 지표 3개 → 한 줄 3칸 타일 */
html body .nt-fbento{grid-template-columns:repeat(3,1fr) !important;gap:8px !important}
html body .nt-fbig{grid-column:1 / -1 !important}
html body .nt-fs{padding:16px 12px !important;flex-direction:column !important;align-items:flex-start !important;gap:0 !important;border-radius:18px !important}
html body .nt-fs > span:last-child{display:none !important}
html body .nt-fs span[style*="font-size: 18px"]{font-size:11.5px !important;white-space:nowrap}
html body .nt-fs span[style*="clamp(36px"]{font-size:22px !important}
html body .nt-fs span[style*="clamp(36px"] span{font-size:11px !important;padding-left:2px !important}
/* 3) 히어로 사진: 세로로 크게, 말풍선은 아래쪽에 */
html body #top div[style*="aspect-ratio: 2.7 / 1"]{aspect-ratio:1 / 1.02 !important;border-radius:24px !important;margin-top:32px !important}
html body #top div[style*="aspect-ratio: 2.7 / 1"] > img{object-position:32% 50% !important}
html body #top div[style*="aspect-ratio: 2.7 / 1"] > div[aria-hidden]:not(.nt-bubbles){background:linear-gradient(180deg,rgba(10,37,64,0) 45%,rgba(10,37,64,.55) 100%) !important}
html body .nt-bubbles{top:auto !important;bottom:12px !important;right:12px !important;left:auto !important;width:430px !important;transform:scale(.6) !important;transform-origin:100% 100% !important}
html body .nt-bubbles > div{display:flex !important}
/* 업종별 사례: 잘리지 않게 세로 컴팩트 카드 */
html body .nt-inds{display:flex !important;flex-direction:column !important;gap:12px !important}
html body .nt-ind{padding:20px 20px !important;gap:14px !important}
html body .nt-ind img{width:60px !important;height:48px !important}
/* 콘텐츠: 옆으로 잘리지 않게 2열 그리드 */
html body .nt-cgrid{display:grid !important;grid-template-columns:1fr 1fr !important;overflow:visible !important;margin:0 !important;padding:0 !important;gap:10px !important}
html body .nt-ccard{flex:none !important;max-width:none !important;min-width:0 !important}
html body .nt-ccard strong,html body .nt-ccard p{font-size:13px !important;line-height:1.45 !important}
html body .nt-ccard > div:last-child{padding:12px !important;gap:6px !important}
html body #contents [role="tablist"],html body #contents div:has(> button[style*="padding: 0 36px"]){flex-wrap:wrap !important}
/* 이용요금: 요금 글자 한 단계씩 작게 */
html body #pricing [style*="font-size: 72px"]{font-size:40px !important}
html body #pricing span[style*="font-size: 30px"]{font-size:20px !important}
html body #pricing [style*="font-size: 26px"]:not(.nt-toff){font-size:18px !important}
html body #pricing [style*="font-size: 24px"]{font-size:16px !important}
html body #pricing [style*="font-size: 22px"]:not(p){font-size:14.5px !important}
html body #pricing [style*="font-size: 18px"]{font-size:13px !important}
html body #pricing .nt-tprice{font-size:23px !important}
html body #pricing .nt-tprice span{font-size:13px !important}
html body #pricing .nt-toff,html body #pricing .nt-toff[style*="font-size: 30px"]{font-size:15px !important;padding:3px 12px !important}
html body #pricing .nt-tcond > span:first-child{font-size:16px !important}
html body #pricing .nt-tcond > span + span{font-size:13px !important}
/* 업종별 사례: 모바일에선 움직임 없이 고정 표시 */
html.nt-motion body .nt-ind.ntm-r{transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1) !important;transition-delay:calc(var(--ntm-i,0) * 90ms) !important}
html.nt-motion body .nt-ind.ntm-r:not(.ntm-in){opacity:0 !important;transform:translateX(-56px) rotate(-1.5deg) !important}
html.nt-motion body .nt-ind.ntm-r:nth-child(even):not(.ntm-in){transform:translateX(56px) rotate(1.5deg) !important}
html.nt-motion body .nt-ind.ntm-r.ntm-in{opacity:1 !important;transform:none !important}
html body .nt-ind > div:first-child{align-items:center !important}
/* 앱 섹션: 화면 안에 들어오게 컴팩트(웹과 같은 펼침 모션 적용) */
html body #app > div{padding-left:16px !important;padding-right:16px !important}
html body #app > div > div{padding:26px 22px 0 !important;gap:14px !important}
html body #app [style*="height: 560px"]{height:clamp(260px, calc(100vh - 500px), 298px) !important}
html body #app .nt-app-ph:first-of-type{width:132px !important;left:9% !important;bottom:-22px !important;z-index:0}
html body #app .nt-app-ph:last-of-type{width:146px !important;right:9% !important;z-index:1;filter:drop-shadow(-8px 10px 18px rgba(0,30,70,.28))}
html body #app h2{font-size:26px !important}
html body #app ul{gap:8px !important}
html body #app li{font-size:13.5px !important}
html body #app p{font-size:14px !important}
/* 단체문자 vs 단체카톡: 표 박스 짧게 */
html body .nt-cmp > div[aria-hidden]:first-child{inset:12px 0 12px 0 !important;border-radius:20px !important}
html body .nt-cmp-grid{grid-auto-rows:minmax(50px,auto) !important}
html body .nt-cmp-grid > div:nth-child(2){min-height:64px !important;padding-top:10px !important;font-size:16px !important}
html body .nt-cmp-grid > div{padding-top:8px !important;padding-bottom:8px !important}
html body .nt-cmp-grid > div:nth-child(3){min-height:64px !important}
html body h2 .ntl,html body h2 .ntl-i{white-space:normal !important}
html body #ai-greeting h2,html body #anniversary h2{font-size:27px !important}
html body section h2,html body section p{max-width:100% !important}html body section h2[style*="width: "]{width:auto !important}
/* 업종별 카드가 눌려서 잘리지 않게 */
html body .nt-inds{height:auto !important;max-height:none !important;overflow:visible !important}
html body .nt-ind{flex:0 0 auto !important;height:auto !important;min-height:0 !important;overflow:visible !important}
/* 비교표: 왼쪽 항목명 한 줄, 표 박스가 마지막 줄까지 감싸게 */
html body .nt-cmp-grid{grid-template-columns:58px 52fr 48fr !important}
html body .nt-cmp-pill{left:58px !important;width:calc((100% - 58px) * .52) !important}
html body .nt-cmp-grid > div:nth-child(3n+1){font-size:12px !important;white-space:nowrap;padding-left:10px !important;padding-right:0 !important}
html body .nt-cmp-grid > div:nth-child(3n){font-size:12px !important;white-space:nowrap}
html body .nt-cmp-grid > div:nth-child(3n) br{display:none}
/* 푸터 링크 3개 한 줄 */
html body footer div:has(> a[style*="padding: 11px 16px"]){flex-wrap:nowrap !important;gap:6px !important}
html body footer a[style*="padding: 11px 16px"]{padding:7px 10px !important;font-size:12.5px !important;gap:5px !important;white-space:nowrap}
html body footer a[style*="padding: 11px 16px"] svg,html body footer a[style*="padding: 11px 16px"] img{width:15px !important;height:15px !important}
@media (max-width: 374px){
html body footer a[style*="padding: 11px 16px"]{padding:6px 8px !important;font-size:11.5px !important;gap:4px !important}
html body footer div:has(> a[style*="padding: 11px 16px"]){gap:4px !important}
html body .nt-cmp-grid{grid-template-columns:52px 50fr 50fr !important}
html body .nt-cmp-pill{left:52px !important;width:calc((100% - 52px) * .5) !important}
html body .nt-cmp-grid > div:nth-child(3n+1){font-size:11px !important;padding-left:6px !important}
html body .nt-cmp-grid > div:nth-child(3n+2){font-size:14px !important}
html body .nt-cmp-grid > div:nth-child(3n){font-size:11px !important}
}
/* 마우스 올렸을 때 카드가 떠오르며 겹치는 효과 끄기 */
html.nt-motion body .ntx-lift:hover,html.nt-motion body .nt-ind:hover{transform:none !important;box-shadow:none !important}
html body .nt-ind{position:relative;z-index:0}
/* 하단 고정 버튼: 뒤에 흰 반투명 배경 깔기 */
html body .nt-float-cta{box-shadow:0 10px 26px rgba(0,60,120,.35) !important}
html body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:104px;z-index:29;pointer-events:none;opacity:0;transition:opacity .35s ease;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.88) 45%,rgba(255,255,255,.97) 100%)}
html:has(.nt-float-cta.is-on) body::after{opacity:1}
/* 사용방법: 너구리 캐릭터 오른쪽 */
html body #how div:has(> img.nt-panda){flex-direction:row-reverse !important;justify-content:flex-end !important;align-items:flex-end !important}
/* 비교표 글자 재배치 */
html body .nt-cmp .nt-cmp-grid > div{white-space:normal !important;text-align:center;line-height:1.3}
html body .nt-cmp .nt-cmp-grid > div:nth-child(2){font-size:14px !important;min-height:58px !important;padding-top:12px !important;align-items:center !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(3){font-size:13px !important;min-height:58px !important;padding-top:12px !important;align-items:center !important;font-weight:700 !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(3n+1){font-size:12px !important;justify-content:flex-start !important;text-align:left !important;padding:0 0 0 10px !important;white-space:nowrap !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(5) b{font-size:14px !important;line-height:1.35}
html body .nt-cmp .nt-cmp-grid > div:nth-child(8) b,html body .nt-cmp .nt-cmp-grid > div:nth-child(11) b{font-size:20px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(14){padding:8px 0 20px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(13){padding-bottom:30px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(14) b{font-size:17px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(14) span{font-size:11px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(6){font-size:12px !important;flex-direction:column !important;gap:2px !important;padding:0 6px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(6n) svg,html body .nt-cmp .nt-cmp-grid > div:nth-child(9) svg,html body .nt-cmp .nt-cmp-grid > div:nth-child(12) svg{display:none !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(9),html body .nt-cmp .nt-cmp-grid > div:nth-child(12){font-size:0 !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(9) b,html body .nt-cmp .nt-cmp-grid > div:nth-child(12) b{font-size:18px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(15){font-size:15px !important;padding-bottom:12px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(15) span{font-size:12px !important}
html body .nt-cmp-pill{box-shadow:0 0 32px 4px rgba(61,158,240,.16),0 10px 22px rgba(0,114,188,.18) !important}
/* 콘텐츠 카드 라운드 완화 */
html body .nt-ccard{border-radius:14px !important}
/* 후기 화살표 작게 */
html body .nt-rv-nav{gap:10px !important}
html body .nt-rv-nav button{width:40px !important;height:40px !important;min-width:0 !important}
html body .nt-rv-nav button svg{width:16px !important;height:16px !important}
/* 사용방법 단계: 하나씩 살짝 */
html.nt-motion body .nt-steps > li.ntm-r:not(.ntm-in){opacity:0 !important;transform:translateY(28px) scale(.94) !important}
html.nt-motion body .nt-steps > li.ntm-r{transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1) !important;transition-delay:calc(var(--ntm-i,0) * 110ms) !important}
/* ── 캔버스 모바일③에서 직접 수정하신 내용 반영 ── */
html body .nt-cmp .nt-cmp-grid > div:nth-child(3n+1):not(:first-child){font-size:13px !important;justify-content:center !important;text-align:center !important;padding:0 6px !important;white-space:normal !important;line-height:1.3 !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(13):not(:first-child){padding-bottom:12px !important}
html body .nt-notice{padding:18px 20px !important;border-radius:20px !important;gap:12px !important}
html body .nt-notice > img{display:none !important}
html body .nt-notice > div{flex:1 1 200px !important;gap:2px !important}
html body .nt-notice strong{font-size:18px !important;line-height:1.3 !important}
html body .nt-notice p{font-size:13px !important;line-height:1.5 !important}
html body .nt-notice > a{flex:1 1 100% !important;text-align:center !important;font-size:15.5px !important;padding:14px 20px !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"]{grid-template-columns:1fr !important;justify-items:center !important;text-align:center !important;padding:26px 20px !important;gap:10px !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"] > *{grid-column:1 !important;grid-row:auto !important;justify-self:center !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"] .nt-tcond{justify-content:center !important;text-align:center !important}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"]{flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"] > img{width:64px !important;flex-shrink:0}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"] > strong{font-size:16px !important;flex:1 1 0 !important;min-width:0}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"] > a{flex:1 1 100% !important}
/* 히어로 글자 위계: 배지(작게) → 제목(크게) → 설명(연하게) → 버튼(작게) */
html body #top .nt-eyebrow{font-size:12.5px !important;padding:6px 10px 6px 12px !important;gap:6px !important}
html body #top .nt-eyebrow strong{font-size:12px !important;padding:3px 9px !important}
html body #top .nt-hero-h,html body #top .nt-hero-h span{font-size:42px !important;font-weight:800 !important;line-height:1.18 !important;letter-spacing:-0.045em !important}
html body #top > div:first-child > p{margin-top:-6px !important}
html body #top > div:first-child > p span{font-size:14px !important;color:#7A8899 !important}
html body #top a.nt-hero-cta{font-size:14px !important;padding:12px 18px !important;font-weight:700 !important}
html body #top a.nt-hero-cta + a{font-size:14px !important;padding:11px 16px !important;font-weight:600 !important;color:#475A70 !important}
html body #top > div:first-child > div:last-child span{font-size:12.5px !important}
html body #top > div:first-child > div:last-child strong{font-size:12.5px !important}
/* 히어로 왼쪽 정렬 (B안) */
html body #top > div:first-child{align-items:flex-start !important;text-align:left !important}
html body #top > div:first-child > *{text-align:left !important;justify-content:flex-start !important;align-self:flex-start !important}
html body #top .nt-hero-h,html body #top .nt-hero-h span{font-size:38px !important;text-align:left !important;line-height:1.3 !important}
html body #top div:has(> a.nt-hero-cta){justify-content:flex-start !important}
html body #top > div:first-child > div:last-child{align-items:flex-start !important}
html body #top > div:first-child > div:last-child > *{justify-content:flex-start !important}
/* 말풍선 덩어리처럼 */
html body .nt-bubbles{width:340px !important;gap:0 !important;bottom:16% !important}
html body .nt-bubbles > div + div{margin-top:10px !important}
html body .nt-bubbles > div:nth-child(2){margin-right:6px;margin-top:10px !important}
/* 이용요금 위아래 여백 줄이기 */
html body #pricing > div{gap:18px !important}
html body #pricing .nt-pcards{gap:14px !important}
html body #pricing .nt-pcards > div > div:first-child{padding-top:22px !important}
html body #pricing div[style*="padding: 24px 36px 30px"]{padding:16px 22px 18px !important;gap:10px !important}
html body #pricing div[style*="padding: 26px 36px 32px"]{padding:16px 22px 18px !important;gap:14px !important}
html body #pricing div[style*="padding: 26px 36px 32px"] > span[style*="width: 60px"]{width:44px !important;height:44px !important}
html body #tiers{padding:26px 20px 18px !important;gap:18px !important}
html body #pricing .nt-trow{padding-top:14px !important;padding-bottom:14px !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"]{padding:18px 20px !important;gap:6px !important;margin-top:8px !important}
/* 이용요금 글자 한 단계씩 작게 */
html body #pricing [style*="font-size: 72px"]{font-size:34px !important}
html body #pricing span[style*="font-size: 30px"]{font-size:18px !important}
html body #pricing [style*="font-size: 26px"]:not(.nt-toff){font-size:16.5px !important}
html body #pricing [style*="font-size: 24px"]{font-size:14.5px !important}
html body #pricing [style*="font-size: 22px"]:not(p){font-size:13.5px !important}
html body #pricing [style*="font-size: 20px"]:not(.nt-toff){font-size:13.5px !important}
html body #pricing [style*="font-size: 19px"]{font-size:13px !important}
html body #pricing [style*="font-size: 18px"]{font-size:12.5px !important}
html body #pricing [style*="font-size: 17px"]{font-size:12.5px !important}
html body #pricing .nt-tprice,html body #pricing .nt-tprice[style*="clamp(34px"]{font-size:21px !important}
html body #pricing .nt-tcond > span:first-child{font-size:14.5px !important}
html body #pricing .nt-tcond > span + span{font-size:12px !important}
html body #pricing .nt-toff,html body #pricing .nt-toff[style*="font-size: 30px"]{font-size:13.5px !important}
html body #pricing h2,html body #pricing h2 span{font-size:27px !important}
html body #pricing strong[style*="clamp(32px, 3.4vw, 48px)"]{font-size:22px !important}
/* FAQ 글자 작게 */
html body #faq span[style*="font-size: 21px"]{font-size:14px !important;line-height:1.45 !important}
html body #faq p[style*="font-size: 19px"]{font-size:13px !important;line-height:1.6 !important}
html body #faq button[style*="padding: 24px 28px"]{padding:14px 14px !important}
/* 푸터 정보: 주소·전화 한 줄 */
html body footer div[style*="gap: 8px 28px"]{gap:2px 14px !important;font-size:12.5px !important}
html body #trial p[style*="font-size: 22px"]{font-size:clamp(11px, 3.35vw, 14px) !important;white-space:nowrap !important;letter-spacing:-0.03em !important}
/* 섹션 메인 제목 ↑ / 보조 설명 ↓ */
html body section h2[style*="clamp("],html body section h2[style*="clamp("] span{font-size:32px !important}
html body #pricing h2,html body #pricing h2 span{font-size:29px !important}
html body #ai-greeting h2,html body #anniversary h2,html body #ai-greeting h2 span,html body #anniversary h2 span{font-size:29px !important}
html body section p[style*="font-size: 22px"][style*="color: #475A70"],html body section span[style*="font-size: 22px"][style*="color: #475A70"],html body #faq p[style*="font-size: 22px"]{font-size:14.5px !important}
/* FAQ 펼쳤을 때 답변 폭 넓게 */
html body #faq button[style*="padding: 24px 28px"]{gap:10px !important}
html body #faq button[style*="padding: 24px 28px"] > span:first-child,html body #faq button[style*="padding: 24px 28px"] > span:last-child{width:28px !important;height:28px !important;font-size:13px !important}
html body #faq div[style*="padding: 0 76px 28px 28px"]{padding:0 14px 16px 14px !important;gap:10px !important}
html body #faq div[style*="padding: 0 76px 28px 28px"] > span{width:28px !important;height:28px !important;font-size:13px !important;flex-shrink:0}
html body #faq div[style*="padding: 0 76px 28px 28px"] > p{padding-top:3px !important}
/* 이용요금 박스 조금씩 작게 */
html body #pricing .nt-pcards > div,html body #tiers,html body #pricing .nt-notice{margin-left:6px !important;margin-right:6px !important;border-radius:22px !important}
html body #pricing .nt-pcards > div > div:first-child{padding:20px 22px 0 !important}
html body #pricing div[style*="padding: 24px 36px 30px"],html body #pricing div[style*="padding: 26px 36px 32px"]{padding:14px 22px 16px !important}
html body #tiers{padding:22px 16px 14px !important;gap:14px !important}
html body .nt-bubbles > div:nth-child(1) > div,html body .nt-bubbles > div:nth-child(3) > div{width:215px !important;box-sizing:border-box !important}
/* 이용요금 첫·두번째 박스 글자 작게 */
html body #pricing .nt-pcards [style*="font-size: 72px"]{font-size:34px !important;font-weight:800 !important;color:#0072BC !important;letter-spacing:-0.03em !important}
html body #pricing .nt-pcards [style*="font-size: 26px"]{font-size:15px !important}
html body #pricing .nt-pcards [style*="font-size: 24px"]{font-size:12.5px !important}
html body #pricing .nt-pcards [style*="font-size: 22px"]{font-size:12.5px !important}
html body #pricing .nt-pcards [style*="font-size: 19px"],html body #pricing .nt-pcards [style*="font-size: 17px"],html body #pricing .nt-pcards [style*="font-size: 18px"]{font-size:11.5px !important}
html body #pricing .nt-pcards span[style*="font-size: 30px"]{font-size:19px !important;font-weight:800 !important}
html body #pricing .nt-pcards [style*="font-size: 20px"]{font-size:12px !important}
html body #pricing .nt-pcards span[style*="width: 60px"]{width:38px !important;height:38px !important}
html body #pricing .nt-pcards span[style*="width: 60px"] svg{width:18px !important;height:18px !important}
/* 1) 헤더 다운로드 버튼 삭제 */
html body header a.nt-hdr-dl{display:none !important}
/* 2) 섹션 제목 왼쪽 정렬 통일 */
html body #partners > div > div:first-child,html body #compare > div > div:first-child,html body #pricing > div > div:first-child,html body #trial > div{align-items:flex-start !important;text-align:left !important}
html body #trial > div > div{justify-content:flex-start !important}
html body #pricing > div > div:first-child{margin-bottom:8px !important}
/* 3) 이용요금: 개인/단체 탭 + 할인 단계 접기 */
html body .nt-ptabs{display:flex !important;gap:4px;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;margin:0 6px}
html body .nt-ptabs button{flex:1;border:0;border-radius:999px;padding:10px 0;font-size:14px;font-weight:700;background:transparent;color:#AFC3D8;font-family:inherit}
html body .nt-ptabs button[aria-selected="true"]{background:#FFFFFF;color:#0A2540}
html body .nt-pcards[data-ptab="0"] > div:nth-child(2),html body .nt-pcards[data-ptab="1"] > div:nth-child(1){display:none !important}
html body #tiers[data-open="closed"] .nt-tlist > .nt-trow:nth-child(4),html body #tiers[data-open="closed"] .nt-tlist > .nt-trow:nth-child(5){display:none !important}
html body #tiers .nt-tmore{display:block !important;margin:2px auto 0;border:1px solid #D5E3F0;background:#FFFFFF;color:#0072BC;font-weight:700;font-size:13px;border-radius:999px;padding:9px 18px;font-family:inherit}
/* 5) 업종별 제목 모바일 문구 */
html body .nt-m-show{display:inline !important}
/* 6) AI 버튼·토끼 */
html body #ai-greeting div:has(> .nt-ai-btn){flex-wrap:wrap !important}
html body .nt-ai-btn{flex:1 1 100% !important;justify-content:center !important}
html body .nt-rabbit{height:58px !important;top:-52px !important;right:18px !important}
/* 7) 도입문의 사진 카드: 썸네일 + 글 한 줄 */
html body #contact div[style*="minmax(min(100%, 280px)"] > div{display:flex !important;align-items:center;border-radius:16px !important}
html body #contact div[style*="minmax(min(100%, 280px)"] > div > img{width:116px !important;aspect-ratio:4 / 3 !important;flex-shrink:0}
html body #contact div[style*="minmax(min(100%, 280px)"] > div > div{flex:1;padding:12px 14px !important;flex-direction:column;align-items:flex-start !important;gap:6px}
/* AI 인사말·기념일 기능 목록: 연한 박스 */
html body #ai-greeting ul > li,html body #anniversary ul > li{background:#FFFFFF;border:1px solid #E3EBF4;border-radius:14px;padding:12px 14px !important;align-items:center !important;gap:12px !important}
html body #anniversary ul > li{background:#F4F8FC}
html body #ai-greeting ul > li > span:first-child,html body #anniversary ul > li > span:first-child{width:34px !important;height:34px !important;border-radius:10px !important}
html body #ai-greeting ul > li > span:last-child,html body #anniversary ul > li > span:last-child{padding-top:0 !important}
html body #ai-greeting ul,html body #anniversary ul{gap:8px !important}
/* 앱 폰 이미지: 아래가 잘리지 않고 자연스럽게 흐려지게 */
html body #app > div > div{padding-bottom:44px !important}
html body #app .nt-app-ph:first-of-type{height:90% !important;width:auto !important;bottom:0 !important;left:auto !important;right:calc(50% - 2px) !important}
html body #app .nt-app-ph:last-of-type{height:100% !important;width:auto !important;bottom:0 !important;right:auto !important;left:calc(50% - 30px) !important}
/* 개인 정기구독 탭에서는 단체 할인 표 숨김 */
html body #pricing > div:has(.nt-pcards[data-ptab="0"]) #tiers{display:none !important}
html body header > div{position:relative !important;overflow:visible !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(255,255,255,.98) !important}
html body header.ntm-hide{transform:translateY(calc(-100% - 12px)) !important}
html body header img.nt-hdr-char{display:block !important;position:absolute !important;right:63px;bottom:-4px;height:54px !important;width:auto !important;margin:0 !important;z-index:2;transform-origin:30% 100%;animation:ntHdrWave 3.2s ease-in-out 1s infinite;filter:none !important;background:transparent !important;box-shadow:none !important;border:0 !important;-webkit-backface-visibility:hidden;backface-visibility:hidden}
html body .nt-step .nt-step-m{display:block !important;white-space:nowrap;font-size:13.5px !important;letter-spacing:-0.03em}
html body .nt-step .nt-step-m br{display:inline !important}
/* WHY 큰 카드: 악수 이미지 작게, 설명 두 줄 */
html body .nt-bento-l img[alt="서로 맞잡은 두 손"]{width:165px !important;max-width:none !important;margin:-6px -4px 16px 0 !important}
html body .nt-bento-l .nt-why-m{display:block !important;white-space:nowrap}
html body .nt-bento-l .nt-why-m br{display:inline !important}
/* 하단 고정 버튼: 은은한 그라데이션 + 흰 원 화살표 */
html body a.nt-float-cta.nt-float-cta{height:56px;box-sizing:border-box;padding:0 8px 0 56px !important;gap:8px !important;justify-content:space-between !important;overflow:hidden;font-size:16.5px !important;font-weight:700 !important;letter-spacing:-0.02em;background:linear-gradient(100deg,#0066B0 0%,#0A7FD6 100%) !important;box-shadow:0 10px 24px rgba(0,80,160,.32),0 0 0 3px rgba(255,255,255,.95) !important}
html body .nt-float-cta::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:24%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:skewX(-20deg);animation:ntFcShine 4.5s ease-in-out 1.5s infinite;pointer-events:none}
html body .nt-float-cta .nt-fc-tx{flex:1;text-align:center}
html body .nt-float-cta .nt-fc-arr{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#FFFFFF;color:#0072BC}
html body .nt-float-cta .nt-fc-arr svg{animation:ntFcNudge 1.6s ease-in-out infinite}
@keyframes ntFcShine{0%,60%{left:-40%}100%{left:130%}}
@keyframes ntFcNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
/* 모바일 메뉴: 오른쪽 끝 햄버거, 판다는 그 왼쪽에서 바에 걸쳐 인사 */
html body header button.nt-burger{display:flex !important;flex-direction:column;justify-content:center;align-items:center;gap:4.3px;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:50%;background:#F1F4F8;cursor:pointer;position:relative;z-index:3;-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;flex-shrink:0}
html body header button.nt-burger span{display:block;width:17px;height:2.1px;border-radius:2px;background:#2F3A48;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}
html body header button.nt-burger[aria-expanded="true"]{background:#0072BC}
html body header button.nt-burger[aria-expanded="true"] span{background:#FFFFFF}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.4px) rotate(45deg)}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.4px) rotate(-45deg)}
html body header .nt-mmenu{display:block !important;position:absolute;left:16px;right:16px;top:calc(100% - 6px);z-index:1;background:#FFFFFF;border:1px solid #EDF2F7;border-radius:24px;box-shadow:0 18px 40px rgba(10,37,64,.16);padding:10px 10px 12px;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}
html body header .nt-mmenu[data-open="open"]{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s}
html body header .nt-mmenu nav{display:flex;flex-direction:column}
html body header .nt-mmenu nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px;border-radius:14px;font-size:17px;font-weight:700;letter-spacing:-0.02em;color:#2F3A48;text-decoration:none}
html body header .nt-mmenu nav a{position:relative}html body header .nt-mmenu nav a + a::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:#EEF2F6}
html body header .nt-mmenu nav a svg{color:#9AA8B8;flex-shrink:0}
html body header .nt-mmenu nav a:active{background:#F2F8FD}
html body header .nt-mmenu-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
html body header .nt-mmenu-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;font-size:15px;font-weight:700;color:#34485F;background:#F1F4F8;text-decoration:none;white-space:nowrap}
html body header .nt-mmenu-cta a.nt-mmenu-pri{background:#0072BC;color:#FFFFFF}
html body header .nt-mmenu-dim{display:block !important;position:fixed;top:0;left:0;right:0;height:120vh;z-index:-1;background:rgba(10,30,55,.32);opacity:0;pointer-events:none;transition:opacity .25s ease;touch-action:none;overscroll-behavior:contain}
html body header .nt-mmenu-dim[data-open="open"]{opacity:1;pointer-events:auto}
html body header:has(.nt-mmenu[data-open="open"]){transform:none !important}
html:has(.nt-mmenu[data-open="open"]) .nt-float-cta{opacity:0 !important;pointer-events:none !important}
html:has(.nt-mmenu[data-open="open"]) body::after{opacity:0 !important}
/* WHY 마지막 카드가 하단 버튼에 가려지지 않게, 다음 섹션은 조금 늦게 */
html body section:has(+ #what) > div{padding-bottom:150px !important}
/* 이용요금 가격 크기 통일 */
html body #pricing .nt-tprice,html body #pricing .nt-tprice[style*="clamp(34px"]{font-size:24px !important}
html body #pricing .nt-tprice span{font-size:13px !important}
/* ── 모바일 모션: 짧고 가볍게(옆으로 크게 날아오는 동작 → 아래에서 살짝) ── */
.nt-motion .ntm-r{transition-duration:.55s,.7s !important;transition-delay:calc(var(--ntm-i,0) * 60ms) !important}
.nt-motion .ntm-r:not(.ntm-in){transform:translateY(24px) !important}
.nt-motion .ntl-i{transition-duration:.8s !important;transition-delay:calc(var(--ntl,0) * 80ms + 60ms) !important}
.nt-motion .ntx-wipe{clip-path:none !important;opacity:1}.nt-motion .ntx-wipe img{transform:none !important}
.nt-motion .ntx-slide:not(.ntx-in){transform:translateY(24px) !important}
.nt-motion .ntx-pop:not(.ntx-in){transform:scale(.7) !important}
.nt-motion .ntx-eyebrow:not(.ntx-in){transform:translateY(8px) !important}
.nt-motion .ntx-lift:hover{transform:none !important}
/* ── 위계: 라벨(작고 파랑) → 제목(크고 굵게) → 설명(연하게) → 내용 ── */
p[style*="display: inline-flex"][style*="font-size: 19px"]{font-size:14px !important;font-weight:700 !important;letter-spacing:0 !important;gap:6px !important}
p[style*="display: inline-flex"][style*="font-size: 19px"][style*="color: #5A6B80"]{color:#0072BC !important}
p[style*="display: inline-flex"][style*="font-size: 19px"] img,p[style*="display: inline-flex"][style*="font-size: 22px"] img{height:16px !important}
h2[style*="clamp(34px, 4vw, 56px)"],h2[style*="clamp(36px, 3.4vw, 48px)"],h2[style*="clamp(34px, 3.2vw, 46px)"],h2[style*="clamp(40px, 5vw, 72px)"]{font-size:30px !important;font-weight:800 !important;line-height:1.3 !important;letter-spacing:-0.035em !important}
h2[style*="clamp(34px, 4vw, 56px)"] span,h2[style*="clamp(36px, 3.4vw, 48px)"] span,h2[style*="clamp(34px, 3.2vw, 46px)"] span,h2[style*="clamp(40px, 5vw, 72px)"] span{font-size:inherit !important;font-weight:inherit !important}
p[style*="font-size: 22px"][style*="color: #475A70"],span[style*="font-size: 22px"][style*="color: #475A70"]{font-size:16px !important;line-height:1.65 !important;color:#6B7B8F !important}
p[style*="font-size: 22px"][style*="color: #475A70"] b,p[style*="font-size: 22px"][style*="color: #475A70"] strong{color:#2F3A48}
[style*="padding: 144px 24px"][style*="gap: 64px"],[style*="padding: 144px 24px"][style*="gap: 56px"],[style*="padding: 144px 24px"][style*="gap: 72px"]{gap:36px !important}
/* 줄바꿈: 제목은 줄 길이 균형, 본문은 마지막 줄 한 글자 방지 */
h1,h2,h3,strong{text-wrap:balance}p,span,li{text-wrap:pretty}
/* 버튼: 쓸데없이 큰 버튼을 모바일 표준 크기(높이 48px 안팎)로 */
html body a[style*="padding: 23px 38px"],html body a[style*="padding: 22px 30px"],html body a[style*="padding: 22px 42px"],html body a[style*="padding: 18px 30px"],html body a[style*="padding: 20px 28px"],html body button[style*="padding: 20px 28px"]{padding:14px 22px !important;font-size:15.5px !important;min-height:0 !important}
html body a[style*="padding: 0 48px"]{min-height:46px !important;padding:0 24px !important;font-size:15.5px !important}
html body #contact a[style*="padding: 22px 34px"]{padding:12px 20px 12px 14px !important;font-size:15.5px !important;gap:10px !important}
html body #contact a[style*="padding: 22px 34px"] > *:first-child{width:32px !important;height:32px !important;flex-shrink:0}
html body #contact a[style*="padding: 22px 34px"] > *:first-child svg{width:18px !important;height:18px !important}
.nt-ai-btn svg{flex-shrink:0}.nt-ai-cnt{white-space:nowrap;font-size:14px !important}
#trial p,#pricing p,#compare p,#partners strong{text-wrap:balance}
.nt-cmp-grid > div:nth-child(3n){font-size:13px !important}
.nt-cmp-grid > div:nth-child(3n) *{white-space:nowrap}
html body #top a.nt-hero-cta{padding:15px 20px !important;font-size:15.5px !important}
#top div:has(> a.nt-hero-cta){flex-direction:row !important;flex-wrap:nowrap !important;gap:8px !important;justify-content:center !important}
#top div:has(> a.nt-hero-cta) > a{white-space:nowrap}
.nt-float-cta{padding:14px 22px !important}
/* 콘텐츠 탭: 작은 알약형 한 줄 */
html body #contents button[style*="padding: 0 36px"]{min-height:40px !important;padding:0 16px !important;font-size:15px !important}
#contents div:has(> button[style*="padding: 0 36px"]){flex-wrap:nowrap !important;gap:8px !important}
/* WHY 작은 카드: 아이콘 + 글 가로 배치로 컴팩트하게 */
.nt-bento-s{flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:16px !important;padding:20px 22px !important}
.nt-bento-s > svg{width:38px !important;height:38px !important;flex-shrink:0}
/* 사용 방법 단계: 억지 줄바꿈 제거, 아이콘 축소 */
.nt-step br{display:none}.nt-step-ic{width:96px !important;height:96px !important}.nt-step-ic svg{width:56px !important;height:56px !important}
/* POINT 03 채팅 헤더 한 줄 */
.ntm-p3-tag,.ntm-p3-tag ~ *,[class*="ntm-p3"] strong{white-space:nowrap}
#what strong[style*="font-size: 17px"]{white-space:nowrap}
/* AI 인사말 데모: 겹친 안쪽 여백 줄여 폭 확보 */
#ai-greeting [style*="padding: 32px 40px"]{padding:22px 16px !important}
#ai-greeting [style*="padding: 24px 28px"]{padding:4px 4px 8px !important}
.nt-ai-btn{white-space:nowrap;padding:0 14px !important;min-height:44px !important;gap:6px !important;font-size:15px !important}
#app a img,#app a svg{height:auto !important;width:100% !important}#app a{height:auto !important;min-height:0 !important;width:167px !important}
html body #app div:has(> a[href*="apps.apple"]){margin-left:8px !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:flex-start !important;gap:10px !important}
.nt-ai-bub{width:100% !important;padding:18px 20px !important}
/* FAQ 카드 여백 */
#faq button[style*="padding: 24px 28px"]{padding:18px 18px !important}
/* 푸터 링크 칩 */
footer a[style*="padding: 11px 16px"]{padding:8px 13px !important}
}
/* ===== /모바일 가독성 개편 ===== */
@media (max-width: 900px){
#app [style*="height: 560px"]{height:400px !important}#app > div{padding-left:16px !important;padding-right:16px !important}#app > div > div{padding:44px 24px 0 !important}.nt-app-ph:first-of-type{width:190px !important;left:0 !important}.nt-app-ph:last-of-type{width:210px !important;right:0 !important}
.nt-rabbit{height:72px !important;top:-70px !important;right:20px !important}

.nt-rv-nav{padding:24px 24px 72px !important}.nt-cases-track a{width:180px !important}
.nt-fbento{grid-template-columns:1fr !important;grid-template-rows:none !important}.nt-fbig{grid-column:auto !important;grid-row:auto !important;padding:32px 24px !important;min-height:320px !important}.nt-fs{padding:22px 24px !important}
[style*="padding: 144px 24px"]{padding-top:88px !important;padding-bottom:88px !important}
header{padding:10px 12px !important}
}

a{color:#0A2540;text-decoration:none}a:hover{color:#0072BC}
button{font-family:inherit;cursor:pointer}

@media (max-width: 900px){
.nt-anv{grid-template-columns:1fr !important}
.nt-anv-side{display:none !important}
.nt-anv-main > div{grid-template-columns:24px 1.5fr 1.3fr !important;padding-left:18px !important;padding-right:18px !important}
.nt-anv-main > div > :nth-child(3),.nt-anv-main > div > :nth-child(4),.nt-anv-main > div > :nth-child(5),.nt-anv-main > div > :nth-child(7){display:none !important}
}

/* AI 인사말 데모 모션 */
.nt-ai-caret{display:inline-block;flex-shrink:0;align-self:center;width:2px;height:1.1em;background:#0072BC;vertical-align:-0.18em;margin-left:2px;animation:ntAiBlink .8s steps(1) infinite}
@keyframes ntAiBlink{50%{opacity:0}}
.nt-ai-field{transition:border-color .25s, box-shadow .25s, background .25s}
.nt-ai-field.is-on{border-color:#1A8CF0 !important;background:#FFFFFF !important;box-shadow:0 0 0 4px rgba(26,140,240,0.12)}
.nt-ai-btn{transition:transform .18s ease, filter .18s ease, box-shadow .3s ease;position:relative;overflow:hidden}
.nt-ai-btn.is-press{transform:scale(0.95);filter:brightness(1.08)}
.nt-ai-btn.is-run{box-shadow:0 0 0 6px rgba(26,140,240,0.16)}
.nt-ai-btn.is-run::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,0.45) 50%,transparent 70%);animation:ntAiSweep 1s ease-in-out infinite}
@keyframes ntAiSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.nt-ai-cnt b{display:inline-block;transition:transform .3s}
.nt-ai-cnt.is-tick b{animation:ntAiTick .45s ease}
@keyframes ntAiTick{40%{transform:translateY(-6px) scale(1.25)}}
.nt-ai-bub{transition:opacity .35s ease, transform .45s cubic-bezier(.2,.8,.2,1);contain:layout paint;will-change:opacity, transform}
.nt-ai-field{contain:layout paint}
.nt-ai-bub.is-hide{opacity:0;transform:translateY(12px) scale(0.98)}
.nt-ai-dots{display:inline-flex;gap:6px;padding:6px 0}
.nt-ai-dots i{width:8px;height:8px;border-radius:50%;background:#FFFFFF;opacity:.4;animation:ntAiDot 1s ease-in-out infinite}
.nt-ai-dots i:nth-child(2){animation-delay:.15s}.nt-ai-dots i:nth-child(3){animation-delay:.3s}
@keyframes ntAiDot{30%{opacity:1;transform:translateY(-4px)}}
.nt-rabbit.is-hop{animation:ntAiHop .6s ease}
@keyframes ntAiHop{30%{transform:translateY(-14px) rotate(-4deg)}60%{transform:translateY(0) rotate(2deg)}}

/* 기념일 관리 데모 모션 */
.nt-anv-row{transition:background .3s ease}
.nt-anv{contain:paint}
.nt-anv-row{will-change:opacity, transform}
.nt-anv.is-play .nt-anv-row{opacity:0;transform:translateX(64px);transition:opacity .35s ease, transform .35s ease, background .3s ease}
.nt-anv.is-play .nt-anv-row.is-in{opacity:1;transform:none;transition:opacity .4s ease, transform .5s cubic-bezier(.2,.8,.2,1), background .3s ease}
.nt-anv-row.is-sel{background:#F3F9FE}
.nt-anv-chk{transition:background .2s, border-color .2s}
.nt-anv-chk.is-pop{animation:ntAnvPop .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes ntAnvPop{0%{transform:scale(.6)}100%{transform:none}}
.nt-anv-side7{transition:box-shadow .3s, transform .2s}
.nt-anv-send{transition:transform .18s ease, filter .18s ease, background .3s}
.nt-anv-send.is-press{transform:scale(.94);filter:brightness(1.12)}
.nt-anv-last.is-new{color:#0072BC !important;font-weight:700;animation:ntAnvPop .4s cubic-bezier(.3,1.6,.5,1)}
.nt-anv-nick.is-typing{color:#0A2540 !important}
.nt-anv-nick .nt-ai-caret{height:1em}

/* ===== big scroll fx (apple style) ===== */
#industries.is-hpin{overflow:clip}
#industries.is-hpin > div{position:sticky;top:0;height:100vh;box-sizing:border-box;justify-content:center;padding-top:0 !important;padding-bottom:0 !important;gap:48px !important}
#industries.is-hpin .nt-inds{display:flex !important;flex-wrap:nowrap;gap:24px !important;will-change:transform}
#industries.is-hpin .nt-ind{flex:0 0 min(560px, 44vw);box-sizing:border-box;transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s}
#industries.is-hpin .nt-ind.is-cur{box-shadow:0 30px 60px rgba(0, 60, 120, 0.12)}
.nt-hbar{height:4px;border-radius:4px;background:#DCE8F3;overflow:hidden;max-width:320px;width:100%}
.nt-hbar i{display:block;height:100%;width:100%;background:#0072BC;transform-origin:0 50%;transform:scaleX(0)}
/* ===== /big scroll fx ===== */

/* ===== hanwha-style motion ===== */
.nt-motion .ntm-r{transform:translateY(72px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.3s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--ntm-i,0) * 110ms)}
.ntl{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.ntl-i{display:block}
.nt-motion .ntl-i{transform:translateY(110%) rotate(2deg);transform-origin:0 100%;transition:transform 1.15s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--ntl,0) * 130ms + 120ms)}
.nt-motion .ntl-on .ntl-i{transform:none}
.nt-motion .ntx-wipe{clip-path:inset(100% 0 0 0);transition:clip-path 1.3s cubic-bezier(.77,0,.18,1);transition-delay:calc(var(--ntx,0) * 120ms)}
.nt-motion .ntx-wipe.ntx-in{clip-path:inset(0 0 0 0)}
.nt-motion .ntx-wipe img{transform:scale(1.25);transition:transform 1.9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--ntx,0) * 120ms)}
.nt-motion .ntx-wipe.ntx-in img{transform:none}
.nt-motion .ntx-wipe.ntx-done img{transition:transform .7s cubic-bezier(.16,1,.3,1);transition-delay:0s}
.nt-motion .ntx-hov.ntx-done:hover img{transform:scale(1.07)}
.nt-motion .ntx-pop{transform:scale(.3) rotate(-14deg);opacity:0;transition:transform 1s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;transition-delay:calc(var(--ntx,0) * 120ms + .35s)}
.nt-motion .ntx-pop.ntx-in{transform:none;opacity:1}
.nt-motion .ntx-slide{transform:translateX(18%) rotate(6deg);opacity:0;transition:transform 1.4s cubic-bezier(.16,1,.3,1),opacity .8s ease .2s}
.nt-motion .ntx-slide.ntx-in{transform:none;opacity:1}
.nt-motion .ntx-lift{transition:transform .55s cubic-bezier(.16,1,.3,1) 0s,box-shadow .55s ease 0s !important}
.nt-motion .ntx-lift:hover{transform:translateY(-10px) !important;box-shadow:0 26px 50px rgba(0,50,100,.13) !important}
.nt-motion .ntx-eyebrow{opacity:0;transform:translateX(-24px);transition:opacity .7s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.nt-motion .ntx-eyebrow.ntx-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.nt-motion .ntl-i,.nt-motion .ntx-wipe,.nt-motion .ntx-wipe img,.nt-motion .ntx-pop,.nt-motion .ntx-slide,.nt-motion .ntx-eyebrow{transform:none !important;clip-path:none !important;opacity:1 !important;transition:none !important}}
/* ===== /hanwha-style motion ===== */

/* 누적회원 박스: 스크롤 연동 대신 1회 등장 + 숫자 폭 고정 */
.nt-motion .nt-fbig > div[aria-hidden]{transform:scaleY(.15);transform-origin:50% 100%;transition:transform 1.5s cubic-bezier(.16,1,.3,1) .35s}
.nt-motion .nt-fbig.ntm-in > div[aria-hidden]{transform:none}

/* 기념일 데모: 캘린더/알림 느낌 */
.nt-anv-day{justify-self:start;transition:background .35s ease}
.nt-anv-day.is-hot{background:#FFE8E8;animation:ntAnvRing 1.1s ease-out}
@keyframes ntAnvRing{0%{box-shadow:0 0 0 0 rgba(215,38,45,.45)}100%{box-shadow:0 0 0 14px rgba(215,38,45,0)}}
.nt-anv-today-n{display:inline-block}
.nt-anv-today-n.is-bump{animation:ntAnvBump .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes ntAnvBump{35%{transform:scale(1.8)}}
.nt-anv-send{overflow:visible}
.nt-anv-send.is-fly svg{animation:ntAnvFly .8s cubic-bezier(.5,0,.75,0) both}
@keyframes ntAnvFly{0%{transform:none;opacity:1}100%{transform:translate(70px,-52px) rotate(14deg) scale(.5);opacity:0}}
.nt-anv-last{display:inline-block}
.nt-anv-last.is-new{animation:ntAnvFlip .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes ntAnvFlip{0%{transform:perspective(300px) rotateX(90deg);opacity:0}100%{transform:none;opacity:1}}


/* ===== 히어로 사진: 고정된 채 화면 가득 확장 + 안쪽 줌아웃 ===== */
#top.is-hcol{overflow:clip !important}
#top.is-hcol .nt-hsp{display:block;height:130vh}
#top.is-hcol > div + div > img{will-change:transform;transform-origin:50% 50%}
#top.is-hcol > div + div{transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;transition:border-radius .45s ease}
#top.is-hcol.is-grow > div + div{border-radius:0 !important}
#top.is-hcol .nt-bubbles{transform-origin:100% 50%;will-change:transform}
#top.is-hcol .nt-bubbles > div{animation:none !important;opacity:0;transform:translateY(26px) scale(.92);transition:opacity .45s ease, transform .65s cubic-bezier(.3,1.4,.5,1)}
#top.is-hcol.is-full .nt-bubbles > div{opacity:1;transform:none}
#top.is-hcol.is-full .nt-bubbles > div:nth-child(2){transition-delay:.15s}
#top.is-hcol.is-full .nt-bubbles > div:nth-child(3){transition-delay:.3s}
#top.is-hcol > div + div{position:sticky !important;z-index:1;will-change:transform}

/* 옆에서 들어오는 등장 모션(아래→위 일변도 탈피) */
.nt-motion .ntm-r.ntx-l:not(.ntm-in){transform:translateX(-96px) rotate(-1.2deg)}
.nt-motion .ntm-r.ntx-rt:not(.ntm-in){transform:translateX(96px) rotate(1.2deg)}
.nt-motion .ntm-r.ntx-zoom:not(.ntm-in){transform:scale(.88)}

/* ===== 앱 섹션: 파란 카드가 화면 가득 확장 (Apple식 scroll zoom/expand) ===== */
#app.is-xp{overflow:clip}
#app.is-xp > div:first-child{position:sticky;z-index:1}
#app.is-xp .nt-xbg{position:absolute;display:block;border-radius:64px;background:linear-gradient(135deg,#0072BC 0%,#1A8CF0 100%);transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;contain:strict;z-index:0;pointer-events:none}
#app.is-xp .nt-app-ph{bottom:0 !important}
#app.is-xp > div:first-child > div:not(.nt-xbg){background:transparent !important;z-index:1}
#app.is-xp .nt-xsp{display:block}

/* ===== 1:1 단체발송 섹션 고정 → 다음 섹션이 커튼처럼 덮기 ===== */
#what.is-cur{position:sticky !important;z-index:0}
#what.is-cur::after{content:"";position:absolute;inset:0;background:#05101C;opacity:var(--cov,0);pointer-events:none;z-index:5}
#what.is-cur > div{transform-origin:50% 100%;will-change:transform}
#what.is-cur.is-gone{visibility:hidden}
#what.is-cur ~ section{position:relative;z-index:1}
#what.is-cur ~ #how{border-radius:44px 44px 0 0;box-shadow:0 -28px 60px rgba(0,10,25,.35)}

/* WHY 섹션 고정 → '1:1 카톡 단체발송이란?' 섹션이 커튼처럼 덮기 */
.nt-curb{position:sticky !important;z-index:0}
.nt-curb::after{content:"";position:absolute;inset:0;background:#0A1828;opacity:var(--cov,0);pointer-events:none;z-index:5}
.nt-curb > div{transform-origin:50% 100%;will-change:transform}
.nt-curb.is-gone{visibility:hidden}
#what.is-cur.nt-curf{z-index:1}
.nt-curb + #what{border-radius:44px 44px 0 0;box-shadow:0 -28px 60px rgba(0,10,25,.28)}

/* ===== 스크롤 연동 CSS 애니메이션(크롬: GPU 처리, 메인 스레드 부담 없음) ===== */
@keyframes ntHZ{from{transform:scale(1)}to{transform:scale(1.2)}}
@keyframes ntAZ{from{transform:scale(.84);opacity:.6}to{transform:scale(1);opacity:1}}
@supports (animation-timeline: scroll()){
  .nt-motion.nt-sfx #top > div + div{animation-name:ntWipe,ntHZ !important;animation-duration:1.3s,1ms !important;animation-timing-function:cubic-bezier(.7,0,.2,1),linear !important;animation-delay:.7s,0s !important;animation-fill-mode:both,both !important;animation-iteration-count:1,1 !important;animation-timeline:auto,scroll(root block) !important;animation-range:normal,0px 760px !important;will-change:transform}
  .nt-motion.nt-sfx #app:not(.is-xp) > div > div{animation:ntAZ 1ms linear both !important;animation-timeline:view() !important;animation-range:entry 0% cover 50% !important;will-change:transform;transform-origin:50% 30%}
}
/* ===== motion (nt) ===== */
@keyframes ntUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes ntPop{0%{opacity:0;transform:translateY(14px) scale(.94)}70%{opacity:1;transform:translateY(-2px) scale(1.02)}100%{opacity:1;transform:none}}
@keyframes ntPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,212,59,.0)}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(255,212,59,.25)}}
@keyframes ntBounce{0%{opacity:0;transform:translateY(60px) scale(.94)}60%{opacity:1;transform:translateY(-10px) scale(1.01)}80%{transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes ntWave{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
@keyframes ntCheck{from{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}
.nt-motion .ntm-r{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--ntm-i,0) * 90ms)}
.nt-motion .ntm-r.ntm-in{opacity:1;transform:none}
.nt-motion #top h1{animation:ntUp .8s .05s both}
.nt-motion #top h1 + p{animation:ntUp .8s .18s both}
.nt-motion #top h1 + p + div{animation:ntUp .8s .3s both}
.nt-motion #top h1 + p + div + div{animation:ntUp .8s .42s both}
.nt-motion #top > div + div{animation:ntUp .9s .55s both}
.nt-motion .nt-bubbles > div{animation:ntPop .55s both}
.nt-motion .nt-bubbles > div:nth-child(1){animation-delay:1s}
.nt-motion .nt-bubbles > div:nth-child(2){animation-delay:1.7s}
.nt-motion .nt-bubbles > div:nth-child(3){animation-delay:2.4s}
.nt-motion .ntm-in .ntm-chk svg{animation:ntCheck .35s both;animation-delay:calc(var(--ntm-i,0) * 220ms + .35s)}
.nt-motion .nt-cmp.ntm-r{transform:none}
.nt-motion .nt-cmp .nt-cmp-pill{opacity:0;transform:scale(.94);transform-origin:50% 50%;transition:opacity .7s ease .25s,transform .9s cubic-bezier(.22,1,.36,1) .25s}
.nt-motion .nt-cmp.ntm-in .nt-cmp-pill{opacity:1;transform:none}
.nt-motion .nt-cmp .nt-cmp-grid > *{transition:opacity .5s ease .55s}
.nt-motion .nt-tlist.ntm-in .ntm-max{animation:ntPulse 1s .7s 2}
.nt-motion .nt-crew.ntm-r{transform:none;opacity:0;transition:none}
.nt-motion .nt-crew.ntm-in{animation:ntBounce 1s cubic-bezier(.3,1.4,.5,1) both}
.nt-panda,.nt-cactus,.nt-rabbit{transform-origin:50% 90%;cursor:default}
.nt-panda:hover,.nt-cactus:hover,.nt-rabbit:hover{animation:ntWave .8s ease-in-out}
a[style*="border-radius: 999px"]{transition:transform .2s ease,box-shadow .2s ease}
a[style*="border-radius: 999px"]:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(10,37,64,.14)}
a svg{transition:transform .2s ease}
a:hover > svg:last-child:not(.nt-noshift){transform:translateX(3px)}
header > div{transition:box-shadow .3s ease,padding .3s ease}
header{transition:padding .3s ease}
header.ntm-scrolled{padding-top:8px !important;padding-bottom:8px !important}
header.ntm-scrolled > div{box-shadow:0 14px 32px rgba(10,37,64,.14) !important}
@media (prefers-reduced-motion: reduce){.nt-motion .ntm-r{opacity:1 !important;transform:none !important;transition:none !important}.nt-motion *{animation:none !important}}
/* ===== /motion ===== */
.nt-faq-v{transform-origin:12px 12px;transition:transform .25s ease,opacity .2s ease}
[aria-expanded="true"] .nt-faq-v{transform:scaleY(0);opacity:0}
.nt-float-cta{position:fixed;left:50%;bottom:28px;z-index:30;transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}
.nt-float-cta.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.nt-float-cta.is-on:hover{transform:translate(-50%,-2px)}

/* ===== scrollfx ===== */
@keyframes ntFade{from{opacity:0}to{opacity:1}}
.nt-motion #top > div + div{animation:ntFade 1s .55s both !important}
.ntsf-fill{-webkit-background-clip:text;background-clip:text;color:transparent !important;background-image:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF calc(var(--ntp,1) * 100%),rgba(255,255,255,.22) calc(var(--ntp,1) * 100% + 6%),rgba(255,255,255,.22) 100%)}
/* ===== /scrollfx ===== */







body{margin:0;background:#FFFFFF;font-family:'Pretendard',sans-serif;word-break:keep-all}
/* ===== 모바일 가독성 개편: 글자 크기 단계 + 여백 (한화·애플 모바일 참고) ===== */
#tiers .nt-tmore,.nt-ptabs,.nt-m-show,.nt-hdr-char,.nt-burger,.nt-mmenu,.nt-mmenu-dim{display:none}
@keyframes ntHdrWave{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-6deg)}82%{transform:rotate(4deg)}88%{transform:rotate(-4deg)}94%{transform:rotate(2deg)}}
@keyframes ntBubIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width: 900px){
[style*="font-size: clamp(64px, 8vw, 120px)"]{font-size:52px !important}[style*="font-size: clamp(40px, 5vw, 72px)"]{font-size:31px !important}[style*="font-size: clamp(36px, 3.4vw, 48px)"]{font-size:27px !important}[style*="font-size: clamp(34px, 4vw, 56px)"]{font-size:28px !important}[style*="font-size: clamp(34px, 3.2vw, 46px)"]{font-size:27px !important}[style*="font-size: clamp(32px, 3vw, 40px)"]{font-size:25px !important}[style*="font-size: clamp(32px, 3.4vw, 48px)"]{font-size:26px !important}[style*="font-size: clamp(28px, 2.6vw, 36px)"]{font-size:22px !important}[style*="font-size: clamp(26px, 2.4vw, 32px)"]{font-size:21px !important}[style*="font-size: clamp(26px, 2.6vw, 36px)"]{font-size:21px !important}[style*="font-size: 72px"]{font-size:48px !important}[style*="font-size: 46px"]{font-size:34px !important}[style*="font-size: 40px"]{font-size:30px !important}[style*="font-size: 34px"]{font-size:26px !important}[style*="font-size: 32px"]{font-size:24px !important}[style*="font-size: 30px"]{font-size:23px !important}[style*="font-size: 26px"]{font-size:20px !important}[style*="font-size: 24px"]{font-size:18px !important}[style*="font-size: 22px"]{font-size:16px !important}[style*="font-size: 21px"]{font-size:15.5px !important}[style*="font-size: 20px"]{font-size:15px !important}[style*="font-size: 19px"]{font-size:14.5px !important}[style*="font-size: 18px"]{font-size:14.5px !important}[style*="font-size: 17px"]{font-size:14px !important}[style*="font-size: 16px"]{font-size:14px !important}[style*="font-size: 15px"]{font-size:13.5px !important}[style*="font-size: 14px"]{font-size:13px !important}[style*="font-size: 13px"]{font-size:12px !important}
h2,h2 span{line-height:1.32 !important;letter-spacing:-0.03em !important}
html body [style*="padding: 144px 24px"]{padding:64px 32px !important}
[style*="padding: 0 24px"],[style*="padding: 136px 24px"],[style*="padding: 64px 24px"]{padding-left:32px !important;padding-right:32px !important}
.nt-cgrid{margin:0 -28px !important;padding:0 28px 8px !important;scroll-padding-left:28px}
.nt-rv-track{padding-left:32px !important;padding-right:32px !important}
header{padding-left:16px !important;padding-right:16px !important}
[style*="padding: 40px"]{padding:26px 22px !important}
[style*="padding: clamp(28px, 4vw, 48px)"]{padding:28px 22px !important}
[style*="padding: 26px 28px"],[style*="padding: 22px 28px"],[style*="padding: 30px 32px"],[style*="padding: 28px 32px"],[style*="padding: 24px 28px"]{padding-left:20px !important;padding-right:20px !important}
[style*="padding: 26px 36px"],[style*="padding: 24px 36px"],[style*="padding: 36px 36px 0"]{padding-left:22px !important;padding-right:22px !important}
[style*="padding: 80px 72px 0"]{padding:56px 22px 0 !important}
p,li{word-break:keep-all}
/* ── 쓸데없이 큰 여백 줄이기 ── */
section [style*="gap: 72px"],section [style*="gap: 64px"]{gap:36px !important}
section [style*="gap: 56px"]{gap:30px !important}
section [style*="gap: 48px"]{gap:26px !important}
[style*="min-height: 300px"],[style*="min-height: 420px"]{min-height:0 !important}
#top{padding-top:108px !important;padding-bottom:56px !important}
#partners{padding-bottom:48px !important}
[style*="padding: 136px 24px"]{padding-top:72px !important;padding-bottom:56px !important}
.nt-fbig{padding:28px 24px !important;min-height:260px !important}
html body .nt-point h3{font-size:22px !important}

#contact img[style*="aspect-ratio: 2.4 / 1"]{aspect-ratio:3 / 1 !important}
/* 파트너사: 전체적으로 작게 */
#partners .nt-marquee-track{gap:14px !important}#partners .nt-marquee-track li{width:96px !important;height:44px !important}
#partners .nt-marquee-track img{max-width:74px !important;max-height:24px !important;width:auto !important;height:auto !important}
#partners strong{font-size:17px !important;line-height:1.4 !important}
#partners span[style*="font-size: 17px"]{font-size:12.5px !important;padding:6px 12px !important}
#partners > div:first-child{gap:10px !important}
#partners{padding-bottom:36px !important}
/* 성공사례 카드 사진: 정사각형으로 온전히 */
.nt-cases-track a{width:156px !important}.nt-cases-track a img{width:100% !important;max-width:none !important;max-height:none !important;height:auto !important;aspect-ratio:1 / 1 !important}
/* POINT 02 메시지: 3줄 */
.nt-m-hide{display:none}
.ntm-p2-txt,.ntm-p2-var{font-size:14px !important}
#what div[style*="padding: 18px; font-size: 18px"]{padding:14px !important;font-size:14px !important;line-height:1.6 !important}
/* AI 인사말·기념일: 제목 > 설명 > 목록 > 데모 순으로 크기 차이 */
#ai-greeting span[style*="font-size: 21px"],#anniversary span[style*="font-size: 21px"]{font-size:14.5px !important;color:#5A6B80 !important;line-height:1.55 !important;padding-top:2px !important}
#ai-greeting span[style*="font-size: 21px"] strong,#anniversary span[style*="font-size: 21px"] strong{color:#0A2540 !important;font-weight:700}
#ai-greeting p[style*="font-size: 24px"]{font-size:19px !important;font-weight:700 !important;line-height:1.45 !important}
#ai-greeting [style*="font-size: 16px; font-weight: 700"]{font-size:13px !important}
#ai-greeting .nt-ai-field{font-size:14px !important;height:46px !important}
#ai-greeting .nt-ai-bub{font-size:14px !important}
#anniversary .nt-anv-main{font-size:13px}
#ai-greeting ul,#anniversary ul{gap:14px !important}
/* ── 애플·한화 모바일 패턴 ── */
/* 1) POINT·도입문의 카드: 세로로 쌓기(잘림·넘김 오류 방지) */
html body .nt-pbento{display:flex !important;flex-direction:column !important;gap:12px !important}
html body .nt-pbento > .nt-point{padding:24px 18px !important;gap:20px !important}
html body .nt-pbento .nt-point > div[aria-hidden]{padding:12px !important}
html body .nt-pbento .nt-point > div[aria-hidden] > div{padding:16px !important}
html body #contact div[style*="minmax(min(100%, 280px)"]{grid-template-columns:1fr !important;gap:10px !important}
/* 2) 숫자 지표 3개 → 한 줄 3칸 타일 */
html body .nt-fbento{grid-template-columns:repeat(3,1fr) !important;gap:8px !important}
html body .nt-fbig{grid-column:1 / -1 !important}
html body .nt-fs{padding:16px 12px !important;flex-direction:column !important;align-items:flex-start !important;gap:0 !important;border-radius:18px !important}
html body .nt-fs > span:last-child{display:none !important}
html body .nt-fs span[style*="font-size: 18px"]{font-size:11.5px !important;white-space:nowrap}
html body .nt-fs span[style*="clamp(36px"]{font-size:22px !important}
html body .nt-fs span[style*="clamp(36px"] span{font-size:11px !important;padding-left:2px !important}
/* 3) 히어로 사진: 세로로 크게, 말풍선은 아래쪽에 */
html body #top div[style*="aspect-ratio: 2.7 / 1"]{aspect-ratio:1 / 1.02 !important;border-radius:24px !important;margin-top:32px !important}
html body #top div[style*="aspect-ratio: 2.7 / 1"] > img{object-position:32% 50% !important}
html body #top div[style*="aspect-ratio: 2.7 / 1"] > div[aria-hidden]:not(.nt-bubbles){background:linear-gradient(180deg,rgba(10,37,64,0) 45%,rgba(10,37,64,.55) 100%) !important}
html body .nt-bubbles{top:auto !important;bottom:12px !important;right:12px !important;left:auto !important;width:430px !important;transform:scale(.6) !important;transform-origin:100% 100% !important}
html body .nt-bubbles > div{display:flex !important}
/* 업종별 사례: 잘리지 않게 세로 컴팩트 카드 */
html body .nt-inds{display:flex !important;flex-direction:column !important;gap:12px !important}
html body .nt-ind{padding:20px 20px !important;gap:14px !important}
html body .nt-ind img{width:60px !important;height:48px !important}
/* 콘텐츠: 옆으로 잘리지 않게 2열 그리드 */
html body .nt-cgrid{display:grid !important;grid-template-columns:1fr 1fr !important;overflow:visible !important;margin:0 !important;padding:0 !important;gap:10px !important}
html body .nt-ccard{flex:none !important;max-width:none !important;min-width:0 !important}
html body .nt-ccard strong,html body .nt-ccard p{font-size:13px !important;line-height:1.45 !important}
html body .nt-ccard > div:last-child{padding:12px !important;gap:6px !important}
html body #contents [role="tablist"],html body #contents div:has(> button[style*="padding: 0 36px"]){flex-wrap:wrap !important}
/* 이용요금: 요금 글자 한 단계씩 작게 */
html body #pricing [style*="font-size: 72px"]{font-size:40px !important}
html body #pricing span[style*="font-size: 30px"]{font-size:20px !important}
html body #pricing [style*="font-size: 26px"]:not(.nt-toff){font-size:18px !important}
html body #pricing [style*="font-size: 24px"]{font-size:16px !important}
html body #pricing [style*="font-size: 22px"]:not(p){font-size:14.5px !important}
html body #pricing [style*="font-size: 18px"]{font-size:13px !important}
html body #pricing .nt-tprice{font-size:23px !important}
html body #pricing .nt-tprice span{font-size:13px !important}
html body #pricing .nt-toff,html body #pricing .nt-toff[style*="font-size: 30px"]{font-size:15px !important;padding:3px 12px !important}
html body #pricing .nt-tcond > span:first-child{font-size:16px !important}
html body #pricing .nt-tcond > span + span{font-size:13px !important}
/* 업종별 사례: 모바일에선 움직임 없이 고정 표시 */
html.nt-motion body .nt-ind.ntm-r{transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1) !important;transition-delay:calc(var(--ntm-i,0) * 90ms) !important}
html.nt-motion body .nt-ind.ntm-r:not(.ntm-in){opacity:0 !important;transform:translateX(-56px) rotate(-1.5deg) !important}
html.nt-motion body .nt-ind.ntm-r:nth-child(even):not(.ntm-in){transform:translateX(56px) rotate(1.5deg) !important}
html.nt-motion body .nt-ind.ntm-r.ntm-in{opacity:1 !important;transform:none !important}
html body .nt-ind > div:first-child{align-items:center !important}
/* 앱 섹션: 화면 안에 들어오게 컴팩트(웹과 같은 펼침 모션 적용) */
html body #app > div{padding-left:16px !important;padding-right:16px !important}
html body #app > div > div{padding:26px 22px 0 !important;gap:14px !important}
html body #app [style*="height: 560px"]{height:clamp(260px, calc(100vh - 500px), 298px) !important}
html body #app .nt-app-ph:first-of-type{width:132px !important;left:9% !important;bottom:-22px !important;z-index:0}
html body #app .nt-app-ph:last-of-type{width:146px !important;right:9% !important;z-index:1;filter:drop-shadow(-8px 10px 18px rgba(0,30,70,.28))}
html body #app h2{font-size:26px !important}
html body #app ul{gap:8px !important}
html body #app li{font-size:13.5px !important}
html body #app p{font-size:14px !important}
/* 단체문자 vs 단체카톡: 표 박스 짧게 */
html body .nt-cmp > div[aria-hidden]:first-child{inset:12px 0 12px 0 !important;border-radius:20px !important}
html body .nt-cmp-grid{grid-auto-rows:minmax(50px,auto) !important}
html body .nt-cmp-grid > div:nth-child(2){min-height:64px !important;padding-top:10px !important;font-size:16px !important}
html body .nt-cmp-grid > div{padding-top:8px !important;padding-bottom:8px !important}
html body .nt-cmp-grid > div:nth-child(3){min-height:64px !important}
html body h2 .ntl,html body h2 .ntl-i{white-space:normal !important}
html body #ai-greeting h2,html body #anniversary h2{font-size:27px !important}
html body section h2,html body section p{max-width:100% !important}html body section h2[style*="width: "]{width:auto !important}
/* 업종별 카드가 눌려서 잘리지 않게 */
html body .nt-inds{height:auto !important;max-height:none !important;overflow:visible !important}
html body .nt-ind{flex:0 0 auto !important;height:auto !important;min-height:0 !important;overflow:visible !important}
/* 비교표: 왼쪽 항목명 한 줄, 표 박스가 마지막 줄까지 감싸게 */
html body .nt-cmp-grid{grid-template-columns:58px 52fr 48fr !important}
html body .nt-cmp-pill{left:58px !important;width:calc((100% - 58px) * .52) !important}
html body .nt-cmp-grid > div:nth-child(3n+1){font-size:12px !important;white-space:nowrap;padding-left:10px !important;padding-right:0 !important}
html body .nt-cmp-grid > div:nth-child(3n){font-size:12px !important;white-space:nowrap}
html body .nt-cmp-grid > div:nth-child(3n) br{display:none}
/* 푸터 링크 3개 한 줄 */
html body footer div:has(> a[style*="padding: 11px 16px"]){flex-wrap:nowrap !important;gap:6px !important}
html body footer a[style*="padding: 11px 16px"]{padding:7px 10px !important;font-size:12.5px !important;gap:5px !important;white-space:nowrap}
html body footer a[style*="padding: 11px 16px"] svg,html body footer a[style*="padding: 11px 16px"] img{width:15px !important;height:15px !important}
@media (max-width: 374px){
html body footer a[style*="padding: 11px 16px"]{padding:6px 8px !important;font-size:11.5px !important;gap:4px !important}
html body footer div:has(> a[style*="padding: 11px 16px"]){gap:4px !important}
html body .nt-cmp-grid{grid-template-columns:52px 50fr 50fr !important}
html body .nt-cmp-pill{left:52px !important;width:calc((100% - 52px) * .5) !important}
html body .nt-cmp-grid > div:nth-child(3n+1){font-size:11px !important;padding-left:6px !important}
html body .nt-cmp-grid > div:nth-child(3n+2){font-size:14px !important}
html body .nt-cmp-grid > div:nth-child(3n){font-size:11px !important}
}
/* 마우스 올렸을 때 카드가 떠오르며 겹치는 효과 끄기 */
html.nt-motion body .ntx-lift:hover,html.nt-motion body .nt-ind:hover{transform:none !important;box-shadow:none !important}
html body .nt-ind{position:relative;z-index:0}
/* 하단 고정 버튼: 뒤에 흰 반투명 배경 깔기 */
html body .nt-float-cta{box-shadow:0 10px 26px rgba(0,60,120,.35) !important}
html body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:104px;z-index:29;pointer-events:none;opacity:0;transition:opacity .35s ease;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.88) 45%,rgba(255,255,255,.97) 100%)}
html:has(.nt-float-cta.is-on) body::after{opacity:1}
/* 사용방법: 너구리 캐릭터 오른쪽 */
html body #how div:has(> img.nt-panda){flex-direction:row-reverse !important;justify-content:flex-end !important;align-items:flex-end !important}
/* 비교표 글자 재배치 */
html body .nt-cmp .nt-cmp-grid > div{white-space:normal !important;text-align:center;line-height:1.3}
html body .nt-cmp .nt-cmp-grid > div:nth-child(2){font-size:14px !important;min-height:58px !important;padding-top:12px !important;align-items:center !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(3){font-size:13px !important;min-height:58px !important;padding-top:12px !important;align-items:center !important;font-weight:700 !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(3n+1){font-size:12px !important;justify-content:flex-start !important;text-align:left !important;padding:0 0 0 10px !important;white-space:nowrap !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(5) b{font-size:14px !important;line-height:1.35}
html body .nt-cmp .nt-cmp-grid > div:nth-child(8) b,html body .nt-cmp .nt-cmp-grid > div:nth-child(11) b{font-size:20px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(14){padding:8px 0 20px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(13){padding-bottom:30px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(14) b{font-size:17px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(14) span{font-size:11px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(6){font-size:12px !important;flex-direction:column !important;gap:2px !important;padding:0 6px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(6n) svg,html body .nt-cmp .nt-cmp-grid > div:nth-child(9) svg,html body .nt-cmp .nt-cmp-grid > div:nth-child(12) svg{display:none !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(9),html body .nt-cmp .nt-cmp-grid > div:nth-child(12){font-size:0 !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(9) b,html body .nt-cmp .nt-cmp-grid > div:nth-child(12) b{font-size:18px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(15){font-size:15px !important;padding-bottom:12px !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(15) span{font-size:12px !important}
html body .nt-cmp-pill{box-shadow:0 0 32px 4px rgba(61,158,240,.16),0 10px 22px rgba(0,114,188,.18) !important}
/* 콘텐츠 카드 라운드 완화 */
html body .nt-ccard{border-radius:14px !important}
/* 후기 화살표 작게 */
html body .nt-rv-nav{gap:10px !important}
html body .nt-rv-nav button{width:40px !important;height:40px !important;min-width:0 !important}
html body .nt-rv-nav button svg{width:16px !important;height:16px !important}
/* 사용방법 단계: 하나씩 살짝 */
html.nt-motion body .nt-steps > li.ntm-r:not(.ntm-in){opacity:0 !important;transform:translateY(28px) scale(.94) !important}
html.nt-motion body .nt-steps > li.ntm-r{transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1) !important;transition-delay:calc(var(--ntm-i,0) * 110ms) !important}
/* ── 캔버스 모바일③에서 직접 수정하신 내용 반영 ── */
html body .nt-cmp .nt-cmp-grid > div:nth-child(3n+1):not(:first-child){font-size:13px !important;justify-content:center !important;text-align:center !important;padding:0 6px !important;white-space:normal !important;line-height:1.3 !important}
html body .nt-cmp .nt-cmp-grid > div:nth-child(13):not(:first-child){padding-bottom:12px !important}
html body .nt-notice{padding:18px 20px !important;border-radius:20px !important;gap:12px !important}
html body .nt-notice > img{display:none !important}
html body .nt-notice > div{flex:1 1 200px !important;gap:2px !important}
html body .nt-notice strong{font-size:18px !important;line-height:1.3 !important}
html body .nt-notice p{font-size:13px !important;line-height:1.5 !important}
html body .nt-notice > a{flex:1 1 100% !important;text-align:center !important;font-size:15.5px !important;padding:14px 20px !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"]{grid-template-columns:1fr !important;justify-items:center !important;text-align:center !important;padding:26px 20px !important;gap:10px !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"] > *{grid-column:1 !important;grid-row:auto !important;justify-self:center !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"] .nt-tcond{justify-content:center !important;text-align:center !important}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"]{flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"] > img{width:64px !important;flex-shrink:0}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"] > strong{font-size:16px !important;flex:1 1 0 !important;min-width:0}
html body #faq div[style*="margin-top: 16px; background: #FFFFFF; border-radius: 24px; padding: 28px"] > a{flex:1 1 100% !important}
/* 히어로 글자 위계: 배지(작게) → 제목(크게) → 설명(연하게) → 버튼(작게) */
html body #top .nt-eyebrow{font-size:12.5px !important;padding:6px 10px 6px 12px !important;gap:6px !important}
html body #top .nt-eyebrow strong{font-size:12px !important;padding:3px 9px !important}
html body #top .nt-hero-h,html body #top .nt-hero-h span{font-size:42px !important;font-weight:800 !important;line-height:1.18 !important;letter-spacing:-0.045em !important}
html body #top > div:first-child > p{margin-top:-6px !important}
html body #top > div:first-child > p span{font-size:14px !important;color:#7A8899 !important}
html body #top a.nt-hero-cta{font-size:14px !important;padding:12px 18px !important;font-weight:700 !important}
html body #top a.nt-hero-cta + a{font-size:14px !important;padding:11px 16px !important;font-weight:600 !important;color:#475A70 !important}
html body #top > div:first-child > div:last-child span{font-size:12.5px !important}
html body #top > div:first-child > div:last-child strong{font-size:12.5px !important}
/* 히어로 왼쪽 정렬 (B안) */
html body #top > div:first-child{align-items:flex-start !important;text-align:left !important}
html body #top > div:first-child > *{text-align:left !important;justify-content:flex-start !important;align-self:flex-start !important}
html body #top .nt-hero-h,html body #top .nt-hero-h span{font-size:38px !important;text-align:left !important;line-height:1.3 !important}
html body #top div:has(> a.nt-hero-cta){justify-content:flex-start !important}
html body #top > div:first-child > div:last-child{align-items:flex-start !important}
html body #top > div:first-child > div:last-child > *{justify-content:flex-start !important}
/* 말풍선 덩어리처럼 */
html body .nt-bubbles{width:340px !important;gap:0 !important;bottom:16% !important}
html body .nt-bubbles > div + div{margin-top:10px !important}
html body .nt-bubbles > div:nth-child(2){margin-right:6px;margin-top:10px !important}
/* 이용요금 위아래 여백 줄이기 */
html body #pricing > div{gap:18px !important}
html body #pricing .nt-pcards{gap:14px !important}
html body #pricing .nt-pcards > div > div:first-child{padding-top:22px !important}
html body #pricing div[style*="padding: 24px 36px 30px"]{padding:16px 22px 18px !important;gap:10px !important}
html body #pricing div[style*="padding: 26px 36px 32px"]{padding:16px 22px 18px !important;gap:14px !important}
html body #pricing div[style*="padding: 26px 36px 32px"] > span[style*="width: 60px"]{width:44px !important;height:44px !important}
html body #tiers{padding:26px 20px 18px !important;gap:18px !important}
html body #pricing .nt-trow{padding-top:14px !important;padding-bottom:14px !important}
html body #pricing .nt-trow[style*="linear-gradient(135deg, #1A8CF0"]{padding:18px 20px !important;gap:6px !important;margin-top:8px !important}
/* 이용요금 글자 한 단계씩 작게 */
html body #pricing [style*="font-size: 72px"]{font-size:34px !important}
html body #pricing span[style*="font-size: 30px"]{font-size:18px !important}
html body #pricing [style*="font-size: 26px"]:not(.nt-toff){font-size:16.5px !important}
html body #pricing [style*="font-size: 24px"]{font-size:14.5px !important}
html body #pricing [style*="font-size: 22px"]:not(p){font-size:13.5px !important}
html body #pricing [style*="font-size: 20px"]:not(.nt-toff){font-size:13.5px !important}
html body #pricing [style*="font-size: 19px"]{font-size:13px !important}
html body #pricing [style*="font-size: 18px"]{font-size:12.5px !important}
html body #pricing [style*="font-size: 17px"]{font-size:12.5px !important}
html body #pricing .nt-tprice,html body #pricing .nt-tprice[style*="clamp(34px"]{font-size:21px !important}
html body #pricing .nt-tcond > span:first-child{font-size:14.5px !important}
html body #pricing .nt-tcond > span + span{font-size:12px !important}
html body #pricing .nt-toff,html body #pricing .nt-toff[style*="font-size: 30px"]{font-size:13.5px !important}
html body #pricing h2,html body #pricing h2 span{font-size:27px !important}
html body #pricing strong[style*="clamp(32px, 3.4vw, 48px)"]{font-size:22px !important}
/* FAQ 글자 작게 */
html body #faq span[style*="font-size: 21px"]{font-size:14px !important;line-height:1.45 !important}
html body #faq p[style*="font-size: 19px"]{font-size:13px !important;line-height:1.6 !important}
html body #faq button[style*="padding: 24px 28px"]{padding:14px 14px !important}
/* 푸터 정보: 주소·전화 한 줄 */
html body footer div[style*="gap: 8px 28px"]{gap:2px 14px !important;font-size:12.5px !important}
html body #trial p[style*="font-size: 22px"]{font-size:clamp(11px, 3.35vw, 14px) !important;white-space:nowrap !important;letter-spacing:-0.03em !important}
/* 섹션 메인 제목 ↑ / 보조 설명 ↓ */
html body section h2[style*="clamp("],html body section h2[style*="clamp("] span{font-size:32px !important}
html body #pricing h2,html body #pricing h2 span{font-size:29px !important}
html body #ai-greeting h2,html body #anniversary h2,html body #ai-greeting h2 span,html body #anniversary h2 span{font-size:29px !important}
html body section p[style*="font-size: 22px"][style*="color: #475A70"],html body section span[style*="font-size: 22px"][style*="color: #475A70"],html body #faq p[style*="font-size: 22px"]{font-size:14.5px !important}
/* FAQ 펼쳤을 때 답변 폭 넓게 */
html body #faq button[style*="padding: 24px 28px"]{gap:10px !important}
html body #faq button[style*="padding: 24px 28px"] > span:first-child,html body #faq button[style*="padding: 24px 28px"] > span:last-child{width:28px !important;height:28px !important;font-size:13px !important}
html body #faq div[style*="padding: 0 76px 28px 28px"]{padding:0 14px 16px 14px !important;gap:10px !important}
html body #faq div[style*="padding: 0 76px 28px 28px"] > span{width:28px !important;height:28px !important;font-size:13px !important;flex-shrink:0}
html body #faq div[style*="padding: 0 76px 28px 28px"] > p{padding-top:3px !important}
/* 이용요금 박스 조금씩 작게 */
html body #pricing .nt-pcards > div,html body #tiers,html body #pricing .nt-notice{margin-left:6px !important;margin-right:6px !important;border-radius:22px !important}
html body #pricing .nt-pcards > div > div:first-child{padding:20px 22px 0 !important}
html body #pricing div[style*="padding: 24px 36px 30px"],html body #pricing div[style*="padding: 26px 36px 32px"]{padding:14px 22px 16px !important}
html body #tiers{padding:22px 16px 14px !important;gap:14px !important}
html body .nt-bubbles > div:nth-child(1) > div,html body .nt-bubbles > div:nth-child(3) > div{width:215px !important;box-sizing:border-box !important}
/* 이용요금 첫·두번째 박스 글자 작게 */
html body #pricing .nt-pcards [style*="font-size: 72px"]{font-size:34px !important;font-weight:800 !important;color:#0072BC !important;letter-spacing:-0.03em !important}
html body #pricing .nt-pcards [style*="font-size: 26px"]{font-size:15px !important}
html body #pricing .nt-pcards [style*="font-size: 24px"]{font-size:12.5px !important}
html body #pricing .nt-pcards [style*="font-size: 22px"]{font-size:12.5px !important}
html body #pricing .nt-pcards [style*="font-size: 19px"],html body #pricing .nt-pcards [style*="font-size: 17px"],html body #pricing .nt-pcards [style*="font-size: 18px"]{font-size:11.5px !important}
html body #pricing .nt-pcards span[style*="font-size: 30px"]{font-size:19px !important;font-weight:800 !important}
html body #pricing .nt-pcards [style*="font-size: 20px"]{font-size:12px !important}
html body #pricing .nt-pcards span[style*="width: 60px"]{width:38px !important;height:38px !important}
html body #pricing .nt-pcards span[style*="width: 60px"] svg{width:18px !important;height:18px !important}
/* 1) 헤더 다운로드 버튼 삭제 */
html body header a.nt-hdr-dl{display:none !important}
/* 2) 섹션 제목 왼쪽 정렬 통일 */
html body #partners > div > div:first-child,html body #compare > div > div:first-child,html body #pricing > div > div:first-child,html body #trial > div{align-items:flex-start !important;text-align:left !important}
html body #trial > div > div{justify-content:flex-start !important}
html body #pricing > div > div:first-child{margin-bottom:8px !important}
/* 3) 이용요금: 개인/단체 탭 + 할인 단계 접기 */
html body .nt-ptabs{display:flex !important;gap:4px;background:rgba(255,255,255,.08);border-radius:999px;padding:4px;margin:0 6px}
html body .nt-ptabs button{flex:1;border:0;border-radius:999px;padding:10px 0;font-size:14px;font-weight:700;background:transparent;color:#AFC3D8;font-family:inherit}
html body .nt-ptabs button[aria-selected="true"]{background:#FFFFFF;color:#0A2540}
html body .nt-pcards[data-ptab="0"] > div:nth-child(2),html body .nt-pcards[data-ptab="1"] > div:nth-child(1){display:none !important}
html body #tiers[data-open="closed"] .nt-tlist > .nt-trow:nth-child(4),html body #tiers[data-open="closed"] .nt-tlist > .nt-trow:nth-child(5){display:none !important}
html body #tiers .nt-tmore{display:block !important;margin:2px auto 0;border:1px solid #D5E3F0;background:#FFFFFF;color:#0072BC;font-weight:700;font-size:13px;border-radius:999px;padding:9px 18px;font-family:inherit}
/* 5) 업종별 제목 모바일 문구 */
html body .nt-m-show{display:inline !important}
/* 6) AI 버튼·토끼 */
html body #ai-greeting div:has(> .nt-ai-btn){flex-wrap:wrap !important}
html body .nt-ai-btn{flex:1 1 100% !important;justify-content:center !important}
html body .nt-rabbit{height:58px !important;top:-52px !important;right:18px !important}
/* 7) 도입문의 사진 카드: 썸네일 + 글 한 줄 */
html body #contact div[style*="minmax(min(100%, 280px)"] > div{display:flex !important;align-items:center;border-radius:16px !important}
html body #contact div[style*="minmax(min(100%, 280px)"] > div > img{width:116px !important;aspect-ratio:4 / 3 !important;flex-shrink:0}
html body #contact div[style*="minmax(min(100%, 280px)"] > div > div{flex:1;padding:12px 14px !important;flex-direction:column;align-items:flex-start !important;gap:6px}
/* AI 인사말·기념일 기능 목록: 연한 박스 */
html body #ai-greeting ul > li,html body #anniversary ul > li{background:#FFFFFF;border:1px solid #E3EBF4;border-radius:14px;padding:12px 14px !important;align-items:center !important;gap:12px !important}
html body #anniversary ul > li{background:#F4F8FC}
html body #ai-greeting ul > li > span:first-child,html body #anniversary ul > li > span:first-child{width:34px !important;height:34px !important;border-radius:10px !important}
html body #ai-greeting ul > li > span:last-child,html body #anniversary ul > li > span:last-child{padding-top:0 !important}
html body #ai-greeting ul,html body #anniversary ul{gap:8px !important}
/* 앱 폰 이미지: 아래가 잘리지 않고 자연스럽게 흐려지게 */
html body #app > div > div{padding-bottom:44px !important}
html body #app .nt-app-ph:first-of-type{height:90% !important;width:auto !important;bottom:0 !important;left:auto !important;right:calc(50% - 2px) !important}
html body #app .nt-app-ph:last-of-type{height:100% !important;width:auto !important;bottom:0 !important;right:auto !important;left:calc(50% - 30px) !important}
/* 개인 정기구독 탭에서는 단체 할인 표 숨김 */
html body #pricing > div:has(.nt-pcards[data-ptab="0"]) #tiers{display:none !important}
html body header > div{position:relative !important;overflow:visible !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(255,255,255,.98) !important}
html body header.ntm-hide{transform:translateY(calc(-100% - 12px)) !important}
html body header img.nt-hdr-char{display:block !important;position:absolute !important;right:63px;bottom:-4px;height:54px !important;width:auto !important;margin:0 !important;z-index:2;transform-origin:30% 100%;animation:ntHdrWave 3.2s ease-in-out 1s infinite;filter:none !important;background:transparent !important;box-shadow:none !important;border:0 !important;-webkit-backface-visibility:hidden;backface-visibility:hidden}
html body .nt-step .nt-step-m{display:block !important;white-space:nowrap;font-size:13.5px !important;letter-spacing:-0.03em}
html body .nt-step .nt-step-m br{display:inline !important}
/* WHY 큰 카드: 악수 이미지 작게, 설명 두 줄 */
html body .nt-bento-l img[alt="서로 맞잡은 두 손"]{width:165px !important;max-width:none !important;margin:-6px -4px 16px 0 !important}
html body .nt-bento-l .nt-why-m{display:block !important;white-space:nowrap}
html body .nt-bento-l .nt-why-m br{display:inline !important}
/* 하단 고정 버튼: 은은한 그라데이션 + 흰 원 화살표 */
html body a.nt-float-cta.nt-float-cta{height:56px;box-sizing:border-box;padding:0 8px 0 56px !important;gap:8px !important;justify-content:space-between !important;overflow:hidden;font-size:16.5px !important;font-weight:700 !important;letter-spacing:-0.02em;background:linear-gradient(100deg,#0066B0 0%,#0A7FD6 100%) !important;box-shadow:0 10px 24px rgba(0,80,160,.32),0 0 0 3px rgba(255,255,255,.95) !important}
html body .nt-float-cta::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:24%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));transform:skewX(-20deg);animation:ntFcShine 4.5s ease-in-out 1.5s infinite;pointer-events:none}
html body .nt-float-cta .nt-fc-tx{flex:1;text-align:center}
html body .nt-float-cta .nt-fc-arr{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#FFFFFF;color:#0072BC}
html body .nt-float-cta .nt-fc-arr svg{animation:ntFcNudge 1.6s ease-in-out infinite}
@keyframes ntFcShine{0%,60%{left:-40%}100%{left:130%}}
@keyframes ntFcNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
/* 모바일 메뉴: 오른쪽 끝 햄버거, 판다는 그 왼쪽에서 바에 걸쳐 인사 */
html body header button.nt-burger{display:flex !important;flex-direction:column;justify-content:center;align-items:center;gap:4.3px;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:50%;background:#F1F4F8;cursor:pointer;position:relative;z-index:3;-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;flex-shrink:0}
html body header button.nt-burger span{display:block;width:17px;height:2.1px;border-radius:2px;background:#2F3A48;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}
html body header button.nt-burger[aria-expanded="true"]{background:#0072BC}
html body header button.nt-burger[aria-expanded="true"] span{background:#FFFFFF}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.4px) rotate(45deg)}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.4px) rotate(-45deg)}
html body header .nt-mmenu{display:block !important;position:absolute;left:16px;right:16px;top:calc(100% - 6px);z-index:1;background:#FFFFFF;border:1px solid #EDF2F7;border-radius:24px;box-shadow:0 18px 40px rgba(10,37,64,.16);padding:10px 10px 12px;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}
html body header .nt-mmenu[data-open="open"]{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s}
html body header .nt-mmenu nav{display:flex;flex-direction:column}
html body header .nt-mmenu nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px;border-radius:14px;font-size:17px;font-weight:700;letter-spacing:-0.02em;color:#2F3A48;text-decoration:none}
html body header .nt-mmenu nav a{position:relative}html body header .nt-mmenu nav a + a::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:#EEF2F6}
html body header .nt-mmenu nav a svg{color:#9AA8B8;flex-shrink:0}
html body header .nt-mmenu nav a:active{background:#F2F8FD}
html body header .nt-mmenu-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
html body header .nt-mmenu-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;font-size:15px;font-weight:700;color:#34485F;background:#F1F4F8;text-decoration:none;white-space:nowrap}
html body header .nt-mmenu-cta a.nt-mmenu-pri{background:#0072BC;color:#FFFFFF}
html body header .nt-mmenu-dim{display:block !important;position:fixed;top:0;left:0;right:0;height:120vh;z-index:-1;background:rgba(10,30,55,.32);opacity:0;pointer-events:none;transition:opacity .25s ease;touch-action:none;overscroll-behavior:contain}
html body header .nt-mmenu-dim[data-open="open"]{opacity:1;pointer-events:auto}
html body header:has(.nt-mmenu[data-open="open"]){transform:none !important}
html:has(.nt-mmenu[data-open="open"]) .nt-float-cta{opacity:0 !important;pointer-events:none !important}
html:has(.nt-mmenu[data-open="open"]) body::after{opacity:0 !important}
/* WHY 마지막 카드가 하단 버튼에 가려지지 않게, 다음 섹션은 조금 늦게 */
html body section:has(+ #what) > div{padding-bottom:150px !important}
/* 이용요금 가격 크기 통일 */
html body #pricing .nt-tprice,html body #pricing .nt-tprice[style*="clamp(34px"]{font-size:24px !important}
html body #pricing .nt-tprice span{font-size:13px !important}
/* ── 모바일 모션: 짧고 가볍게(옆으로 크게 날아오는 동작 → 아래에서 살짝) ── */
.nt-motion .ntm-r{transition-duration:.55s,.7s !important;transition-delay:calc(var(--ntm-i,0) * 60ms) !important}
.nt-motion .ntm-r:not(.ntm-in){transform:translateY(24px) !important}
.nt-motion .ntl-i{transition-duration:.8s !important;transition-delay:calc(var(--ntl,0) * 80ms + 60ms) !important}
.nt-motion .ntx-wipe{clip-path:none !important;opacity:1}.nt-motion .ntx-wipe img{transform:none !important}
.nt-motion .ntx-slide:not(.ntx-in){transform:translateY(24px) !important}
.nt-motion .ntx-pop:not(.ntx-in){transform:scale(.7) !important}
.nt-motion .ntx-eyebrow:not(.ntx-in){transform:translateY(8px) !important}
.nt-motion .ntx-lift:hover{transform:none !important}
/* ── 위계: 라벨(작고 파랑) → 제목(크고 굵게) → 설명(연하게) → 내용 ── */
p[style*="display: inline-flex"][style*="font-size: 19px"]{font-size:14px !important;font-weight:700 !important;letter-spacing:0 !important;gap:6px !important}
p[style*="display: inline-flex"][style*="font-size: 19px"][style*="color: #5A6B80"]{color:#0072BC !important}
p[style*="display: inline-flex"][style*="font-size: 19px"] img,p[style*="display: inline-flex"][style*="font-size: 22px"] img{height:16px !important}
h2[style*="clamp(34px, 4vw, 56px)"],h2[style*="clamp(36px, 3.4vw, 48px)"],h2[style*="clamp(34px, 3.2vw, 46px)"],h2[style*="clamp(40px, 5vw, 72px)"]{font-size:30px !important;font-weight:800 !important;line-height:1.3 !important;letter-spacing:-0.035em !important}
h2[style*="clamp(34px, 4vw, 56px)"] span,h2[style*="clamp(36px, 3.4vw, 48px)"] span,h2[style*="clamp(34px, 3.2vw, 46px)"] span,h2[style*="clamp(40px, 5vw, 72px)"] span{font-size:inherit !important;font-weight:inherit !important}
p[style*="font-size: 22px"][style*="color: #475A70"],span[style*="font-size: 22px"][style*="color: #475A70"]{font-size:16px !important;line-height:1.65 !important;color:#6B7B8F !important}
p[style*="font-size: 22px"][style*="color: #475A70"] b,p[style*="font-size: 22px"][style*="color: #475A70"] strong{color:#2F3A48}
[style*="padding: 144px 24px"][style*="gap: 64px"],[style*="padding: 144px 24px"][style*="gap: 56px"],[style*="padding: 144px 24px"][style*="gap: 72px"]{gap:36px !important}
/* 줄바꿈: 제목은 줄 길이 균형, 본문은 마지막 줄 한 글자 방지 */
h1,h2,h3,strong{text-wrap:balance}p,span,li{text-wrap:pretty}
/* 버튼: 쓸데없이 큰 버튼을 모바일 표준 크기(높이 48px 안팎)로 */
html body a[style*="padding: 23px 38px"],html body a[style*="padding: 22px 30px"],html body a[style*="padding: 22px 42px"],html body a[style*="padding: 18px 30px"],html body a[style*="padding: 20px 28px"],html body button[style*="padding: 20px 28px"]{padding:14px 22px !important;font-size:15.5px !important;min-height:0 !important}
html body a[style*="padding: 0 48px"]{min-height:46px !important;padding:0 24px !important;font-size:15.5px !important}
html body #contact a[style*="padding: 22px 34px"]{padding:12px 20px 12px 14px !important;font-size:15.5px !important;gap:10px !important}
html body #contact a[style*="padding: 22px 34px"] > *:first-child{width:32px !important;height:32px !important;flex-shrink:0}
html body #contact a[style*="padding: 22px 34px"] > *:first-child svg{width:18px !important;height:18px !important}
.nt-ai-btn svg{flex-shrink:0}.nt-ai-cnt{white-space:nowrap;font-size:14px !important}
#trial p,#pricing p,#compare p,#partners strong{text-wrap:balance}
.nt-cmp-grid > div:nth-child(3n){font-size:13px !important}
.nt-cmp-grid > div:nth-child(3n) *{white-space:nowrap}
html body #top a.nt-hero-cta{padding:15px 20px !important;font-size:15.5px !important}
#top div:has(> a.nt-hero-cta){flex-direction:row !important;flex-wrap:nowrap !important;gap:8px !important;justify-content:center !important}
#top div:has(> a.nt-hero-cta) > a{white-space:nowrap}
.nt-float-cta{padding:14px 22px !important}
/* 콘텐츠 탭: 작은 알약형 한 줄 */
html body #contents button[style*="padding: 0 36px"]{min-height:40px !important;padding:0 16px !important;font-size:15px !important}
#contents div:has(> button[style*="padding: 0 36px"]){flex-wrap:nowrap !important;gap:8px !important}
/* WHY 작은 카드: 아이콘 + 글 가로 배치로 컴팩트하게 */
.nt-bento-s{flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:16px !important;padding:20px 22px !important}
.nt-bento-s > svg{width:38px !important;height:38px !important;flex-shrink:0}
/* 사용 방법 단계: 억지 줄바꿈 제거, 아이콘 축소 */
.nt-step br{display:none}.nt-step-ic{width:96px !important;height:96px !important}.nt-step-ic svg{width:56px !important;height:56px !important}
/* POINT 03 채팅 헤더 한 줄 */
.ntm-p3-tag,.ntm-p3-tag ~ *,[class*="ntm-p3"] strong{white-space:nowrap}
#what strong[style*="font-size: 17px"]{white-space:nowrap}
/* AI 인사말 데모: 겹친 안쪽 여백 줄여 폭 확보 */
#ai-greeting [style*="padding: 32px 40px"]{padding:22px 16px !important}
#ai-greeting [style*="padding: 24px 28px"]{padding:4px 4px 8px !important}
.nt-ai-btn{white-space:nowrap;padding:0 14px !important;min-height:44px !important;gap:6px !important;font-size:15px !important}
#app a img,#app a svg{height:auto !important;width:100% !important}#app a{height:auto !important;min-height:0 !important;width:167px !important}
html body #app div:has(> a[href*="apps.apple"]){margin-left:8px !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:flex-start !important;gap:10px !important}
.nt-ai-bub{width:100% !important;padding:18px 20px !important}
/* FAQ 카드 여백 */
#faq button[style*="padding: 24px 28px"]{padding:18px 18px !important}
/* 푸터 링크 칩 */
footer a[style*="padding: 11px 16px"]{padding:8px 13px !important}
}
/* ===== /모바일 가독성 개편 ===== */
@media (max-width: 900px){
.nt-crew{height:auto !important;width:100% !important;max-width:340px}
.nt-cactus{display:none !important}
#contact a[href*="pf.kakao.com/_RnEcC/chat"]{font-size:18px !important;padding:18px 24px 18px 18px !important}
.nt-cactus{height:84px !important}

.nt-trow{grid-template-columns:1fr auto !important;padding-left:16px !important;padding-right:16px !important}
.nt-thead{display:none !important}
.nt-toff{grid-column:1;grid-row:2;justify-self:start !important;font-size:19px !important;padding:5px 16px !important}
.nt-tprice{grid-column:2;grid-row:1 / 3;align-self:center}
.nt-tcond > span:first-child{font-size:20px !important}
.nt-tcond > span + span{font-size:16px !important}
.nt-tprice{font-size:28px !important}

.nt-notice a{width:100%;text-align:center;box-sizing:border-box}
[style*="padding: 144px 24px"]{padding-top:88px !important;padding-bottom:88px !important}
.nt-cmp-pill{left:64px !important;width:calc((100% - 64px) * .52) !important;border-radius:20px !important}
.nt-cmp-grid{grid-template-columns:64px 52fr 48fr !important;grid-auto-rows:minmax(72px,auto) !important}
.nt-cmp-grid > div{padding-left:8px !important;padding-right:8px !important;font-size:14px !important;gap:4px !important}
.nt-cmp-grid > div:nth-child(2){font-size:18px !important;min-height:84px !important}
.nt-cmp-grid > div:nth-child(3){font-size:15px !important}
.nt-cmp-grid b{font-size:19px !important}
.nt-cmp-grid b span{font-size:15px !important}
.nt-cmp-grid svg{width:14px !important;height:14px !important}
.nt-cmp > div:first-child{border-radius:20px !important}
.nt-badge{display:none !important}
#tiers{padding:36px 20px 28px !important;gap:32px !important}
.nt-tier-bar{height:160px !important}
.nt-tiers{grid-template-columns:1fr 1fr !important;row-gap:28px !important}
}

a{color:#0A2540;text-decoration:none}a:hover{color:#0072BC}
button{font-family:inherit;cursor:pointer}

/* ===== big scroll fx (apple style) ===== */
#industries.is-hpin{overflow:clip}
#industries.is-hpin > div{position:sticky;top:0;height:100vh;box-sizing:border-box;justify-content:center;padding-top:0 !important;padding-bottom:0 !important;gap:48px !important}
#industries.is-hpin .nt-inds{display:flex !important;flex-wrap:nowrap;gap:24px !important;will-change:transform}
#industries.is-hpin .nt-ind{flex:0 0 min(560px, 44vw);box-sizing:border-box;transition:transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s}
#industries.is-hpin .nt-ind.is-cur{box-shadow:0 30px 60px rgba(0, 60, 120, 0.12)}
.nt-hbar{height:4px;border-radius:4px;background:#DCE8F3;overflow:hidden;max-width:320px;width:100%}
.nt-hbar i{display:block;height:100%;width:100%;background:#0072BC;transform-origin:0 50%;transform:scaleX(0)}
/* ===== /big scroll fx ===== */

/* ===== hanwha-style motion ===== */
.nt-motion .ntm-r{transform:translateY(72px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.3s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--ntm-i,0) * 110ms)}
.ntl{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.ntl-i{display:block}
.nt-motion .ntl-i{transform:translateY(110%) rotate(2deg);transform-origin:0 100%;transition:transform 1.15s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--ntl,0) * 130ms + 120ms)}
.nt-motion .ntl-on .ntl-i{transform:none}
.nt-motion .ntx-wipe{clip-path:inset(100% 0 0 0);transition:clip-path 1.3s cubic-bezier(.77,0,.18,1);transition-delay:calc(var(--ntx,0) * 120ms)}
.nt-motion .ntx-wipe.ntx-in{clip-path:inset(0 0 0 0)}
.nt-motion .ntx-wipe img{transform:scale(1.25);transition:transform 1.9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--ntx,0) * 120ms)}
.nt-motion .ntx-wipe.ntx-in img{transform:none}
.nt-motion .ntx-wipe.ntx-done img{transition:transform .7s cubic-bezier(.16,1,.3,1);transition-delay:0s}
.nt-motion .ntx-hov.ntx-done:hover img{transform:scale(1.07)}
.nt-motion .ntx-pop{transform:scale(.3) rotate(-14deg);opacity:0;transition:transform 1s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;transition-delay:calc(var(--ntx,0) * 120ms + .35s)}
.nt-motion .ntx-pop.ntx-in{transform:none;opacity:1}
.nt-motion .ntx-slide{transform:translateX(18%) rotate(6deg);opacity:0;transition:transform 1.4s cubic-bezier(.16,1,.3,1),opacity .8s ease .2s}
.nt-motion .ntx-slide.ntx-in{transform:none;opacity:1}
.nt-motion .ntx-lift{transition:transform .55s cubic-bezier(.16,1,.3,1) 0s,box-shadow .55s ease 0s !important}
.nt-motion .ntx-lift:hover{transform:translateY(-10px) !important;box-shadow:0 26px 50px rgba(0,50,100,.13) !important}
.nt-motion .ntx-eyebrow{opacity:0;transform:translateX(-24px);transition:opacity .7s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.nt-motion .ntx-eyebrow.ntx-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.nt-motion .ntl-i,.nt-motion .ntx-wipe,.nt-motion .ntx-wipe img,.nt-motion .ntx-pop,.nt-motion .ntx-slide,.nt-motion .ntx-eyebrow{transform:none !important;clip-path:none !important;opacity:1 !important;transition:none !important}}
/* ===== /hanwha-style motion ===== */

/* 누적회원 박스: 스크롤 연동 대신 1회 등장 + 숫자 폭 고정 */
.nt-motion .nt-fbig > div[aria-hidden]{transform:scaleY(.15);transform-origin:50% 100%;transition:transform 1.5s cubic-bezier(.16,1,.3,1) .35s}
.nt-motion .nt-fbig.ntm-in > div[aria-hidden]{transform:none}


/* ===== 히어로 사진: 고정된 채 화면 가득 확장 + 안쪽 줌아웃 ===== */
#top.is-hcol{overflow:clip !important}
#top.is-hcol .nt-hsp{display:block;height:130vh}
#top.is-hcol > div + div > img{will-change:transform;transform-origin:50% 50%}
#top.is-hcol > div + div{transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;transition:border-radius .45s ease}
#top.is-hcol.is-grow > div + div{border-radius:0 !important}
#top.is-hcol .nt-bubbles{transform-origin:100% 50%;will-change:transform}
#top.is-hcol .nt-bubbles > div{animation:none !important;opacity:0;transform:translateY(26px) scale(.92);transition:opacity .45s ease, transform .65s cubic-bezier(.3,1.4,.5,1)}
#top.is-hcol.is-full .nt-bubbles > div{opacity:1;transform:none}
#top.is-hcol.is-full .nt-bubbles > div:nth-child(2){transition-delay:.15s}
#top.is-hcol.is-full .nt-bubbles > div:nth-child(3){transition-delay:.3s}
#top.is-hcol > div + div{position:sticky !important;z-index:1;will-change:transform}

/* 옆에서 들어오는 등장 모션(아래→위 일변도 탈피) */
.nt-motion .ntm-r.ntx-l:not(.ntm-in){transform:translateX(-96px) rotate(-1.2deg)}
.nt-motion .ntm-r.ntx-rt:not(.ntm-in){transform:translateX(96px) rotate(1.2deg)}
.nt-motion .ntm-r.ntx-zoom:not(.ntm-in){transform:scale(.88)}

/* ===== 앱 섹션: 파란 카드가 화면 가득 확장 (Apple식 scroll zoom/expand) ===== */
#app.is-xp{overflow:clip}
#app.is-xp > div:first-child{position:sticky;z-index:1}
#app.is-xp .nt-xbg{position:absolute;display:block;border-radius:64px;background:linear-gradient(135deg,#0072BC 0%,#1A8CF0 100%);transform-origin:50% 50%;will-change:transform;backface-visibility:hidden;contain:strict;z-index:0;pointer-events:none}
#app.is-xp .nt-app-ph{bottom:0 !important}
#app.is-xp > div:first-child > div:not(.nt-xbg){background:transparent !important;z-index:1}
#app.is-xp .nt-xsp{display:block}

/* ===== 1:1 단체발송 섹션 고정 → 다음 섹션이 커튼처럼 덮기 ===== */
#what.is-cur{position:sticky !important;z-index:0}
#what.is-cur::after{content:"";position:absolute;inset:0;background:#05101C;opacity:var(--cov,0);pointer-events:none;z-index:5}
#what.is-cur > div{transform-origin:50% 100%;will-change:transform}
#what.is-cur.is-gone{visibility:hidden}
#what.is-cur ~ section{position:relative;z-index:1}
#what.is-cur ~ #how{border-radius:44px 44px 0 0;box-shadow:0 -28px 60px rgba(0,10,25,.35)}

/* WHY 섹션 고정 → '1:1 카톡 단체발송이란?' 섹션이 커튼처럼 덮기 */
.nt-curb{position:sticky !important;z-index:0}
.nt-curb::after{content:"";position:absolute;inset:0;background:#0A1828;opacity:var(--cov,0);pointer-events:none;z-index:5}
.nt-curb > div{transform-origin:50% 100%;will-change:transform}
.nt-curb.is-gone{visibility:hidden}
#what.is-cur.nt-curf{z-index:1}
.nt-curb + #what{border-radius:44px 44px 0 0;box-shadow:0 -28px 60px rgba(0,10,25,.28)}

/* ===== 스크롤 연동 CSS 애니메이션(크롬: GPU 처리, 메인 스레드 부담 없음) ===== */
@keyframes ntHZ{from{transform:scale(1)}to{transform:scale(1.2)}}
@keyframes ntAZ{from{transform:scale(.84);opacity:.6}to{transform:scale(1);opacity:1}}
@supports (animation-timeline: scroll()){
  .nt-motion.nt-sfx #top > div + div{animation-name:ntWipe,ntHZ !important;animation-duration:1.3s,1ms !important;animation-timing-function:cubic-bezier(.7,0,.2,1),linear !important;animation-delay:.7s,0s !important;animation-fill-mode:both,both !important;animation-iteration-count:1,1 !important;animation-timeline:auto,scroll(root block) !important;animation-range:normal,0px 760px !important;will-change:transform}
  .nt-motion.nt-sfx #app:not(.is-xp) > div > div{animation:ntAZ 1ms linear both !important;animation-timeline:view() !important;animation-range:entry 0% cover 50% !important;will-change:transform;transform-origin:50% 30%}
}
/* [리뷰 반영] FAQ 답변은 항상 렌더 + hidden 으로 접음 — 인라인 display:flex 보다 우선해야 함 */
#faq [hidden]{display:none !important}