@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
.yy{--yy-blue:#3271d7;--yy-ink:#172b46;--yy-muted:#52647b;--yy-paper:#f6f8fc;--yy-line:#dce4ef;--yy-tint:#e9f0fd;--yy-navy:#0d2440;--yy-mint:#d7f4e9;font-family:'Noto Sans KR',sans-serif;color:var(--yy-ink);font-size:17px;line-height:1.8;background:#fff;word-break:keep-all;overflow-wrap:anywhere;text-align:left}
.yy *{box-sizing:border-box}.yy :is(h1,h2,h3,p,figure,ol,ul){margin:0}.yy a{color:inherit;text-decoration:none}.yy a:focus-visible,.yy summary:focus-visible{outline:3px solid var(--yy-blue);outline-offset:5px}.yy a:hover{color:var(--yy-blue)}.yy img{display:block;width:100%;height:auto;max-width:100%}.yy .yy-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.yy .yy-section{padding:80px 0}.yy .yy-stack{display:flex;flex-direction:column;gap:32px}.yy .yy-paper{background:var(--yy-paper)}.yy .yy-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}.yy .yy-logo{font-weight:700;font-size:28px;line-height:38px;color:var(--yy-blue);letter-spacing:-1px}.yy .yy-navlinks{display:flex;gap:28px;font-size:14px;color:var(--yy-muted)}.yy .yy-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 24px;border:1px solid var(--yy-blue);border-radius:99px;background:var(--yy-blue);color:#fff;font-size:15px;font-weight:500;line-height:24px;width:max-content;max-width:100%;transition:background .15s,color .15s}.yy .yy-button:hover{background:#245dad;color:#fff}.yy .yy-button.secondary{background:#fff;border-color:var(--yy-line);color:var(--yy-ink)}.yy .yy-button.secondary:hover{background:var(--yy-tint)}.yy .yy-eyebrow{color:var(--yy-blue);font-size:12px;font-weight:700;line-height:20px}.yy .yy-hero{padding:64px 0}.yy .yy-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.yy .yy-hero-copy{display:flex;flex-direction:column;gap:24px}.yy h1{font-size:64px;line-height:1.3;font-weight:700;letter-spacing:-2.5px}.yy h2{font-size:36px;line-height:1.4;letter-spacing:-1px;font-weight:700}.yy h3{font-size:22px;line-height:1.55;letter-spacing:-.4px;font-weight:700}.yy .yy-desc{font-size:18px;line-height:32px;color:var(--yy-muted)}.yy .yy-actions{display:flex;gap:12px;flex-wrap:wrap}.yy .yy-note{font-size:12px;color:var(--yy-muted);line-height:22px}.yy .yy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:32px 0}.yy .yy-stat strong{display:block;color:var(--yy-blue);font-size:32px;line-height:42px}.yy .yy-stat span{font-size:14px;line-height:22px;color:var(--yy-muted)}.yy .yy-categories{padding:64px 0}.yy .yy-section-intro{font-size:16px;line-height:28px;color:var(--yy-muted)}.yy .yy-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.yy .yy-card{padding:24px;border:1px solid var(--yy-line);border-radius:24px;display:flex;flex-direction:column;gap:16px;min-width:0}.yy .yy-icon{width:28px;height:28px;color:var(--yy-blue)}.yy .yy-card h3{font-size:21px;line-height:32px}.yy .yy-card .yy-card-desc{font-size:14px;line-height:23px;color:var(--yy-muted);margin-top:8px}.yy .yy-card-links{border-top:1px solid var(--yy-line);padding-top:16px;display:flex;flex-direction:column;gap:16px}.yy .yy-destination{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:48px}.yy .yy-destination b{display:block;font-weight:500;font-size:15px;line-height:25px}.yy .yy-destination small{display:block;color:var(--yy-muted);font-size:12px;line-height:20px}.yy .yy-destination .yy-arrow{color:var(--yy-blue);font-size:19px}.yy .yy-features{padding:64px 0}.yy .yy-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.yy .yy-feature{background:white;padding:24px;border-radius:24px;display:flex;flex-direction:column;gap:24px}.yy .yy-feature p{font-size:15px;line-height:26px;color:var(--yy-muted)}.yy .yy-dark{background:var(--yy-navy);color:white;padding:64px 0}.yy .yy-dark .yy-eyebrow{color:var(--yy-mint)}.yy .yy-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.yy .yy-step{display:flex;flex-direction:column;gap:12px}.yy .yy-step .yy-num{font-size:14px;font-weight:700;color:var(--yy-mint);line-height:24px}.yy .yy-step p{font-size:15px;line-height:27px;color:var(--yy-tint)}.yy .yy-guide-intro{color:var(--yy-muted);font-size:17px;line-height:29px}.yy .yy-guide-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}.yy .yy-toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}.yy .yy-toc ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}.yy .yy-toc a{display:block;color:var(--yy-muted);font-size:13px;line-height:24px}.yy .yy-toc a:hover{color:var(--yy-blue)}.yy .yy-chapters{display:flex;flex-direction:column;gap:32px}.yy .yy-chapter{background:white;padding:40px;border-radius:24px;display:flex;flex-direction:column;gap:24px;scroll-margin-top:24px}.yy .yy-chapter h2{font-size:28px;line-height:42px;letter-spacing:-.7px}.yy .yy-article-group{display:flex;flex-direction:column;gap:16px}.yy .yy-article-group h3{font-size:21px;line-height:33px}.yy .yy-article-group p{font-size:17px;line-height:31px;color:var(--yy-muted);word-break:normal;overflow-wrap:anywhere}.yy .yy-faq-list{display:flex;flex-direction:column;gap:32px}.yy .yy-faq-item{background:var(--yy-paper);border-radius:16px;padding:24px;scroll-margin-top:24px}.yy .yy-faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:start;font-weight:700;font-size:19px;line-height:30px;min-height:44px}.yy .yy-faq-item summary::-webkit-details-marker{display:none}.yy .yy-faq-item summary::after{content:'＋';font-weight:400;font-size:20px;flex:none}.yy .yy-faq-item[open] summary::after{content:'−'}.yy .yy-faq-item p{margin-top:8px;color:var(--yy-muted);font-size:16px;line-height:28px}.yy .yy-cta{background:var(--yy-tint);padding:64px 0}.yy .yy-footer{background:var(--yy-navy);color:var(--yy-tint);padding:48px 0}.yy .yy-footer .yy-logo{color:#fff}.yy .yy-footer p{font-size:14px;line-height:26px}.yy .yy-footer .yy-note{font-size:12px;line-height:23px;color:var(--yy-tint)}.yy .yy-footer a{color:var(--yy-tint)}.yy .yy-footer a:hover{color:#fff}.yy .yy-skip{position:absolute;left:-9999px;top:12px;z-index:10000;background:#fff;padding:12px}.yy .yy-skip:focus{left:12px}.yy [id]{scroll-margin-top:24px}
@media(min-width:1400px){.yy .yy-shell{width:1200px}}
@media(max-width:1023px){.yy .yy-navlinks{gap:16px}.yy h1{font-size:50px}.yy .yy-hero-grid{gap:32px}.yy .yy-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yy .yy-guide-grid{grid-template-columns:1fr;gap:32px}.yy .yy-toc{position:static}.yy .yy-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}}
@media(max-width:600px){.yy .yy-shell{width:calc(100% - 48px)}.yy .yy-nav{gap:12px}.yy .yy-navlinks{display:none}.yy .yy-nav .yy-button{font-size:14px;padding:15px 22px}.yy .yy-nav .yy-desktop-label{display:none}.yy .yy-nav .yy-mobile-label{display:inline}.yy .yy-section,.yy .yy-hero,.yy .yy-categories,.yy .yy-features,.yy .yy-dark,.yy .yy-cta,.yy .yy-footer{padding:48px 0}.yy .yy-hero-grid{grid-template-columns:1fr;gap:40px}.yy h1{font-size:43px;line-height:61px;letter-spacing:-1.8px}.yy h2{font-size:28px;line-height:40px;letter-spacing:-.8px}.yy .yy-desc{font-size:16px;line-height:28px}.yy .yy-actions .secondary{display:none}.yy .yy-stats{gap:12px;padding:48px 0}.yy .yy-stat strong{font-size:26px}.yy .yy-stat span{font-size:11px}.yy .yy-category-grid,.yy .yy-feature-grid,.yy .yy-steps{grid-template-columns:1fr}.yy .yy-guide-intro{font-size:16px}.yy .yy-toc ol{grid-template-columns:1fr}.yy .yy-chapter{padding:24px}.yy .yy-chapter h2{font-size:24px;line-height:36px}.yy .yy-article-group h3{font-size:19px;line-height:30px}.yy .yy-article-group p{font-size:16px;line-height:29px}.yy .yy-faq-item summary{font-size:17px;line-height:30px}.yy .yy-faq-item p{font-size:15px;line-height:28px}}
@media(min-width:601px){.yy .yy-mobile-label{display:none}}
@media(prefers-reduced-motion:reduce){.yy *{transition:none!important;scroll-behavior:auto!important}}