:root { --navy: #061d35; --deep-navy: #03182c; --orange: #ff582d; --line: #e3e7ea; }
* { box-sizing: border-box; }
body { margin: 0; color: #202830; background: #fff; font-family: 'Noto Sans KR', Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
.info-shell { width: min(900px, calc(100% - 64px)); margin: 0 auto; }
.info-main { min-height: 610px; padding: 0 0 90px; }
.info-breadcrumb { display: flex; gap: 10px; margin: 25px 0 38px; color: #9ba3aa; font-size: 11px; }
.info-heading { padding: 0 0 30px; border-bottom: 1px solid var(--line); }
.info-kicker { margin: 0 0 12px; color: var(--orange); font-size: 11px; font-weight: 800; letter-spacing: 2px; }
.info-heading h1 { margin: 0; color: var(--navy); font-size: 38px; letter-spacing: -1.5px; }
.info-heading > p:last-child { margin: 13px 0 0; color: #76818a; font-size: 15px; line-height: 1.7; }
.info-content { padding: 8px 0 0; }
.info-content section { padding: 32px 0; border-bottom: 1px solid var(--line); }
.info-content h2 { margin: 0 0 14px; color: var(--navy); font-size: 20px; letter-spacing: -.7px; }
.info-content p { max-width: 760px; margin: 0; color: #5e6a74; font-size: 15px; line-height: 2; letter-spacing: -.2px; word-break: keep-all; }
.info-footer { margin-top: 0; }
@media (max-width: 600px) {
  .info-shell { width: calc(100% - 40px); }
  .info-main { padding-bottom: 58px; }
  .info-breadcrumb { margin: 20px 0 30px; font-size: 10px; }
  .info-heading { padding-bottom: 24px; }
  .info-heading h1 { font-size: 29px; }
  .info-heading > p:last-child { font-size: 13px; }
  .info-content section { padding: 24px 0; }
  .info-content h2 { font-size: 18px; }
  .info-content p { font-size: 14px; line-height: 1.9; }
}