/* new_exchange.php 전용. 기존 공무원 페이지의 폭·색상·폰트와 상세 페이지 CSS를 유지합니다. */
.upxe-home .upxe-hero { padding:56px 0; }
.upxe-home .upxe-hero-grid { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:48px; }
.upxe-home .upxe-home-hero-panel { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--upxe-line); border-radius:5px; background:#fff; }
.upxe-home .upxe-home-hero-panel > img { display:block; width:100%; height:auto; aspect-ratio:614/350; object-fit:cover; object-position:center 38%; }
.upxe-home .upxe-home-hero-fee { padding:22px 28px 24px; }
.upxe-home .upxe-home-hero-fee > p { font-size:13px; }
.upxe-home .upxe-home-hero-fee > .upxe-fee { margin:2px 0 4px; font-size:36px; font-weight:750; line-height:1.35; letter-spacing:-.04em; color:var(--upxe-accent); }
.upxe-home .upxe-home-hero-fee > strong { display:block; margin-bottom:3px; font-size:16px; }
.upxe-home .upxe-home-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:26px 0; }
.upxe-home .upxe-home-facts > div { padding:0 24px; border-left:1px solid var(--upxe-line); }
.upxe-home .upxe-home-facts > div:first-child { padding-left:0; border-left:0; }
.upxe-home .upxe-home-facts dt { color:var(--upxe-muted); font-size:12px; margin-bottom:4px; }
.upxe-home .upxe-home-facts dd { font-size:15px; font-weight:650; }
.upxe-home .upxe-home-nav { border-block:1px solid var(--upxe-line); background:#fff; }
.upxe-home .upxe-home-nav > div { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); }
.upxe-home .upxe-home-nav a { display:flex; justify-content:center; align-items:center; gap:7px; min-height:61px; padding:12px 3px; font-size:13px; font-weight:650; }
.upxe-home .upxe-home-nav a > span { font-size:10px; color:var(--upxe-muted); font-weight:500; }
.upxe-home .upxe-home-nav a:hover { color:var(--upxe-accent); background:var(--upxe-paper); }
.upxe-home .upxe-home-section { padding:72px 0; border-bottom:1px solid var(--upxe-line); }
.upxe-home .upxe-home-tint { background:#faf9fb; }
.upxe-home .upxe-home-heading { margin-bottom:30px; max-width:780px; }
.upxe-home .upxe-home-heading h2 { margin-bottom:16px; }
.upxe-home .upxe-home-heading h2 > span,.upxe-home .upxe-contact h2 > span { display:block; }
.upxe-home .upxe-home-heading > p:not(.upxe-eyebrow) { font-size:15px; line-height:1.9; }
.upxe-home .upxe-home-program-intro { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:55px; align-items:center; margin-bottom:34px; }
.upxe-home .upxe-home-program-intro .upxe-home-heading { margin:0; }
.upxe-home .upxe-home-program-intro > img { width:100%; height:auto; display:block; border-radius:4px; }
.upxe-home .upxe-home-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.upxe-home .upxe-home-benefits article { border-top:2px solid #d0c6df; padding-top:20px; }
.upxe-home .upxe-home-tag { font-size:11px; letter-spacing:.06em; font-weight:700; color:var(--upxe-accent); margin-bottom:10px; }
.upxe-home .upxe-home-benefits h3,.upxe-home .upxe-home-eligibility h3,.upxe-home .upxe-home-steps h3,.upxe-home .upxe-home-living h3,.upxe-home .upxe-home-next h3 { font-size:19px; margin-bottom:9px; }
.upxe-home .upxe-home-benefits article > p:last-child,.upxe-home .upxe-home-eligibility article p,.upxe-home .upxe-home-steps p,.upxe-home .upxe-home-living p,.upxe-home .upxe-home-next article > p:last-child { font-size:14px; line-height:1.9; }
.upxe-home .upxe-home-placement { display:grid; grid-template-columns:140px minmax(0,1fr); gap:20px; background:#f2eff7; border-left:3px solid var(--upxe-accent); padding:22px 26px; margin-top:30px; }
.upxe-home .upxe-home-placement strong { font-size:14px; color:var(--upxe-accent); }
.upxe-home .upxe-home-placement p { font-size:14px; }
.upxe-home .upxe-home-eligibility { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.upxe-home .upxe-home-eligibility article { display:grid; grid-template-columns:30px minmax(0,1fr); gap:16px; border:1px solid var(--upxe-line); border-radius:4px; background:#fff; padding:24px; }
.upxe-home .upxe-home-number { color:#847299; font-size:17px; line-height:1.65; }
.upxe-home .upxe-home-documents { display:flex; align-items:flex-start; flex-wrap:wrap; gap:14px 24px; margin-top:26px; }
.upxe-home .upxe-home-documents h3 { font-size:14px; padding-top:4px; }
.upxe-home .upxe-home-documents ul { display:flex; flex-wrap:wrap; gap:7px; list-style:none; }
.upxe-home .upxe-home-documents li { font-size:12px; padding:3px 10px; border:1px solid #ded9e6; border-radius:3px; background:#fff; color:var(--upxe-text); }
.upxe-home .upxe-home-more { margin-top:22px; }
.upxe-home .upxe-home-budget-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:55px; align-items:center; }
.upxe-home .upxe-home-budget-grid .upxe-home-heading { margin:0; }
.upxe-home .upxe-home-budget { padding:30px 34px; background:var(--upxe-accent); color:#fff; border-radius:5px; }
.upxe-home .upxe-home-budget > p { color:#f0eaf9; font-size:13px; }
.upxe-home .upxe-home-budget > .upxe-fee { font-size:46px; font-weight:750; letter-spacing:-.045em; line-height:1.4; margin:5px 0; color:#fff; }
.upxe-home .upxe-home-budget > strong { display:block; font-size:19px; }
.upxe-home .upxe-home-budget-extra { display:flex; gap:16px; justify-content:space-between; align-items:center; margin-top:23px; padding-top:18px; border-top:1px solid #a193c8; }
.upxe-home .upxe-home-budget-extra > span { font-size:12px; color:#f0eaf9; }
.upxe-home .upxe-home-budget-extra > b { font-size:17px; }
.upxe-home .upxe-home-process-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr); gap:60px; }
.upxe-home .upxe-home-steps { list-style:none; }
.upxe-home .upxe-home-steps li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:18px; padding:20px 0; border-bottom:1px solid var(--upxe-line); }
.upxe-home .upxe-home-steps li:first-child { padding-top:0; }
.upxe-home .upxe-home-steps li:last-child { padding-bottom:0; border:0; }
.upxe-home .upxe-home-steps li > span { display:flex; align-items:center; justify-content:center; width:36px; height:36px; font-size:12px; color:var(--upxe-accent); background:#ece7f3; border-radius:50%; }
.upxe-home .upxe-home-living { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.upxe-home .upxe-home-living article { border-top:2px solid #d0c6df; padding-top:22px; }
.upxe-home .upxe-home-living h3 { max-width:260px; }
.upxe-home .upxe-home-support { border-top:1px solid var(--upxe-line); margin-top:26px; padding-top:20px; font-size:14px; color:var(--upxe-accent); font-weight:600; }
.upxe-home .upxe-home-stories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.upxe-home .upxe-home-stories article { display:flex; flex-direction:column; border:1px solid var(--upxe-line); border-radius:5px; overflow:hidden; background:#fff; }
.upxe-home .upxe-home-stories article > img { display:block; width:100%; height:auto; aspect-ratio:620/330; object-fit:cover; object-position:center 40%; }
.upxe-home .upxe-home-story-body { display:flex; flex-direction:column; padding:26px 28px; flex:1; }
.upxe-home .upxe-home-story-body h3 { font-size:22px; margin-bottom:13px; }
.upxe-home .upxe-home-story-body > p:not(.upxe-home-tag) { font-size:14px; line-height:1.9; }
.upxe-home .upxe-home-story-body blockquote { margin:20px 0; padding:15px 18px; background:#f7f5fa; border-left:2px solid #a491c5; }
.upxe-home .upxe-home-story-body blockquote p { font-size:14px; color:#514268; }
.upxe-home .upxe-home-story-body > a { margin-top:auto; align-self:flex-start; }
.upxe-home .upxe-home-next { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.upxe-home .upxe-home-next article { padding:26px 28px; border:1px solid var(--upxe-line); border-top:3px solid #b5a6ce; border-radius:4px; }
.upxe-home .upxe-home-deep-links { margin-top:28px; }
.upxe-home .upxe-home-deep-links article { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:32px; border-bottom:1px solid var(--upxe-line); padding:23px 0; }
.upxe-home .upxe-home-deep-links h3 { font-size:17px; margin-bottom:6px; }
.upxe-home .upxe-home-deep-links p { font-size:14px; line-height:1.8; max-width:680px; }
.upxe-home .upxe-home-further { display:flex; align-items:center; flex-wrap:wrap; gap:6px 25px; margin-top:21px; }
.upxe-home .upxe-home-further > span { font-size:12px; color:var(--upxe-muted); }
.upxe-home .upxe-home-further a { font-size:12px; }
.upxe-home .upxe-home-faq-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr); gap:60px; }
.upxe-home .upxe-home-faq-grid .upxe-home-heading { margin:0; }
.upxe-home .upxe-faq-list summary { font-size:15px; padding:20px 0; }
.upxe-home .upxe-faq-list details > p { font-size:14px; }
@media (max-width:960px) {
 .upxe-home .upxe-hero-grid { gap:28px; }
 .upxe-home .upxe-home-facts > div { padding:0 14px; }
 .upxe-home .upxe-home-facts dd { font-size:13px; }
 .upxe-home .upxe-home-nav a { flex-direction:column; gap:0; }
 .upxe-home .upxe-home-process-grid,.upxe-home .upxe-home-faq-grid { gap:35px; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }
 .upxe-home .upxe-home-program-intro,.upxe-home .upxe-home-budget-grid { gap:30px; }
 .upxe-home .upxe-home-living,.upxe-home .upxe-home-benefits { gap:20px; }
}
@media (max-width:760px) {
 .upxe-home .upxe-hero { padding:36px 0; }
 .upxe-home .upxe-hero-grid,.upxe-home .upxe-home-program-intro,.upxe-home .upxe-home-budget-grid,.upxe-home .upxe-home-process-grid,.upxe-home .upxe-home-faq-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 .upxe-home .upxe-hero-title { font-size:32px; }
 .upxe-home .upxe-home-hero-panel > img { order:2; aspect-ratio:614/350; }
 .upxe-home .upxe-home-hero-fee { padding:20px 24px; }
 .upxe-home .upxe-home-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 0; padding:23px 0; }
 .upxe-home .upxe-home-facts > div { padding:0 12px; }
 .upxe-home .upxe-home-facts > div:nth-child(odd) { padding-left:0; border-left:0; }
 .upxe-home .upxe-home-facts dd { font-size:13px; }
 .upxe-home .upxe-home-nav > div { grid-template-columns:repeat(4,minmax(0,1fr)); padding-block:5px; }
 .upxe-home .upxe-home-nav a { min-height:51px; padding:5px 2px; font-size:12px; }
 .upxe-home .upxe-home-section { padding:46px 0; }
 .upxe-home .upxe-home-heading { margin-bottom:25px; }
 .upxe-home .upxe-home-heading h2 { font-size:26px; }
 .upxe-home .upxe-home-heading > p:not(.upxe-eyebrow) { font-size:14px; }
 .upxe-home .upxe-home-benefits,.upxe-home .upxe-home-living,.upxe-home .upxe-home-stories,.upxe-home .upxe-home-next,.upxe-home .upxe-home-eligibility { grid-template-columns:minmax(0,1fr); gap:20px; }
 .upxe-home .upxe-home-benefits article,.upxe-home .upxe-home-living article { padding-top:18px; }
 .upxe-home .upxe-home-placement { grid-template-columns:minmax(0,1fr); gap:6px; padding:20px; margin-top:25px; }
 .upxe-home .upxe-home-eligibility { gap:12px; }
 .upxe-home .upxe-home-eligibility article { padding:20px; gap:12px; }
 .upxe-home .upxe-home-documents { gap:12px; }
 .upxe-home .upxe-home-budget { padding:25px 26px; }
 .upxe-home .upxe-home-budget > .upxe-fee { font-size:42px; }
 .upxe-home .upxe-home-process-grid .upxe-home-heading { margin-bottom:0; }
 .upxe-home .upxe-home-steps { border-top:1px solid var(--upxe-line); padding-top:23px; }
 .upxe-home .upxe-home-steps h3 { font-size:18px; }
 .upxe-home .upxe-home-living h3 { max-width:none; }
 .upxe-home .upxe-home-story-body { padding:23px; }
 .upxe-home .upxe-home-story-body h3 { font-size:21px; }
 .upxe-home .upxe-home-next article { padding:23px; }
 .upxe-home .upxe-home-deep-links article { grid-template-columns:minmax(0,1fr); gap:8px; padding:21px 0; }
 .upxe-home .upxe-home-deep-links a { justify-self:start; }
 .upxe-home .upxe-home-further { gap:3px 18px; }
 .upxe-home .upxe-home-further > span { flex-basis:100%; }
 .upxe-home .upxe-home-faq-grid .upxe-home-heading { margin-bottom:0; }
 .upxe-home .upxe-contact h2 { font-size:26px; }
}
@media (max-width:360px) {
 .upxe-home .upxe-hero-title { font-size:29px; }
 .upxe-home .upxe-home-heading h2,.upxe-home .upxe-contact h2 { font-size:24px; }
 .upxe-home .upxe-home-eligibility article { padding:18px 15px; gap:8px; }
 .upxe-home .upxe-home-story-body { padding:20px; }
}