.yp{--yp-n:#071b2b;--yp-blue:#124f78;--yp-orange:#ef6a2c;--yp-paper:#fffdf8;--yp-warm:#f3eee4;color:#172633;background:var(--yp-paper)}
.yp *{box-sizing:border-box}.yp a{color:#075e94;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.yp a:hover{color:#b84612}.yp-wrap{width:min(1160px,calc(100% - 40px));margin:auto}.yp-crumbs{padding:18px 0;font-size:13px;color:#52636f}.yp-hero{position:relative;min-height:570px;display:grid;align-items:center;overflow:hidden;background:var(--yp-n);color:white}.yp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yp-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,30,.98) 0%,rgba(3,18,30,.88) 34%,rgba(3,18,30,.25) 70%,rgba(3,18,30,.08))}.yp-hero__copy{position:relative;z-index:1;max-width:650px;padding:90px 0}.yp-kicker{color:#ff8a50;font:800 12px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.yp-hero h1{margin:13px 0 20px;max-width:13ch;color:white;font-size:clamp(43px,6vw,76px);line-height:1.02}.yp-hero p{max-width:60ch;color:#e0e8ec;font-size:19px}.yp-caption{position:absolute;z-index:2;right:18px;bottom:14px;max-width:430px;color:#dce5e9;font-size:11px;text-align:right}.yp-route{background:#0d344f;color:white}.yp-route .yp-wrap{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:28px 0}.yp-route p{margin:0;color:#d8e6ed}.yp-route a{display:inline-block;padding:13px 18px;background:var(--yp-orange);color:white;text-decoration:none;font-weight:800}.yp-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:72px;padding:72px 0}.yp-prose{min-width:0}.yp-prose h2{margin:60px 0 14px;color:var(--yp-n);font-size:clamp(28px,4vw,42px);line-height:1.12}.yp-prose h2:first-child{margin-top:0}.yp-prose h3{margin-top:30px;color:#163a51;font-size:22px}.yp-prose p,.yp-prose li{font-size:17px;line-height:1.75}.yp-prose li+li{margin-top:8px}.yp-toc{position:sticky;top:24px;align-self:start;border-top:4px solid var(--yp-orange);background:var(--yp-warm);padding:20px}.yp-toc b{display:block;margin-bottom:10px}.yp-toc a{display:block;padding:7px 0;color:#174c6d;font-size:14px}.yp-note{margin:28px 0;padding:22px 24px;border-left:4px solid var(--yp-orange);background:#f3f7f9}.yp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}.yp-card{border:1px solid #cbd8de;background:white;padding:24px}.yp-card h3{margin:0 0 8px}.yp-card p{margin:0;font-size:15px}.yp-steps{counter-reset:steps;list-style:none;padding:0}.yp-steps li{position:relative;padding:18px 20px 18px 64px;border-top:1px solid #cad6dc}.yp-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:12px;top:17px;width:32px;height:32px;display:grid;place-items:center;background:var(--yp-n);color:white;font-weight:800}.yp-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.yp-table th,.yp-table td{padding:14px;text-align:left;vertical-align:top;border:1px solid #cad6dc}.yp-table th{background:#103651;color:white}.yp-cluster{padding:70px 0;background:var(--yp-warm)}.yp-cluster h2{font-size:clamp(30px,4vw,44px)}.yp-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.yp-index a{display:block;padding:24px;border-top:3px solid var(--yp-orange);background:white;color:var(--yp-n);text-decoration:none}.yp-index a b{display:block;font-size:20px}.yp-index a span{display:block;margin-top:8px;color:#5b6a73}.yp-source{font-size:14px;color:#5a6870}.yp-faq details{border-top:1px solid #c7d3d9;padding:18px 0}.yp-faq summary{cursor:pointer;color:var(--yp-n);font-weight:800}.yp-link-policy{padding:42px 0;background:#082337;color:white}.yp-link-policy p{max-width:78ch;color:#d8e4e9}.yp-link-policy a{color:#ffad82}.yp .kr-foot a{color:inherit;text-decoration:none}@media(max-width:800px){.yp-hero{min-height:500px}.yp-hero:after{background:linear-gradient(90deg,rgba(3,18,30,.95),rgba(3,18,30,.55))}.yp-layout{grid-template-columns:1fr;gap:28px;padding:48px 0}.yp-toc{position:static;order:-1}.yp-route .yp-wrap{grid-template-columns:1fr}.yp-grid,.yp-index{grid-template-columns:1fr}.yp-caption{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}