@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;600;700&family=Noto+Serif+KR:wght@500;700;900&display=swap");

.aju-vn,.aju-vn *{box-sizing:border-box}
.aju-vn{
    --aju-vn-line:rgba(43,39,33,.16);
    --aju-vn-ink:#24211D;
    --aju-vn-mute:#716B62;
    --aju-vn-red:#9B4B45;
    --aju-vn-font-display:"Archivo","Noto Sans KR","Helvetica Neue",Arial,sans-serif;
    --aju-vn-sans:"Noto Sans KR",system-ui,sans-serif;
    --aju-vn-serif:"Noto Serif KR",serif;
    --aju-vn-mono:"IBM Plex Mono",monospace;
    --aju-vn-night:oklch(0.2 0.045 265);
    --aju-vn-deep:oklch(0.16 0.035 265);
    --aju-vn-char:oklch(0.22 0.02 265);
    --aju-vn-paper:oklch(0.975 0.008 85);
    --aju-vn-cream:oklch(0.97 0.008 85);
    --aju-vn-white:oklch(0.995 0.003 85);
    --aju-vn-choco:oklch(0.5 0.11 45);
    --aju-vn-choco-dark:oklch(0.36 0.06 40);
    --aju-vn-biscuit:oklch(0.8 0.08 75);
    --aju-vn-rice:oklch(0.48 0.11 145);
    --aju-vn-gold:oklch(0.82 0.08 60);
    --aju-vn-gray:oklch(0.5 0.02 265);
    --aju-vn-body:oklch(0.3 0.02 265);
    --aju-vn-sub:oklch(0.4 0.02 265);
    --aju-vn-dim:oklch(0.85 0.01 85);
    width:100%;
    max-width:740px;
    margin:0 auto;
    position:relative;
    isolation:isolate;
    container-type:inline-size;
    font-family:var(--aju-vn-sans);
    color:var(--aju-vn-char);
    word-break:keep-all;
    overflow-wrap:break-word;
    text-align:left;
}
.aju-vn.aju-vn-ajp{max-width:850px}
.aju-vn p,.aju-vn dl,.aju-vn dd{margin:0}
.aju-vn a{color:var(--aju-vn-choco);text-decoration:none}
.aju-vn a:hover{text-decoration:underline}
.aju-vn a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.aju-vn svg{display:block}
.aju-vn .aju-vn-msgs{display:none}

/* 공통 글자 */
.aju-vn .aju-vn-mono{font-family:var(--aju-vn-mono)}
.aju-vn .aju-vn-kicker{font-family:var(--aju-vn-mono);font-size:13px;letter-spacing:.16em;color:var(--aju-vn-gray)}
.aju-vn .aju-vn-h2{font-family:var(--aju-vn-serif);font-weight:700;font-size:clamp(28px,5.95cqw,44px);line-height:1.35;margin:16px 0 0;text-wrap:balance}
.aju-vn .aju-vn-lead{font-size:18px;line-height:1.8;margin:20px 0 0;color:var(--aju-vn-sub);text-wrap:pretty}
.aju-vn .aju-vn-ext{display:inline-flex;align-items:center;gap:3px;font-weight:600}
.aju-vn .aju-vn-ext svg{width:.8em;height:.8em;flex:none}

