.intro-page{min-height:100dvh;background:radial-gradient(ellipse at 78% 13%,#183f302e,transparent 34%),var(--bg)}
.intro-wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}
.intro-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26352f;gap:24px}
.intro-brand{font-family:'Barlow Condensed',sans-serif;font-size:27px;font-weight:700;letter-spacing:.4px;white-space:nowrap}.intro-brand>span{color:var(--mint);padding:0 3px}.intro-brand small{font-family:'Noto Sans KR',sans-serif;font-size:10px;letter-spacing:0;font-weight:400;color:#7c938a;margin-left:15px}
.intro-header nav{display:flex;align-items:center;gap:30px;font-size:11px;color:#9eb4a9}.intro-header nav a:hover{color:var(--mint)}.intro-nav-start{display:flex;align-items:center;gap:14px;padding:10px 15px;border:1px solid #3b5c4c;border-radius:5px;color:#bdd7c7;white-space:nowrap}
.intro-main{padding:0}.intro-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:82px;padding:82px 0 70px}.intro-kicker{display:flex;align-items:center;gap:9px;color:var(--mint);font-size:10px;font-weight:500;letter-spacing:2.4px}.intro-kicker i{height:5px;width:5px;background:var(--mint);transform:rotate(45deg)}.intro-genre{color:#8ba297;font-size:11px;letter-spacing:.6px;margin-top:27px}.intro-title{font-size:clamp(40px,4.6vw,62px);font-weight:750;letter-spacing:-2.9px;line-height:1.34;margin:13px 0 25px;white-space:nowrap}.intro-title em{color:#9be6be;font-style:normal}.intro-lead{font-size:16px;line-height:1.95;color:#c4d4cb;letter-spacing:-.4px}.intro-description{font-size:12px;line-height:2;color:#8aa395;margin-top:15px;word-break:keep-all}.intro-start{margin-top:31px}.intro-cta{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:54px;padding:14px 23px;border:1px solid #9aefca;border-radius:5px;background:#91e7bd;color:#0b281b;font-size:14px;font-weight:650;box-shadow:0 8px 30px #5ccc9810}.intro-cta>svg:last-child{margin-left:30px}.intro-page .intro-cta:hover{color:#0b281b;background:#adf2cf;border-color:#adf2cf}.intro-save-note{font-size:10px;color:#7e9e8d;margin-top:13px;line-height:1.9;max-width:400px;overflow-wrap:anywhere}.intro-save-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin:0 7px 1px 0}.intro-hero-foot{color:#59796a;font-size:10px;margin-top:35px;letter-spacing:1px}.intro-hero-foot>span{margin-inline:10px;color:#3f6954}
.intro-file{border:1px solid #3b5947;border-radius:8px;background:linear-gradient(140deg,#1a2d21a6,#0e1816b3);box-shadow:0 18px 70px #0002;position:relative}.intro-file:before{content:'';position:absolute;height:3px;width:36px;top:-2px;left:28px;background:#9bd9a7}.intro-file-top{display:flex;justify-content:space-between;gap:12px;padding:17px 25px;border-bottom:1px solid #2b4133;font-size:8px;letter-spacing:1.2px;color:#698e75}.intro-file-top>span:last-child{color:#a4b594}.intro-file-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 29px 25px}.intro-file-heading>div>span{color:#799c80;font-size:10px;letter-spacing:.5px}.intro-file-heading h2{font-size:23px;font-weight:550;letter-spacing:-.7px;line-height:1.65;color:#d0dfcb;margin-top:9px}.intro-file-mark{font-family:'Barlow Condensed',sans-serif;font-size:63px;font-weight:600;color:#4b7550;line-height:1;border:1px solid #37533b;border-radius:50%;width:88px;height:88px;display:grid;place-items:center;position:relative;flex-shrink:0}.intro-file-mark>span{position:absolute;font-size:55px;right:9px;bottom:5px;color:#9ab581}.intro-route{list-style:none;margin:0 29px;padding:0;position:relative}.intro-route:before{content:'';position:absolute;top:18px;bottom:40px;left:17px;border-left:1px solid #3b5944}.intro-route li{display:grid;grid-template-columns:36px 1fr;gap:17px;position:relative;margin-bottom:23px}.intro-route-icon{width:35px;height:35px;display:grid;place-items:center;color:#b0cca4;border:1px solid #456449;background:#182b1e;border-radius:50%;margin-top:4px}.intro-route small{font-size:9px;color:#7e9e7c;letter-spacing:.4px}.intro-route h3{font-size:13px;font-weight:500;margin:3px 0;color:#c4d8bd}.intro-route p{color:#76917b;font-size:10px;line-height:1.9;max-width:290px;word-break:keep-all}.intro-file-bottom{padding:15px 29px;border-top:1px solid #304635;color:#8aab8a;font-size:9px;letter-spacing:.3px}.intro-file-bottom i{display:inline-block;width:5px;height:5px;background:#a5c98d;border-radius:50%;margin-right:7px}
.intro-volume{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid #2c4135;border-bottom:1px solid #2c4135;padding:25px 0}.intro-volume>div{padding:0 28px;border-left:1px solid #293d33;display:flex;flex-direction:column-reverse}.intro-volume>div:first-child{padding-left:0;border:0}.intro-volume dt{font-size:11px;color:#8ca696;letter-spacing:.3px;margin-top:4px}.intro-volume dd{font-family:'DM Sans',sans-serif;font-size:32px;font-weight:400;line-height:1.2;margin:0;color:#cce0d2}.intro-volume dd>span{font-family:'Noto Sans KR',sans-serif;font-size:10px;color:#668573;margin-left:8px}
.intro-story{display:grid;grid-template-columns:1fr 2.1fr;gap:50px;padding:76px 0;border-bottom:1px solid #24392e;scroll-margin-top:25px}.intro-section-label{font-size:10px;color:#8bcaa1;letter-spacing:2.2px;line-height:2.2}.intro-section-label>span{letter-spacing:0;color:#718e7b;font-size:11px}.intro-story h2{font-size:29px;line-height:1.7;font-weight:550;letter-spacing:-1px;color:#cfdfd4;margin-bottom:22px}.intro-story p{font-size:13px;line-height:2;color:#8fa799;max-width:650px;word-break:keep-all;margin-top:14px}.intro-story-tags{display:flex;gap:25px;flex-wrap:wrap;margin-top:28px;color:#a2c0ac;font-size:11px}.intro-story-tags span{display:flex;align-items:center;gap:7px}.intro-story-tags svg{color:#7bc997}
.intro-how{padding:72px 0;scroll-margin-top:25px}.intro-how>h2{font-size:28px;font-weight:550;letter-spacing:-1px;line-height:1.6;margin-top:15px;color:#d4e0d7}.intro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}.intro-steps article{border-top:1px solid #36503d;padding-top:21px}.intro-steps article>span{font-family:'DM Sans',sans-serif;color:#7ab991;font-size:17px;font-weight:400}.intro-steps h3{font-size:16px;letter-spacing:-.5px;font-weight:500;margin:14px 0 12px;color:#bfd3c5}.intro-steps p{font-size:12px;line-height:2;color:#829e8b;word-break:keep-all}.intro-invitation{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(110deg,#203b282e,#253d2722);border:1px solid #36543e;border-radius:6px;padding:35px 42px;margin-bottom:65px}.intro-invitation p{font-size:9px;letter-spacing:2px;color:#78a887;margin-bottom:13px}.intro-invitation h2{font-size:26px;font-weight:550;line-height:1.65;letter-spacing:-.8px;color:#c5dbc9}
.intro-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 0 28px;border-top:1px solid #283c31;font-size:10px;color:#6a8a75;letter-spacing:.2px}.intro-footer>span:first-child{white-space:nowrap}.intro-footer-sub{margin-left:18px;color:#52715d}.intro-footer>span:last-child{display:flex;align-items:center;gap:7px;font-size:9px}
@media(min-width:1600px){.intro-wrap{width:min(1260px,calc(100% - 128px))}.intro-hero{gap:115px;padding-top:98px;padding-bottom:88px}.intro-title{font-size:68px}.intro-file-heading h2{font-size:25px}.intro-route li{margin-bottom:27px}.intro-route p{font-size:11px}}
@media(max-width:1000px){.intro-wrap{width:calc(100% - 64px)}.intro-brand small{display:none}.intro-hero{gap:35px;padding-top:60px;padding-bottom:50px}.intro-title{font-size:45px}.intro-lead{font-size:14px}.intro-description{font-size:11px}.intro-description br{display:none}.intro-file-top{padding-inline:19px;font-size:7px;letter-spacing:.7px}.intro-file-heading{padding:23px 20px}.intro-file-heading h2{font-size:19px}.intro-file-mark{width:63px;height:63px;font-size:45px}.intro-file-mark>span{font-size:40px;right:5px;bottom:3px}.intro-route{margin-inline:20px}.intro-route li{gap:12px}.intro-route h3{font-size:12px}.intro-route p{font-size:10px}.intro-file-bottom{padding-inline:20px}.intro-story{gap:25px;grid-template-columns:1fr 2.4fr}.intro-steps{gap:24px}.intro-steps h3{font-size:14px}}
@media(max-width:740px){.intro-wrap{width:calc(100% - 40px)}.intro-header{height:76px}.intro-brand{font-size:25px}.intro-header nav{gap:19px;font-size:10px}.intro-nav-start{display:none}.intro-hero{grid-template-columns:1fr;gap:42px;padding:42px 0}.intro-hero-copy{max-width:530px}.intro-title{font-size:clamp(37px,7.5vw,54px);letter-spacing:-2px;margin-top:12px;margin-bottom:21px;white-space:normal}.intro-genre{font-size:10px;margin-top:22px}.intro-kicker{font-size:9px;letter-spacing:2px}.intro-lead{font-size:14px}.intro-description{font-size:11px;max-width:420px}.intro-description br{display:block}.intro-start{margin-top:25px}.intro-cta{min-height:51px;font-size:13px;padding:12px 20px}.intro-save-note{font-size:10px}.intro-hero-foot{margin-top:23px;font-size:9px}.intro-file{max-width:530px;width:100%;justify-self:center}.intro-file-top{padding:14px 21px;font-size:7px}.intro-file-heading{padding:24px 23px}.intro-file-heading h2{font-size:23px}.intro-file-mark{width:75px;height:75px;font-size:53px}.intro-file-mark>span{font-size:47px;right:7px}.intro-route{margin-inline:23px}.intro-route li{gap:16px;margin-bottom:22px}.intro-route h3{font-size:13px}.intro-route p{font-size:10px}.intro-file-bottom{padding-inline:23px}.intro-volume{grid-template-columns:repeat(2,1fr);row-gap:23px;padding:25px 0}.intro-volume>div{padding-left:20px}.intro-volume>div:nth-child(3){padding-left:0;border:0}.intro-volume dd{font-size:29px}.intro-volume dt{font-size:10px}.intro-story{grid-template-columns:1fr;gap:23px;padding:43px 0}.intro-story h2{font-size:24px;margin-bottom:19px}.intro-section-label{font-size:9px}.intro-section-label br{display:none}.intro-section-label>span{margin-left:13px;font-size:10px}.intro-story p{font-size:12px}.intro-story-tags{gap:17px;font-size:10px}.intro-how{padding:44px 0}.intro-how>h2{font-size:24px}.intro-steps{grid-template-columns:1fr;gap:25px;margin-top:26px}.intro-steps article{padding-top:18px}.intro-steps h3{font-size:16px;margin:9px 0}.intro-steps p{font-size:12px;max-width:470px}.intro-steps article>span{font-size:15px}.intro-invitation{display:block;padding:27px 25px;margin-bottom:40px}.intro-invitation h2{font-size:24px}.intro-invitation .intro-cta{margin-top:23px}.intro-footer{flex-direction:column;align-items:flex-start;gap:11px;padding:20px 0 25px}.intro-footer-sub{margin-left:12px;font-size:9px}}
@media(max-width:360px){.intro-header nav{gap:12px}.intro-brand{font-size:23px}.intro-title{font-size:35px}.intro-description br{display:none}.intro-file-heading h2{font-size:20px}.intro-file-mark{width:64px;height:64px;font-size:46px}.intro-file-mark>span{font-size:40px;right:5px}.intro-route{margin-inline:19px}.intro-route li{gap:12px}.intro-route h3{font-size:12px}.intro-how>h2{font-size:21px}.intro-invitation{padding-inline:21px}.intro-footer-sub{display:none}}