.s-preview.pv4 .pv-head{padding:22px 22px 20px}.s-preview.pv4 h1{margin:0 0 16px;font-size:27px}.s-preview.pv4 .section{padding:20px 22px}.s-preview.pv4 .section-label{margin-bottom:10px}.s-preview.pv4 .bars b{width:26px}.s-preview.pv4 .pv4-dday{background:var(--accent);color:#fff;border-radius:10px;margin:0 0 12px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.s-preview.pv4 .pv4-year{background:color-mix(in srgb,var(--accent) 16%,#fff);color:var(--accent);border-radius:20px;margin:0 0 12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.s-preview.pv4 .pv4-name{text-align:left;margin-top:4px;padding:14px 18px 12px}.s-preview.pv4 .pv4-name .row{align-items:center;gap:14px;display:flex}.s-preview.pv4 .pv4-name .owl{flex:none;width:70px;height:70px}.s-preview.pv4 .pv4-name .owl img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.s-preview.pv4 .pv4-name .ilgan img{mix-blend-mode:normal}.s-preview.pv4 .pv4-name .gapja{background:var(--yellow);color:var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;margin-top:6px;padding:2px 10px 2px 3px;font-size:12px;font-weight:700;display:inline-flex}.s-preview.pv4 .pv4-name .gapja img{background:#fff;border-radius:50%;width:22px;height:22px}.s-preview.pv4 .lb{color:var(--muted);margin:0;font-size:12px}.s-preview.pv4 .pv4-name strong,.s-preview.pv4 .pv4-gauge strong{font:900 30px/1.2 var(--title-font);color:var(--accent);letter-spacing:-1px;display:block}.s-preview.pv4 .one{margin:10px 0 0;font-size:15px;line-height:1.6}.s-preview.pv4 .pv4-pair{margin:0 0 22px}.s-preview.pv4 .pv4-pair .pair{justify-content:center;align-items:center;gap:10px;display:flex}.s-preview.pv4 .pv4-pair .who{border:1px solid var(--line);background:#fff;border-radius:16px;flex:1;min-width:0;padding:12px 8px;box-shadow:3px 4px #ebe7d9}.s-preview.pv4 .pv4-pair .who>b{font-size:14px;display:block}.s-preview.pv4 .pv4-pair .who>small{color:var(--muted);font-size:11px}.s-preview.pv4 .pv4-pair .pill{justify-content:center;gap:4px;margin-top:8px;display:flex}.s-preview.pv4 .pv4-pair .pill i{border-radius:10px;place-items:center;width:44px;height:44px;font-size:22px;font-style:normal;font-weight:700;display:grid}.s-preview.pv4 .pv4-pair .pill i.me{border:2px solid var(--ink)}.s-preview.pv4 .pv4-pair .img{margin-top:6px;display:block}.s-preview.pv4 .pv4-pair .seal{width:54px;height:54px;color:var(--accent);border:2px solid color-mix(in srgb,var(--accent) 40%,#fff);background:#fff;border-radius:50%;flex:none;place-items:center;font:900 24px/1 Noto Serif KR,serif;display:grid}.s-preview.pv4 .pv4-pair .seal.hap{background:var(--accent);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 20%,#fff);border:0}.s-preview.pv4 .pair-cap{color:#41677d;margin:12px 0 0;font-size:14px}.s-preview.pv4 .pv4-gauge{text-align:left;align-items:center;gap:14px;padding:18px 16px 14px;display:flex}.s-preview.pv4 .pv4-gauge .ring{background:conic-gradient(var(--accent) 0 var(--v),#e9e9df var(--v) 100%);border-radius:50%;flex:none;place-items:center;width:108px;height:108px;display:grid}.s-preview.pv4 .pv4-gauge .ring span{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.s-preview.pv4 .pv4-gauge .ring b{color:var(--accent);font-size:30px;line-height:1}.s-preview.pv4 .pv4-gauge .ring small{color:var(--muted);font-size:11px}.s-preview.pv4 .pv4-gauge .txt{flex:1;min-width:0}.s-preview.pv4 .pv4-gauge strong{font-size:26px}.s-preview.pv4 .pv4-gauge .one{color:#5f6a73;margin-top:4px;font-size:13px}.s-preview.pv4 .pv4-gyeol{color:#5f6a73;margin:14px 0 0;font-size:13px}.s-preview.pv4 .pv4-gyeol .gl{font-size:12px;display:block}.s-preview.pv4 .pv4-gyeol .gv{color:var(--ink)}.s-preview.pv4 .pv4-months .year{padding:16px 10px 12px;box-shadow:3px 4px #ebe7d9}.s-preview.pv4 .pv4-months .ygrid .m{height:54px;font-size:14px}.s-preview.pv4 .pv4-months .ygrid .locked{color:#a3a194}.s-preview.pv4 .pv4-cap{color:#5f6a73;text-align:center;margin:10px 0 0;font-size:13px}.s-preview.pv4 .pv4-om{margin:0}.s-preview.pv4 .pv4-toc ol{margin:0;padding:0;list-style:none}.s-preview.pv4 .pv4-toc li{border-bottom:1px dashed var(--line);align-items:center;gap:8px;padding:11px 2px;font-size:15px;display:flex}.s-preview.pv4 .pv4-toc li:last-child{border-bottom:0}.s-preview.pv4 .pv4-toc .no{color:#6f8a9a;flex:none;width:40px;font-size:12px}.s-preview.pv4 .pv4-toc .tt{flex:1}.s-preview.pv4 .pv4-toc .lk{opacity:.7;display:flex}.s-preview.pv4 .pv4-toc .opn{color:#8a6a1c;background:var(--yellow);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700}.s-preview.pv4 .pv4-exam .slots{border:1px solid var(--line);background:#fff;border-radius:14px;margin:0;padding:6px 14px;list-style:none}.s-preview.pv4 .pv4-exam .slots>li{border-bottom:1px dashed var(--line)}.s-preview.pv4 .pv4-exam .slots>li:last-child{border-bottom:0}.s-preview.pv4 .pv4-exam .r{align-items:center;gap:10px;min-height:48px;display:flex}.s-preview.pv4 .pv4-exam .t{color:#5f6a73;flex:none;width:44px;font-size:13px}.s-preview.pv4 .pv4-exam .s{flex:none;width:62px;font-size:15px}.s-preview.pv4 .pv4-exam .bar{background:#e9e9df;border-radius:6px;flex:1;height:12px;overflow:hidden}.s-preview.pv4 .pv4-exam .bar i{background:var(--accent);height:100%;display:block}.s-preview.pv4 .pv4-exam .care .bar i{background:color-mix(in srgb,var(--accent) 45%,#fff)}.s-preview.pv4 .pv4-exam .bar.hatch{background:repeating-linear-gradient(45deg,#f4f1e6 0 5px,#ece8da 5px 10px)}.s-preview.pv4 .pv4-exam .v{text-align:right;width:28px;font-size:14px}.s-preview.pv4 .pv4-exam .locked .t,.s-preview.pv4 .pv4-exam .locked .s{color:#a3a194}.s-preview.pv4 .pv4-exam .lk{opacity:.7;justify-content:flex-end;width:28px;display:flex}.s-preview.pv4 .pv4-exam .say{margin:0 0 10px;font-size:14px;line-height:1.5}.s-preview.pv4 .pv4-piece .pv4-fade{max-height:21em;font-size:16px;position:relative;overflow:hidden}.s-preview.pv4 .pv4-piece .pv4-fade:after{content:"";background:linear-gradient(#fffdf600,var(--paper));height:70px;position:absolute;bottom:0;left:0;right:0}.s-preview.pv4 .pv4-pay{background:var(--ink);color:#fff;cursor:pointer;text-align:left;border:0;border-radius:17px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:60px;padding:8px 8px 8px 20px;font-family:inherit;font-size:17px;font-weight:700;line-height:1.3;display:flex}.s-preview.pv4 .pv4-pay b{background:var(--yellow);color:var(--ink);border-radius:12px;flex:none;padding:10px 14px;font-size:15px}@media (max-width:350px){.s-preview.pv4 .pv-head,.s-preview.pv4 .section{padding-left:16px;padding-right:16px}.s-preview.pv4 .pv4-pair .pill i{width:38px;height:38px;font-size:19px}.s-preview.pv4 .pv4-gauge .ring{width:92px;height:92px}.s-preview.pv4 .pv4-gauge .ring span{width:72px;height:72px}}.s-preview.pv4 .pv4-flow{margin:12px 2px 4px}.s-preview.pv4 .pv4-flow .cols{grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:64px;display:grid}.s-preview.pv4 .pv4-flow .cols span{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex}.s-preview.pv4 .pv4-flow .cols i{background:#d9d6c8;border-radius:4px 4px 0 0;width:100%;display:block}.s-preview.pv4 .pv4-flow .cols .hi i{background:var(--accent,#c0392b)}.s-preview.pv4 .pv4-flow .cols .lo i{background:#b9c3cc}.s-preview.pv4 .pv4-flow .cols small{color:#66717b;margin-top:2px;font-size:10px}.s-preview.pv4 .pv4-pair .seal.chung{color:#fff;background:#5f6a73}.s-preview.pv4 .pv4-pair .pair-line{text-align:center;margin:6px 0 0;font-size:15px;font-weight:700}.s-preview.pv4 .pv4-exam .t .tm{color:#66717b;font-size:11px;font-weight:600;display:block}
.pick-cards{flex-direction:column;gap:10px;display:flex}.pick-card{width:100%;min-height:76px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e3d9;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px;display:flex;box-shadow:2px 3px #eeeadd}.pick-card:active{background:var(--ink);color:#fff}.pick-name{font-size:20px;font-weight:900}.pick-birth{color:#66717b;font-size:13px}.pick-new{min-height:56px;font:inherit;color:#3a4350;cursor:pointer;background:0 0;border:1.5px dashed #c9cfd6;border-radius:16px;font-size:16px;font-weight:700}.pick-note{color:#66717b;text-align:center;margin:22px 0 0;font-size:12px}.pick-note button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}