@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap");

:root {
  --rpao-navy: #082c58;
  --rpao-deep: #041d3b;
  --rpao-blue: #1768d4;
  --rpao-blue-light: #2d8cff;
  --rpao-gold: #e6b43f;
  --rpao-ink: #0b2448;
  --rpao-muted: #5f7087;
  --rpao-line: #a9c2df;
  --rpao-soft: #f4f8fd;
  --rpao-white: #fff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #fff;
  color: var(--rpao-ink);
  font-family: "Nanum Gothic", sans-serif;
  word-break: keep-all;
}
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
.home-container { width: min(1220px, calc(100% - 48px)); margin: 0 auto; }
.hidden { display: none !important; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.button {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 30px;
  border: 0;
  border-radius: 7px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button--primary {
  background: linear-gradient(135deg, #1262d3, #1979f2);
  color: #fff;
  box-shadow: 0 12px 24px rgba(18, 98, 211, .24);
}
.button--text {
  position: relative;
  padding: 0 6px;
  border-radius: 0;
  color: #fff;
}
.button--text::after {
  position: absolute;
  right: 0;
  bottom: 7px;
  left: 0;
  height: 2px;
  background: rgba(255, 255, 255, .65);
  content: "";
}