@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap");
.jn-mag-root *,.jn-mag-root *::before,.jn-mag-root *::after{box-sizing:border-box;margin:0;padding:0}
.jn-mag-root {
--p:   #0f3460; --acc: #e94560; --grn: #10b981; --bg:  #f8f9fc;
--wh:  #ffffff;
--bd:  #e2e8f0;
--tx:  #1a1a2e;
--mu:  #64748b;
--r:   12px;
--sh:  0 2px 16px rgba(15,52,96,.08);
font-family:'Noto Sans KR',sans-serif;
color:var(--tx);
max-width:740px;
margin:0 auto;
padding:4px 0 40px;
} .jn-card{background:var(--wh);border:1px solid var(--bd);border-radius:var(--r);
padding:26px 30px;margin-bottom:18px;box-shadow:var(--sh);transition:box-shadow .2s}
.jn-card:hover{box-shadow:0 4px 24px rgba(15,52,96,.13)} .jn-sh{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.jn-sn{font-size:12px;font-weight:700;color:var(--wh);background:var(--p);
border-radius:6px;padding:3px 10px;letter-spacing:.5px}
.jn-st{font-size:16px;font-weight:700} .jn-sw{position:relative}
.jn-si{width:100%;padding:13px 17px;font-size:14px;font-family:inherit;
border:2px solid var(--bd);border-radius:10px;outline:none;
transition:border-color .2s,box-shadow .2s;color:var(--tx)}
.jn-si:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(15,52,96,.1)}
.jn-ac{position:absolute;top:calc(100% + 5px);left:0;right:0;
background:var(--wh);border:1px solid var(--bd);border-radius:10px;
box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:9999;
max-height:270px;overflow-y:auto;display:none}
.jn-ai{display:flex;justify-content:space-between;align-items:center;
padding:10px 16px;cursor:pointer;transition:background .12s;gap:10px;font-size:14px}
.jn-ai:hover,.jn-ai:focus{background:#f1f5ff;outline:none}
.jn-ai+.jn-ai{border-top:1px solid #f0f0f0}
.jn-ai mark{background:#fff3b0;border-radius:2px;padding:0 2px}
.jn-ac-cat{font-size:11px;color:var(--mu);background:#f1f5f9;
padding:2px 8px;border-radius:20px;white-space:nowrap}
.jn-ac-empty{padding:12px 16px;font-size:13px;color:var(--mu)} .jn-sel{display:none;align-items:center;gap:10px;padding:10px 14px;
background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:10px}
.jn-sel-name{font-weight:700;font-size:14px;color:var(--p)}
.jn-badge{font-size:11px;background:#dbeafe;color:var(--p);
padding:2px 9px;border-radius:20px}
.jn-clr{margin-left:auto;background:none;border:none;cursor:pointer;
font-size:15px;color:var(--mu);padding:4px 7px;border-radius:5px;transition:background .15s}
.jn-clr:hover{background:#fee2e2;color:var(--acc)} .jn-btn-pri{display:block;width:100%;padding:14px;font-size:15px;font-weight:700;
font-family:inherit;background:var(--p);color:#fff;border:none;border-radius:10px;
cursor:pointer;transition:background .2s,transform .15s,opacity .2s;letter-spacing:.3px}
.jn-btn-pri:hover:not(:disabled){background:#1a4a80;transform:translateY(-1px)}
.jn-btn-pri:disabled{opacity:.38;cursor:not-allowed;transform:none}
.jn-btn-sec{padding:10px 20px;font-size:13px;font-weight:600;font-family:inherit;
background:none;border:1px solid var(--bd);border-radius:8px;cursor:pointer;
color:var(--mu);transition:background .15s,color .15s}
.jn-btn-sec:hover{background:var(--bg);color:var(--tx)} .jn-loading{display:flex;flex-direction:column;align-items:center;gap:12px;
padding:36px;color:var(--mu);font-size:14px}
.jn-spin{width:34px;height:34px;border:3px solid #e2e8f0;
border-top-color:var(--p);border-radius:50%;
animation:jn-spin .8s linear infinite}
@keyframes jn-spin{to{transform:rotate(360deg)}}
.jn-err{color:var(--acc);text-align:center;padding:20px;font-size:14px} .jn-hero{background:linear-gradient(135deg,var(--p) 0%,#16213e 100%);
color:#fff;border-radius:var(--r);padding:28px 30px;margin-bottom:22px;
position:relative;overflow:hidden}
.jn-hero::before{content:'';position:absolute;top:-40px;right:-40px;
width:150px;height:150px;background:rgba(255,255,255,.05);border-radius:50%}
.jn-hero-sub{font-size:13px;opacity:.75;margin-bottom:6px}
.jn-hero-label{font-size:12px;opacity:.65}
.jn-hero-value{font-size:36px;font-weight:700;margin-top:4px;letter-spacing:-.5px}
.jn-hero-note{font-size:13px;color:#86efac;margin-top:8px} .jn-breakdown{margin-bottom:20px}
.jn-breakdown h4{font-size:14px;font-weight:700;color:var(--p);margin-bottom:12px}
.jn-bd-wrap{border:1px solid var(--bd);border-radius:10px;overflow:hidden}
.jn-bd-row{display:flex;justify-content:space-between;align-items:center;
padding:13px 16px;border-bottom:1px solid var(--bd)}
.jn-bd-row:last-child{border-bottom:none}
.jn-bd-total{background:#f8f9ff;border-top:2px solid var(--p);font-weight:700}
.jn-bd-lbl{font-size:14px}
.jn-bd-note{display:block;font-size:11px;color:var(--mu);margin-top:2px}
.jn-bd-amt{font-size:14px;font-weight:600}
.jn-bd-total .jn-bd-amt{font-size:17px;color:var(--p)} .jn-email-gate{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);
border:1px solid #bae6fd;border-radius:var(--r);padding:26px;
margin-bottom:18px;text-align:center}
.jn-email-gate h4{font-size:16px;font-weight:700;margin-bottom:8px}
.jn-email-gate p{font-size:13px;color:var(--mu);margin-bottom:16px}
.jn-email-row{display:flex;gap:8px;max-width:420px;margin:0 auto 8px}
.jn-email-row input{flex:1;padding:11px 15px;font-size:13px;font-family:inherit;
border:2px solid #bae6fd;border-radius:8px;outline:none;transition:border-color .2s}
.jn-email-row input:focus{border-color:var(--p)}
.jn-email-row input.shake{animation:jn-shake .4s ease;border-color:var(--acc)}
@keyframes jn-shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.jn-email-send{padding:11px 18px;font-size:13px;font-weight:700;font-family:inherit;
background:var(--p);color:#fff;border:none;border-radius:8px;
cursor:pointer;white-space:nowrap;transition:background .2s}
.jn-email-send:hover{background:#1a4a80}
.jn-email-note{font-size:11px;color:#94a3b8}
.jn-email-ok{display:none;background:#f0fdf4;border:1px solid #86efac;
border-radius:8px;padding:14px;color:#065f46;font-size:13px;line-height:1.8}
.jn-pdf-btn{display:inline-block;margin-top:10px;padding:10px 20px;
background:var(--grn);color:#fff;border:none;border-radius:8px;
font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s}
.jn-pdf-btn:hover{background:#059669} .jn-powered{text-align:center;font-size:11px;color:#94a3b8;margin:14px 0}
.jn-powered a{color:var(--p);text-decoration:none;font-weight:600} .jn-toggle-wrap{display:flex;align-items:center;padding:13px 16px;
background:#f0fdf4;border:1px solid #86efac;border-radius:10px;margin-bottom:18px}
.jn-toggle-lbl{display:flex;align-items:center;gap:10px;cursor:pointer;
font-size:14px;font-weight:500}
.jn-toggle-lbl input{display:none}
.jn-sw2{width:42px;height:22px;background:#d1d5db;border-radius:11px;
position:relative;transition:background .2s;flex-shrink:0}
.jn-sw2::after{content:'';width:16px;height:16px;background:#fff;border-radius:50%;
position:absolute;top:3px;left:3px;transition:left .2s;
box-shadow:0 1px 4px rgba(0,0,0,.2)}
input:checked~.jn-sw2{background:var(--grn)}
input:checked~.jn-sw2::after{left:23px}
.jn-refund-badge{font-size:11px;background:#bbf7d0;color:#065f46;
padding:2px 8px;border-radius:20px;font-weight:700} .jn-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.jn-method-card{display:flex;flex-direction:column;align-items:center;gap:7px;
padding:20px 12px;border:2px solid var(--bd);border-radius:var(--r);
cursor:pointer;transition:border-color .2s,background .2s,transform .15s;user-select:none}
.jn-method-card:hover{border-color:#93c5fd;background:#f8faff;transform:translateY(-2px)}
.jn-method-card.active{border-color:var(--p);background:#eff6ff;
box-shadow:0 0 0 3px rgba(15,52,96,.1)}
.jn-method-card input{display:none}
.jn-mc-icon{font-size:26px}
.jn-mc-name{font-size:14px;font-weight:700}
.jn-mc-desc{font-size:11px;color:var(--mu)} .jn-sched-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:14px}
.jn-sched-table th{background:var(--p);color:#fff;padding:10px 14px;text-align:left;font-size:13px}
.jn-sched-table th:first-child{border-radius:8px 0 0 0}
.jn-sched-table th:last-child{border-radius:0 8px 0 0}
.jn-sched-table td{padding:11px 14px;border-bottom:1px solid var(--bd)}
.jn-sched-table tr:last-child td{border-bottom:none}
.jn-sched-table tr:nth-child(even) td{background:#f9fafb}
.jn-type-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}
.jn-written{background:#dbeafe;color:#1e40af}
.jn-practical{background:#fce7f3;color:#9d174d}
.jn-ics-row{display:flex;gap:10px;flex-wrap:wrap}
.jn-ics-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;
background:var(--p);color:#fff;border:none;border-radius:8px;
font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s;text-decoration:none}
.jn-ics-btn:hover{background:#1a4a80}
.jn-gcal-btn{background:#4285f4}
.jn-gcal-btn:hover{background:#2b6cb0} .jn-compare-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.jn-compare-inputs .jn-ci-wrap{position:relative}
.jn-compare-inputs .jn-ci-label{font-size:12px;font-weight:700;color:var(--mu);
margin-bottom:6px;display:block}
.jn-cmp-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:18px}
.jn-cmp-table th{padding:11px 16px;text-align:center;font-size:13px;background:#f8f9ff}
.jn-cmp-table th:first-child{text-align:left;background:none}
.jn-cmp-table td{padding:11px 16px;border-bottom:1px solid var(--bd);text-align:center}
.jn-cmp-table td:first-child{text-align:left;font-weight:600;color:var(--mu);font-size:13px}
.jn-cmp-table .jn-winner{background:#f0fdf4;font-weight:700;color:#065f46}
.jn-cmp-table .jn-loser{color:#94a3b8}
.jn-cmp-cert-name{font-size:13px;font-weight:700;color:var(--p);margin-bottom:3px}
.jn-summary-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.jn-sum-item{flex:1;min-width:140px;padding:14px 16px;border-radius:10px;
background:#f8f9ff;border:1px solid var(--bd);text-align:center}
.jn-sum-cat{font-size:11px;color:var(--mu);margin-bottom:4px}
.jn-sum-winner{font-size:14px;font-weight:700;color:var(--p)}
.jn-embed-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;
background:none;border:1px solid var(--bd);border-radius:7px;
font-size:12px;font-family:inherit;cursor:pointer;color:var(--mu);transition:background .15s}
.jn-embed-btn:hover{background:var(--bg)} .jn-chart-wrap{position:relative;height:280px;margin-bottom:16px}
.jn-chart-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.jn-cm-item{flex:1;min-width:130px;padding:14px;border-radius:10px;
background:var(--bg);border:1px solid var(--bd);text-align:center}
.jn-cm-lbl{font-size:11px;color:var(--mu);margin-bottom:4px}
.jn-cm-val{font-size:22px;font-weight:700;color:var(--p)}
.jn-cm-sub{font-size:11px;color:var(--mu);margin-top:2px}
.jn-embed-wrap{margin-bottom:16px}
.jn-embed-code{width:100%;padding:10px 12px;font-size:12px;font-family:monospace;
border:1px solid var(--bd);border-radius:8px;background:#f8f9fc;
resize:none;color:var(--mu)} .jn-salary-visual{display:grid;grid-template-columns:1fr auto 1fr;
align-items:center;gap:12px;margin-bottom:22px}
.jn-sal-box{padding:18px;border-radius:10px;text-align:center;border:1px solid var(--bd)}
.jn-sal-box.before{background:#f8f9fc}
.jn-sal-box.after{background:#eff6ff;border-color:#bfdbfe}
.jn-sal-label{font-size:11px;color:var(--mu);margin-bottom:6px}
.jn-sal-amt{font-size:24px;font-weight:700;color:var(--p)}
.jn-sal-sub{font-size:11px;color:var(--mu);margin-top:4px}
.jn-sal-arrow{font-size:28px;color:var(--grn);text-align:center}
.jn-sal-gain{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;
padding:16px;text-align:center;margin-bottom:20px}
.jn-sal-gain-pct{font-size:28px;font-weight:700;color:var(--grn)}
.jn-sal-gain-lbl{font-size:13px;color:#065f46;margin-top:4px}
.jn-job-cats{margin-bottom:20px}
.jn-job-cats h4{font-size:14px;font-weight:700;color:var(--p);margin-bottom:10px}
.jn-job-tags{display:flex;flex-wrap:wrap;gap:8px}
.jn-job-tag{padding:6px 14px;background:#f1f5f9;border-radius:20px;
font-size:13px;color:var(--tx)}
.jn-emp-bar-wrap{margin-bottom:20px}
.jn-emp-bar-wrap h4{font-size:14px;font-weight:700;color:var(--p);margin-bottom:10px}
.jn-emp-bar-bg{background:#e2e8f0;border-radius:99px;height:20px;overflow:hidden}
.jn-emp-bar-fg{height:100%;background:linear-gradient(90deg,var(--p),#4f8ef7);
border-radius:99px;transition:width 1s ease;position:relative}
.jn-emp-bar-fg::after{content:attr(data-val);position:absolute;right:10px;
top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:#fff} .jn-inner-link{margin-bottom:18px}
.jn-link-btn{display:flex;align-items:center;gap:8px;padding:13px 18px;
background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;
font-size:14px;font-weight:600;color:#c2410c;text-decoration:none;transition:background .2s}
.jn-link-btn:hover{background:#ffedd5} @media(max-width:580px){
.jn-card{padding:18px 16px}
.jn-method-grid{gap:8px}
.jn-method-card{padding:15px 8px}
.jn-mc-icon{font-size:22px}
.jn-mc-name{font-size:12px}
.jn-hero-value{font-size:28px}
.jn-compare-inputs{grid-template-columns:1fr}
.jn-email-row{flex-direction:column}
.jn-salary-visual{grid-template-columns:1fr;grid-template-rows:auto auto auto}
.jn-sal-arrow{transform:rotate(90deg)}
}
@media(max-width:400px){
.jn-method-grid{grid-template-columns:1fr}
.jn-chart-wrap{height:220px}
}