/* v8.9 신규·수정 시안 */
/* ---------- 랜딩 ---------- */
.phone-screen.is-landing .phone-content{padding:0 0 24px}
.phone-screen.is-landing .jx-footer{margin:8px 20px 0}
.v9-land{background:#fff;color:#1a2b44}
.v9-ltop{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
.v9-lmark{height:20px;width:auto}
.v9-ltop-r{display:flex;gap:6px}
.v9-lpill{height:34px;padding:0 14px;border-radius:999px;border:0;background:#533afd;color:#fff;font-weight:700;font-size:13px}
.v9-lpill.ghost{background:#eef0f4;color:#1a2b44}
.v9-hero{position:relative;text-align:center;padding:0 22px 30px;overflow:hidden}
.v9-collage{position:relative;height:300px;margin:4px -22px 18px}
.v9-fl{position:absolute;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px -14px rgba(10,37,64,.45);background:#e9edf3}
.v9-fl img{width:100%;height:100%;object-fit:cover;display:block}
.v9-fl.f0{left:6%;top:18px;width:24%;height:118px}
.v9-fl.f1{left:36%;top:0;width:28%;height:150px}
.v9-fl.f2{right:6%;top:26px;width:24%;height:112px}
.v9-fl.f3{left:0;top:150px;width:22%;height:110px;border-radius:16px}
.v9-fl.f4{left:27%;top:162px;width:22%;height:126px}
.v9-fl.f5{left:53%;top:162px;width:22%;height:120px}
.v9-fl.f6{right:0;top:148px;width:22%;height:112px}
.v9-collage::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.v9-lkick{font-size:12px;font-weight:700;letter-spacing:.08em;color:#533afd;margin:0 0 8px}
.v9-lh1{font-family:"IBM Plex Sans KR",var(--font-display);font-size:30px;line-height:1.22;font-weight:700;margin:0 0 12px;color:#0a2540;letter-spacing:-.02em}
.v9-lh1 span{color:#533afd}
.v9-ldesc{font-size:14.5px;line-height:1.6;color:#50617a;margin:0 auto 20px;max-width:300px}
.v9-lcta{display:flex;flex-direction:column;gap:8px;align-items:center}
.v9-lbtn{min-width:220px;height:46px;padding:0 22px;border-radius:999px;border:0;background:#533afd;color:#fff;font-weight:700;font-size:15px}
.v9-lbtn.gray{background:#eef0f4;color:#1a2b44}
.v9-lbtn.sm{min-width:0;height:40px;font-size:14px;padding:0 20px}
.v9-feat{text-align:center;padding:26px 20px 30px}
.v9-feat h3,.v9-final h3{font-family:"IBM Plex Sans KR",var(--font-display);font-size:22px;line-height:1.3;margin:18px 0 8px;color:#0a2540;letter-spacing:-.01em}
.v9-feat p{font-size:14px;line-height:1.6;color:#50617a;margin:0 auto 16px;max-width:290px}
.v9-illu{position:relative;background:#f1f3f7;border-radius:24px;padding:22px 18px;min-height:190px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.v9-sbar{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 14px;background:#fff;border-radius:999px;box-shadow:0 6px 16px -12px rgba(10,37,64,.5);text-align:left}
.v9-sico{display:flex}
.v9-tick{display:inline-flex;flex-direction:column;height:20px;overflow:hidden;font-size:13.5px;font-weight:600;color:#1a2b44;flex:1}
.v9-tick span{display:block;height:20px;line-height:20px;white-space:nowrap}
.v9-tick.sm{height:18px;font-size:12.5px}.v9-tick.sm span{height:18px;line-height:18px;color:#533afd}
.v9-mini3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.v9-mini3 img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;display:block}
.v9-chipf{position:absolute;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:#fff;color:#533afd;box-shadow:0 6px 14px -10px rgba(10,37,64,.5)}
.v9-chipf.a{left:12px;top:78px}.v9-chipf.b{right:14px;top:74px;color:#ff6f61}.v9-chipf.c{right:30px;bottom:14px;color:#c27400}
.v9-wm{position:relative;width:62%;border-radius:16px;overflow:hidden}
.v9-wm img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.v9-wmtxt{position:absolute;inset:-20%;display:flex;align-items:center;justify-content:center;transform:rotate(-28deg);font-size:13px;font-weight:800;letter-spacing:.14em;color:rgba(255,255,255,.55);white-space:nowrap;word-spacing:6px}
.v9-wmtag{position:absolute;left:8px;bottom:8px;font-size:11.5px;font-weight:700;background:rgba(10,37,64,.72);color:#fff;padding:4px 8px;border-radius:6px}
.v9-float-ico{position:absolute;width:46px;height:46px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -12px rgba(10,37,64,.5)}
.v9-float-ico.i1{left:14px;top:26px}.v9-float-ico.i2{right:16px;top:50px}.v9-float-ico.i3{left:22px;bottom:24px}
.v9-flow{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
.v9-fstep{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#50617a;background:#fff;border-radius:999px;padding:6px 10px}
.v9-fstep i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#eef0f4;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.v9-appr{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border-radius:16px;padding:10px 12px;text-align:left;box-shadow:0 8px 18px -14px rgba(10,37,64,.5)}
.v9-appr img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.v9-appr span{flex:1;min-width:0}.v9-appr b{display:block;font-size:13.5px;color:#0a2540}.v9-appr small{font-size:12px;color:#697386}
.v9-ok{flex:none!important;width:30px;height:30px;border-radius:50%;background:#b6f000;color:#0a2540;display:flex;align-items:center;justify-content:center;font-weight:800}
.v9-up{display:flex;gap:12px;align-items:center;width:100%;background:#fff;border-radius:16px;padding:10px;text-align:left}
.v9-upcard img{width:64px;height:80px;border-radius:10px;object-fit:cover;display:block}
.v9-upinfo{flex:1}.v9-upinfo b{display:block;font-size:14px;color:#0a2540}.v9-upinfo small{display:block;font-size:12px;color:#697386;margin:2px 0 8px}
.v9-bar{display:block;height:6px;border-radius:3px;background:#eef0f4;overflow:hidden}.v9-bar i{display:block;height:100%;width:70%;background:#ff6f61;border-radius:3px}
.v9-earn{align-self:flex-end;background:#0a2540;color:#fff;border-radius:14px;padding:8px 14px;text-align:right}
.v9-earn small{display:block;font-size:11.5px;opacity:.75}.v9-earn b{font-size:18px}
.v9-agl{display:flex;flex-direction:column;gap:8px;width:100%}
.v9-agrow{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:8px 12px;text-align:left}
.v9-agrow img,.v9-agph{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}
.v9-agph{display:inline-flex;align-items:center;justify-content:center;background:#fff4e2}
.v9-agrow b{flex:1;font-size:13.5px;color:#0a2540}
.v9-agrow em{font-style:normal;font-size:12px;font-weight:700;color:#437a22;background:#eef8d9;padding:3px 8px;border-radius:999px}
.v9-agrow em.wait{color:#964219;background:#fff1e3}
.v9-jobs{gap:8px}
.v9-jobc{display:block;width:100%;background:#fff;border-radius:14px;padding:10px 14px;text-align:left}
.v9-jobc em{float:right;font-style:normal;font-size:12px;font-weight:800;color:#ff6f61}
.v9-jobc b{display:block;font-size:14px;color:#0a2540}.v9-jobc small{font-size:12px;color:#697386}
.v9-final{text-align:center;padding:12px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:12px}
.v9-final h3{margin:10px 0 4px}
/* 랜딩 모션 */
@media (prefers-reduced-motion:no-preference){
  .v9-fl{animation:v9float 6s ease-in-out infinite}
  .v9-fl.f1{animation-delay:-1.2s}.v9-fl.f2{animation-delay:-2.4s}.v9-fl.f3{animation-delay:-3.1s}.v9-fl.f4{animation-delay:-.6s}.v9-fl.f5{animation-delay:-4s}.v9-fl.f6{animation-delay:-1.8s}
  .v9-tick span{animation:v9tick 10s cubic-bezier(.7,0,.3,1) infinite}
  .v9-chipf,.v9-float-ico{animation:v9float 5s ease-in-out infinite}
  .v9-chipf.b,.v9-float-ico.i2{animation-delay:-1.6s}.v9-chipf.c,.v9-float-ico.i3{animation-delay:-3.2s}
  .v9-fstep{animation:v9step 6s infinite}
  .v9-fstep.s1{animation-delay:1.5s}.v9-fstep.s2{animation-delay:3s}.v9-fstep.s3{animation-delay:4.5s}
  .v9-ok{animation:v9pop 3s ease-in-out infinite}
  .v9-bar i{animation:v9fill 3.2s ease-in-out infinite}
  .v9-rv{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
  .v9-rv.in{opacity:1;transform:none}
}
@keyframes v9float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes v9tick{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-100%)}50%,70%{transform:translateY(-200%)}75%,95%{transform:translateY(-300%)}100%{transform:translateY(-300%)}}
@keyframes v9step{0%,20%{background:#533afd;color:#fff}25%,100%{background:#fff;color:#50617a}}
@keyframes v9pop{0%,60%,100%{transform:scale(1)}70%{transform:scale(1.18)}}
@keyframes v9fill{0%{width:10%}70%,100%{width:92%}}

/* ---------- 공통 홈 ---------- */
.v9-hmtop{display:flex;align-items:center;justify-content:space-between;margin:-6px 0 12px}
.v9-hmmark{height:20px;width:auto}
.v9-bell{position:relative}.v9-bell i{position:absolute;right:6px;top:6px;width:7px;height:7px;border-radius:50%;background:#ff6f61}
.v9-hmsearch{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 6px 14px -12px rgba(10,37,64,.45)}
.v9-hmsearch span{display:flex}
.v9-hmsearch input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:14px;color:var(--color-text);outline:none}
.v9-trend{display:flex;align-items:center;gap:8px;margin:10px 4px 12px;font-size:12.5px}
.v9-trend small{color:var(--color-text-muted);font-size:12px;white-space:nowrap}
.v9-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.v9-cats::-webkit-scrollbar{display:none}
.v9-cats .chip{flex:none}
.v9-sort{display:flex;align-items:center;gap:4px;margin:10px 0 10px;border-bottom:1px solid var(--color-divider)}
.v9-sort button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--color-text-muted);padding:8px 8px 9px;border-bottom:2px solid transparent;margin-bottom:-1px}
.v9-sort button.on{color:var(--color-text);border-bottom-color:#533afd;font-weight:800}
.v9-sort span{margin-left:auto;font-size:12px;color:var(--color-text-muted)}
.v9-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px}
.v9-hmc{position:relative;border:0;padding:0;border-radius:10px;overflow:hidden;background:#e9edf3;aspect-ratio:3/4;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.v9-hmc img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.v9-hmo{position:absolute;left:0;right:0;bottom:0;padding:18px 7px 6px;background:linear-gradient(rgba(10,37,64,0),rgba(10,37,64,.72));text-align:left;color:#fff}
.v9-hmo b{display:block;font-size:12.5px;line-height:1.2}.v9-hmo small{font-size:11px;opacity:.85}
.v9-strip{margin:10px -20px 14px;padding:14px 0 14px 20px;background:#fff4e2}
.v9-strip-h{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}
.v9-strip-h b{font-size:15px;color:#0a2540}.v9-strip-h small{font-size:12px;color:#7a5a2b}
.v9-strip-row{display:flex;gap:8px;overflow-x:auto;padding-right:20px;scrollbar-width:none}
.v9-strip-row::-webkit-scrollbar{display:none}
.v9-sj{flex:none;width:170px;text-align:left;border:0;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 6px 14px -12px rgba(10,37,64,.5)}
.v9-sj em{font-style:normal;font-size:12px;font-weight:800;color:#ff6f61}
.v9-sj b{display:block;font-size:13.5px;color:#0a2540;margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v9-sj small{font-size:12px;color:#697386}
.v9-sheet{position:absolute;inset:0;z-index:40;display:flex;align-items:flex-end}
.v9-scrim{position:absolute;inset:0;border:0;background:rgba(10,37,64,.42)}
.v9-panel{position:relative;width:100%;background:var(--color-surface);border-radius:20px 20px 0 0;padding:10px 20px 22px;max-height:82%;overflow:auto}
.v9-grab{display:block;width:40px;height:4px;border-radius:2px;background:var(--color-border);margin:0 auto 14px}
.v9-pv{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.v9-pv img{width:72px;height:90px;border-radius:12px;object-fit:cover}
.v9-pv b{display:block;font-size:18px;color:var(--color-text)}.v9-pv small{display:block;font-size:12.5px;color:var(--color-text-muted)}
.v9-pvgal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}
.v9-pvgal img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block}

/* ---------- 공통 부품 ---------- */
.v9-steps{display:flex;gap:4px;list-style:none;margin:0 0 14px;padding:0}
.v9-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;color:var(--color-text-muted);text-align:center;line-height:1.25}
.v9-steps i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--color-surface-offset);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.v9-steps li.done i{background:#533afd;color:#fff}
.v9-steps li.now i{background:#0a2540;color:#fff}.v9-steps li.now{color:var(--color-text);font-weight:700}
.v9-tl{padding:14px 16px}
.v9-tl-row{position:relative;display:flex;gap:12px;padding:0 0 14px}
.v9-tl-row:last-child{padding-bottom:0}
.v9-tl-row i{flex:none;width:12px;height:12px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);margin-top:3px;position:relative;z-index:1}
.v9-tl-row:not(:last-child)::before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:2px;background:var(--color-divider)}
.v9-tl-row.done i{background:#533afd;border-color:#533afd}
.v9-tl-row.now i{border-color:#ff6f61;background:#ffe3df}
.v9-tl-row b{display:block;font-size:13.5px;color:var(--color-text)}.v9-tl-row small{display:block;font-size:12px;color:var(--color-text-muted)}
.v9-found{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:10px}
.v9-found>span{flex:1;min-width:0}.v9-found b{display:block;font-size:14px;color:var(--color-text)}.v9-found small{display:block;font-size:12px;color:var(--color-text-muted)}
.v9-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.v9-in{width:100%;height:46px;border:1px solid var(--color-border);border-radius:8px;padding:0 14px;font:inherit;font-size:14.5px;background:var(--color-surface);color:var(--color-text)}
.v9-req{font-style:normal;font-size:11.5px;color:#ff6f61;margin-left:4px}
.v9-price{display:flex;align-items:center;justify-content:space-between;height:52px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);padding:0 6px}
.v9-price button{width:40px;height:40px;border-radius:8px;border:0;background:var(--color-surface-offset);font-size:20px;font-weight:700;color:var(--color-text)}
.v9-price b{font-size:18px;color:var(--color-text);font-variant-numeric:tabular-nums}
.v9-sub{display:block;font-size:12px;color:var(--color-text-muted);margin-top:6px}
.v9-assets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}
.v9-asset{position:relative;border:2px solid transparent;padding:0;border-radius:10px;overflow:hidden;background:#e9edf3;aspect-ratio:3/4}
.v9-asset.on{border-color:#533afd}
.v9-asset img{width:100%;height:100%;object-fit:cover;display:block}
.v9-asset em{position:absolute;left:0;right:0;bottom:0;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(10,37,64,.7);padding:3px 0;text-align:center}
.v9-agtag{position:absolute;left:4px;top:4px;font-style:normal;font-size:10.5px;font-weight:700;background:#fbad48;color:#0a2540;padding:1px 5px;border-radius:4px}
.v9-num{position:absolute;right:4px;top:4px;font-style:normal;width:20px;height:20px;border-radius:50%;background:#533afd;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.v9-prop{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:10px 0}
.v9-prop span{flex:1}.v9-prop b{display:block;font-size:14px}.v9-prop small{font-size:12px;color:var(--color-text-muted)}
.v9-pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.v9-pitem{position:relative;border-radius:12px;overflow:hidden;background:#e9edf3;border:2px solid transparent}
.v9-pitem.on{border-color:#533afd}.v9-pitem.off{opacity:.55}
.v9-pitem img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.v9-pbtns{position:absolute;left:6px;right:6px;bottom:6px;display:flex;gap:6px}
.v9-pbtns button{flex:1;height:32px;border:0;border-radius:7px;background:rgba(255,255,255,.94);font-size:12.5px;font-weight:700;color:#1a2b44}
.v9-pbtns button.on{background:#533afd;color:#fff}.v9-pbtns button.on.no{background:#a12c7b}
.v9-pcap{position:absolute;left:6px;bottom:6px;font-size:11.5px;font-weight:700;background:rgba(10,37,64,.72);color:#fff;padding:3px 7px;border-radius:6px}
.v9-padd{border:1.5px dashed var(--color-border);border-radius:12px;background:var(--color-surface);font-size:24px;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:140px}
.v9-padd small{font-size:12px}
.v9-route{padding:6px}
.v9-rrow{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;padding:10px;border-radius:8px}
.v9-rrow.on{background:var(--color-violet-wash)}
.v9-rrow .v9-rt{flex:1;min-width:0}.v9-rrow b{display:block;font-size:14px;color:var(--color-text)}.v9-rrow small{font-size:12px;color:var(--color-text-muted)}
.v9-rep{font-style:normal;font-size:11px;font-weight:700;color:#fff;background:#533afd;padding:1px 6px;border-radius:4px;margin-left:4px;vertical-align:1px}
.v9-type{font-style:normal;font-size:11px;font-weight:700;color:#50617a;background:var(--color-surface-offset);padding:1px 6px;border-radius:4px;margin-left:4px;vertical-align:1px}
.v9-type.ex{color:#7a4a00;background:#fff1d6}
.v9-stline{display:flex;flex-wrap:wrap;align-items:center;gap:3px;font-size:11.5px;color:var(--color-text-muted);margin:4px 0 12px}
.v9-stline span{background:var(--color-surface-offset);padding:2px 7px;border-radius:999px}
.v9-stline span.end{background:#eef8d9;color:#437a22;font-weight:700}
.v9-stline i{font-style:normal}
.v9-link{padding:14px 16px;position:relative}
.v9-link small{display:block;font-size:12px;color:var(--color-text-muted)}.v9-link b{font-size:16px;letter-spacing:.02em}
.v9-qr{position:absolute;right:14px;top:10px;width:44px;height:44px;border-radius:6px;background:repeating-conic-gradient(#0a2540 0 25%,#fff 0 50%) 0 0/11px 11px;border:3px solid #fff;outline:1px solid var(--color-border)}
.v9-guide{padding:14px 16px;margin-bottom:12px}
.v9-guide>b{display:block;font-size:14px;margin-bottom:8px}
.v9-gd{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin-bottom:6px;line-height:1.45}
.v9-gd i{flex:none;font-style:normal;font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:4px}
.v9-gd.ok i{background:#eef8d9;color:#437a22}.v9-gd.no i{background:#fbe6f1;color:#a12c7b}
.v9-guide small{display:block;font-size:12px;color:var(--color-text-muted);margin-top:4px}
.v9-rule{margin:4px 0 10px}
.v9-hero-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--color-violet-wash);border-radius:12px;padding:20px 16px;margin:12px 0 4px}
.v9-hero-card b{font-size:16px;color:var(--color-text)}.v9-hero-card small{font-size:12.5px;color:var(--color-text-muted)}
.phone-screen.is-web .phone-appbar{background:#f1f3f7}
.v9-hmrow{display:flex;align-items:center;gap:8px}
.v9-hmrow .v9-hmsearch{flex:1;min-width:0}
.v9-hmrow .v9-bell{flex:none;width:44px;height:44px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}
.v9-hmrow .v9-bell i{right:9px;top:9px}
.jx-appl>.status-pill,.jx-appl>.v9-agph{flex:none!important}
.v9-agph{width:46px;height:46px;border-radius:50%}
.jx-appl b .v9-type{display:inline-block}
.v9-found>.status-pill{flex:none}
.v9-pvbig{border-radius:14px;overflow:hidden;margin-bottom:12px;background:#e9edf3}
.v9-pvbig img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}
/* 랜딩 v2 (앱 안 둘러보기, 로고·앱바 유지) */
.phone-screen.is-landing .phone-progress{visibility:hidden}
.v9-ltop{padding:10px 16px;border-bottom:1px solid #eef0f4}
.v9-lnote{font-size:12.5px;font-weight:600;color:#697386}
.v9-ltop-r{align-items:center;gap:4px}
.v9-ltext{border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:#1a2b44;padding:0 10px;height:36px}
.v9-lpill{height:36px;padding:0 16px}
.v9-hero{padding-top:18px}
.v9-collage{height:330px;margin:0 -22px 14px}
.v9-fl.f0{left:-6%;top:6px;width:30%;height:120px}
.v9-fl.f1{left:27%;top:26px;width:46%;height:220px;border-radius:24px;z-index:2}
.v9-fl.f2{right:-4%;top:0;width:24%;height:96px}
.v9-fl.f3{left:-3%;top:140px;width:26%;height:128px}
.v9-fl.f4{right:2%;top:108px;width:22%;height:112px}
.v9-fl.f5{left:14%;top:246px;width:24%;height:96px}
.v9-fl.f6{right:-6%;top:232px;width:30%;height:100px}
.v9-collage::after{height:70px}
.v9-lh1{font-size:26px;line-height:1.3}
.v9-illu{min-height:230px;border-radius:28px;background:#f0efec}
.v9-feat h3{font-size:21px}
.v9-collage.sm{height:170px;margin:0 -20px 4px}
.v9-fl.g0{left:-4%;top:10px;width:26%;height:100px}.v9-fl.g1{left:25%;top:0;width:22%;height:86px}.v9-fl.g2{left:40%;top:30px;width:24%;height:130px;z-index:2;border-radius:20px}.v9-fl.g3{right:8%;top:6px;width:22%;height:96px}.v9-fl.g4{right:-6%;top:92px;width:22%;height:80px}
.v9-auth{display:flex;flex-direction:column;gap:8px;width:100%}
.v9-auth .auth-btn{width:100%;margin:0}
.v9-lbtn.wide{width:100%;min-width:0;border-radius:10px;height:48px}
.v9-terms{font-size:12px;line-height:1.6;color:#697386;margin:4px 0 0}
.v9-terms .text-link{font-size:12px;text-decoration:underline;padding:0}
.v9-free{position:absolute;left:5px;top:5px;font-size:10.5px;font-weight:800;color:#0a2540;background:#b6f000;padding:2px 6px;border-radius:4px}
.v9-trend .text-link{margin-left:auto;font-size:12px;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.v9-fl.g1,.v9-fl.g3{animation-delay:-2s}.v9-fl.g2{animation-delay:-3.5s}}
.v9-final .v9-collage.sm{align-self:stretch;width:auto}
.v9-fl.f5{top:238px;height:88px}
.v9-ltop{background:#fff;backdrop-filter:none}
.v9-req{font-size:11px;font-weight:700;color:#d6336c;margin-left:4px}
.v9-upbox{width:100%;border:1.5px dashed #b9c2d3;border-radius:12px;background:#f8fafc;padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px;font:inherit;color:#1a2b44;cursor:pointer}
.v9-upbox b{font-size:14px;color:#533afd}.v9-upbox small{font-size:12px;color:#697386}
.v9-upbox:disabled{opacity:.55;cursor:not-allowed}.v9-upbox:disabled b{color:#697386}
.v9-file{display:flex;align-items:center;gap:10px;border:1px solid #d7dde8;border-radius:12px;padding:12px;background:#fff}
.v9-file>span:nth-child(2){flex:1;display:flex;flex-direction:column}.v9-file b{font-size:14px}.v9-file small{font-size:12px;color:#697386}
.v9-fico{width:32px;height:32px;border-radius:8px;background:#e8f7ee;color:#1f8a4c;display:grid;place-items:center}.v9-fico svg{width:18px;height:18px}
.v9-fscope{margin-top:10px;display:flex;flex-direction:column;gap:4px}
/* ===== 랜딩 v3 (세련된 버전) ===== */
.phone-screen.is-landing .qbot-fab{display:none}
.w-land{background:#fff;color:#111;font-family:"Pretendard","IBM Plex Sans KR",var(--font-body),sans-serif;letter-spacing:-.01em}
.w-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #f0f0f0}
.w-top>span:first-child{font-size:13px;font-weight:600;color:#767676}
.w-top-r{display:flex;align-items:center;gap:2px}
.w-tlink{border:0;background:none;font:inherit;font-size:15px;font-weight:700;color:#111;padding:0 12px;height:40px}
.w-pill{height:48px;padding:0 24px;border:0;border-radius:24px;background:#533afd;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.w-pill.sm{height:40px;padding:0 16px;border-radius:20px;font-size:14px}
.w-hero{text-align:center;padding:0 0 44px;overflow:hidden}
.w-col{position:relative;height:360px;margin-bottom:20px}
.w-ph{position:absolute;display:block;overflow:hidden;border-radius:22px;background:#eee}
.w-ph img{width:100%;height:100%;object-fit:cover;display:block}
.w-col .h0{left:-8%;top:0;width:30%;height:132px}
.w-col .h1{left:-4%;top:148px;width:30%;height:150px}
.w-col .h2{left:29%;top:22px;width:42%;height:300px;border-radius:28px;z-index:2;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.w-col .h3{right:-6%;top:40px;width:30%;height:150px}
.w-col .h4{right:-2%;top:204px;width:28%;height:130px}
.w-col.sm{height:230px;margin-bottom:8px}
.w-col.sm .h0{top:10px;height:100px}.w-col.sm .h1{top:120px;height:100px}.w-col.sm .h2{top:0;height:220px;left:31%;width:38%}.w-col.sm .h3{top:20px;height:110px}.w-col.sm .h4{top:140px;height:86px}
.w-hero h1,.w-final h2{font-size:27px;line-height:1.3;font-weight:800;margin:0 24px 12px;color:#111;letter-spacing:-.02em}
.w-hero p{font-size:15px;line-height:1.6;color:#555;margin:0 24px 22px}
.w-feat{text-align:center;padding:0 16px 52px}
.w-card{position:relative;height:320px;border-radius:32px;background:#f1f0ec;overflow:hidden}
.w-feat h3{font-size:22px;line-height:1.35;font-weight:800;margin:26px 12px 10px;color:#111;letter-spacing:-.02em}
.w-feat p{font-size:15px;line-height:1.6;color:#555;margin:0 16px 20px}
.w-ic,.w-fi{display:grid;place-items:center;background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.w-ic svg,.w-fi svg{width:22px;height:22px;stroke:#111;fill:none;stroke-width:1.8}
/* a1 검색 */
.w-a1{position:absolute;inset:0}
.w-sb{position:absolute;left:34px;right:34px;top:30px;height:46px;border-radius:23px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 16px;box-shadow:0 4px 16px rgba(0,0,0,.07);z-index:2}
.w-sb svg{width:20px;height:20px;stroke:#111;fill:none;stroke-width:2;flex:none}
.w-tick{position:relative;height:20px;overflow:hidden;flex:1;text-align:left}
.w-tick span{display:block;height:20px;line-height:20px;font-size:14px;font-weight:600;color:#111}
.w-sw{position:absolute;left:22px;right:22px;top:92px;display:flex;gap:6px;justify-content:center;background:#fff;border-radius:16px;padding:8px;box-shadow:0 6px 18px rgba(0,0,0,.1);z-index:3}
.w-sw span{flex:1;height:34px;border-radius:10px;background:#f4f3f0;font-size:13px;font-weight:700;display:grid;place-items:center;color:#333}
.w-sw span.on{background:#111;color:#fff}
.w-g4{position:absolute;left:44px;right:44px;top:120px;bottom:-20px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.w-g4 img{width:100%;height:100%;object-fit:cover;border-radius:14px}
/* a2 보드 */
.w-a2{position:absolute;inset:0;display:grid;place-items:center}
.w-board{width:78%;background:#fff;border-radius:22px;padding:10px;display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:170px auto auto;gap:6px;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.w-bimg{position:relative;overflow:hidden;border-radius:14px 4px 4px 14px}.w-bimg img{width:100%;height:100%;object-fit:cover}
.w-bimg i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-24deg);font-style:normal;font-size:12px;font-weight:800;letter-spacing:.2em;color:rgba(255,255,255,.75);white-space:nowrap}
.w-bside{display:grid;grid-template-rows:1fr 1fr;gap:6px}.w-bside img{width:100%;height:100%;object-fit:cover;border-radius:4px 14px 4px 4px}.w-bside img+img{border-radius:4px 4px 14px 4px}
.w-line{grid-column:1/3;height:8px;border-radius:4px;background:#ecebe7;width:70%}.w-line.s{width:45%}
.w-av{position:absolute;right:36px;bottom:34px;display:flex}
.w-av img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-left:-14px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
/* a3 승인 */
.w-a3{position:absolute;inset:0}
.w-tall{position:absolute;left:50%;top:28px;transform:translateX(-50%);width:46%;height:236px;border-radius:22px;overflow:hidden}
.w-tall img{width:100%;height:100%;object-fit:cover}
.w-fi{position:absolute;width:50px;height:50px}
.w-fi.f1{right:40px;top:44px}.w-fi.f2{right:26px;top:112px}.w-fi.f3{left:40px;top:150px}
.w-ok{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:#fff;border-radius:16px;padding:10px 16px;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 18px rgba(0,0,0,.1);white-space:nowrap}
.w-ok b{font-size:14px}.w-ok small{font-size:12px;color:#767676}
/* a4 모델료 */
.w-a4{position:absolute;inset:0}
.w-tall.l{left:26px;transform:none;width:44%;height:260px;top:30px}
.w-price{position:absolute;right:20px;top:70px;width:56%;background:#fff;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 22px rgba(0,0,0,.12);text-align:left}
.w-price small{font-size:12px;font-weight:700;color:#767676}
.w-price span{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}
.w-price img{grid-row:1/3;width:36px;height:36px;border-radius:10px;object-fit:cover}
.w-price b{font-size:15px}.w-price em{font-style:normal;font-size:12px;color:#767676}
/* a5 소속사 */
.w-a5{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.w-circ{display:flex}.w-circ img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:4px solid #f1f0ec;margin-left:-18px}.w-circ img:first-child{margin-left:0}
.w-agc{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 6px 18px rgba(0,0,0,.08);text-align:left}
.w-agc .w-ic{width:42px;height:42px;box-shadow:none;background:#f4f3f0}
.w-agc b{display:block;font-size:15px}.w-agc small{font-size:12px;color:#767676}
/* a6 공고 */
.w-a6{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 28px}
.w-job{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 4px 14px rgba(0,0,0,.06);text-align:left}
.w-job.j1{margin:0 -8px}.w-job.j2{opacity:.85;margin:0 8px}
.w-job b{display:block;font-size:15px}.w-job small{font-size:12px;color:#767676}
.w-job em{font-style:normal;font-size:12px;font-weight:800;color:#111;background:#f4f3f0;border-radius:8px;padding:4px 8px}
/* final */
.w-final{text-align:center;padding:4px 16px 28px;overflow:hidden}
.w-final .w-col{margin:0 -16px 12px}
.w-final h2{margin:0 8px 22px;font-size:25px}
.w-auth{display:flex;flex-direction:column;gap:10px}
.w-ab{height:50px;border-radius:25px;border:1px solid #dadada;background:#fff;font:inherit;font-size:15px;font-weight:700;color:#111;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.w-ab .auth-mark{width:18px;height:18px}
.w-ab.kakao{background:#fee500;border-color:#fee500;color:#191600}
.w-ab.apple{background:#111;border-color:#111;color:#fff}
.w-ab.gray{background:#efefef;border-color:#efefef}
.w-terms{font-size:12px;line-height:1.6;color:#767676;margin:14px 8px 8px}
.w-terms button{border:0;background:none;padding:0;font:inherit;color:#111;text-decoration:underline}
.w-report{border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:#533afd;padding:8px}
@media (prefers-reduced-motion:no-preference){
  .w-col .w-ph{animation:v9float 7s ease-in-out infinite}
  .w-col .h1,.w-col .h4{animation-delay:-2.5s}.w-col .h2{animation-duration:9s;animation-delay:-4s}.w-col .h3{animation-delay:-1.2s}
  .w-tick span{animation:wtick 9s infinite}
  .w-fi{animation:v9float 6s ease-in-out infinite}.w-fi.f2{animation-delay:-2s}.w-fi.f3{animation-delay:-4s}
}
@keyframes wtick{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-20px)}66%,95%{transform:translateY(-40px)}100%{transform:translateY(-60px)}}
.v9-fico svg{stroke:#1f8a4c;fill:none;stroke-width:2.4}
.jx-gimg img{filter:none}

/* v9.1 시안 */
.phone-appbar{grid-template-columns:88px 1fr 88px}
.v91-right{display:flex;justify-content:flex-end;align-items:center;gap:0}
.v91-bell{position:relative}
.v91-bell[hidden]{display:none}
.v91-bell i{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:#ff6f61;border:2px solid #f1f3f7}
.v91-stick{position:sticky;top:-22px;z-index:6;margin:-14px -20px 0;padding:22px 20px 10px;background:#fff;box-shadow:0 10px 12px -12px rgba(10,37,64,.35)}
.explore-photo{position:relative}
.v91-free{position:absolute;top:8px;right:8px;font-size:11px;font-weight:800;color:#0a2540;background:#c8f560;border-radius:5px;padding:3px 6px;z-index:2}

.v91-sv{padding:12px 14px;margin-bottom:10px}
.v91-sv-top{display:flex;align-items:center;gap:12px;width:100%;text-align:left}
.v91-sv-top img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none}
.v91-sv-top>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.v91-sv-top b{font-size:15px;color:var(--navy,#0a2540);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.v91-sv-top small{font-size:12px;color:#64748d;line-height:1.4}
.v91-memo{margin:10px 0 0;padding:9px 11px;border-radius:8px;background:#f6f8fb;font-size:13px;color:#273951;line-height:1.5}
.v91-memo.none{color:#8898aa}
.v91-sv-edit{display:flex;gap:8px;margin-top:10px}
.v91-sv-edit input{flex:1;min-width:0;height:40px;border:1px solid var(--color-border-strong,#c9d3e0);border-radius:8px;padding:0 10px;font-size:13px}
.v91-sv-act{display:flex;gap:8px;margin-top:10px}
.v91-sv-act button{flex:1;height:36px;border:1px solid var(--color-border,#e3e8ee);border-radius:8px;font-size:13px;font-weight:600;color:#273951;background:#fff}
.v91-sv-top b .jx-tag{flex:none}
.v91-svchips{margin:12px 0 14px}

.explore-photo .v91-free{top:auto;bottom:8px;right:8px}
.v91-plcta{margin:10px 0 4px;padding:10px 12px}
.v91-pl{padding:4px 14px}
.v91-pl-i{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-bottom:1px solid var(--color-border,#e3e8ee)}
.v91-pl-i:last-child{border-bottom:0}
.v91-pl-i small{font-size:12px;color:#64748d}
.v91-pl-i b{font-size:13.5px;color:#0a2540;word-break:break-all;font-weight:600}
.v91-pl-i .status-pill{align-self:flex-start}
.v91-heart{position:absolute;top:8px;right:8px;z-index:3;width:30px;height:30px;display:grid;place-items:center;color:#fff;cursor:pointer;background:none;filter:drop-shadow(0 1px 2px rgba(10,37,64,.45))}
.v91-heart svg{width:26px;height:26px;fill:rgba(10,37,64,.18);stroke:#fff;stroke-width:2}
.v91-heart.on svg{fill:#e5484d;stroke:#fff}
.profile-hero{position:relative}
.profile-hero .v91-heart{top:14px;right:14px;width:40px;height:40px}.profile-hero .v91-heart svg{width:32px;height:32px}