/* 01 intro: reference layout, original navy background */
.aju-vn .aju-vn-duel{position:relative;height:500px;overflow:hidden;user-select:none;-webkit-user-select:none}
.aju-vn .aju-vn-duel-layer{position:absolute;inset:0}
.aju-vn .aju-vn-duel-p{background:#141D35;color:var(--aju-vn-cream)}
.aju-vn .aju-vn-duel-t{background:#F3F0E7 repeating-linear-gradient(115deg,rgba(150,130,100,.05) 0 2px,transparent 2px 9px);color:#40583B;clip-path:inset(0 0 0 50%);transition:clip-path .25s ease}
.aju-vn .aju-vn-duel-side{position:absolute;top:0;bottom:0;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px 12px;text-align:center}
.aju-vn .aju-vn-duel-p .aju-vn-duel-side{left:0}
.aju-vn .aju-vn-duel-t .aju-vn-duel-side{right:0}
.aju-vn .aju-vn-duel-stick{width:58px;height:250px}
.aju-vn .aju-vn-duel-tilt-l{transform:rotate(-8deg)}
.aju-vn .aju-vn-duel-tilt-r{transform:rotate(8deg)}
.aju-vn .aju-vn-duel-p .aju-vn-duel-stick{filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.aju-vn .aju-vn-duel-p .aju-vn-duel-stick path{stroke:rgba(245,233,220,.32);stroke-width:1.2;stroke-linejoin:round}
.aju-vn .aju-vn-duel-t .aju-vn-duel-stick{filter:drop-shadow(0 16px 20px rgba(110,90,60,.25))}
/* 반대편에 숨은 막대와 나눔 문구 */
.aju-vn .aju-vn-duel-p .aju-vn-duel-side.aju-vn-duel-ghost{left:auto;right:0}
.aju-vn .aju-vn-duel-t .aju-vn-duel-side.aju-vn-duel-ghost{left:0;right:auto}
.aju-vn .aju-vn-duel-name{display:block;font-size:30px;font-weight:900;line-height:1.2;letter-spacing:-0.05em}
.aju-vn .aju-vn-duel-p .aju-vn-duel-name{font-family:var(--aju-vn-font-display);color:#E9B872}
.aju-vn .aju-vn-duel-t .aju-vn-duel-name{font-family:var(--aju-vn-serif)}
.aju-vn .aju-vn-duel-tag{display:block;margin-top:6px;font-size:14px;line-height:1.5;opacity:.85}
.aju-vn .aju-vn-duel-en{display:block;margin-bottom:6px;font-family:var(--aju-vn-font-display);font-size:11px;font-weight:800;letter-spacing:.3em;opacity:.7}
.aju-vn .aju-vn-duel-line{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:rgba(139,155,183,.3);transition:left .25s ease;pointer-events:none;z-index:3}
.aju-vn .aju-vn-duel-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5;-webkit-appearance:none;appearance:none}
.aju-vn .aju-vn-duel-knob{position:absolute;top:50%;left:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:var(--aju-vn-red);color:#fff;font-family:var(--aju-vn-font-display);font-size:18px;font-weight:900;letter-spacing:.02em;box-shadow:0 0 0 5px rgba(255,255,255,.85),0 10px 24px rgba(0,0,0,.35);transition:left .25s ease;pointer-events:none}
.aju-vn .aju-vn-duel-range:focus-visible + .aju-vn-duel-knob{box-shadow:0 0 0 5px #fff,0 0 0 8px var(--aju-vn-ink)}
.aju-vn .aju-vn-duel-hint{position:absolute;left:50%;bottom:22px;z-index:4;transform:translateX(-50%);padding:5px 14px;border-radius:99px;background:rgba(36,33,29,.82);color:#fff;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.aju-vn:not(.aju-vn-js) .aju-vn-duel-range,.aju-vn:not(.aju-vn-js) .aju-vn-duel-hint{display:none}
.aju-vn .aju-vn-duel.aju-vn-is-touched .aju-vn-duel-hint{opacity:0;transition:opacity .4s}
/* 슬라이더 위치 (5% 단위) */
.aju-vn .aju-vn-at-0 .aju-vn-duel-t{clip-path:inset(0 0 0 0%)}
.aju-vn .aju-vn-at-0 .aju-vn-duel-line{left:0%}
.aju-vn .aju-vn-at-0 .aju-vn-duel-knob{left:clamp(36px,0%,calc(100% - 36px))}
.aju-vn .aju-vn-at-5 .aju-vn-duel-t{clip-path:inset(0 0 0 5%)}
.aju-vn .aju-vn-at-5 .aju-vn-duel-line{left:5%}
.aju-vn .aju-vn-at-5 .aju-vn-duel-knob{left:clamp(36px,5%,calc(100% - 36px))}
.aju-vn .aju-vn-at-10 .aju-vn-duel-t{clip-path:inset(0 0 0 10%)}
.aju-vn .aju-vn-at-10 .aju-vn-duel-line{left:10%}
.aju-vn .aju-vn-at-10 .aju-vn-duel-knob{left:clamp(36px,10%,calc(100% - 36px))}
.aju-vn .aju-vn-at-15 .aju-vn-duel-t{clip-path:inset(0 0 0 15%)}
.aju-vn .aju-vn-at-15 .aju-vn-duel-line{left:15%}
.aju-vn .aju-vn-at-15 .aju-vn-duel-knob{left:clamp(36px,15%,calc(100% - 36px))}
.aju-vn .aju-vn-at-20 .aju-vn-duel-t{clip-path:inset(0 0 0 20%)}
.aju-vn .aju-vn-at-20 .aju-vn-duel-line{left:20%}
.aju-vn .aju-vn-at-20 .aju-vn-duel-knob{left:clamp(36px,20%,calc(100% - 36px))}
.aju-vn .aju-vn-at-25 .aju-vn-duel-t{clip-path:inset(0 0 0 25%)}
.aju-vn .aju-vn-at-25 .aju-vn-duel-line{left:25%}
.aju-vn .aju-vn-at-25 .aju-vn-duel-knob{left:clamp(36px,25%,calc(100% - 36px))}
.aju-vn .aju-vn-at-30 .aju-vn-duel-t{clip-path:inset(0 0 0 30%)}
.aju-vn .aju-vn-at-30 .aju-vn-duel-line{left:30%}
.aju-vn .aju-vn-at-30 .aju-vn-duel-knob{left:clamp(36px,30%,calc(100% - 36px))}
.aju-vn .aju-vn-at-35 .aju-vn-duel-t{clip-path:inset(0 0 0 35%)}
.aju-vn .aju-vn-at-35 .aju-vn-duel-line{left:35%}
.aju-vn .aju-vn-at-35 .aju-vn-duel-knob{left:clamp(36px,35%,calc(100% - 36px))}
.aju-vn .aju-vn-at-40 .aju-vn-duel-t{clip-path:inset(0 0 0 40%)}
.aju-vn .aju-vn-at-40 .aju-vn-duel-line{left:40%}
.aju-vn .aju-vn-at-40 .aju-vn-duel-knob{left:clamp(36px,40%,calc(100% - 36px))}
.aju-vn .aju-vn-at-45 .aju-vn-duel-t{clip-path:inset(0 0 0 45%)}
.aju-vn .aju-vn-at-45 .aju-vn-duel-line{left:45%}
.aju-vn .aju-vn-at-45 .aju-vn-duel-knob{left:clamp(36px,45%,calc(100% - 36px))}
.aju-vn .aju-vn-at-50 .aju-vn-duel-t{clip-path:inset(0 0 0 50%)}
.aju-vn .aju-vn-at-50 .aju-vn-duel-line{left:50%}
.aju-vn .aju-vn-at-50 .aju-vn-duel-knob{left:clamp(36px,50%,calc(100% - 36px))}
.aju-vn .aju-vn-at-55 .aju-vn-duel-t{clip-path:inset(0 0 0 55%)}
.aju-vn .aju-vn-at-55 .aju-vn-duel-line{left:55%}
.aju-vn .aju-vn-at-55 .aju-vn-duel-knob{left:clamp(36px,55%,calc(100% - 36px))}
.aju-vn .aju-vn-at-60 .aju-vn-duel-t{clip-path:inset(0 0 0 60%)}
.aju-vn .aju-vn-at-60 .aju-vn-duel-line{left:60%}
.aju-vn .aju-vn-at-60 .aju-vn-duel-knob{left:clamp(36px,60%,calc(100% - 36px))}
.aju-vn .aju-vn-at-65 .aju-vn-duel-t{clip-path:inset(0 0 0 65%)}
.aju-vn .aju-vn-at-65 .aju-vn-duel-line{left:65%}
.aju-vn .aju-vn-at-65 .aju-vn-duel-knob{left:clamp(36px,65%,calc(100% - 36px))}
.aju-vn .aju-vn-at-70 .aju-vn-duel-t{clip-path:inset(0 0 0 70%)}
.aju-vn .aju-vn-at-70 .aju-vn-duel-line{left:70%}
.aju-vn .aju-vn-at-70 .aju-vn-duel-knob{left:clamp(36px,70%,calc(100% - 36px))}
.aju-vn .aju-vn-at-75 .aju-vn-duel-t{clip-path:inset(0 0 0 75%)}
.aju-vn .aju-vn-at-75 .aju-vn-duel-line{left:75%}
.aju-vn .aju-vn-at-75 .aju-vn-duel-knob{left:clamp(36px,75%,calc(100% - 36px))}
.aju-vn .aju-vn-at-80 .aju-vn-duel-t{clip-path:inset(0 0 0 80%)}
.aju-vn .aju-vn-at-80 .aju-vn-duel-line{left:80%}
.aju-vn .aju-vn-at-80 .aju-vn-duel-knob{left:clamp(36px,80%,calc(100% - 36px))}
.aju-vn .aju-vn-at-85 .aju-vn-duel-t{clip-path:inset(0 0 0 85%)}
.aju-vn .aju-vn-at-85 .aju-vn-duel-line{left:85%}
.aju-vn .aju-vn-at-85 .aju-vn-duel-knob{left:clamp(36px,85%,calc(100% - 36px))}
.aju-vn .aju-vn-at-90 .aju-vn-duel-t{clip-path:inset(0 0 0 90%)}
.aju-vn .aju-vn-at-90 .aju-vn-duel-line{left:90%}
.aju-vn .aju-vn-at-90 .aju-vn-duel-knob{left:clamp(36px,90%,calc(100% - 36px))}
.aju-vn .aju-vn-at-95 .aju-vn-duel-t{clip-path:inset(0 0 0 95%)}
.aju-vn .aju-vn-at-95 .aju-vn-duel-line{left:95%}
.aju-vn .aju-vn-at-95 .aju-vn-duel-knob{left:clamp(36px,95%,calc(100% - 36px))}
.aju-vn .aju-vn-at-100 .aju-vn-duel-t{clip-path:inset(0 0 0 100%)}
.aju-vn .aju-vn-at-100 .aju-vn-duel-line{left:100%}
.aju-vn .aju-vn-at-100 .aju-vn-duel-knob{left:clamp(36px,100%,calc(100% - 36px))}

.aju-vn .aju-vn-intro{background:#FAF7F1;color:var(--aju-vn-ink);position:relative}
.aju-vn .aju-vn-intro-text{padding:64px 28px;text-align:center}
.aju-vn .aju-vn-intro-label{font-family:var(--aju-vn-mono);font-size:13px;letter-spacing:.2em;color:var(--aju-vn-mute)}
.aju-vn .aju-vn-intro-title{font-family:var(--aju-vn-serif);font-weight:700;font-size:clamp(30px,7.03cqw,52px);line-height:1.3;text-align:center;margin:18px 0 0;text-wrap:balance}
.aju-vn .aju-vn-intro-copy{max-width:630px;margin:28px auto 0;text-align:center;font-size:18px;line-height:1.9;color:var(--aju-vn-sub);text-wrap:pretty}
.aju-vn .aju-vn-intro-copy .aju-vn-gap{margin-top:16px}
.aju-vn .aju-vn-intro-scroll{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14px;color:var(--aju-vn-mute);text-align:center}
.aju-vn .aju-vn-intro-line{width:1px;height:48px;background:linear-gradient(var(--aju-vn-mute),transparent)}

/* 02 타임라인 */
.aju-vn .aju-vn-history{background:var(--aju-vn-paper);padding:120px 24px 80px}
.aju-vn .aju-vn-lane{position:sticky;top:60px;z-index:5;margin-top:72px;background:oklch(0.975 0.008 85 / 0.94);backdrop-filter:blur(6px);border-bottom:1px solid oklch(0.88 0.01 85)}
.aju-vn[lang|="en"] .aju-vn-lane{top:80px}
@media (max-width:767px){
    .aju-vn .aju-vn-lane{top:65px}
    .aju-vn[lang|="en"] .aju-vn-lane{top:0}
}
.aju-vn .aju-vn-lane-row{display:flex;align-items:center;gap:12px;padding:16px 0}
.aju-vn .aju-vn-lane-p,.aju-vn .aju-vn-lane-r{display:flex;flex:1;min-width:0;align-items:center;gap:10px;font-weight:700;font-size:16px}
.aju-vn .aju-vn-lane-p > span,.aju-vn .aju-vn-lane-r > span{min-width:0;overflow-wrap:anywhere}
.aju-vn .aju-vn-lane-p{justify-content:flex-end}
.aju-vn .aju-vn-lane-chip{flex:none;width:8px;height:28px;border-radius:4px}
.aju-vn .aju-vn-lane-p .aju-vn-lane-chip{background:linear-gradient(var(--aju-vn-choco-dark) 75%,var(--aju-vn-biscuit) 75%)}
.aju-vn .aju-vn-lane-r .aju-vn-lane-chip{background:oklch(0.99 0.004 90);box-shadow:inset 0 0 0 1px oklch(0.8 0.02 85)}
.aju-vn .aju-vn-lane-when{flex:none;text-align:center;font-family:var(--aju-vn-mono);font-size:13px;color:var(--aju-vn-gray);white-space:nowrap}
.aju-vn .aju-vn-lane-track{height:2px;background:oklch(0.9 0.01 85)}
.aju-vn .aju-vn-lane-fill{height:2px;background:var(--aju-vn-char);transform:scaleX(.1429);transform-origin:left;transition:transform .3s}
.aju-vn .aju-vn-lane-fill[data-aju-vn-step="1"]{transform:scaleX(.2857)}
.aju-vn .aju-vn-lane-fill[data-aju-vn-step="2"]{transform:scaleX(.4286)}
.aju-vn .aju-vn-lane-fill[data-aju-vn-step="3"]{transform:scaleX(.5714)}
.aju-vn .aju-vn-lane-fill[data-aju-vn-step="4"]{transform:scaleX(.7143)}
.aju-vn .aju-vn-lane-fill[data-aju-vn-step="5"]{transform:scaleX(.8571)}
.aju-vn .aju-vn-lane-fill[data-aju-vn-step="6"]{transform:scaleX(1)}
.aju-vn .aju-vn-tl{position:relative;padding-top:72px}
.aju-vn .aju-vn-tl-axis{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--aju-vn-dim)}
.aju-vn .aju-vn-tl-item{position:relative;padding-bottom:96px;transition:opacity .5s ease}
.aju-vn .aju-vn-tl.aju-vn-is-tracking .aju-vn-tl-item{opacity:.38}
.aju-vn .aju-vn-tl.aju-vn-is-tracking .aju-vn-tl-item.aju-vn-is-active{opacity:1}
.aju-vn .aju-vn-tl-dot{position:absolute;left:50%;top:28px;width:15px;height:15px;margin-left:-7px;border-radius:50%;background:var(--aju-vn-char);box-shadow:0 0 0 5px var(--aju-vn-paper);transition:background .4s}
.aju-vn .aju-vn-side-p .aju-vn-tl-dot{background:var(--aju-vn-choco)}
.aju-vn .aju-vn-side-r .aju-vn-tl-dot{background:var(--aju-vn-rice)}
.aju-vn .aju-vn-tl.aju-vn-is-tracking .aju-vn-tl-item:not(.aju-vn-is-passed) .aju-vn-tl-dot{background:var(--aju-vn-dim)}
.aju-vn .aju-vn-tl-grid{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:start}
.aju-vn .aju-vn-tl-year{grid-row:1;padding-top:8px;display:flex;flex-direction:column;gap:24px}
.aju-vn .aju-vn-side-p .aju-vn-tl-year{grid-column:3;text-align:left}
.aju-vn .aju-vn-side-r .aju-vn-tl-year{grid-column:1;text-align:right}
.aju-vn .aju-vn-tl-big{font-family:var(--aju-vn-serif);font-weight:900;font-size:clamp(44px,10.81cqw,80px);line-height:1;color:oklch(0.8 0.015 85)}
.aju-vn .aju-vn-tl-when{font-family:var(--aju-vn-mono);font-size:13px;color:oklch(0.55 0.02 265);margin-top:10px}
.aju-vn .aju-vn-art{aspect-ratio:4/3;border-radius:6px;background:#f1eadc;overflow:hidden}
.aju-vn .aju-vn-art-wide{aspect-ratio:16/9}
.aju-vn .aju-vn-art-rice{background:#dfe7d5}
.aju-vn .aju-vn-art svg{width:100%;height:100%}
.aju-vn .aju-vn-art-figure{transform-box:view-box;transform-origin:50% 65%}
.aju-vn .aju-vn-tl-item.aju-vn-is-active .aju-vn-art-figure{animation:aju-vn-art-float 2.4s ease-in-out infinite}
.aju-vn .aju-vn-tl-item.aju-vn-is-active .aju-vn-art-rice .aju-vn-art-figure{animation:aju-vn-art-sway 2.8s ease-in-out infinite}
@keyframes aju-vn-art-float{
    0%,100%{transform:translateY(0) rotate(0)}
    25%{transform:translateY(-9px) rotate(-3deg)}
    50%{transform:translateY(-18px) rotate(0)}
    75%{transform:translateY(-9px) rotate(3deg)}
}
@keyframes aju-vn-art-sway{
    0%,100%{transform:translateY(0) rotate(-4deg)}
    50%{transform:translateY(-12px) rotate(4deg)}
}
@keyframes aju-vn-tosign-step{
    from{opacity:0;transform:translateY(12px) scale(.85)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes aju-vn-tosign-result{
    0%{opacity:0;transform:translateY(12px) scale(.75)}
    70%{opacity:1;transform:translateY(-4px) scale(1.12)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}
.aju-vn .aju-vn-tosign{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.7cqw,20px);aspect-ratio:4/3;background:oklch(0.95 0.02 145);border-radius:6px;font-family:var(--aju-vn-serif);font-weight:700;font-size:56px;color:oklch(0.35 0.06 145)}
.aju-vn .aju-vn-tosign-op{font-size:30px;color:oklch(0.6 0.04 145)}
.aju-vn .aju-vn-tosign-eq{font-size:76px;color:oklch(0.45 0.11 145)}
.aju-vn .aju-vn-tosign.aju-vn-is-ready:not(.aju-vn-is-played) > span{opacity:0}
.aju-vn .aju-vn-tosign.aju-vn-is-played > span{animation:aju-vn-tosign-step .5s ease-out both}
.aju-vn .aju-vn-tosign.aju-vn-is-played > span:nth-child(2){animation-delay:.45s}
.aju-vn .aju-vn-tosign.aju-vn-is-played > span:nth-child(3){animation-delay:.9s}
.aju-vn .aju-vn-tosign.aju-vn-is-played > span:nth-child(4){animation-delay:1.35s}
.aju-vn .aju-vn-tosign.aju-vn-is-played > span:nth-child(5){animation:aju-vn-tosign-result .7s ease-out 1.8s both}
.aju-vn .aju-vn-card{grid-row:1;background:var(--aju-vn-white);border:1px solid oklch(0.9 0.01 85);border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:18px}
.aju-vn .aju-vn-side-p .aju-vn-card{grid-column:1}
.aju-vn .aju-vn-side-r .aju-vn-card{grid-column:3}
.aju-vn .aju-vn-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.aju-vn .aju-vn-card-tag{font-family:var(--aju-vn-mono);font-size:12px;letter-spacing:.08em}
.aju-vn .aju-vn-side-p .aju-vn-card-tag{color:var(--aju-vn-choco)}
.aju-vn .aju-vn-side-r .aju-vn-card-tag{color:var(--aju-vn-rice)}
.aju-vn .aju-vn-card-badge{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:oklch(0.94 0.03 75);color:oklch(0.4 0.08 50)}
.aju-vn .aju-vn-card-title{font-family:var(--aju-vn-serif);font-weight:700;font-size:26px;line-height:1.4;margin:0;text-wrap:balance}
.aju-vn .aju-vn-card-body{display:flex;flex-direction:column;gap:12px;font-size:16.5px;line-height:1.85;color:var(--aju-vn-body)}
.aju-vn .aju-vn-card-body p{text-wrap:pretty}
.aju-vn .aju-vn-both{display:flex;flex-direction:column;align-items:center;gap:20px}
.aju-vn .aju-vn-both-head{text-align:center;background:var(--aju-vn-paper);position:relative;padding:0 16px}
.aju-vn .aju-vn-both-head .aju-vn-tl-big{color:oklch(0.88 0.012 85)}
.aju-vn .aju-vn-both-card{position:relative;width:100%;background:#EEEAE2;color:#302D28;border-radius:6px;padding:36px clamp(20px,6.49cqw,48px);display:flex;flex-direction:column;gap:28px}
.aju-vn .aju-vn-both-title{font-family:var(--aju-vn-serif);font-weight:700;font-size:28px;line-height:1.4;margin:0;text-align:center;text-wrap:balance}
.aju-vn .aju-vn-both-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}
.aju-vn .aju-vn-both-col{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:4px;background:oklch(0.28 0.03 45);color:oklch(0.96 0.008 85)}
.aju-vn .aju-vn-both-col-r{background:oklch(0.28 0.03 145)}
.aju-vn .aju-vn-both-name{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--aju-vn-gold)}
.aju-vn .aju-vn-both-col-r .aju-vn-both-name{color:oklch(0.84 0.07 145)}
.aju-vn .aju-vn-both-chip{flex:none;width:6px;height:22px;border-radius:3px;background:linear-gradient(oklch(0.5 0.08 40) 75%,var(--aju-vn-biscuit) 75%)}
.aju-vn .aju-vn-both-col-r .aju-vn-both-chip{background:oklch(0.97 0.006 90)}
.aju-vn .aju-vn-both-text{font-size:16.5px;line-height:1.85;text-wrap:pretty}
.aju-vn .aju-vn-both-note{text-align:center;font-family:var(--aju-vn-serif);font-size:20px;line-height:1.7;text-wrap:balance}

.aju-vn .aju-vn-check-v3 .aju-vn-sec-head{max-width:560px;margin:0 auto 40px;text-align:center}
.aju-vn .aju-vn-check-v3 .aju-vn-sec-num{display:block;font-family:var(--aju-vn-font-display);font-size:13px;font-weight:800;letter-spacing:.18em;color:var(--aju-vn-mute)}
.aju-vn .aju-vn-check-v3 .aju-vn-sec-title{display:block;margin-top:10px;font-size:clamp(24px,5vw,31px);font-weight:900;line-height:1.4;letter-spacing:-.02em}
.aju-vn .aju-vn-check-v3 .aju-vn-sec-desc{margin-top:14px;font-size:16px;color:var(--aju-vn-mute)}
.aju-vn .aju-vn-check-v3 .aju-vn-tablist{display:flex;flex-direction:column;gap:8px}
.aju-vn .aju-vn-check-v3 .aju-vn-tab{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:13px 16px;border:1px solid var(--aju-vn-line);border-radius:12px;background:#FFFFFF;font-size:15.5px;font-weight:700;text-align:left;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.aju-vn .aju-vn-check-v3 .aju-vn-tab-num{font-family:var(--aju-vn-font-display);font-size:13px;font-weight:800;color:var(--aju-vn-mute)}
.aju-vn .aju-vn-check-v3 .aju-vn-tab:hover{border-color:rgba(43,39,33,.4)}
.aju-vn .aju-vn-check-v3 .aju-vn-tab[aria-selected="true"]{border-color:var(--aju-vn-ink);background:var(--aju-vn-ink);color:var(--aju-vn-paper)}
.aju-vn .aju-vn-check-v3 .aju-vn-tab[aria-selected="true"] .aju-vn-tab-num{color:var(--aju-vn-biscuit)}
.aju-vn .aju-vn-check-v3 .aju-vn-tabpanels{margin-top:14px}
.aju-vn .aju-vn-check-v3 .aju-vn-tabpanel{padding:26px 22px 24px;border:1px solid var(--aju-vn-line);border-radius:14px;background:rgba(255,255,255,.72)}
.aju-vn .aju-vn-check-v3 .aju-vn-tabpanel+.aju-vn-tabpanel{margin-top:14px}
.aju-vn.aju-vn-js .aju-vn-check-v3 .aju-vn-tabpanel+.aju-vn-tabpanel{margin-top:0}
.aju-vn .aju-vn-check-v3 .aju-vn-tabpanel-q{display:block;font-size:19px;font-weight:800;line-height:1.45}
.aju-vn .aju-vn-check-v3 .aju-vn-tabpanel p{margin-top:12px;font-size:16.5px;line-height:1.8}
.aju-vn .aju-vn-check-v3 .aju-vn-verdict{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:22px;padding-top:18px;border-top:1px dashed var(--aju-vn-line)}
.aju-vn .aju-vn-check-v3 .aju-vn-verdict-label{font-size:13px;font-weight:700;color:var(--aju-vn-mute)}
.aju-vn .aju-vn-check-v3 .aju-vn-stamp{display:inline-block;padding:5px 12px;border:2px solid currentColor;border-radius:6px;font-size:14.5px;font-weight:900;line-height:1.4;transform:rotate(-3deg)}
.aju-vn .aju-vn-check-v3 .aju-vn-stamp+.aju-vn-stamp{transform:rotate(2deg)}
.aju-vn .aju-vn-check-v3 .aju-vn-stamp-ok{color:var(--aju-vn-green-ink)}
.aju-vn .aju-vn-check-v3 .aju-vn-stamp-mid{color:var(--aju-vn-straw-ink)}
.aju-vn .aju-vn-check-v3 .aju-vn-stamp-no{color:var(--aju-vn-red)}
.aju-vn .aju-vn-check-v3 .aju-vn-tabpanel.aju-vn-is-stamp .aju-vn-stamp{animation:aju-vn-stamp .45s cubic-bezier(.2,.9,.3,1.3) both}
.aju-vn .aju-vn-check-v3 .aju-vn-tabpanel.aju-vn-is-stamp .aju-vn-stamp+.aju-vn-stamp{animation-delay:.15s}
@keyframes aju-vn-stamp{0%{opacity:0;scale:1.5}100%{opacity:1;scale:1}}

.aju-vn .aju-vn-check-v3{
    --aju-vn-paper:#FBF8F2;--aju-vn-biscuit:#D9A86C;--aju-vn-green-ink:#4A6233;--aju-vn-straw-ink:#6E5D2E;
    padding:104px 20px 64px;background:var(--aju-vn-paper);color:var(--aju-vn-ink);font-size:17px;line-height:1.75;
}
.aju-vn .aju-vn-check-v3 button{font-family:inherit;color:inherit}
.aju-vn .aju-vn-check-v3 button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.aju-vn .aju-vn-check-v3 .aju-vn-tabpanel[hidden]{display:none}
@container (min-width:680px){
    .aju-vn .aju-vn-check-v3{padding-left:28px;padding-right:28px}
    .aju-vn .aju-vn-check-v3 .aju-vn-tablist{flex-direction:row}
    .aju-vn .aju-vn-check-v3 .aju-vn-tab{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;min-height:84px}
}
.aju-vn .aju-vn-check-v3 .aju-vn-tab{color:var(--aju-vn-ink)}
.aju-vn .aju-vn-check-v3 .aju-vn-tab[aria-selected="true"]{color:var(--aju-vn-paper)}

.aju-vn .aju-vn-ending-v2 .aju-vn-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--aju-vn-font-display);font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--aju-vn-accent)}
.aju-vn .aju-vn-ending-v2 .aju-vn-chip::before{content:"";width:22px;height:2px;background:currentColor}
.aju-vn .aju-vn-ending-v2 .aju-vn-sec-title{display:block;margin-top:12px;font-size:30px;font-weight:900;line-height:1.35;letter-spacing:-0.045em}
.aju-vn .aju-vn-ending-v2 .aju-vn-sec-lead{margin-top:12px;font-size:16px;opacity:.75}
.aju-vn .aju-vn-ending-v2 .aju-vn-end{text-align:center}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift{display:flex;height:300px;margin:28px -28px 0;overflow:hidden}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-btn{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0;padding:20px 14px;border:0;font:inherit;font-size:17px;font-weight:900;line-height:1.4;cursor:pointer;transition:flex-grow .6s var(--aju-vn-ease),opacity .4s}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-pepero{background:radial-gradient(circle at 50% 40%,#55331F,#1A0F0B);color:var(--aju-vn-gold);font-family:var(--aju-vn-font-display)}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-tteok{background:var(--aju-vn-rice) repeating-linear-gradient(115deg,rgba(150,130,100,.05) 0 2px,transparent 2px 9px);color:var(--aju-vn-green);font-family:var(--aju-vn-font-serif)}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-btn[aria-pressed="true"]{flex-grow:2.2}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift.aju-vn-has-pick .aju-vn-gift-btn[aria-pressed="false"]{opacity:.55}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-btn:focus-visible{outline-offset:-6px}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-icon{display:block;width:24px;height:110px;border-radius:9px;transition:transform .6s var(--aju-vn-ease)}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-pepero .aju-vn-gift-icon{background:linear-gradient(90deg,#8A5A3E,#4A2C21 40%,#3C231A) top/100% 68% no-repeat,var(--aju-vn-biscuit)}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-tteok .aju-vn-gift-icon{width:30px;background:linear-gradient(90deg,#FFFEFA,#E6DCCB);box-shadow:inset 0 0 0 1px var(--aju-vn-rice-line)}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-pepero[aria-pressed="true"] .aju-vn-gift-icon{transform:rotate(-12deg) scale(1.15)}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-tteok[aria-pressed="true"] .aju-vn-gift-icon{transform:rotate(12deg) scale(1.15)}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-out{margin-top:0}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-card{margin:0 -28px;padding:22px 28px;font-size:18px;font-weight:700;line-height:1.6}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-card span{display:block;margin-bottom:4px;font-size:13px;opacity:.75}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-card[data-aju-vn-gift-card="0"]{background:#1A0F0B;color:var(--aju-vn-cream)}
.aju-vn .aju-vn-ending-v2 .aju-vn-gift-card[data-aju-vn-gift-card="1"]{background:var(--aju-vn-green);color:#fff;font-family:var(--aju-vn-font-serif)}
.aju-vn.aju-vn-js .aju-vn-ending-v2 .aju-vn-gift-card{display:none}
.aju-vn.aju-vn-js .aju-vn-ending-v2 .aju-vn-gift-card.aju-vn-is-active{display:block;animation:aju-vn-fade .5s ease}
.aju-vn:not(.aju-vn-js) .aju-vn-ending-v2 .aju-vn-gift{display:none}
.aju-vn .aju-vn-ending-v2 .aju-vn-mark{position:relative;max-width:320px;margin:60px auto 0;padding-bottom:44px}
.aju-vn .aju-vn-ending-v2 .aju-vn-mark svg{width:100%;height:auto}
.aju-vn .aju-vn-ending-v2 .aju-vn-mk-pepero,.aju-vn .aju-vn-ending-v2 .aju-vn-mk-tteok,.aju-vn .aju-vn-ending-v2 .aju-vn-mk-day{transform-box:fill-box;transform-origin:50% 100%;transition:transform 1.1s var(--aju-vn-ease),opacity .7s ease}
.aju-vn .aju-vn-ending-v2 .aju-vn-mk-day{fill:var(--aju-vn-ink)}
.aju-vn .aju-vn-ending-v2 .aju-vn-is-split .aju-vn-mk-pepero{transform:translate(37px,0) rotate(-7deg)}
.aju-vn .aju-vn-ending-v2 .aju-vn-is-split .aju-vn-mk-tteok{transform:translate(115px,0) rotate(7deg)}
.aju-vn .aju-vn-ending-v2 .aju-vn-is-split .aju-vn-mk-day{opacity:0;transform:translateY(18px)}
.aju-vn .aju-vn-ending-v2 .aju-vn-end-line{margin-top:6px;font-size:16px;color:var(--aju-vn-mute)}
.aju-vn .aju-vn-ending-v2 .aju-vn-end-q{display:block;margin-top:30px;font-size:30px;font-weight:900;line-height:1.45;letter-spacing:-0.05em}
.aju-vn .aju-vn-ending-v2 .aju-vn-end-q em{font-style:normal;font-family:var(--aju-vn-font-display);color:var(--aju-vn-red)}

.aju-vn .aju-vn-ending-v2{
    --aju-vn-paper:#FAF7F1;--aju-vn-paper-2:#F2ECE1;--aju-vn-cream:#F5E9DC;--aju-vn-rice:#FDFBF6;--aju-vn-rice-line:#CDBFA8;--aju-vn-green:#4F6B43;
    --aju-vn-gold:#E9B872;--aju-vn-biscuit:#D9A867;--aju-vn-font-serif:var(--aju-vn-serif);--aju-vn-accent:var(--aju-vn-red);--aju-vn-ease:cubic-bezier(.65,0,.35,1);
    padding:100px 28px 64px;background:var(--aju-vn-paper);color:var(--aju-vn-ink);text-align:center;font-size:17px;line-height:1.8;letter-spacing:-.01em;
}
.aju-vn .aju-vn-ending-v2 button:focus-visible{outline:2px solid currentColor;outline-offset:-6px}
@keyframes aju-vn-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@container (max-width:640px){
    .aju-vn .aju-vn-ending-v2{padding:80px 18px 48px}
    .aju-vn .aju-vn-ending-v2 .aju-vn-sec-title{font-size:25px}
    .aju-vn .aju-vn-ending-v2 .aju-vn-gift{margin:28px -18px 0;height:260px}
    .aju-vn .aju-vn-ending-v2 .aju-vn-gift-btn{font-size:15px}
    .aju-vn .aju-vn-ending-v2 .aju-vn-gift-card{margin:0 -18px;padding:20px 18px}
    .aju-vn .aju-vn-ending-v2 .aju-vn-end-q{font-size:24px}
}


/* 출처 */
.aju-vn .aju-vn-ending-v2 .aju-vn-src{margin-top:80px;padding:20px 22px;border-radius:12px;background:var(--aju-vn-paper-2);font-size:13px;line-height:1.7;color:var(--aju-vn-mute);text-align:left}
.aju-vn .aju-vn-ending-v2 .aju-vn-src-title{display:block;margin-bottom:4px;font-weight:700;color:var(--aju-vn-ink)}

/* 공유 영역 고정 CSS */
.aju-vn .aju-vn-share{margin-top:150px;padding:28px 20px;border-top:1px solid var(--aju-vn-ink);border-bottom:1px solid var(--aju-vn-line);background:rgba(255,255,255,.46);text-align:center}
.aju-vn .aju-vn-share-title{display:block;font-family:var(--aju-vn-font-display);font-size:18px;line-height:1.4}
.aju-vn .aju-vn-share-list{display:flex;justify-content:center;gap:14px;margin:20px 0 0;padding:0;list-style:none}
.aju-vn .aju-vn-share-btn{display:block;width:52px;height:52px;margin:0;padding:0;border:0;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:cover;font-size:0;cursor:pointer;transition:transform .2s,opacity .2s}
.aju-vn .aju-vn-share-btn:hover{transform:translateY(-3px);opacity:.86}
.aju-vn .aju-vn-share-btn:focus-visible{outline:2px solid var(--aju-vn-ink);outline-offset:3px}
.aju-vn .aju-vn-share-kakao{background-image:url("https://image.ajunews.com/images/site/news/kr/visual/26/img/icon_kakao.png")}
.aju-vn .aju-vn-share-band{background-image:url("https://image.ajunews.com/images/site/news/kr/visual/26/img/icon_band.png")}
.aju-vn .aju-vn-share-x{background-image:url("https://image.ajunews.com/images/site/news/kr/visual/26/img/icon_twitter.png")}
.aju-vn .aju-vn-share-url{background-image:url("https://image.ajunews.com/images/site/news/kr/visual/26/img/icon_url.png")}
.aju-vn .aju-vn-share-notice{min-height:1.5em;margin-top:10px;font-size:12px;color:var(--aju-vn-red)}
.aju-vn .aju-vn-byline{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:12px 0 0;padding-top:20px;border-top:1px solid var(--aju-vn-line);font-size:14px}
.aju-vn .aju-vn-byline div{display:flex;align-items:baseline;gap:10px}
.aju-vn .aju-vn-byline dt{margin:0;font-weight:700;color:var(--aju-vn-ink)}
.aju-vn .aju-vn-byline dd{margin-left:0;letter-spacing:.06em;color:var(--aju-vn-mute)}
.aju-vn .aju-vn-share-clip{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

/* 좁은 화면: ROOT 너비 기준 */
@container (max-width:640px){
    .aju-vn .aju-vn-duel{height:440px}
    .aju-vn .aju-vn-duel-stick{width:46px;height:200px}
    .aju-vn .aju-vn-duel-name{font-size:22px}
    .aju-vn .aju-vn-duel-en{font-size:10px;letter-spacing:.18em}
    .aju-vn .aju-vn-intro-text{padding:36px 18px 48px}
    .aju-vn .aju-vn-intro-copy{font-size:16px}
    .aju-vn .aju-vn-lane-row{gap:8px}
    .aju-vn .aju-vn-lane-p,.aju-vn .aju-vn-lane-r{font-size:13px;gap:6px}
    .aju-vn .aju-vn-lane-when{font-size:11px}
    .aju-vn .aju-vn-tl-axis{left:7px}
    .aju-vn .aju-vn-tl-dot{left:8px}
    .aju-vn .aju-vn-tl-item{padding-left:32px;padding-bottom:72px}
    .aju-vn .aju-vn-tl-grid{grid-template-columns:minmax(0,1fr);gap:20px}
    .aju-vn .aju-vn-side-p .aju-vn-tl-year,.aju-vn .aju-vn-side-r .aju-vn-tl-year{grid-column:1;grid-row:auto;text-align:left;padding-top:0}
    .aju-vn .aju-vn-side-p .aju-vn-card,.aju-vn .aju-vn-side-r .aju-vn-card{grid-column:1;grid-row:auto;padding:22px}
    .aju-vn .aju-vn-both{align-items:flex-start}
    .aju-vn .aju-vn-both-head{text-align:left;padding:0}
    .aju-vn .aju-vn-both-col{padding:18px}
    .aju-vn .aju-vn-tosign{font-size:44px}
    .aju-vn .aju-vn-tosign-op{font-size:24px}
    .aju-vn .aju-vn-tosign-eq{font-size:60px}
}

@container (max-width:400px){
    .aju-vn .aju-vn-lane-row{flex-wrap:wrap}
    .aju-vn .aju-vn-lane-when{order:3;flex-basis:100%;font-size:12px;margin-top:4px}
}

@media (prefers-reduced-motion:reduce){
    .aju-vn *{transition:none !important;animation:none !important}
    .aju-vn .aju-vn-tosign > span{opacity:1 !important;transform:none !important}
}

.aju-vn .aju-vn-ending-v2 .aju-vn-sources-label{margin-bottom:4px;font-weight:700;color:var(--aju-vn-ink)}
.aju-vn .aju-vn-ending-v2 .aju-vn-sources-list{display:flex;flex-direction:column;margin-top:10px}
.aju-vn .aju-vn-ending-v2 .aju-vn-source{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 0;border-bottom:1px solid var(--aju-vn-line)}
.aju-vn .aju-vn-ending-v2 .aju-vn-source-p,.aju-vn .aju-vn-ending-v2 .aju-vn-source-r{flex:0 0 30px;font-family:var(--aju-vn-mono);color:var(--aju-vn-mute)}
.aju-vn .aju-vn-ending-v2 .aju-vn-source-what{flex:1 1 160px;color:var(--aju-vn-ink)}
.aju-vn .aju-vn-ending-v2 .aju-vn-source a{margin-left:auto;color:#7A4A33;font-size:12px;font-weight:400}
.aju-vn .aju-vn-ending-v2 .aju-vn-sources-end{margin-top:16px;font-size:12px;color:var(--aju-vn-mute)}
.aju-vn .aju-vn-share-wrap{display:flow-root;padding:0 28px 40px;background:#FAF7F1}
@container (max-width:640px){
    .aju-vn .aju-vn-share-wrap{padding:0 18px 40px}
}
