/* 메인 첫 화면 C안: 원본 → 30초 쇼츠 편집기 카드 + 원본 길이 실시간 견적 */
#nc-main{--bg:#ffffff;--ink:#0c0c0c;--sub:#6b6b6b;--rec:#ff4d2e;font-family:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.02em;min-height:100vh;min-height:100dvh;color-scheme:light}
#nc-main[hidden]{display:none}
#nc-main *{box-sizing:border-box}
#nc-main a{color:inherit;text-decoration:none}
#nc-main .mono{font-family:ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:0}
#nc-main .wrap{max-width:1240px;margin:0 auto;padding:0 40px}
#nc-main header .wrap{display:flex;align-items:center;height:68px;gap:28px}
#nc-main .logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;letter-spacing:.04em;min-height:44px}
#nc-main .logo i{width:3px;height:22px;background:var(--rec);border-radius:2px}
#nc-main nav{display:flex;gap:24px;font-size:14.5px;color:#404040}
#nc-main nav a{min-height:44px;display:flex;align-items:center}
#nc-main .r{margin-left:auto;display:flex;gap:16px;align-items:center;font-size:14px}
#nc-main .r a{min-height:44px;display:flex;align-items:center}
#nc-main .r .my{padding:0 16px;border-radius:12px;background:#f2f2f2;font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.05)}
#nc-main .grid{display:grid;grid-template-columns:1fr 470px;gap:48px;align-items:center;padding-top:24px;padding-bottom:40px}
#nc-main .k{display:inline-flex;gap:6px;align-items:center;font-size:14px;font-weight:700;background:#f2f2f2;padding:7px 12px;border-radius:999px}
#nc-main .k i{width:8px;height:8px;border-radius:50%;background:var(--rec)}
#nc-main h1{font-size:54px;line-height:1.16;font-weight:800;letter-spacing:-.045em;margin:18px 0 0}
#nc-main h1 span{color:var(--rec)}
#nc-main .lead{font-size:17px;color:var(--sub);margin:14px 0 0;line-height:1.6}
#nc-main .qc{margin-top:26px;background:#fff;border-radius:24px;padding:22px;box-shadow:0 0 0 1px #e6e6e6}
#nc-main .qc .top{display:flex;justify-content:space-between;font-size:13px;color:var(--sub);font-weight:700}
#nc-main .qc .bar{height:4px;background:#ececec;border-radius:2px;margin:10px 0 16px}
#nc-main .qc .bar i{display:block;width:16.6%;height:100%;background:var(--ink);border-radius:2px}
#nc-main .qc h2{font-size:21px;font-weight:800;margin:0}
#nc-main .seg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
#nc-main .seg button{appearance:none;border:0;font:inherit;color:inherit;cursor:pointer;min-height:64px;border-radius:14px;background:#f2f2f2;text-align:center;font-size:15px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px}
#nc-main .seg button small{font-size:12px;color:var(--sub);font-weight:500;margin-top:2px}
#nc-main .seg button[aria-pressed=true]{background:var(--ink);color:#fff}
#nc-main .seg button[aria-pressed=true] small{color:#c4c4c4}
#nc-main .seg button:focus-visible,#nc-main .go:focus-visible,#nc-main a:focus-visible{outline:3px solid var(--rec);outline-offset:2px}
#nc-main .qf{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:14px}
#nc-main .pv span{display:block;font-size:12.5px;color:var(--sub)}
#nc-main .pv strong{display:inline-block;font-size:32px;font-weight:800;letter-spacing:-.04em}
#nc-main .go{appearance:none;border:0;font:inherit;cursor:pointer;height:56px;padding:0 26px;border-radius:14px;background:var(--rec);color:#fff;font-weight:800;font-size:16.5px;display:flex;align-items:center;justify-content:center}
#nc-main .links{display:flex;gap:20px;margin-top:14px;font-size:14px;color:var(--sub)}
#nc-main .links a{min-height:44px;display:flex;align-items:center}
#nc-main .links b{color:var(--ink);margin-left:4px}
#nc-main .ed{background:#fff;border-radius:32px;padding:16px;box-shadow:0 0 0 1px #e6e6e6}
#nc-main .pv2{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3.7;background:#000}
#nc-main .pv2 video{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
#nc-main .pv2 .lab{position:absolute;left:10px;top:10px;font-size:11.5px;color:#fff;background:rgba(0,0,0,.45);padding:4px 8px;border-radius:6px}
#nc-main .ctl{display:flex;align-items:center;justify-content:space-between;padding:12px 6px 6px;font-size:12.5px;color:var(--sub)}
#nc-main .ctl .pl{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px}
#nc-main .tracks{background:#f7f7f7;border-radius:16px;padding:10px;position:relative}
#nc-main .tr{display:flex;align-items:center;gap:8px;height:40px;margin:4px 0}
#nc-main .tr span{width:34px;font-size:11.5px;color:var(--sub);font-weight:700}
#nc-main .tr div{height:100%;border-radius:8px;background-size:auto 100%;background-repeat:repeat-x}
#nc-main .raw{flex:1;background-image:url(main-c-raw.jpg);opacity:.45}
#nc-main .dn{width:34%;background-image:url(main-c-done.jpg);box-shadow:inset 0 0 0 2px var(--ink)}
#nc-main .tx{width:20%;background:#ffe8a3;margin-left:4%;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
#nc-main .mu{width:46%;background:#d9eefc;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
#nc-main .phd{position:absolute;top:6px;bottom:6px;left:calc(10px + 42px + 22%);width:2px;background:var(--rec)}
#nc-main .tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
#nc-main .tools div{text-align:center;font-size:12.5px;font-weight:700;padding:10px 0;border-radius:12px;background:#f2f2f2}
#nc-main .tools small{display:block;font-size:11px;color:var(--sub);font-weight:500}
#nc-main .note{font-size:12px;color:#999999;margin:10px 0 0;text-align:center}
#nc-main .more{border-top:1px solid #e5e5e5;padding:22px 0 40px}
#nc-main .more .wrap{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;font-size:14.5px}
#nc-main .more a{min-height:44px;display:flex;align-items:center;font-weight:700}
#nc-main .more small{margin-left:auto;color:var(--sub);font-size:12.5px}
@media(max-width:900px){#nc-main .grid{grid-template-columns:1fr 400px;gap:28px}#nc-main h1{font-size:44px}}
@media(max-width:760px){
 #nc-main .wrap{padding:0 16px}
 #nc-main nav,#nc-main .r .login{display:none}
 #nc-main header .wrap{height:58px}
 #nc-main .grid{grid-template-columns:1fr;gap:22px;padding-top:10px;padding-bottom:32px}
 #nc-main h1{font-size:31px;margin-top:12px}
 #nc-main .lead{font-size:15px}
 #nc-main .k{font-size:12.5px}
 #nc-main .qc{padding:18px;border-radius:20px}
 #nc-main .seg{grid-template-columns:1fr 1fr}
 #nc-main .qf{flex-direction:column;align-items:stretch}
 #nc-main .links{flex-direction:column;gap:0}
 #nc-main .ed{border-radius:26px;padding:12px}
 #nc-main .pv2{aspect-ratio:4/3.4}
 #nc-main .more small{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){#nc-main .pv strong{transition:none}}
#nomad-editorial.nc-main-on{padding:0;background:#ffffff}
#nomad-editorial.nc-main-on > .layout,#nomad-editorial.nc-main-on > footer,#nomad-editorial.nc-main-on > .sample-note{display:none!important}
/* 편집기 모션 (main-c.js editFx) */
#nc-main .pv2 video{object-position:50% 58%}
#nc-main .tracks.fx .tr div.lane{flex:1;position:relative;height:100%;border-radius:8px;background:none}
#nc-main .tracks.fx .raw{position:absolute;inset:0;width:auto;background-size:auto 100%;background-repeat:repeat-x;opacity:.5;border-radius:8px}
#nc-main .tracks.fx .sel{position:absolute;top:-2px;bottom:-2px;width:18%;border:2px solid var(--rec);border-radius:8px;background:rgba(255,77,46,.12);transition:left .35s cubic-bezier(.3,.7,.2,1),opacity .2s}
#nc-main .tracks.fx .sel:before,#nc-main .tracks.fx .sel:after{content:'';position:absolute;top:50%;width:4px;height:14px;margin-top:-7px;border-radius:2px;background:var(--rec)}
#nc-main .tracks.fx .sel:before{left:-3px}#nc-main .tracks.fx .sel:after{right:-3px}
#nc-main [data-vid]{background:repeating-linear-gradient(90deg,#ececec 0 calc(20% - 3px),transparent calc(20% - 3px) 20%)!important;border-radius:8px}
#nc-main .clip,#nc-main .ghost{position:absolute;top:0;height:100%;background-color:#0c0c0c;background-size:auto 100%;background-repeat:repeat-x;background-position:0 0;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 2px var(--ink)}
#nc-main .clip{opacity:0;transform:scale(.92);transition:opacity .18s,transform .25s cubic-bezier(.3,1.4,.5,1)}#nc-main .clip.on{opacity:1;transform:none}
#nc-main .clip+.clip{border-left:2px solid #fff}
#nc-main .ghost{z-index:3;opacity:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--rec),0 10px 22px -8px rgba(0,0,0,.45)}
#nc-main .cap{position:absolute;top:4px;bottom:4px;margin:0 2px;border-radius:7px;background:#ffe8a3;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .3s cubic-bezier(.3,1.4,.5,1)}
#nc-main .cap.on{opacity:1;transform:none}
#nc-main .wave{--w:0%}#nc-main .wave .bars{position:absolute;inset:0;display:flex;align-items:center;gap:2px;padding:0 2px;clip-path:inset(0 calc(100% - var(--w)) 0 0)}
#nc-main .wave i{flex:1;border-radius:2px;background:#9ccbf0;transform-origin:center;transition:background .12s}
#nc-main .wave i.past{background:#2f80c9}
#nc-main .wave.live i{animation:ncwv .5s ease-in-out infinite alternate}#nc-main .wave.live i:nth-child(3n){animation-delay:-.2s}#nc-main .wave.live i:nth-child(4n+1){animation-delay:-.35s}
@keyframes ncwv{to{transform:scaleY(.7)}}
#nc-main .tracks.fx .phd{left:0;top:4px;bottom:4px;z-index:4;transition:opacity .2s}
#nc-main .tracks.fx .phd:before{content:'';position:absolute;top:-4px;left:-5px;border:6px solid transparent;border-top:7px solid var(--rec)}
#nc-main .tools>div{transition:background .2s,color .2s}#nc-main .tools>div.on{background:var(--ink)!important;color:#fff}#nc-main .tools>div.on small{color:#cfcfcf}
#nc-main .ed .tracks{transition:opacity .25s}#nc-main .ed.reset .tracks{opacity:.35}
@media(prefers-reduced-motion:reduce){#nc-main .wave.live i{animation:none}}
/* 기본 바닥글: 사업자 정보 (메인 .more · 하위 #nc-subfoot 공통) — 촘촘하게 */
#nc-main .nc-biz,#nc-subfoot .nc-biz{flex-basis:100%;width:100%;border-top:1px solid #ececec;margin-top:2px;padding-top:14px;font-size:12.5px;font-weight:400;color:#6b6b6b;line-height:1.5}
#nc-main .nc-biz p,#nc-subfoot .nc-biz p{margin:0 0 2px;display:flex;flex-wrap:wrap;align-items:center;row-gap:0}
#nc-main .nc-biz p>*,#nc-subfoot .nc-biz p>*{display:inline-flex;align-items:center}
#nc-main .nc-biz p>*+*:before,#nc-subfoot .nc-biz p>*+*:before{content:'';width:1px;height:9px;background:#d4d4d4;margin:0 8px}
#nc-main .nc-biz b,#nc-subfoot .nc-biz b{color:#0c0c0c;font-weight:700}
#nc-main .nc-biz a,#nc-subfoot .nc-biz a{min-height:0;display:inline;font-weight:700;color:#0c0c0c;text-decoration:underline;text-underline-offset:2px}
#nc-main .nc-biz .legal,#nc-subfoot .nc-biz .legal{display:block;margin:6px 0 0;color:#8a8a8a}
#nc-main .nc-biz small,#nc-subfoot .nc-biz small{display:block;margin:4px 0 0;width:auto;font-size:12px;color:#8a8a8a;font-weight:400}
@media(max-width:760px){#nc-main .nc-biz,#nc-subfoot .nc-biz{font-size:12px}#nc-main .nc-biz p,#nc-subfoot .nc-biz p{column-gap:10px}#nc-main .nc-biz p>*+*:before,#nc-subfoot .nc-biz p>*+*:before{display:none}}
/* 첫 화면 깜빡임 방지: 새 메인/하위 화면이 붙기 전에는 예전 홈 화면을 그리지 않는다 (스크립트 실패 대비 3초 뒤 표시) */
#nomad-editorial:not(.nc-main-on):not(.nc-sub)>.layout,#nomad-editorial:not(.nc-main-on):not(.nc-sub)>footer,#nomad-editorial:not(.nc-main-on):not(.nc-sub)>.sample-note{visibility:hidden;animation:ncReveal 0s 3s forwards}
@keyframes ncReveal{to{visibility:visible}}
