@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

:where(body, h1, h2, h3, h4, p, ul, ol, dl, dd, figure, fieldset) {
  margin: 0;
}

:where(ul, ol, fieldset, button) {
  padding: 0;
}

:where(iframe, fieldset, button) {
  border: none;
}

:where(img, picture, video, canvas, svg) {
  display: block;
  max-width: 100%;
}

:where(ul, ol) {
  list-style: none;
}

:where(input, button, textarea, select) {
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
}

:where(a, label, button, input, textarea, select) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:focus-visible {
  outline: revert;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url(/css/nbp/vendors/Pretendard-Bold.subset.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url(/css/nbp/vendors/Pretendard-SemiBold.subset.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url(/css/nbp/vendors/Pretendard-Medium.subset.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url(/css/nbp/vendors/Pretendard-Regular.subset.woff2) format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url(/css/nbp/vendors/Pretendard-Light.subset.woff2) format("woff2");
}
@font-face {
  font-family: "Wooridaum";
  font-weight: 300;
  font-display: swap;
  src: local("Wooridaum"), url(/css/nbp/vendors/Wooridaum-Light.woff2) format("woff2");
}
@font-face {
  font-family: "Wooridaum";
  font-weight: 400;
  font-display: swap;
  src: local("Wooridaum"), url(/css/nbp/vendors/Wooridaum-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "Wooridaum";
  font-weight: 700;
  font-display: swap;
  src: local("Wooridaum"), url(/css/nbp/vendors/Wooridaum-Bold.woff2) format("woff2");
}
:root {
  --font-family-base: "Pretendard", -apple-system, "BlinkMacSystemFont", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --primary-default: #1572ed;
  --primary-soft: #4b94f2;
  --primary-strong: #1266d4;
  --primary-heavy: #0c4d9c;
  --card1-solid: #0223e0;
  --card1-grad-h: linear-gradient(90deg, #0223e0 0%, #0c31fd 100%);
  --card1-grad-v: linear-gradient(180deg, #0223e0 0%, #0c31fd 100%);
  --card1-grad-d: linear-gradient(156deg, #0223e0 0%, #0c31fd 100%);
  --card2-solid: #0074e8;
  --card2-grad-h: linear-gradient(90deg, #012ced 0%, #0074e8 100%);
  --card2-grad-v: linear-gradient(180deg, #012ced 0%, #0074e8 100%);
  --card2-grad-d: linear-gradient(156deg, #012ced 0%, #0074e8 100%);
  --card3-solid: #000a75;
  --card3-grad-h: linear-gradient(90deg, #000a75 0%, #0012c8 100%);
  --card3-grad-v: linear-gradient(180deg, #000a75 0%, #0012c8 100%);
  --card3-grad-d: linear-gradient(156deg, #000a75 0%, #0012c8 100%);
  --card4-solid: #007f85;
  --card4-grad-h: linear-gradient(90deg, #007f85 0%, #00a9b2 100%);
  --card4-grad-v: linear-gradient(180deg, #007f85 0%, #00a9b2 100%);
  --card4-grad-d: linear-gradient(156deg, #007f85 0%, #00a9b2 100%);
  --text-default: #1f2428;
  --text-strong: #0a0c0e;
  --text-subtext1: #535a63;
  --text-subtext2: #656d77;
  --text-description: #a6afb9;
  --text-disabled: #bdc5ce;
  --text-black: #000;
  --text-white: #fff;
  --text-success: #39d674;
  --text-error: #dc3b3b;
  --text-warning: #e65f00;
  --border-gray-default: #edf0f3;
  --border-gray-strong: #e2e6eb;
  --border-gray-soft: #f3f5f7;
  --border-black: #000;
  --border-white: #fff;
  --border-dark100: #14171a;
  --border-dark50: rgba(20, 23, 26, 0.5);
  --background-gray-default: #f8f9fa;
  --background-gray-soft: #fbfcfd;
  --background-gray-strong: #f3f5f7;
  --background-gray-deep1: #edf0f3;
  --background-gray-deep2: #bdc5ce;
  --background-blue-default: #f3f8fe;
  --background-blue-strong: #e4effe;
  --background-blue-soft: #f8fbff;
  --background-dark: #0a0c0e;
  --background-white: #fff;
  --background-dimmed: rgba(0, 0, 0, 0.6);
  --component-dark: #0a0c0e;
  --component-white: #fff;
  --component-bg-default: #f3f5f7;
  --component-bg-light: #f8f9fa;
  --shadow-blurred: 0 1rem 1.25rem 0 rgba(0, 0, 0, 0.06);
  --shadow-thin: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.06);
  --shadow-light: 0 2px 0.5rem 0 rgba(0, 0, 0, 0.06), 0 1px 0.25rem 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.06);
  --shadow-strong: 0 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.08), 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.06), 0 0 0.25rem 0 rgba(0, 0, 0, 0.06);
  --shadow-heavy: 0 1rem 1.25rem 0 rgba(0, 0, 0, 0.08), 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.06), 0 0 0.5rem 0 rgba(0, 0, 0, 0.06);
  --icon-black: #434a52;
  --icon-gray-strong: #656d77;
  --icon-gray-default: #bdc5ce;
  --icon-white: #fff;
  --forms-border-error: #ffc2c2;
  --footer-border-gray: #d3d9e0;
  --grid-columns: 12;
  --grid-gap: 1.25rem;
  --grid-max: 100rem;
  --sticky-y: 8.125rem;
  --sticky-delay: 0.2s;
  --history1-light: #c1dcfb;
  --history1-strong: #0b1e69;
  --history2-light: #c1cffb;
  --history2-strong: #0e0b69;
  --history3-light: #c1e5fb;
  --history3-strong: #0b5069;
  --history4-light: #cfe8b6;
  --history4-strong: #2b5329;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  background-color: var(--background-white);
  color: var(--text-default);
  line-height: 1.5;
  font-family: var(--font-family-base);
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
}

button {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  cursor: pointer;
}
.d1 {
  font-weight: 600;
  font-size: 4.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.d2 {
  font-weight: 600;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.d3 {
  font-weight: 600;
  font-size: 2.75rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.d4 {
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.h1 {
  font-weight: 600;
  font-size: 4.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.h2 {
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.h3 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.h4 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.h5 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0;
}

.b1 {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.b2 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.b3 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.b4 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.b5 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.b6 {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.b7 {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.u1 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.u2 {
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.u3 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.u4 {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.m1 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

.m2 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

.m3 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

.pc\:d1 {
  font-weight: 600;
  font-size: 4.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.pc\:d2 {
  font-weight: 600;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.pc\:d3 {
  font-weight: 600;
  font-size: 2.75rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.pc\:d4 {
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.pc\:h1 {
  font-weight: 600;
  font-size: 4.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.pc\:h2 {
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.pc\:h3 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.pc\:h4 {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.pc\:h5 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0;
}

.pc\:b1 {
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.pc\:b2 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.pc\:b3 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.pc\:b4 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.pc\:b5 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.pc\:b6 {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.pc\:b7 {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.pc\:u1 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.pc\:u2 {
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.pc\:u3 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.pc\:u4 {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.pc\:m1 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

.pc\:m2 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

.pc\:m3 {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
.step-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  margin-bottom: 2.5rem;
  border-radius: 1rem;
  background-color: var(--primary-default);
  color: var(--text-white);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.step-1 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-default);
}
.step-1::before {
  content: "";
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  background: url(/img/section/nbp/images/step-1.svg) no-repeat 0 0/0.75rem 0.75rem;
}

.step-2 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-default);
}
.step-2::before {
  content: "";
  flex-shrink: 0;
  width: 1.375rem;
  height: 0.75rem;
  background: url(/img/section/nbp/images/step-2.svg) no-repeat 0 0/1.375rem 0.75rem;
}

.step-3 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-default);
}
.step-3::before {
  content: "";
  flex-shrink: 0;
  width: 2rem;
  height: 0.75rem;
  background: url(/img/section/nbp/images/step-3.svg) no-repeat 0 0/2rem 0.75rem;
}

.step-4 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--primary-default);
}
.step-4::before {
  content: "";
  flex-shrink: 0;
  width: 2.625rem;
  height: 0.75rem;
  background: url(/img/section/nbp/images/step-4.svg) no-repeat 0 0/2.625rem 0.75rem;
}

.vertical-bar {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.vertical-bar::before {
  content: "";
  flex-shrink: 0;
  height: 1.25rem;
  border-left: 2px solid var(--border-dark100);
}

.accent {
  padding: 0.25rem;
  border-radius: 0.25rem;
  background-color: var(--background-blue-strong);
  color: var(--primary-strong);
  font-weight: 700;
}

.hidden {
  overflow: hidden !important;
  white-space: nowrap !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  forced-color-adjust: none !important;
}

body.lock {
  position: fixed;
  top: calc(var(--scroll-y) * -1);
  width: 100%;
  overflow-y: auto;
}

.no-transition {
  transition: none !important;
}

.pc {
  display: block !important;
}

.mobile {
  display: none !important;
}

.block {
  display: block !important;
}

.none {
  display: none !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row {
  flex-direction: row !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-between {
  justify-content: space-between !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-center {
  align-items: center !important;
}

.align-end {
  align-items: flex-end !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.regular {
  font-weight: 400 !important;
}

.medium {
  font-weight: 500 !important;
}

.semi-bold {
  font-weight: 600 !important;
}

.bold {
  font-weight: 700 !important;
}

.left {
  text-align: left !important;
}

.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

.va-top {
  vertical-align: top !important;
}

.va-middle {
  vertical-align: middle !important;
}

.va-bottom {
  vertical-align: bottom !important;
}

.break-all {
  word-break: break-all !important;
}
.gap-0 {
  gap: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.gap-2 {
  gap: 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}
.gap-4 {
  gap: 0.25rem !important;
}

.mt-4 {
  margin-top: 0.25rem !important;
}

.mb-4 {
  margin-bottom: 0.25rem !important;
}
.gap-8 {
  gap: 0.5rem !important;
}

.mt-8 {
  margin-top: 0.5rem !important;
}

.mb-8 {
  margin-bottom: 0.5rem !important;
}
.gap-10 {
  gap: 0.625rem !important;
}

.mt-10 {
  margin-top: 0.625rem !important;
}

.mb-10 {
  margin-bottom: 0.625rem !important;
}
.gap-12 {
  gap: 0.75rem !important;
}

.mt-12 {
  margin-top: 0.75rem !important;
}

.mb-12 {
  margin-bottom: 0.75rem !important;
}
.gap-16 {
  gap: 1rem !important;
}

.mt-16 {
  margin-top: 1rem !important;
}

.mb-16 {
  margin-bottom: 1rem !important;
}
.gap-20 {
  gap: 1.25rem !important;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}
.gap-24 {
  gap: 1.5rem !important;
}

.mt-24 {
  margin-top: 1.5rem !important;
}

.mb-24 {
  margin-bottom: 1.5rem !important;
}
.gap-32 {
  gap: 2rem !important;
}

.mt-32 {
  margin-top: 2rem !important;
}

.mb-32 {
  margin-bottom: 2rem !important;
}
.gap-40 {
  gap: 2.5rem !important;
}

.mt-40 {
  margin-top: 2.5rem !important;
}

.mb-40 {
  margin-bottom: 2.5rem !important;
}
.gap-48 {
  gap: 3rem !important;
}

.mt-48 {
  margin-top: 3rem !important;
}

.mb-48 {
  margin-bottom: 3rem !important;
}
.gap-56 {
  gap: 3.5rem !important;
}

.mt-56 {
  margin-top: 3.5rem !important;
}

.mb-56 {
  margin-bottom: 3.5rem !important;
}
.gap-60 {
  gap: 3.75rem !important;
}

.mt-60 {
  margin-top: 3.75rem !important;
}

.mb-60 {
  margin-bottom: 3.75rem !important;
}
.gap-64 {
  gap: 4rem !important;
}

.mt-64 {
  margin-top: 4rem !important;
}

.mb-64 {
  margin-bottom: 4rem !important;
}
.gap-70 {
  gap: 4.375rem !important;
}

.mt-70 {
  margin-top: 4.375rem !important;
}

.mb-70 {
  margin-bottom: 4.375rem !important;
}
.gap-80 {
  gap: 5rem !important;
}

.mt-80 {
  margin-top: 5rem !important;
}

.mb-80 {
  margin-bottom: 5rem !important;
}
.gap-88 {
  gap: 5.5rem !important;
}

.mt-88 {
  margin-top: 5.5rem !important;
}

.mb-88 {
  margin-bottom: 5.5rem !important;
}
.gap-100 {
  gap: 6.25rem !important;
}

.mt-100 {
  margin-top: 6.25rem !important;
}

.mb-100 {
  margin-bottom: 6.25rem !important;
}
.gap-120 {
  gap: 7.5rem !important;
}

.mt-120 {
  margin-top: 7.5rem !important;
}

.mb-120 {
  margin-bottom: 7.5rem !important;
}
.gap-140 {
  gap: 8.75rem !important;
}

.mt-140 {
  margin-top: 8.75rem !important;
}

.mb-140 {
  margin-bottom: 8.75rem !important;
}
.gap-160 {
  gap: 10rem !important;
}

.mt-160 {
  margin-top: 10rem !important;
}

.mb-160 {
  margin-bottom: 10rem !important;
}
.gap-200 {
  gap: 12.5rem !important;
}

.mt-200 {
  margin-top: 12.5rem !important;
}

.mb-200 {
  margin-bottom: 12.5rem !important;
}
.gap-240 {
  gap: 15rem !important;
}

.mt-240 {
  margin-top: 15rem !important;
}

.mb-240 {
  margin-bottom: 15rem !important;
}
.mx-auto {
  margin: 0 auto !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.full-height {
  height: 100% !important;
}

.text-default {
  color: var(--text-default) !important;
}

.text-white {
  color: var(--text-white) !important;
}

.text-strong {
  color: var(--text-strong) !important;
}

.text-subtext1 {
  color: var(--text-subtext1) !important;
}

.text-subtext2 {
  color: var(--text-subtext2) !important;
}

.text-primary-default {
  color: var(--primary-default) !important;
}

.skip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  opacity: 0;
  position: fixed;
  top: 1.625rem;
  left: 50%;
  z-index: 400;
  width: 9.375rem;
  padding: 0.9375rem 0 0.9375rem 0.625rem;
  border-radius: 1.875rem;
  background-color: var(--primary-default);
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.15);
  color: var(--text-white);
  transform: translate(-50%, -150%);
  pointer-events: none;
  transform-origin: 50% 0;
  transition: all 0.6s;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.skip::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.skip:focus {
  opacity: 1;
  width: 11.25rem;
  background-color: var(--background-dark);
  transform: translate(-50%, 0);
  pointer-events: auto;
}
.skip:focus-visible {
  outline: none;
}

.header {
  position: relative;
  z-index: 300;
  height: 6.875rem;
}

.header-frame {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 6.875rem;
  padding: 0 2.5rem;
  background-color: var(--background-white);
  transition: padding 0.6s, box-shadow 1s, transform 0.2s;
}
.header.hide .header-frame {
  transform: translateY(-100%);
}

.header.hover .header-frame {
  box-shadow: 0 1.875rem 5rem 0 rgba(0, 0, 0, 0.08);
  transition: padding 0.6s, box-shadow 0.2s, transform 0.6s;
}

.header.active .header-frame {
  box-shadow: 0 1.875rem 5rem 0 rgba(0, 0, 0, 0.08);
  transition: padding 0.6s, box-shadow 0.2s, transform 0.6s;
}

.header-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 6.875rem;
}

.header-logo-link {
  display: inline-flex;
  outline-offset: 0.3125rem;
}

.header-logo-img {
  width: 10rem;
  height: 2.375rem;
}
:root[lang=en] .header-logo-img {
  width: 14.125rem;
  height: 2.375rem;
}

.header-nav {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
  height: 100%;
}
.header.active .header-nav {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 6.875rem;
  right: 0;
  width: 100%;
  height: calc(100% - 6.875rem);
  padding: 5rem 3.75rem 12.5rem;
  border-top: 1px solid var(--border-gray-strong);
}

.header-gnb {
  width: 100%;
  max-width: 67.5rem;
}
.header.active .header-gnb {
  max-width: 100rem;
  margin: 0 auto;
}

.header-mnb {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 3.5rem;
  left: 0;
  z-index: 10;
  width: 100%;
  height: calc(100% - 3.5rem);
}

.header-aside {
  position: absolute;
  top: 10.8125rem;
  right: 2.5rem;
  width: 16.4375rem;
}
.header.active .header-aside {
  position: static;
  width: 100%;
  max-width: 100rem;
  margin: 5rem auto 0;
  padding-top: 2.5rem;
  border-top: 1px solid var(--border-gray-strong);
}

.header-feature {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
  height: 6.875rem;
}

.header-gnb-button {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-menu.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.5rem 2.5rem;
  vertical-align: middle;
}
.header.active .header-gnb-button {
  background-image: url(/img/section/nbp/icons/icon-x.svg);
}

.header-mnb-button {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-menu.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.5rem 2.5rem;
  vertical-align: middle;
  display: none;
}
.header.active .header-mnb-button {
  background-image: url(/img/section/nbp/icons/icon-x.svg);
}

.gnb {
  padding-top: 1.9375rem;
}
.header.active .gnb {
  padding-top: 0;
}

.gnb-1d-list {
  display: flex;
}
:root[lang=en] .gnb-1d-list {
  width: 100%;
  max-width: 56.25rem;
  margin: 0 auto;
  transform: translateX(6.875rem);
  transition: max-width 0.3s;
}

:root[lang=en] .header.hover .gnb-1d-list {
  max-width: 100%;
}

.header.active .gnb-1d-list {
  flex-direction: column;
  max-width: 100%;
  transform: translateX(0);
  transition: none;
}

.gnb-1d-item {
  flex: 1;
  position: relative;
  min-width: 0;
  padding: 0.75rem 1.25rem;
  transition: flex 0.3s;
}
:root[lang=en] .gnb-1d-item:nth-child(1) {
  flex: 0.6;
}

:root[lang=en] .header.hover .gnb-1d-item:nth-child(1) {
  flex: 1;
}
.gnb-1d-item::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 2rem;
  border-left: 1px dashed var(--border-gray-strong);
  transition: opacity 0.6s;
}
.header.hover .gnb-1d-item {
  padding: 0.75rem 1.25rem 2rem;
}
.header.hover .gnb-1d-item::before {
  opacity: 1;
}

.header.active .gnb-1d-item {
  padding: 0 !important;
}
.header.active .gnb-1d-item::before {
  display: none;
}

.header.active .gnb-1d-item + .gnb-1d-item {
  margin-top: 5rem;
  padding: 2.5rem 0 0 !important;
  border-top: 1px solid var(--border-gray-strong);
}

.gnb-1d-link {
  outline-offset: 0.3125rem;
  display: inline-flex;
  align-items: center;
  color: var(--text-default);
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
.header.active .gnb-1d-link {
  color: var(--primary-strong);
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.gnb-2d-list {
  display: none;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0 -1.25rem;
  padding: 2rem 0 2.5rem;
}
.header.hover .gnb-2d-list {
  display: flex;
}

.header.active .gnb-2d-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2.25rem 0.5rem;
  margin: 0;
  margin-top: 1.6875rem;
  padding: 0;
}
:root[lang=en] .header.active .gnb-2d-list {
  gap: 2.25rem 2.5rem;
}

.gnb-2d-item {
  padding: 1rem 1.25rem;
}
.header.active .gnb-2d-item {
  flex: 1;
  padding: 0;
}
.gnb-2d-link {
  outline-offset: 0.3125rem;
  display: inline-flex;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
.gnb-2d-link.outlink {
  align-items: center;
  gap: 0.375rem;
}
.header.active .gnb-2d-link.outlink {
  gap: 1.25rem;
}

.gnb-2d-link.outlink::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-menu-link.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.header.active .gnb-2d-link.outlink::after {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-menu-link-small.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.header.active .gnb-2d-link {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.gnb-3d-list {
  display: none;
}
.header.active .gnb-3d-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 1rem;
}
:root[lang=en] .header.active .gnb-3d-list {
  gap: 0.75rem;
}

.gnb-3d-link {
  outline-offset: 0.3125rem;
}
.header.active .gnb-3d-link {
  color: var(--text-subtext1);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.mnb-frame {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 200;
  width: 100%;
  max-width: 26.875rem;
  height: 100%;
  transform: translateX(100%);
}

.mnb {
  display: flex;
  flex: 1;
  overflow: hidden;
  position: relative;
  background-color: var(--background-white);
  box-shadow: -0.625rem 0px 0.625rem 0px rgba(0, 0, 0, 0.05);
}
.mnb::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 7.5rem;
  right: 0;
  height: 1.25rem;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
}

.mnb-feature {
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 3.125rem;
  background-color: var(--background-white);
}

.mnb-nav {
  flex-shrink: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 7.5rem;
  padding-bottom: 1.25rem;
  height: 100%;
  background-color: var(--background-gray-strong);
}
:root[lang=en] .mnb-nav {
  width: 8.125rem;
}

.mnb-1d-link {
  display: block;
  padding: 1rem 1.5rem;
  outline-offset: -0.1875rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
:root[lang=en] .mnb-1d-link {
  padding: 1rem 0 1rem 1.25rem;
  font-size: 1rem;
}

.mnb-1d-link.active {
  background-color: var(--text-white);
  color: var(--primary-default);
  font-weight: 700;
}

.mnb-groups {
  flex: 1;
  overflow-x: hidden;
  overflow-y: scroll;
}

.mnb-group {
  border-bottom: 8px solid var(--background-gray-strong);
}

.mnb-group:last-child {
  border-bottom: 0;
}

.mnb-group:last-child .mnb-2d-list:last-child {
  padding-bottom: calc(100dvh - 9.8125rem - 3.5rem - 3.125rem);
}
:root[lang=en] .mnb-group:last-child .mnb-2d-list:last-child {
  padding-bottom: calc(100dvh - 28.1875rem - 3.5rem - 3.125rem);
}

.mnb-2d-item + .mnb-2d-item {
  position: relative;
}
.mnb-2d-item + .mnb-2d-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0.75rem;
  left: 0.75rem;
  border-top: 1px dashed var(--border-gray-strong);
}

.mnb-2d-link {
  display: flex;
  padding: 1rem 1.5rem;
  outline-offset: -0.1875rem;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
:root[lang=en] .mnb-2d-link {
  font-size: 0.875rem;
}

.mnb-2d-link.outlink {
  align-items: center;
  gap: 0.5rem;
}
.mnb-2d-link.outlink::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-menu-link-small.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.mnb-3d-list {
  display: flex;
  flex-direction: column;
  margin-top: -0.5rem;
  padding-bottom: 0.625rem;
}

.mnb-3d-link {
  display: flex;
  padding: 0.5rem 1.5rem 0.5rem 2rem;
  outline-offset: -0.1875rem;
  color: var(--text-subtext1);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
:root[lang=en] .mnb-3d-link {
  font-size: 0.875rem;
}

.shortcut {
  display: none;
}
.header.hover .shortcut {
  display: block;
}

.header.active .shortcut {
  display: block;
}

.shortcut-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  color: var(--text-subtext2);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.header.active .shortcut-title {
  margin-bottom: 0;
  color: var(--primary-strong);
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.shortcut-title::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-plus-bold-gray.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem 0.75rem;
  vertical-align: middle;
}
.header.active .shortcut-title::after {
  display: none;
}

.shortcut-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.header.active .shortcut-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 2.875rem;
  gap: 0;
  color: vars(--primary-default);
}

.shortcut-item {
  flex: 1;
}

.shortcut-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 1rem;
  border-radius: 0.5rem;
  outline-offset: 0.1875rem;
  background-color: var(--background-gray-strong);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.shortcut-link:hover, .shortcut-link:focus-visible {
  background-color: var(--primary-default);
  color: var(--text-white);
}
.header.active .shortcut-link {
  display: inline-flex;
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
  color: var(--text-default);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.shortcut-link::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-arrow-right-small.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}
.header.active .shortcut-link::after {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-menu-link-small.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.shortcut-link:hover::after, .shortcut-link:focus-visible::after {
  background-image: url(/img/section/nbp/icons/icon-arrow-right-small-white.svg);
}
.shortcut-item.active .shortcut-link {
  padding: 1.0625rem 1rem;
  color: var(--primary-heavy);
}
.shortcut-item.active .shortcut-link:hover, .shortcut-item.active .shortcut-link:focus-visible {
  color: var(--text-white);
}
.header.active .shortcut-item.active .shortcut-link {
  justify-content: flex-start;
  gap: 1.25rem;
  padding: 0;
  background-color: transparent;
  color: var(--text-default);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.shortcut-item.active .shortcut-link::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-arrow-right-small-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}
.header.active .shortcut-item.active .shortcut-link::after {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-menu-link-small.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.shortcut-item.active .shortcut-link:hover::after, .shortcut-item.active .shortcut-link:focus-visible::after {
  background-image: url(/img/section/nbp/icons/icon-arrow-right-small-white.svg);
}

.relative-site-button {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.875rem 1.25rem;
  outline-offset: -0.3125rem;
  background-color: var(--text-default);
  color: var(--text-white);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.relative-site-button::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-plus-bold-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem 0.75rem;
  vertical-align: middle;
}
.relative-site-button[aria-expanded=true]::after {
  transform: rotate(45deg);
  transition: transform 0.6s;
}

.relative-site-list {
  display: none;
}
.relative-site.active .relative-site-list {
  display: block;
}

.relative-site-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 1.5rem;
  outline-offset: -0.3125rem;
  background-color: var(--text-default);
  color: var(--text-white);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.relative-site-link::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-right-gray.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
  vertical-align: middle;
}

.bank-shortcut {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 3rem;
  padding: 0.75rem 1.25rem;
  border: none;
  border-radius: 1.5rem;
  outline-offset: 0.1875rem;
  background-color: var(--primary-default);
  color: var(--text-white);
  white-space: nowrap;
  transition: all 0.3s;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.bank-shortcut:hover {
  background-color: var(--background-dark);
}
.bank-shortcut:focus-visible {
  background-color: var(--background-dark);
}
.bank-shortcut::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-arrow-right-small-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

.lang {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 0.8125rem 1.25rem;
}
.lang::before {
  content: "";
  margin-top: 2px;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-earth.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
  vertical-align: middle;
}

.lang-list {
  display: flex;
  align-items: center;
  gap: 1.5625rem;
  position: relative;
}
.lang-list::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 0.5625rem;
  background-color: var(--border-dark50);
  transform: translate(-50%, -50%);
}

.lang-link {
  color: var(--text-description);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.lang-link.active {
  color: var(--text-strong);
}

.lang-select {
  position: relative;
}

.lang-select-button {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 1.125rem;
  outline-offset: -2px;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.lang-select-list {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 0.625rem;
  background-color: var(--background-white);
  box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.06);
  transform: translateY(-25%);
}
.lang-select.active .lang-select-list {
  display: block;
}

.lang-select-item + .lang-select-item {
  position: relative;
}
.lang-select-item + .lang-select-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0.5625rem;
  left: 0.5625rem;
  height: 1px;
  background-color: var(--border-gray-default);
}

.lang-select-link {
  display: inline-flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 1.125rem;
  outline-offset: -2px;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.lang-select-item:first-child .lang-select-link {
  border-radius: 0.625rem 0.625rem 0 0;
}

.lang-select-item:last-child .lang-select-link {
  border-radius: 0 0 0.625rem 0.625rem;
}

.container {
  display: block;
  position: relative;
  z-index: 100;
}

.page-info {
  padding: 0 1.5rem;
}

.page-align {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
  padding-top: 13.125rem;
}

.page-category {
  color: var(--primary-default);
  text-align: center;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0;
}

.page-heading {
  color: var(--text-default);
  text-align: center;
  font-weight: 500;
  font-size: 4.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.page-category + .page-heading {
  margin-top: 0.75rem;
}

.navs {
  display: flex;
  justify-content: center;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.page-heading + .navs {
  margin-top: 5rem;
}
.navs.pin {
  position: fixed !important;
  margin-top: 0;
}

.navs-frame {
  background: linear-gradient(0deg, rgba(3, 144, 244, 0.03) 0%, rgba(3, 144, 244, 0.03) 100%), rgba(255, 255, 255, 0.9);
  border-radius: 2.0625rem;
  -webkit-backdrop-filter: blur(0.3125rem);
          backdrop-filter: blur(0.3125rem);
}

.navs-list {
  display: flex;
}

.navs-link {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 2;
  height: 4rem;
  padding: 0 2rem;
  border-radius: 2.0625rem;
  outline-offset: -2px;
  color: var(--text-subtext1);
  white-space: nowrap;
  transition: color 0.4s 0.3s;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
.navs-link.active {
  outline-offset: -0.3125rem;
  background-color: var(--background-dark);
  color: var(--text-white);
}

.hero {
  height: 200vh;
  margin-top: 2.75rem;
}

.hero-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 20vh 10rem;
}

.hero-frame {
  overflow: hidden;
  display: flex;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 1.5rem 8.75rem;
  border-radius: 2.5rem;
  background-color: var(--background-gray-strong);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: padding 0.6s;
}

.hero-edge {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 2.5rem;
  height: 1.25rem;
  background: url(/img/section/nbp/images/hero-edge.svg) no-repeat;
  background-size: cover;
  transform: translateX(-50%);
  pointer-events: none;
}

.hero-dim {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

.hero-bar {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 31.25rem;
  height: 0.25rem;
  background-color: var(--border-white);
  transform: translate(-50%, -50%);
  transition: width 0.6s;
  pointer-events: none;
}
.hero-single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  width: 100%;
}
:root[lang=en] .hero-single {
  padding-right: 21.1vw;
}

.hero-multi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  width: 50%;
}
.hero-multi.after {
  text-align: right;
}

.hero-step {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 5rem;
  color: var(--text-white);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.hero-step::before {
  content: "";
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  background: url(/img/section/nbp/images/step-1-white.svg) no-repeat 0 0/0.75rem 0.75rem;
}

.hero-title {
  color: var(--text-white);
  font-weight: 500;
  font-size: 4.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
:root[lang=en] .hero-title {
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.hero-desc {
  margin-top: 2.5rem;
  color: var(--text-white);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.hero-ref {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
  color: var(--text-white);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.hero-ref::before {
  content: "";
  flex-shrink: 0;
  margin-top: 0.375rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-bullet-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem 0.75rem;
  vertical-align: middle;
}

.hero-sub-title {
  color: var(--text-white);
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.hero-multi.after .hero-sub-title {
  padding-top: 5.1875rem;
}

.hero-sub-desc {
  margin-top: 2.5rem;
  color: var(--text-white);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.hero-sub-ref {
  display: block;
  gap: 0.5rem;
  margin-top: 1rem;
  color: var(--text-white);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.hero-sub-ref::before {
  content: "";
  margin-top: -0.1875rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-bullet-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem 0.75rem;
  vertical-align: middle;
}

.hero-step,
.hero-title,
.hero-desc,
.hero-sub-title,
.hero-sub-desc {
  opacity: 0;
  transform: translateX(6.25rem);
}

.contents {
  padding: 12.5rem 3.75rem;
  transition: padding 0.6s;
}

.top {
  display: flex;
  justify-content: center;
  padding: 2rem 0.625rem 0.75rem;
}

.top-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 1.25rem;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.top-button::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-top-fill.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.footer {
  padding: 1.25rem;
  transition: padding 0.6s;
}

.footer-frame {
  display: flex;
  flex-direction: column;
  padding: clamp(1.25rem, 2.5vw, 4rem);
  padding-top: clamp(3rem, 2.5vw, 4.5rem);
  padding-bottom: 2.5rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-deep1);
  transition: border-radius 0.6s;
}

.footer-explorer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  padding-bottom: 5rem;
  border-bottom: 1px solid var(--footer-border-gray);
}

.footer-slogan {
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.footer-fnb {
  padding-top: 0.25rem;
  padding-right: 1.25rem;
}

.footer-info {
  position: relative;
}

.footer-logo {
  display: inline-flex;
}

.footer-logo-link {
  display: inline-flex;
  outline-offset: 0.5rem;
}

.footer-logo-image {
  width: 16.125rem;
  height: 3.875rem;
}
:root[lang=en] .footer-logo-image {
  width: 23rem;
  height: 3.875rem;
}

.footer-shortcut {
  margin-top: 5rem;
}

.footer-shortcut-list {
  display: flex;
  gap: 1.5625rem;
}

.footer-shortcut-item + .footer-shortcut-item {
  position: relative;
}
.footer-shortcut-item + .footer-shortcut-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.8125rem;
  width: 1px;
  height: 0.5625rem;
  background-color: var(--background-gray-deep2);
  transform: translateY(-50%);
}

.footer-shortcut-link {
  outline-offset: 0.3125rem;
  color: var(--text-default);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.footer-call {
  margin-top: 1.25rem;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.footer-copyright {
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0;
}
:root[lang=en] .footer-copyright {
  margin-top: 8.25rem;
}

.footer-mark {
  display: flex;
  display: none;
  position: absolute;
  right: 1.25rem;
  bottom: 0;
}

.footer-mark-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.25rem;
  height: 3.25rem;
}

.footer-mark-img.wa {
  height: 2rem;
}
.footer-mark-img.the-banker {
  height: 2rem;
}
.footer-mark-img.csma {
  height: 2rem;
}

.footer-sns {
  position: absolute;
  right: 1rem;
  bottom: 0;
}

.footer-sns-list {
  display: flex;
  gap: 0.5rem;
}

.footer-family {
  position: absolute;
  top: 0;
  right: 1.25rem;
}

.footer-sns-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline-offset: 0.25rem;
  background-color: var(--background-gray-default);
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 1.25rem;
}
.footer-sns-link.youtube {
  background-image: url(/img/section/nbp/icons/icon-youtube.png);
}
.footer-sns-link.instagram {
  background-image: url(/img/section/nbp/icons/icon-instagram.png);
}
.footer-sns-link.facebook {
  background-image: url(/img/section/nbp/icons/icon-facebook.png);
}
.footer-sns-link.blog {
  background-image: url(/img/section/nbp/icons/icon-blog.png);
}
.footer-sns-link.navertv {
  background-image: url(/img/section/nbp/icons/icon-navertv.png);
}

.fnb-1d-list {
  display: flex;
  gap: 1.5rem;
}
:root[lang=en] .fnb-1d-list {
  gap: 2.5rem;
}

.fnb-1d-item {
  width: 8.75rem;
  padding: 0.25rem 0;
}
:root[lang=en] .fnb-1d-item {
  width: 12.5rem;
}

.fnb-1d-link {
  display: flex;
  align-items: center;
  outline-offset: 0.3125rem;
  color: var(--text-default);
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.fnb-2d-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2.125rem;
}

.fnb-2d-item {
  padding: 0.25rem 0;
}

.fnb-2d-link {
  display: flex;
  align-items: center;
  outline-offset: 0.3125rem;
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
.fnb-2d-link.outlink {
  align-items: center;
  gap: 0.375rem;
}
.fnb-2d-link.outlink::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-menu-link.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.family {
  position: relative;
  width: 14rem;
}
:root[lang=en] .family {
  width: 16.25rem;
}

.family-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 1.25rem 1.5rem;
  border: 1px solid var(--footer-border-gray);
  border-radius: 0.5rem;
  background-color: var(--background-gray-deep1);
  color: var(--text-strong);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.family.active .family-button {
  padding: 1.3125rem 1.4375rem 1.125rem;
  border: 2px solid var(--primary-default);
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  outline-offset: -0.3125rem;
  background-color: var(--background-blue-soft);
}
.family-button::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 1.25rem;
  right: 1.25rem;
  height: 1px;
  background-color: var(--border-gray-default);
}
.family.active .family-button::before {
  display: block;
}
.family-button::after {
  content: "";
  transition: transform 0.6s;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-fold.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
  vertical-align: middle;
}
.family.active .family-button::after {
  transform: rotate(45deg);
}

.family-list {
  display: none;
  flex-direction: column;
  gap: 0.375rem;
  overflow-y: auto;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  max-height: 15.625rem;
  padding: 1.125rem 1.375rem 1.25rem;
  border: 2px solid var(--primary-default);
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: var(--background-blue-soft);
}
.family-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.family.active .family-list {
  display: flex;
}

.family-link {
  display: flex;
  outline-offset: 0.1875rem;
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.family-link:hover, .family-link:focus-visible {
  color: var(--text-default);
}

.section {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
}
.section ~ .section {
  margin-top: 12.5rem;
}
.section.narrowed {
  max-width: 75rem;
}
.section.expanded {
  width: auto;
  max-width: none;
  margin: 0 -3.75rem;
}
.section.wide {
  max-width: 100%;
}
.section.wide .grid {
  max-inline-size: 100%;
}

.grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  gap: var(--grid-gap);
  margin-inline: auto;
  max-inline-size: var(--grid-max);
}

.col-1 {
  grid-column-end: span 1;
}

.col-2 {
  grid-column-end: span 2;
}

.col-3 {
  grid-column-end: span 3;
}

.col-4 {
  grid-column-end: span 4;
}

.col-5 {
  grid-column-end: span 5;
}

.col-6 {
  grid-column-end: span 6;
}

.col-7 {
  grid-column-end: span 7;
}

.col-8 {
  grid-column-end: span 8;
}

.col-9 {
  grid-column-end: span 9;
}

.col-10 {
  grid-column-end: span 10;
}

.col-11 {
  grid-column-end: span 11;
}

.col-12 {
  grid-column-end: span 12;
}

.start-1 {
  grid-column-start: 1;
}

.start-2 {
  grid-column-start: 2;
}

.start-3 {
  grid-column-start: 3;
}

.start-4 {
  grid-column-start: 4;
}

.start-5 {
  grid-column-start: 5;
}

.start-6 {
  grid-column-start: 6;
}

.start-7 {
  grid-column-start: 7;
}

.start-8 {
  grid-column-start: 8;
}

.start-9 {
  grid-column-start: 9;
}

.start-10 {
  grid-column-start: 10;
}

.start-11 {
  grid-column-start: 11;
}

.start-12 {
  grid-column-start: 12;
}

.field ~ .field {
  margin-top: 2.5rem;
}

.search {
  position: relative;
  width: 20rem;
}
.search .text::placeholder {
  font-size: 1.0625rem;
}

.search-button {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  border-radius: 1rem;
  transform: translateY(-50%);
}
.search-button::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.scroll-x.expanded {
  margin: 0 -1.5rem;
}
.scroll-x::-webkit-scrollbar {
  display: none;
}

.popup {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding: 6.125rem 1.25rem 3.75rem;
  background-color: var(--background-dimmed);
}
.popup[aria-hidden=false] {
  display: flex;
}

.popup-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-width: 66.25rem;
  max-height: 100%;
  border-radius: 2.5rem;
  background-color: var(--background-white);
}

.popup-close {
  position: absolute;
  top: -4.25rem;
  right: 0;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-close-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3rem 3rem;
  vertical-align: middle;
}

.popup-head {
  padding: 3.5rem 4rem 1.25rem;
}

.popup-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.popup-body {
  overflow-x: hidden;
  overflow-y: auto;
}

.popup-contents {
  padding: 0 4rem 3.5rem;
}

.notice {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding: 6.125rem 1.25rem 3.75rem;
  background-color: var(--background-dimmed);
  word-break: break-word;
}
.notice[aria-hidden=false] {
  display: flex;
}

.notice-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-width: 49.375rem;
  max-height: 100%;
  border-radius: 2.5rem;
  background-color: var(--background-white);
}

.notice-close {
  position: absolute;
  top: -4.25rem;
  right: 0;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-close-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3rem 3rem;
  vertical-align: middle;
}

.notice-head {
  padding: 4rem 3rem 2.5rem;
}

.notice-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.notice-body {
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 1.5rem;
}

.notice-contents {
  padding: 0 1.5rem 3rem 3rem;
}

.notice-foot {
  padding: 1.5rem 3rem 3rem;
}

.video-popup-dim {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: var(--background-dimmed);
  transition: opacity 0.6s;
}
.video-popup-dim.active {
  opacity: 1;
}

.video-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2000;
  width: calc(100% - 2.5rem);
  max-width: 100rem;
  transform: scale(0.9) translate(-50%, -50%);
  transform-origin: 0 0;
  transition: transform 0.6s;
}
.video-popup-dim.active .video-popup {
  transform: scale(1) translate(-50%, -50%);
}

.video-popup-close {
  position: absolute;
  top: -4.25rem;
  right: 0;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-close-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3rem 3rem;
  vertical-align: middle;
}

.video-popup-contents {
  position: relative;
  padding-right: 33.75rem;
  overflow: hidden;
  height: 100%;
  border-radius: 2.5rem;
}

.video-popup-iframe {
  flex: 8;
  overflow: hidden;
  background-color: var(--background-gray-strong);
}

.video-popup-resizer {
  overflow: hidden;
  position: relative;
  height: 100%;
  padding-bottom: 56.23%;
}
.video-popup-resizer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-gray-deep2);
}

.video-popup-info {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 33.75rem;
  height: 100%;
  background-color: var(--background-white);
}

.video-popup-scroller {
  padding: 4rem 3rem 2.5rem;
}

.video-popup-title {
  margin-bottom: 2.5rem;
  color: var(--text-default);
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.video-popup-scroll {
  color: var(--text-default);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.poster-popup-dim {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  padding: 0 5.5rem;
  background-color: var(--background-dimmed);
  transition: opacity 0.6s;
}
.poster-popup-dim.active {
  opacity: 1;
}

.poster-popup {
  height: 100%;
}

.poster-popup-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-close-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3rem 3rem;
  vertical-align: middle;
}

.poster-popup-contents {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.poster-popup-contents img {
  max-height: 100%;
}

.pin {
  position: sticky;
  top: var(--sticky-y);
  transition: top var(--sticky-delay);
}

.flex-pin {
  align-self: flex-start;
  position: sticky;
  top: var(--sticky-y);
  z-index: 1;
  transition: top var(--sticky-delay);
}

.grid-pin {
  align-self: start;
  position: sticky;
  top: var(--sticky-y);
  z-index: 1;
  transition: top var(--sticky-delay);
}

.gray-box {
  padding: 4rem 4rem 5rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-default);
  transition: padding 0.6s;
}

.terms-box {
  overflow: hidden;
  height: 21rem;
  padding-right: 1rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-soft);
}

.terms-box-content {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding: 1.5rem 3rem;
  color: var(--text-subtext1);
}
.terms-box-content h5 {
  margin: 1.25rem 0 0;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.45;
}
.terms-box-content p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.45;
}
.terms-box-content p.dash {
  padding-left: 0.5rem;
  text-indent: -0.5rem;
}

.intro {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  min-height: 22.25rem;
  margin-bottom: 7.5rem;
  padding: 1.5rem 26.25rem 1.5rem 5rem;
  border-radius: 2.5rem;
  background-color: var(--background-gray-default);
  transition: padding 0.6s;
}
.intro.type-book::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7.5rem;
  z-index: 1;
  width: 16.25rem;
  height: 16.25rem;
  background-image: url(/img/section/nbp/images/img-book.png);
  background-repeat: no-repeat;
  background-size: 16.25rem 16.25rem;
  transform: translateY(-50%);
  transition: right 0.6s;
  pointer-events: none;
}
.intro.type-docs::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7.5rem;
  z-index: 1;
  width: 16.25rem;
  height: 16.25rem;
  background-image: url(/img/section/nbp/images/img-docs.png);
  background-repeat: no-repeat;
  background-size: 16.25rem 16.25rem;
  transform: translateY(-50%);
  transition: right 0.6s;
  pointer-events: none;
}
.intro.type-architecture::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7.5rem;
  z-index: 1;
  width: 16.25rem;
  height: 16.25rem;
  background-image: url(/img/section/nbp/images/img-architecture.png);
  background-repeat: no-repeat;
  background-size: 16.25rem 16.25rem;
  transform: translateY(-50%);
  transition: right 0.6s;
  pointer-events: none;
}

.intro-message {
  position: relative;
  z-index: 2;
  color: var(--text-default);
  transition: font-size 0.6s;
  font-weight: 600;
  font-size: 2.75rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.images {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.image {
  overflow: hidden;
  border-radius: 1.25rem;
}
.image img {
  margin: 0 auto;
}

.image-frame {
  overflow: hidden;
  position: relative;
  border-radius: 1.25rem;
  background-color: var(--background-gray-soft);
  border: 1px solid var(--border-gray-soft);
}
.image-frame img {
  margin: 0 auto;
}

.image-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.image-desc {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.image-unit {
  color: var(--text-subtext1);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.quote-box {
  padding: 7.5rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-strong);
  background-image: url(/img/section/nbp/images/em-2300-double-quote.svg);
  background-repeat: no-repeat;
  background-position: 2rem 0;
  background-size: 13.5rem 11.25rem;
  transition: padding 0.6s;
}

.line-box {
  padding: 5rem;
  border: 1px solid var(--border-gray-strong);
  border-radius: 1.25rem;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 8.75rem;
  min-height: 4.625rem;
  padding: 0.5rem 2.5rem;
  border-radius: 0.5rem;
  outline-offset: 0.1875rem;
  background-color: var(--background-dark);
  color: var(--text-white);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.button.expanded {
  width: 100%;
}
.button.stretch {
  min-width: 12.1875rem;
}
.button.small {
  min-height: 3.4375rem;
  padding: 0.5rem 1.5rem;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.button.tiny {
  min-height: 2.1875rem;
  padding: 0.375rem 0.75rem;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.button.white {
  outline-offset: 0;
  background-color: var(--background-white);
  color: var(--text-default);
}
.button.blue {
  outline-offset: 0.1875rem;
  background-color: var(--primary-default);
  color: var(--text-white);
}
.button.gray {
  outline-offset: 0;
  background-color: var(--background-gray-default);
  color: var(--text-default);
}

.line-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 8.25rem;
  min-height: 4.625rem;
  padding: 0.5rem 2.5rem;
  border: 2px solid var(--border-dark100);
  border-radius: 0.5rem;
  outline-offset: 0.1875rem;
  background-color: transparent;
  color: var(--text-default);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.line-button.expanded {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.line-button.expanded-center {
  display: flex;
  justify-content: center;
  width: 100%;
}
.line-button.stretch {
  min-width: 12.1875rem;
}
.line-button.small {
  min-width: 5.8125rem;
  min-height: 3.4375rem;
  padding: 0.5rem 1.5rem;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.line-button.tiny {
  min-width: 3.8125rem;
  min-height: 2.1875rem;
  padding: 0.375rem 0.75rem;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.line-button.white {
  border-color: var(--border-white);
  color: var(--text-white);
}
.line-button.blue {
  border-color: var(--primary-default);
  color: var(--primary-default);
}
.line-button.gray {
  border-color: var(--border-gray-default);
  color: var(--text-subtext1);
}
.line-button.icon-right {
  gap: 0.5rem;
}
.line-button.icon-right::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.line-button.icon-right.blue::after {
  background-image: url(/img/section/nbp/icons/icon-right-blue.svg);
}
.line-button.icon-download {
  gap: 0.5rem;
}
.line-button.icon-download::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-download-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.text-button {
  display: inline-flex;
  align-items: center;
  padding: 2px 0;
  outline-offset: 0.3125rem;
  background-color: transparent;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.text-button.small {
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.text-button.tiny {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.text-button.icon-download::after {
  content: "";
  margin-left: 0.375rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-download.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.text-button.icon-outlink::before {
  content: "";
  margin-right: 0.5rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-default);
  background-image: url(/img/section/nbp/icons/icon-outlink.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.text-button.icon-tooltip-fill::before {
  content: "";
  margin-right: 0.5rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-tooltip-fill.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.text-button.icon-right::after {
  content: "";
  margin-left: 0.375rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
  vertical-align: middle;
}
.text-button.icon-success {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.text-button.icon-success::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-success.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}
.text-button.icon-error {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.text-button.icon-error::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-error.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

.label {
  display: flex;
  gap: 0.3125rem;
  width: 100%;
  margin-bottom: 0.75rem;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.label.required::after {
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  margin-top: 0.25rem;
  border-radius: 50%;
  background-color: var(--primary-default);
}

.forms {
  display: flex;
  position: relative;
  width: 100%;
}
.forms.error::after {
  content: "";
  position: absolute;
  top: 1.5625rem;
  right: 1.5rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-error.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

:is(.text, .select, .textarea) {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  border: none;
  border-radius: 1rem;
  outline: none;
  box-shadow: inset 0 0 0 1px var(--border-gray-strong);
  background-color: var(--component-white);
  color: var(--text-default);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}
:is(.text, .select, .textarea):focus {
  box-shadow: inset 0 0 0 2px var(--primary-default);
}
.forms.error :is(.text, .select, .textarea) {
  border-color: var(--forms-border-error);
}
:is(.text, .select, .textarea):readonly {
  background-color: var(--component-bg-default);
  color: var(--text-subtext1);
}
:is(.text, .select, .textarea):disabled {
  background-color: var(--component-bg-default);
  color: var(--text-disabled);
}
:is(.text, .select, .textarea)::placeholder {
  color: var(--text-subtext2);
}
:is(.text, .select, .textarea):disabled::placeholder {
  color: var(--text-disabled);
}

.text {
  height: 4.625rem;
  padding: 0 1.5rem;
}
.forms.error .text {
  padding-right: 3.75rem;
}
.text.small {
  height: 3.4375rem;
  padding: 0 1rem;
  border-radius: 0.75rem;
}

.textarea {
  min-height: 11rem;
  padding: 1.5rem 3.75rem 1.5rem 1.5rem;
}

.select {
  height: 4.625rem;
  padding: 0 3.25rem 0 1.5rem;
  text-overflow: ellipsis;
  background: url(/img/section/nbp/icons/icon-bottom.svg) no-repeat right 1.5rem top 50%/1.25rem 1.25rem;
}
.select.small {
  height: 3.4375rem;
  padding: 0 2rem 0 1rem;
  border-radius: 0.75rem;
  background-position: right 1rem top 50%;
  background-size: 1rem 1rem;
}
.select .forms.active {
  background-image: url(/img/section/nbp/icons/icon-top.svg);
}
.forms.error .select {
  padding-right: 3.75rem;
}

.pagination {
  display: flex;
  justify-content: center;
  margin: 5rem -1.25rem 0;
}

.pagination-list {
  display: flex;
  align-items: center;
}

.pagination-page + .pagination-page {
  margin-left: 0.5rem;
}
.pagination-page .pagination-link {
  color: var(--text-subtext2);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.pagination-page .pagination-link {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.pagination-page .pagination-link.active {
  outline-offset: 0.1875rem;
  background-color: var(--component-dark);
  color: var(--text-white);
  cursor: default;
}

.pagination-prev {
  margin-right: 0.625rem;
}
.pagination-prev .pagination-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.pagination-prev .pagination-link::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-left.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.pagination-next {
  margin-left: 0.625rem;
}
.pagination-next .pagination-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.pagination-next .pagination-link::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.pagination-first .pagination-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.pagination-first .pagination-link::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-left-double.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.pagination-last .pagination-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.pagination-last .pagination-link::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-right-double.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

[role=tabpanel] {
  display: none;
}

[role=tabpanel].active {
  display: block;
}

[data-accordion] [role=region] {
  display: none;
}

/* 활성화된 패널 표시 */
[data-accordion] [role=region].active {
  display: block;
}

.accordions {
  border-top: 3px solid var(--border-dark100);
}

.accordion {
  border-bottom: 1px solid var(--border-gray-strong);
}

.accordion [aria-controls] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2.5rem;
  padding-left: 3rem;
  text-align: left;
  transition: background-color 0.4s;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.accordion [aria-controls]::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-bottom-bold.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2rem 2rem;
  vertical-align: middle;
}
.accordion [aria-controls][aria-expanded=true] {
  background-color: var(--background-gray-soft);
}
.accordion [aria-controls][aria-expanded=true]::after {
  transform: rotate(180deg);
}

.accordion [data-accordion-frame] {
  padding: 4rem 3rem 5rem;
  border-top: 1px solid var(--border-gray-strong);
}

.file-button {
  outline-offset: 0.1875rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-default);
  background-image: url(/img/section/nbp/icons/icon-download.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.file-button.white {
  background-color: var(--background-white);
}

.files {
  position: relative;
}

.files-button {
  outline-offset: 0.1875rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-default);
  background-image: url(/img/section/nbp/icons/icon-download.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.files-button.white {
  background-color: var(--background-white);
}
.files.active .files-button {
  background-color: var(--background-dark);
  background-image: url(/img/section/nbp/icons/icon-download-white.svg);
}

.files-frame {
  display: none;
  position: absolute;
  top: 3rem;
  right: -0.75rem;
  width: 30rem;
  padding: 2rem 1.5rem;
  border: 1px solid var(--border-gray-default);
  border-radius: 1.5rem 0 1.5rem 1.5rem;
  background-color: var(--background-gray-default);
}
.latest-card-item:first-child .files-frame {
  right: auto;
  left: 0;
  border-radius: 0 1.5rem 1.5rem 1.5rem;
}
.files.init .files-frame {
  display: block;
  visibility: hidden;
  opacity: 0;
  transform: translateY(3.125rem);
}
.files.active .files-frame {
  display: block;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: visibility 0.6s, opacity 0.6s, transform 0.6s;
}

.files-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0 0.5rem;
}

.files-title {
  display: flex;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.files-count {
  color: var(--primary-default);
  font-weight: 700;
}

.files-close {
  outline-offset: 0.3125rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

.files-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.files-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  padding: 1.25rem;
  border-radius: 0.75rem;
  background-color: var(--background-white);
  box-shadow: var(--shadow-thin);
  word-break: break-all;
}
.files-link::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-download.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

.files-name {
  color: var(--text-default);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.table {
  width: 100%;
  border-top: 2px solid var(--border-dark100);
  border-bottom: 1px solid var(--border-gray-default);
}
.table table {
  min-width: 100%;
  border: 0;
  border-collapse: collapse;
  text-align: center;
}
.table th[scope=col] {
  padding: 1.5625rem 1.5rem 1.5rem;
  background-color: var(--background-gray-soft);
  color: var(--text-default);
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.table.left th[scope=col] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: left;
}
.table.small th[scope=col] {
  padding: 1.3125rem 0 1.25rem;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.table.small.left th[scope=col] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: left;
}
.table th[scope=col][rowspan] {
  border-right: 1px solid var(--border-gray-default);
}
.table tr + tr th[scope=col] {
  border-top: 1px solid var(--border-gray-default);
  border-bottom: 1px solid var(--border-gray-default);
}
.table th[scope=col] + th[scope=col] {
  border-left: 1px solid var(--border-gray-default);
}
.table tr:last-child th[scope=col] {
  border-bottom: 1px solid var(--border-gray-default);
}
.table th[scope=row] {
  padding: 1.5rem;
  background-color: var(--background-white);
  color: var(--text-default);
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.table.small th[scope=row] {
  padding: 1.25rem 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.table tr + tr th[scope=row] {
  border-top: 1px solid var(--border-gray-default);
}
.table th[scope=row][rowspan] {
  border-right: 1px solid var(--border-gray-default);
  border-bottom: 1px solid var(--border-gray-default);
}
.table td {
  padding: 1.5rem 0;
  background-color: var(--background-white);
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.table td.left {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.table.top td {
  vertical-align: top;
}
.table.left td {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: left;
}
.table.small td {
  padding: 1.25rem 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.table.small td.left {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.table.small.left td {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align: left;
}
.table th + td,
.table td + td {
  border-left: 1px solid var(--border-gray-default);
}
.table tr + tr td {
  border-top: 1px solid var(--border-gray-default);
}
.table td[rowspan]:not(:last-child) {
  border-right: 1px solid var(--border-gray-default);
  border-bottom: 1px solid var(--border-gray-default);
}

.required-message {
  padding: 1.5rem;
  border-radius: 1rem;
  background-color: var(--background-blue-default);
}

.required-message-title {
  display: flex;
  gap: 0.5rem;
  color: var(--primary-default);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.required-message-mark {
  flex-shrink: 0;
  width: 0.375rem;
  height: 0.375rem;
  margin-top: 0.1875rem;
  border-radius: 50%;
  background-color: var(--primary-default);
}

.required-message-desc {
  display: block;
  margin-top: 1.25rem;
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.list.lv1 {
  color: var(--text-default);
}
.list.lv1 > li {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.list.lv1:not(:first-child) > li {
  margin-top: 4rem;
}
.list.lv1 > li > .lv3 {
  margin-top: 0.75rem;
}

.list.lv2 {
  color: var(--text-default);
}
.list .list.lv2 {
  margin-top: 2rem;
}
.list .list.lv2.reduced {
  margin-top: 1.5rem;
}
.list.lv2 > li {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.list.lv2 > li + li {
  margin-top: 2rem;
}
.list.lv2.reduced > li + li {
  margin-top: 1.5rem;
}

.list.lv2.number {
  counter-reset: lv2;
}
.list.lv2.number > li {
  counter-increment: lv2;
  position: relative;
  padding-left: 2.25rem;
}
.list.lv2.number > li::before {
  content: counter(lv2) ".";
  flex-shrink: 0;
  position: absolute;
  top: 2px;
  left: 0;
  width: 2rem;
  color: var(--text-subtext2);
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.list.lv2.bullet > li {
  position: relative;
  padding-left: 1.3125rem;
  font-weight: 500;
}
.list.lv2.bullet > li::before {
  content: "";
  flex-shrink: 0;
  position: absolute;
  top: 0.84375rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: var(--icon-gray-strong);
}

.list.lv3 {
  color: var(--text-default);
}
.list .list.lv3 {
  margin-top: 0.5rem;
}
.reduced > li > .list.lv3 {
  margin-top: 0.5rem;
}
.list.lv3 > li {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.list.lv3 > li + li {
  margin-top: 0.25rem;
}
.list.lv3.expanded > li + li {
  margin-top: 0.75rem;
}
.reduced > li > .list.lv3.expanded > li + li {
  margin-top: 0.5rem;
}

p.list.lv3 {
  margin-top: 1rem;
  color: var(--text-default);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.list.lv3.number {
  counter-reset: lv3;
}
.number > li > .list.lv3.number {
  margin-left: -2.25rem;
}
.list.lv3.number > li {
  counter-increment: lv3;
  position: relative;
  padding-left: 2.25rem;
}
.list.lv3.number > li::before {
  content: counter(lv3) ".";
  flex-shrink: 0;
  position: absolute;
  top: 2px;
  left: 0;
  width: 2rem;
  color: var(--text-subtext2);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.list.lv3.word {
  counter-reset: lv3;
}
.word > li > .list.lv3.word {
  margin-left: -1.75rem;
}
.list.lv3.word > li {
  counter-increment: lv3;
  position: relative;
  padding-left: 1.75rem;
}
.list.lv3.word > li::before {
  content: counter(lv3, hangul) ".";
  flex-shrink: 0;
  position: absolute;
  top: 2px;
  left: 0;
  width: 1.5rem;
  color: var(--text-subtext2);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
:root[lang=en] .list.lv3.word > li::before {
  content: counter(lv3, upper-alpha) ".";
}

.list.lv3.bracket {
  counter-reset: lv3;
}
.number > li > .list.lv3.bracket {
  margin-left: -2.25rem;
}
.list.lv3.bracket > li {
  counter-increment: lv3;
  position: relative;
  padding-left: 2.25rem;
}
.list.lv3.bracket > li::before {
  content: "(" counter(lv3) ")";
  flex-shrink: 0;
  position: absolute;
  top: 1px;
  left: 0;
  width: 2rem;
  color: var(--text-subtext2);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.list.lv3.bullet > li {
  position: relative;
  padding-left: 1.3125rem;
}
.list.lv3.bullet > li::before {
  content: "";
  flex-shrink: 0;
  position: absolute;
  top: 0.75rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: var(--icon-gray-strong);
}

.list.lv4 {
  color: var(--text-default);
}
.list .list.lv4 {
  margin-top: 0.5rem;
}
.list.lv4 > li {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.list.lv4 > li + li {
  margin-top: 0.5rem;
}

.list.lv4.number {
  counter-reset: lv4;
}
.list.lv4.number > li {
  counter-increment: lv4;
  position: relative;
  padding-left: 1.75rem;
}
.list.lv4.number > li::before {
  content: counter(lv4);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: absolute;
  top: 2px;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: var(--background-gray-strong);
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0;
}
:root[lang=en] .list.lv4.number > li::before {
  top: 0.1875rem;
}

.list.lv4.word {
  counter-reset: lv4;
}
.word > li > .list.lv4.word {
  margin-left: -1.75rem;
}
.list.lv4.word > li {
  counter-increment: lv4;
  position: relative;
  padding-left: 1.75rem;
}
.list.lv4.word > li::before {
  content: counter(lv4, hangul) ".";
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.75rem;
  color: var(--text-subtext2);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
:root[lang=en] .list.lv4.word > li::before {
  content: counter(lv4, upper-alpha) ".";
}

.list.lv4.bullet > li {
  position: relative;
  padding-left: 1.3125rem;
}
.list.lv4.bullet > li::before {
  content: "";
  flex-shrink: 0;
  position: absolute;
  top: 0.625rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: var(--icon-gray-strong);
}

.checkbox {
  position: relative;
}

.checkbox input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 1rem;
  outline-offset: -2px;
  cursor: pointer;
}

.checkbox label {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.5rem 3.5rem 1.5rem 1.5rem;
  box-shadow: inset 0 0 0 1px var(--border-gray-strong);
  border-radius: 1rem;
  color: var(--text-default);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.checkbox label::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-checkbox.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

.checkbox input[type=checkbox]:checked ~ label {
  box-shadow: inset 0 0 0 2px var(--border-dark100);
}
.checkbox input[type=checkbox]:checked ~ label::before {
  background-image: url(/img/section/nbp/icons/icon-checkbox-checked.svg);
}

.radios {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.radios.horizontal {
  flex-direction: row;
  gap: 0.5rem;
}

.radio {
  position: relative;
}
.radios.horizontal .radio {
  flex: 1;
  min-width: 0;
}

.radio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 1rem;
  outline-offset: -2px;
  cursor: pointer;
}

.radio label {
  display: block;
  position: relative;
  height: 100%;
  padding: 1.5rem;
  padding-left: 4.5rem;
  border-radius: 1rem;
  box-shadow: inset 0 0 0 1px var(--border-gray-strong);
  color: var(--text-default);
  text-align: center;
  word-break: break-word;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.radios.horizontal .radio label {
  padding: 1.5rem;
}
.radio label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-check-gray.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

.radio input[type=radio]:checked ~ label {
  box-shadow: inset 0 0 0 2px var(--border-dark100);
}
.radio input[type=radio]:checked ~ label::before {
  background-image: url(/img/section/nbp/icons/icon-check.svg);
}

.dropdown {
  position: relative;
}

.dropdown-trigger {
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  height: 3.4375rem;
  padding: 0 2.5rem 0 1rem;
  border: none;
  border-radius: 0.75rem;
  border: 1px solid var(--border-gray-strong);
  background: var(--component-white) url(/img/section/nbp/icons/icon-bottom.svg) no-repeat right 1rem top 50%/1rem 1rem;
  color: var(--text-default);
  text-align: left;
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.dropdown-trigger:focus {
  outline-offset: -0.3125rem;
}
.dropdown.active .dropdown-trigger {
  padding: 0 2.4375rem 2px 0.9375rem;
  border: 2px solid var(--primary-default);
  border-bottom: none;
  border-radius: 0.75rem 0.75rem 0 0;
  background-image: url(/img/section/nbp/icons/icon-top.svg);
  background-position: right 0.9375rem top 50%;
}

.dropdown-list {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  max-height: 19.0625rem;
  padding: 0.375rem 0 0.875rem;
  border: 2px solid var(--primary-default);
  border-top: none;
  border-radius: 0 0 0.75rem 0.75rem;
  background-color: #fff;
}
.dropdown.active .dropdown-list {
  display: block;
}

.dropdown-link {
  display: block;
  padding: 0.375rem 1rem;
  outline-offset: -0.1875rem;
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.bullet-ref {
  display: flex;
  gap: 0.5rem;
}
.bullet-ref::before {
  content: "";
  flex-shrink: 0;
  margin-top: 0.25rem;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-bullet.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
  vertical-align: middle;
}

.download {
  display: flex;
  position: relative;
  height: 14.75rem;
  padding: 2.5rem;
  border-radius: 1.25rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  transition: padding 0.6s;
}
.download.type-1 {
  background-image: url(/img/section/nbp/images/bg-card1-pc.png);
}
.download.type-2 {
  background-image: url(/img/section/nbp/images/bg-card2-pc.png);
}
.download.type-3 {
  background-image: url(/img/section/nbp/images/bg-card3-pc.png);
}
.download.type-4 {
  background-image: url(/img/section/nbp/images/bg-card4-pc.png);
}
.download.type-5 {
  background-image: url(/img/section/nbp/images/bg-card5-pc.png);
}

.download-subject {
  color: var(--text-white);
  transition: font-size 0.6s;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.download-file {
  position: absolute;
  bottom: 2rem;
  right: 2.125rem;
}

.ul > li {
  position: relative;
  padding-left: 1.0625rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.ul > li::before {
  content: "";
  flex-shrink: 0;
  position: absolute;
  top: 0.625rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: var(--text-subtext2);
}

.ol {
  counter-reset: ol;
}
.ol > li {
  counter-increment: ol;
  position: relative;
  padding-left: 1.75rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.ol > li::before {
  content: counter(ol);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: absolute;
  top: 0.25rem;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: var(--background-gray-strong);
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.ol li + li {
  margin-top: 0.5rem;
}

.board-util {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

.board {
  border-top: 3px solid var(--border-dark100);
  border-bottom: 1px solid var(--border-gray-strong);
}

.board-item {
  position: relative;
}
.board-item + .board-item {
  border-top: 1px solid var(--border-gray-strong);
}
.board-item.active {
  z-index: 1;
}

.board-link {
  display: flex;
  align-items: center;
  padding: 2rem 6.5rem 2.0625rem 1.5rem;
}
.board.no-file .board-link {
  padding-right: 1.5rem;
}

.board-number {
  flex-shrink: 0;
  width: 5rem;
  padding-right: 2.5rem;
  color: var(--text-subtext1);
  text-align: center;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.board-subject {
  display: flex;
  align-items: center;
  flex: 1;
  color: var(--text-default);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.board-subject {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
  word-break: break-all !important;
}

.board-badge {
  flex-shrink: 0;
  margin-right: 0.5rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.875rem;
  background-color: var(--background-blue-strong);
  color: var(--primary-strong);
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.board-date {
  flex-shrink: 0;
  width: 8.125rem;
  padding-left: 2.5rem;
  color: var(--text-subtext2);
  text-align: center;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.board-file {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}
.board-file.active {
  z-index: 1;
}

.detail-meta {
  margin-bottom: 1.5rem;
}

.detail-category {
  margin-bottom: 1rem;
  color: var(--primary-default);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0;
}

.detail-subject {
  color: var(--text-default);
  word-break: break-all;
  font-weight: 600;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.detail-date {
  margin-top: 4rem;
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.detail-post {
  padding: 3rem 0;
  border-top: 3px solid var(--border-dark100);
  border-bottom: 1px solid var(--border-gray-strong);
}

.detail-content {
  padding: 3rem 0 4.5rem;
  word-break: break-all;
}
.detail-content:first-child {
  padding-top: 1rem;
}
.detail-content img {
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
}
.detail-content p {
  font-family: "Pretendard" !important;
}

.detail-files {
  display: flex;
  gap: 2rem;
  padding: 2rem 2.5rem;
  border-radius: 1.25rem;
  background-color: var(--background-blue-default);
}
.detail-content ~ .detail-files {
  margin-top: 4.5rem;
}

.detail-file-title {
  flex-shrink: 0;
  color: var(--text-default);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.detail-file-count {
  display: inline-flex;
  width: 1.25rem;
  color: var(--primary-default);
}

.detail-file-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.detail-file-item {
  display: flex;
}

.detail-file-link {
  display: inline-flex;
  gap: 0.75rem;
  outline-offset: 0.3125rem;
  color: var(--text-default);
  word-break: break-all;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.detail-file-link::before {
  content: "";
  box-shadow: var(--shadow-thin);
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.625rem;
  background-color: var(--background-white);
  background-image: url(/img/section/nbp/icons/icon-download.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem 0.75rem;
  vertical-align: middle;
}

.detail-nav {
  margin-top: 1.5rem;
}

.detail-nav-link {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1rem 0.25rem 1rem 0;
}

.detail-nav-label {
  display: flex;
  gap: 0.5rem;
  color: var(--text-detail);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.detail-nav-label.prev::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-top.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.detail-nav-label.next::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-bottom.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
span.detail-nav-link .detail-nav-label {
  color: var(--text-subtext2);
}

.detail-nav-subject {
  color: var(--text-default);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
span.detail-nav-link .detail-nav-subject {
  color: var(--text-subtext2);
}

.detail-action {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
}

.result {
  padding: 7.5rem 0;
  text-align: center;
}

.result-message {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.result-action {
  margin-top: 3rem;
}

.message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.message-title {
  color: var(--text-default);
  text-align: center;
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.message-desc {
  margin-top: 1.25rem;
  color: var(--text-subtext1);
  text-align: center;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.message-action {
  margin-top: 4rem;
}

.videos-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem 2rem;
}

.videos-trigger {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-radius: 1.25rem 1.25rem 0.75rem 0.75rem;
  text-align: left;
  outline-offset: 0.3125rem;
}

.videos-thumbnail {
  border-radius: 1.25rem;
}

.videos-item:nth-child(1) .videos-thumbnail {
  background-color: var(--primary-soft);
}

.videos-item:nth-child(2) .videos-thumbnail {
  background-color: var(--primary-default);
}

.videos-item:nth-child(3) .videos-thumbnail {
  background-color: var(--primary-strong);
}

.videos-item:nth-child(4) .videos-thumbnail {
  background-color: var(--primary-heavy);
}

.videos-item:nth-child(5) .videos-thumbnail {
  background-color: var(--primary-soft);
}

.videos-item:nth-child(6) .videos-thumbnail {
  background-color: var(--primary-default);
}

.videos-item:nth-child(7) .videos-thumbnail {
  background-color: var(--primary-soft);
}

.videos-subject {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.posters-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5rem 2rem;
  transition: gap 0.6s;
}

.posters-trigger {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  overflow: hidden;
  height: 100%;
  border-radius: 1.25rem;
  outline-offset: 0.3125rem;
  text-align: left;
}
.posters-trigger.grad-01 {
  background: linear-gradient(180deg, #2f3f96 0%, #5260a9 100%);
}
.posters-trigger.grad-02 {
  background: linear-gradient(180deg, #e28572 0%, #44acc0 100%);
}
.posters-trigger.grad-03 {
  background: linear-gradient(180deg, #6899dc 0%, #d3b0d0 100%);
}
.posters-trigger.grad-04 {
  background: linear-gradient(180deg, #96c1ee 0%, #f4b5e0 100%);
}

.posters-thumbnail {
  object-fit: contain;
}

.posters-subject {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.greeting {
  height: calc(100vh - 6.875rem + 1px);
}

.greeting-frame {
  position: relative;
  height: 100%;
  padding: 0 1.25rem;
}

.greeting-player {
  overflow: hidden;
  position: relative;
  height: calc(100% - 4.375rem);
  border-radius: 1.25rem;
}

.greeting-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  transition: transform 0.6s;
}
.greeting.pause .greeting-video {
  transform: scale(1.2);
}

.greeting-dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  transition: background-color 0.6s;
}
.greeting.pause .greeting-dim {
  background-color: rgba(0, 0, 0, 0.7);
}

.greeting-swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.greeting-swiper .swiper {
  width: 100%;
  height: 100%;
}

.greeting-slogan {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--text-white);
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  transform: scale(0.2);
  transition: transform 0.6s;
}
.greeting-slogan span {
  font-weight: 700;
  line-height: 1.2;
  font-family: "Wooridaum";
  letter-spacing: -0.025em;
  transition: font-size 0.6s;
}
.greeting-slogan span:nth-child(1) {
  font-size: 5.0625rem;
}
:root[lang=en] .greeting-slogan span:nth-child(1) {
  font-size: 4.125rem;
}
.greeting-slogan span:nth-child(2) {
  font-size: 6.75rem;
}
:root[lang=en] .greeting-slogan span:nth-child(2) {
  font-size: 4.125rem;
}
.swiper-slide-active .greeting-slogan {
  transform: scale(1);
}

.greeting-message {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.1;
  height: 100%;
  color: var(--text-white);
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 1.3;
  font-family: "Wooridaum";
  letter-spacing: -0.025em;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  transform: scale(1.2);
  transition: opacity 2s, font-size 0.6s, transform 2s;
}
.swiper-slide-active .greeting-message {
  opacity: 1;
  transform: scale(1);
}

.greeting-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.375rem;
}

.greeting-control {
  display: inline-flex;
  gap: 0.375rem;
  padding: 0.4375rem 0.625rem 0.4375rem 0.9375rem;
  border-radius: 2.5rem;
  color: var(--text-black);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.greeting-control::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-pause.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}
.greeting.pause .greeting-control::after {
  background-image: url(/img/section/nbp/icons/icon-play.svg);
}

.first {
  overflow: hidden;
}

.first-intro {
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 9.375rem 10rem;
}

.first-docs {
  overflow: hidden;
  position: absolute;
  top: 16.25rem;
  right: 23.125rem;
  z-index: 2;
  width: 26.93vw;
  height: 17.91vw;
  border-radius: 2rem;
  box-shadow: 2.5rem 5.3125rem 4rem 0 rgba(0, 0, 0, 0.15);
}
.first-intro.init .first-docs {
  opacity: 0;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transform: translate(-5rem, 17.5rem);
}
.first-intro.active .first-docs {
  transition: opacity 0.6s, top 0.6s, right 0.6s, width 0.6s 0.4s, height 0.6s 0.4s, border-radius 0.6s 0.4s, box-shadow 0.6s 0.4s, transform 0.6s 0.4s;
}
.first-docs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.first-lights {
  position: absolute;
  top: 6.25rem;
  right: 0;
  z-index: 1;
}

.first-light {
  position: absolute;
  top: 0;
  right: 1.25rem;
  width: 15.625rem;
  height: 15.625rem;
  transition: top 0.6s, right 0.6s, width 0.6s, height 0.6s;
}

.first-light-small {
  position: absolute;
  top: 30.3125rem;
  right: -6.25rem;
  width: 10rem;
  height: 10rem;
  transition: top 0.6s, right 0.6s, width 0.6s, height 0.6s;
}

.first-heading {
  display: inline-flex;
  background: radial-gradient(ellipse 100% 33.3333% at 50% 50%, #67d4ff 0%, #196eff 25%, #014cff 50%, #000 60%, #000 100%);
  background-size: 100% 300%;
  background-position: 0 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.015em;
  font-weight: 700;
  font-size: 10rem;
  line-height: 1.2;
  color: var(--text-strong);
  transition: font-size 0.6s;
}
.first-intro.active .first-heading {
  animation: reveal-loop 6s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
}

@keyframes reveal-loop {
  0% {
    background-position: 0 300%;
  }
  40% {
    background-position: 0 100%;
  }
  100% {
    background-position: 0 100%;
  }
}
.first-action {
  display: flex;
  gap: 1.25rem;
  position: relative;
  z-index: 3;
  margin-top: 4.375rem;
}

.first-button {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.5625rem;
  border-radius: 1.875rem;
  background-color: var(--background-white);
  box-shadow: var(--shadow-blurred);
  color: var(--text-strong);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.first-button::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

.first-stories {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0 1.25rem 31.25rem;
}

.first-story {
  display: flex;
  position: relative;
  height: 30.5rem;
  border-radius: 2.5rem;
  perspective: 62.5rem;
}
.first-story::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 5rem;
  height: 2.5rem;
  background: url(/img/section/nbp/images/hero-edge.svg) no-repeat;
  background-size: cover;
  transform: translateX(-50%);
  pointer-events: none;
  transition: width 0.6s, height 0.6s;
}
.first-story.type-1 {
  z-index: 3;
  background-color: var(--primary-default);
  color: var(--text-white);
}
.first-story.type-2 {
  z-index: 2;
  background-color: var(--card3-solid);
  color: var(--text-white);
}
.first-story.type-2::before {
  display: none;
}
.first-story.type-3 {
  z-index: 1;
  background-color: #f1f1f1;
}
.first-story.type-3::before {
  display: none;
}
.first-story.init {
  height: 61rem;
}
:root[lang=en] .first-story.init {
  height: 61rem;
}
.first-story.active {
  transition: height 2s;
}

.first-before {
  position: relative;
  flex: 1;
  min-width: 0;
}

.first-after {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  min-width: 0;
  padding: 0 6.25rem 0 0;
}

.first-year {
  display: inline-flex;
  position: absolute;
  top: 2rem;
  left: 2.5rem;
  padding: 0.375rem 0.875rem;
  border-radius: 1.375rem;
  background-color: rgba(255, 255, 255, 0.06);
  transition: top 0.6s, left 0.6s, padding 0.6s, font-size 0.6s;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.first-story.type-3 .first-year {
  background-color: rgba(0, 0, 0, 0.06);
  color: var(--text-subtext2);
}
.first-story.init .first-year {
  opacity: 0;
  transform: translateY(12.5rem);
}

.first-story.active .first-year {
  transition: opacity 1s, transform 1s;
}

.first-title {
  position: absolute;
  top: 5rem;
  left: 8.75rem;
  transition: top 0.6s, left 0.6s, font-size 0.6s;
  font-weight: 300;
  font-size: 3rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
:root[lang=en] .first-title {
  left: 7.5rem;
  font-size: 2.25rem;
}
.first-story.init .first-title {
  opacity: 0;
  transform: translateY(12.5rem);
}

.first-story.active .first-title {
  transition: opacity 1s, transform 1s;
}

.first-keyword {
  display: block;
  transition: font-size 0.6s;
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
:root[lang=en] .first-keyword {
  margin-top: 0.75rem;
  font-weight: 700;
  font-size: 3.125rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.first-desc {
  display: flex;
  gap: 1rem;
  position: relative;
  width: 26.25rem;
  transition: gap 0.6s, top 0.6s, left 0.6s, width 0.6s, font-size 0.6s;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
:root[lang=en] .first-desc {
  width: 25rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.first-story.type-3 .first-desc {
  color: var(--text-subtext1);
}
.first-story.init .first-desc {
  opacity: 0;
  transform: translateY(12.5rem);
}

.first-story.active .first-desc {
  transition: opacity 1s, transform 1s;
}

.first-desc::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--background-white);
}
.first-story.type-3 .first-desc::before {
  background-color: var(--background-dimmed);
}

.first-fixer {
  overflow: hidden;
  position: absolute;
  bottom: -3.75rem;
  left: 50%;
  z-index: 1;
  width: 31.25rem;
  border-radius: 0.75rem;
  box-shadow: 0 19.25rem 7.6875rem 0 rgba(0, 0, 0, 0.01), 0 10.8125rem 6.5rem 0 rgba(0, 0, 0, 0.05), 0 4.8125rem 4.8125rem 0 rgba(0, 0, 0, 0.09), 0 1.1875rem 2.625rem 0 rgba(0, 0, 0, 0.1);
  transform: scale(1) rotateX(0deg) translateX(-50%);
  transform-origin: 0 50%;
  transform-style: preserve-3d;
}
:root[lang=en] .first-fixer {
  width: 30rem;
}
.first-story.init .first-fixer {
  opacity: 0;
  transform: scale(1.5) rotateX(45deg) translate(-50%, 12.5rem);
}

.first-story.active .first-fixer {
  transition: opacity 1s, transform 1s;
}

.first-fixer img,
.first-fixer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.light-trail {
  position: absolute;
  top: 0;
  right: 0;
  width: 15.625rem;
  height: 15.625rem;
  border-radius: 7.8125rem;
  transform-origin: 50%;
  transform: rotate(315deg);
  transition: width 0.6s, height 0.6s, background-image 0.6s;
}
.first-intro.init .light-trail {
  width: 15.625rem;
}
.first-intro.active .light-trail {
  width: 27.5rem;
}
.light-trail.small {
  width: 10rem;
  height: 10rem;
  transform: rotate(30deg);
}
.first-intro.init .light-trail.small {
  width: 10rem;
}
.first-intro.active .light-trail.small {
  width: 21.25rem;
}
.light-trail.blue {
  background: linear-gradient(270deg, #82d5fd 41%, #014cff 68.33%);
}
.light-trail.sky-blue {
  background: linear-gradient(270deg, #9df 60%, #61caff 100%);
}
.light-trail.yellow {
  background: linear-gradient(270deg, #fdff6a 60%, rgba(100, 203, 255, 0) 100%);
}

.light-trail-circle {
  position: absolute;
  width: 15.625rem;
  height: 15.625rem;
  border-radius: 50%;
  transition: width 0.6s, height 0.6s, background 0.6s;
}
.light-trail.small .light-trail-circle {
  width: 10rem;
  height: 10rem;
}
.light-trail.small .light-trail-circle::after {
  display: none;
}
.light-trail-circle:nth-child(1) {
  top: 0;
  left: 0;
}
.light-trail.blue .light-trail-circle:nth-child(1) {
  background-color: #014cff;
}
.light-trail.sky-blue .light-trail-circle:nth-child(1) {
  background-color: #61cafe;
}
.light-trail.yellow .light-trail-circle:nth-child(1) {
  background-color: #f4c400;
}
.light-trail-circle:nth-child(1)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -0.625rem;
  width: 11.4375rem;
  height: 6.25rem;
  background: url(/img/section/nbp/images/light-trail-edge.svg) no-repeat 50%/cover;
  transform: scale(0.9);
  transform-origin: 0 100%;
}
.light-trail-circle:nth-child(2) {
  opacity: 0.6;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.light-trail.blue .light-trail-circle:nth-child(2) {
  background-color: #196eff;
}
.light-trail.sky-blue .light-trail-circle:nth-child(2) {
  background-color: #9edfff;
}
.light-trail.yellow .light-trail-circle:nth-child(2) {
  background-color: #ffd919;
}
.light-trail-circle:nth-child(3) {
  opacity: 0.2;
  top: 0;
  right: 0;
}
.light-trail.blue .light-trail-circle:nth-child(3) {
  background-color: #67d4ff;
}
.light-trail.sky-blue .light-trail-circle:nth-child(3) {
  background-color: #fff;
}
.light-trail.yellow .light-trail-circle:nth-child(3) {
  background-color: #edffb1;
}

.now {
  height: 150vh;
}

.now-track {
  position: sticky;
  top: 0;
  height: 100vh;
}

.now-heading {
  position: absolute;
  top: 15.625rem;
  left: 10rem;
  z-index: 1;
  color: var(--text-strong);
  font-weight: 700;
  font-size: 10rem;
  line-height: 1.2;
  letter-spacing: 0.015em;
  transition: font-size 0.6s;
}
.now.active .now-heading {
  color: var(--text-white);
  transition: color 0.7s, font-size 0.6s;
}

.now-sticky {
  position: relative;
  z-index: 2;
  padding: 1.25rem;
  height: 100%;
}

.now-frame {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  height: 100%;
  padding: 1.5rem 8.75rem;
  border-radius: 2.5rem;
  background: url(/img/section/nbp/images/ma-0000-now-pc.jpg) no-repeat 50%/cover;
}
.now.init .now-frame {
  opacity: 0;
  transform: scale(0.25);
}

.now.active .now-frame {
  transition: opacity 1s, transform 1s;
}

.now-text {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}

.now-step {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 3.875rem;
  color: var(--text-white);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.now.init .now-step {
  opacity: 0;
  transform: translateY(6.25rem);
}

.now.active .now-step {
  transition: opacity 0.6s 1s, transform 0.6s 1s;
}

.now-step::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: var(--text-white);
}

.now-title {
  color: var(--text-white);
  font-weight: 600;
  font-size: 4.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.now.init .now-title {
  opacity: 0;
  transform: translateY(6.25rem);
}

.now.active .now-title {
  transition: opacity 0.6s 1.2s, transform 0.6s 1.2s;
}

.now-dim {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.now.init .now-dim {
  opacity: 0;
}

.now.active .now-dim {
  transition: opacity 0.6s 1s;
}

.now-edge-top {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 5rem;
  height: 2.5rem;
  background: url(/img/section/nbp/images/hero-edge.svg) no-repeat;
  background-size: cover;
  transform: translateX(-50%);
  pointer-events: none;
}
.now.init .now-edge-top {
  width: 2.5rem;
  height: 1.25rem;
}

.now.active .now-edge-top {
  transition: width 1s, height 1s;
}

.now-edge-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  width: 5rem;
  height: 2.5rem;
  background: url(/img/section/nbp/images/hero-edge.svg) no-repeat;
  background-size: cover;
  transform: rotate(180deg) translateX(-50%);
  transform-origin: 0 50%;
  pointer-events: none;
}
.now.init .now-edge-bottom {
  width: 2.5rem;
  height: 1.25rem;
}

.now.active .now-edge-bottom {
  transition: width 1s, height 1s;
}

.now-value {
  margin-top: 10rem;
  padding: 0 3.75rem;
}

.now-value-frame {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
}

.now-value-step {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 4rem;
  color: var(--text-strong);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.now-value-step::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: var(--text-strong);
}
.now-value.init .now-value-step {
  opacity: 0;
  transform: translateY(6.25rem);
}

.now-value.active .now-value-step {
  transition: opacity 0.6s, transform 0.6s;
}

.now-value-heading {
  margin-bottom: 5rem;
  color: var(--text-strong);
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
.now-value.init .now-value-heading {
  opacity: 0;
  transform: translateY(6.25rem);
}

.now-value.active .now-value-heading {
  transition: opacity 1s 0.1s, transform 1s 0.1s;
}

.now-value-list {
  display: flex;
  gap: 1.25rem;
}

.now-value-item {
  flex: 1;
  min-width: 0;
  perspective: 93.75rem;
}

.now-value-card {
  display: block;
  position: relative;
  padding-bottom: 150%;
  border-radius: 1.25rem;
  box-shadow: 0 30.0625rem 8.4375rem 0 rgba(0, 0, 0, 0), 0 19.25rem 7.6875rem 0 rgba(0, 0, 0, 0.01), 0 10.8125rem 6.5rem 0 rgba(0, 0, 0, 0.05), 0 4.8125rem 4.8125rem 0 rgba(0, 0, 0, 0.09), 0 1.1875rem 2.625rem 0 rgba(0, 0, 0, 0.1);
  transform: scale(1) rotateX(0deg) translateY(0);
  transform-origin: 50% 0;
  transform-style: preserve-3d;
}
.now-value.init .now-value-card {
  opacity: 0;
  transform: scale(0.5) rotateX(30deg) translateY(100%);
}

.now-value.active .now-value-card {
  transition: opacity 1s, transform 1s;
}

.now-value-card.type-1 {
  background: url(/img/section/nbp/images/ma-0000-now-value1-pc.png) no-repeat 50%/cover;
}
.now-value.active .now-value-card.type-1 {
  transition-delay: 0.2s;
}
.now-value-card.type-2 {
  background: url(/img/section/nbp/images/ma-0000-now-value2-pc.png) no-repeat 50%/cover;
}
.now-value.active .now-value-card.type-2 {
  transition-delay: 0.4s;
}
.now-value-card.type-3 {
  background: url(/img/section/nbp/images/ma-0000-now-value3-pc.png) no-repeat 50%/cover;
}
.now-value.active .now-value-card.type-3 {
  transition-delay: 0.6s;
}

.now-value-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3.125rem 2.5rem 2.5rem;
  transition: padding 0.6s;
}

.now-value-title {
  color: var(--text-white);
  transition: font-size 0.6s;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
:root[lang=en] .now-value-title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.now-value-desc {
  opacity: 0.9;
  color: var(--text-white);
  transition: font-size 0.6s;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
:root[lang=en] .now-value-desc {
  font-size: 1.5rem;
}

.latest {
  margin-top: 12.5rem;
  padding: 0 3.75rem;
}

.latest-frame {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
}

.latest-heading {
  margin-bottom: 5rem;
  color: var(--text-strong);
  font-weight: 600;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.latest-link {
  display: flex;
  gap: 2rem;
  padding: 2.5rem 0;
  border-top: 1px solid var(--border-black);
  transition: padding 0.6s;
}
.latest-link:focus-visible {
  padding-right: 2rem;
  padding-left: 2rem;
  outline: none;
  background-color: var(--primary-default);
}

.latest-category {
  color: var(--text-subtext2);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.latest-link:focus-visible .latest-category {
  color: var(--text-white);
}

.latest-title {
  display: flex;
  gap: 1.25rem;
  flex: 1;
  min-width: 0;
}

.latest-title-text {
  min-width: 0;
  color: var(--text-strong);
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.latest-link:focus-visible .latest-title-text {
  color: var(--text-white);
}

.latest-date {
  flex-shrink: 0;
  color: var(--text-subtext1);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.latest-link:focus-visible .latest-date {
  color: var(--text-white);
}

.tomorrow {
  overflow: hidden;
  position: relative;
  margin-top: 11.125rem;
  padding: 9.75rem 3.75rem 6.875rem;
  background: linear-gradient(236deg, #041e2d 30%, #0b5a5a 100%);
  color: var(--text-white);
}
:root[lang=en] .tomorrow {
  margin-top: 12.5rem;
  padding-bottom: 7.5rem;
}

.tomorrow-glow {
  content: "";
  position: absolute;
  z-index: 1;
  width: 43.75rem;
  height: 43.75rem;
  border-radius: 50%;
  background-color: rgba(66, 227, 242, 0.8);
  filter: blur(12.3125rem);
  mix-blend-mode: plus-lighter;
  pointer-events: none;
}
.tomorrow-glow.type-1 {
  top: 0;
  left: 0;
  margin-top: -21.875rem;
  margin-left: -21.875rem;
  animation: glow 10s ease-in-out infinite;
}
.tomorrow-glow.type-2 {
  right: 0;
  bottom: 0;
  margin-right: -21.875rem;
  animation: glow 10s ease-in-out infinite reverse;
}
.tomorrow.init .tomorrow-glow {
  opacity: 0;
}

.tomorrow.active .tomorrow-glow {
  opacity: 1;
  transition: opacity 2s 1.6s;
}

@keyframes glow {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-10%, -10%);
  }
  40% {
    transform: translate(-10%, 10%);
  }
  60% {
    transform: translate(10%, -10%);
  }
  80% {
    transform: translate(10%, 10%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes big-glow {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-50%, -50%);
  }
  40% {
    transform: translate(-50%, 50%);
  }
  60% {
    transform: translate(50%, -50%);
  }
  80% {
    transform: translate(50%, 50%);
  }
  100% {
    transform: translate(0, 0);
  }
}
.tomorrow-frame {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 106.25rem;
  margin: 0 auto;
}

.tomorrow-heading {
  position: absolute;
  top: 6.875rem;
  left: 0;
  padding: 0 0.5rem;
  font-weight: 700;
  font-size: 10rem;
  line-height: 1.2;
  letter-spacing: -0.015em;
  transition: font-size 0.6s;
}
:root[lang=en] .tomorrow-heading {
  top: -1.25rem;
}
.tomorrow.active .tomorrow-heading {
  opacity: 0;
  filter: blur(1.25rem);
  transition: opacity 1s 1s, font-size 0.6s, filter 1s 1s;
}

.tomorrow-message {
  margin-bottom: 9.75rem;
  padding: 0 0.375rem;
  text-align: center;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.tomorrow.init .tomorrow-message {
  opacity: 0;
  filter: blur(1.25rem);
  transform: scale(0.5);
}

.tomorrow.active .tomorrow-message {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
  transition: opacity 1s 1.6s, filter 1s 1.6s, transform 1s 1.6s;
}

.tomorrow-list {
  display: flex;
  gap: 1.25rem;
}
.tomorrow.init .tomorrow-list {
  margin-right: 6.25rem;
  margin-left: 25%;
}

.tomorrow.active .tomorrow-list {
  margin-right: 0;
  margin-left: 0;
  transition: margin 0.6s 1s;
}

.tomorrow-item {
  flex: 1;
  position: relative;
  min-width: 0;
  height: 25.5rem;
  transition: height 0.6s;
}
.tomorrow.init .tomorrow-item:nth-child(1) {
  flex: 2;
}
.tomorrow.init .tomorrow-item:nth-child(2) {
  flex: 1;
}
.tomorrow.init .tomorrow-item:nth-child(3) {
  flex: 1;
}

.tomorrow.active .tomorrow-item {
  transition: flex 0.6s 1s;
}
.tomorrow.active .tomorrow-item:nth-child(1) {
  flex: 1;
}
.tomorrow.active .tomorrow-item:nth-child(2) {
  flex: 1;
}
.tomorrow.active .tomorrow-item:nth-child(3) {
  flex: 1;
}

.tomorrow-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3.125rem 3.125rem 2.25rem;
  border-radius: 1.25rem;
  outline-offset: 0.3125rem;
  background-color: rgba(0, 208, 255, 0.5);
  -webkit-backdrop-filter: blur(1.0625rem);
          backdrop-filter: blur(1.0625rem);
  box-shadow: inset 0 -1px 1px 0 rgba(199, 201, 201, 0.2), inset 0 0 0.25rem 0 rgba(76, 211, 249, 0), 0 2.5rem 5rem 0 rgba(0, 0, 0, 0.2);
  transition: padding 0.6s;
}

.tomorrow-title {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  position: relative;
  z-index: 2;
  white-space: nowrap;
  transition: font-size 0.6s;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
:root[lang=en] .tomorrow-title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.tomorrow-title::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-right-small-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.5rem 2.5rem;
  vertical-align: middle;
}

.tomorrow-desc {
  position: relative;
  z-index: 2;
  transition: font-size 0.6s;
  opacity: 0.9;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
:root[lang=en] .tomorrow-desc {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.tomorrow.init .tomorrow-item:nth-child(2) .tomorrow-desc {
  opacity: 0;
}
.tomorrow.init .tomorrow-item:nth-child(3) .tomorrow-desc {
  opacity: 0;
}
.tomorrow.active .tomorrow-item:nth-child(2) .tomorrow-desc {
  transition: opacity 0.6s 1s;
  opacity: 1;
}
.tomorrow.active .tomorrow-item:nth-child(3) .tomorrow-desc {
  transition: opacity 0.6s 1s;
  opacity: 1;
}

.tomorrow-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.tomorrow-link.type-1 .tomorrow-image {
  background: linear-gradient(0, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 44.3%, rgba(0, 0, 0, 0.6) 100%), url(/img/section/nbp/images/ma-0000-tomorrow1.jpg) no-repeat 50%/cover;
}
.tomorrow-link.type-2 .tomorrow-image {
  background: linear-gradient(0, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 44.3%, rgba(0, 0, 0, 0.6) 100%), url(/img/section/nbp/images/ma-0000-tomorrow2.jpg) no-repeat 50%/cover;
}
.tomorrow-link.type-3 .tomorrow-image {
  background: linear-gradient(0, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 44.3%, rgba(0, 0, 0, 0.6) 100%), url(/img/section/nbp/images/ma-0000-tomorrow3.jpg) no-repeat 50%/cover;
}
.tomorrow-link.type-4 .tomorrow-image {
  background: linear-gradient(0, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 44.3%, rgba(0, 0, 0, 0.6) 100%), url(/img/section/nbp/images/ma-0000-tomorrow4.jpg) no-repeat 50%/cover;
}
.tomorrow.init .tomorrow-item:nth-child(2) .tomorrow-image {
  opacity: 0;
}
.tomorrow.init .tomorrow-item:nth-child(3) .tomorrow-image {
  opacity: 0;
}
.tomorrow.active .tomorrow-item:nth-child(2) .tomorrow-image {
  transition: opacity 0.6s 1s;
  opacity: 1;
}
.tomorrow.active .tomorrow-item:nth-child(3) .tomorrow-image {
  transition: opacity 0.6s 1s;
  opacity: 1;
}

.recruit {
  position: relative;
  z-index: 2;
  margin-top: 10rem;
  text-align: center;
}
.tomorrow.init .recruit {
  opacity: 0;
  transform: translateY(100%);
}

.tomorrow.active .recruit {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 2s 1.6s, transform 1s 1.6s;
}

.recruit-category {
  margin-bottom: 0.75rem;
  color: #b2d4ff;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.recruit-heading {
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.recruit-action {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 3.125rem;
}

.recruit-link {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 1.875rem;
  outline-offset: 0.3125rem;
  box-shadow: 0 1rem 1.25rem 0 rgba(0, 0, 0, 0.06);
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.recruit-link::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

.ceo {
  transform-style: preserve-3d;
  perspective: 93.75rem;
}

.ceo-photo {
  overflow: hidden;
  border-radius: 1.25rem;
}

.ceo-title {
  margin-bottom: 4rem;
  color: var(--text-strong);
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.ceo-content {
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
:root[lang=en] .ceo-content {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.ceo-signature {
  margin-top: 7.5rem;
  height: 4.125rem;
  background: url(/img/section/nbp/images/ba-1000-signature.png) no-repeat 7.625rem 0/auto 3.9375rem;
}
:root[lang=en] .ceo-signature {
  background-position: 14.5rem 0;
}

.ceo-signature {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
:root[lang=en] .ceo-signature {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.ceo-career {
  margin-top: 12.5rem;
  padding: 6.25rem 7.5rem 7.5rem;
  border-radius: 1rem;
  background-color: var(--background-gray-default);
}

.ceo-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ceo-item {
  display: flex;
  gap: 1rem;
}

.ceo-key {
  flex-shrink: 0;
  width: 5rem;
  color: var(--text-subtext2);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.ceo-key {
  letter-spacing: -0.05em;
}

.ceo-value {
  flex-grow: 1;
  color: var(--text-subtext1);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.leadership {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 104%;
  border-radius: 1.25rem;
  box-shadow: 0 1rem 1.25rem 0 rgba(0, 0, 0, 0.06);
}
.leadership.represent {
  padding-bottom: 53.43%;
}
.leadership.represent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 80%;
  height: 0;
  padding-bottom: 80%;
  background: url(/img/section/nbp/images/ba-1101-w.png) no-repeat 0 0/100% 100%;
  transform: translate(-30%, -35%);
}
.leadership.represent::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: linear-gradient(242deg, rgba(0, 187, 255, 0) 26.09%, #00ccf0 93.34%);
}
.leadership.type-a {
  background: linear-gradient(151deg, #009dff 5.44%, #0065ca 70.07%);
}
.leadership.type-b {
  background: linear-gradient(154deg, #70f 26.09%, #4700d4 93.34%);
}
.leadership-col-3:nth-child(8n+1) .leadership.type-c, .leadership-col-3:nth-child(8n+3) .leadership.type-c {
  background: linear-gradient(138deg, #3b59ff -25.36%, #0151dc 122.36%);
}
.leadership-col-3:nth-child(8n+2) .leadership.type-c, .leadership-col-3:nth-child(8n+4) .leadership.type-c {
  background: linear-gradient(138deg, #3b82ff -25.36%, #0151dc 122.36%);
}
.leadership-col-3:nth-child(8n+5) .leadership.type-c, .leadership-col-3:nth-child(8n+7) .leadership.type-c {
  background: linear-gradient(138deg, #3b82ff -25.36%, #0151dc 122.36%);
}
.leadership-col-3:nth-child(8n+6) .leadership.type-c, .leadership-col-3:nth-child(8n+8) .leadership.type-c {
  background: linear-gradient(138deg, #3b59ff -25.36%, #0151dc 122.36%);
}
.leadership.type-d {
  background: linear-gradient(138deg, #0013d9 26.09%, #000b81 93.34%);
}

.leadership-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.25rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  text-align: right;
}

.leadership-name {
  color: var(--text-white);
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.leadership.represent .leadership-name {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.leadership-desc {
  color: var(--text-white);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.leadership-grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  gap: 1.25rem;
  margin-inline: auto;
  max-inline-size: var(--grid-max);
}

.leadership-col-1 {
  grid-column-end: span 1;
}

.leadership-col-2 {
  grid-column-end: span 2;
}

.leadership-col-3 {
  grid-column-end: span 3;
}

.leadership-col-4 {
  grid-column-end: span 4;
}

.leadership-col-5 {
  grid-column-end: span 5;
}

.leadership-col-6 {
  grid-column-end: span 6;
}

.leadership-col-7 {
  grid-column-end: span 7;
}

.leadership-col-8 {
  grid-column-end: span 8;
}

.leadership-col-9 {
  grid-column-end: span 9;
}

.leadership-col-10 {
  grid-column-end: span 10;
}

.leadership-col-11 {
  grid-column-end: span 11;
}

.leadership-col-12 {
  grid-column-end: span 12;
}

.leadership-start-1 {
  grid-column-start: 1;
}

.leadership-start-2 {
  grid-column-start: 2;
}

.leadership-start-3 {
  grid-column-start: 3;
}

.leadership-start-4 {
  grid-column-start: 4;
}

.leadership-start-5 {
  grid-column-start: 5;
}

.leadership-start-6 {
  grid-column-start: 6;
}

.leadership-start-7 {
  grid-column-start: 7;
}

.leadership-start-8 {
  grid-column-start: 8;
}

.leadership-start-9 {
  grid-column-start: 9;
}

.leadership-start-10 {
  grid-column-start: 10;
}

.leadership-start-11 {
  grid-column-start: 11;
}

.leadership-start-12 {
  grid-column-start: 12;
}

.core-value-list {
  display: flex;
  gap: 1.25rem;
  text-align: center;
}

.core-value-item {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
  flex: 1;
  min-width: 0;
}

.core-value {
  color: #0067ac;
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 1.5;
  font-family: "Wooridaum";
  letter-spacing: -0.0025em;
  transition: font-size 0.6s;
}
:root[lang=en] .core-value {
  font-size: 3.25rem;
}
.core-value-item + .core-value-item .core-value {
  position: relative;
}
.core-value-item + .core-value-item .core-value::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.5rem;
  height: 0.25rem;
  background-color: #13b1e7;
  transform: translate(calc(-50% - 0.625rem), -50%);
}

.core-value-text {
  overflow: hidden;
  position: relative;
  padding-bottom: 100%;
  border-radius: 50%;
}
.core-value-text.type-1 {
  background: url(/img/section/nbp/images/ba-1200-img1.jpg) no-repeat 50%/cover;
}
.core-value-text.type-2 {
  background: url(/img/section/nbp/images/ba-1200-img2.jpg) no-repeat 50%/cover;
}
.core-value-text.type-3 {
  background: url(/img/section/nbp/images/ba-1200-img3.jpg) no-repeat 50%/cover;
}
.core-value-text.type-4 {
  background: url(/img/section/nbp/images/ba-1200-img4.jpg) no-repeat 50%/cover;
}
.core-value-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.core-value-message {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--text-white);
  transition: font-size 0.6s;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.ci-frame {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 2.5rem;
  background-color: var(--background-gray-default);
}
.ci-frame.type-1 {
  padding: 7.5rem 0 8rem;
}
.ci-frame.type-1 img {
  height: 17.5rem;
}
.ci-frame.type-2 {
  justify-content: space-between;
  gap: 10rem;
  padding: 5rem 7.5rem 7.5rem;
  transition: padding 0.6s;
}
.ci-frame.type-2 .ci-frame-inner:nth-child(2) {
  position: relative;
}
.ci-frame.type-2 .ci-frame-inner:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin-left: -5rem;
  border-left: 1px dashed var(--border-dark50);
}
.ci-frame.type-3 {
  flex-direction: column;
  align-items: flex-start;
  padding: 4rem 4rem 5rem;
  transition: padding 0.6s;
}
.ci-frame.type-3 .ci-frame-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10.125rem;
}
.ci-frame.type-3 img {
  transition: height 0.6s;
}
.ci-frame.type-3 .type-kr-x {
  height: 4.25rem;
}
.ci-frame.type-3 .type-kr-y {
  height: 9.625rem;
}
.ci-frame.type-3 .type-en-x {
  height: 4.25rem;
}
.ci-frame.type-3 .type-en-y {
  height: 10.125rem;
}
.ci-frame.type-4 {
  padding: 12.5rem 0;
}

.latest-card {
  position: relative;
  z-index: 2;
  margin-bottom: 7.5rem;
  outline-offset: 0.1875rem;
}

.latest-card-list {
  display: flex;
  gap: 0.75rem;
}

.latest-card-item {
  flex: 1;
  position: relative;
  min-width: 0;
}

.latest-card-frame {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 14.75rem;
  padding: 2.5rem 2.5rem 2rem;
  border-radius: 1.25rem;
  outline-offset: 0.1875rem;
  transition: transform 0.6s;
}
.latest-card-item.active .latest-card-frame {
  transform: translateY(-1.25rem);
}

.latest-card-item:nth-child(1) .latest-card-frame {
  background: url(/img/section/nbp/images/latest-card1.png) no-repeat 0 0/cover;
}

.latest-card-item:nth-child(2) .latest-card-frame {
  background: url(/img/section/nbp/images/latest-card2.png) no-repeat 0 0/cover;
}

.latest-card-item:nth-child(3) .latest-card-frame {
  background: url(/img/section/nbp/images/latest-card3.png) no-repeat 0 0/cover;
}

.latest-card-item:nth-child(4) .latest-card-frame {
  background: url(/img/section/nbp/images/latest-card4.png) no-repeat 0 0/cover;
}

.latest-card-subject {
  color: var(--text-white);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
.latest-card-subject {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
}

.latest-card-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.latest-card-date {
  color: var(--text-white);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.latest-card-file {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  transition: transform 0.6s;
}
.latest-card-item:first-child .latest-card-file {
  z-index: 1;
}
.latest-card-item.active .latest-card-file {
  transform: translateY(-1.25rem);
}

.audit-card {
  margin-bottom: 7.5rem;
}

.audit-card-list {
  display: flex;
  gap: 0.75rem;
}

.audit-card-item {
  flex: 1;
  position: relative;
}

.audit-card-frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 14.75rem;
  padding: 2.75rem 2.5rem;
  border-radius: 1.25rem;
}

.audit-card-item:nth-child(1) .audit-card-frame {
  background: linear-gradient(90deg, #001fd9 0%, #0c31fd 100%);
}

.audit-card-item:nth-child(2) .audit-card-frame {
  background: linear-gradient(90deg, #000966 0%, #0012c8 100%);
}

.audit-card-info {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.audit-card-title {
  color: var(--text-white);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
.audit-card-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
}

.audit-card-period {
  color: var(--text-white);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.audit-card-result {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.audit-card-key {
  color: var(--text-white);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.audit-card-value {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 9.25rem;
  height: 9.25rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0.625rem 0 1.25rem 0 rgba(0, 0, 0, 0.1);
  color: var(--text-white);
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
:root[lang=en] .audit-card-value {
  width: 10.75rem;
  height: 10.75rem;
}

.domestic-rating {
  position: relative;
  margin-bottom: 10rem;
  outline-offset: 0.1875rem;
}

.domestic-rating-list {
  display: flex;
  gap: 0.75rem;
}

.domestic-rating-item {
  flex: 1;
  position: relative;
}

.domestic-rating-frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  overflow: hidden;
  position: relative;
  height: 100%;
  min-height: 12.25rem;
  padding: 2.75rem 2.5rem;
  border-radius: 1.25rem;
}

.domestic-rating-item:nth-child(1) .domestic-rating-frame {
  background: linear-gradient(90deg, #001fd9 0%, #0c31fd 100%);
}
.domestic-rating-item:nth-child(1) .domestic-rating-frame::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -2rem;
  width: 16.25rem;
  height: 16.25rem;
  border-radius: 8.125rem;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0.625rem 0 1.25rem 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
  pointer-events: none;
}

.domestic-rating-item:nth-child(2) .domestic-rating-frame {
  background: linear-gradient(90deg, #015ced 0%, #207bfb 100%);
}
.domestic-rating-item:nth-child(2) .domestic-rating-frame::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -2rem;
  width: 16.25rem;
  height: 16.25rem;
  border-radius: 8.125rem;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0.625rem 0 1.25rem 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
  pointer-events: none;
}

.domestic-rating-item:nth-child(3) .domestic-rating-frame {
  background: linear-gradient(90deg, #000966 0%, #0012c8 100%);
}
.domestic-rating-item:nth-child(3) .domestic-rating-frame::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -2rem;
  width: 16.25rem;
  height: 16.25rem;
  border-radius: 8.125rem;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0.625rem 0 1.25rem 0 rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
  pointer-events: none;
}

.domestic-rating-title {
  color: var(--text-white);
  word-break: keep-all;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.domestic-rating-result {
  position: relative;
  color: var(--text-white);
  font-weight: 700;
  font-size: 2.75rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.domestic-rating-action {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0.8125rem;
  right: 0;
}

.international-rating {
  position: relative;
  margin-bottom: 10rem;
  outline-offset: 0.1875rem;
}

.international-rating-list {
  display: flex;
  gap: 0.75rem;
}

.international-rating-item {
  flex: 1;
  position: relative;
}

.international-rating-frame {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  overflow: hidden;
  position: relative;
  height: 100%;
  min-height: 14.75rem;
  padding: 2.5rem 2.5rem 2.25rem;
  border-radius: 1.25rem;
}

.international-rating-item:nth-child(1) .international-rating-frame {
  background: linear-gradient(90deg, #001fd9 0%, #0c31fd 100%);
}
.international-rating-item:nth-child(1) .international-rating-frame::before {
  content: "";
  position: absolute;
  top: -1rem;
  right: -2rem;
  width: 21.25rem;
  height: 21.25rem;
  border-radius: 10.625rem;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0.625rem 0 1.25rem 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.international-rating-item:nth-child(2) .international-rating-frame {
  background: linear-gradient(90deg, #015ced 0%, #207bfb 100%);
}
.international-rating-item:nth-child(2) .international-rating-frame::before {
  content: "";
  position: absolute;
  top: -1rem;
  right: -2rem;
  width: 21.25rem;
  height: 21.25rem;
  border-radius: 10.625rem;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0.625rem 0 1.25rem 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.international-rating-item:nth-child(3) .international-rating-frame {
  background: linear-gradient(90deg, #000966 0%, #0012c8 100%);
}
.international-rating-item:nth-child(3) .international-rating-frame::before {
  content: "";
  position: absolute;
  top: -1rem;
  right: -2rem;
  width: 21.25rem;
  height: 21.25rem;
  border-radius: 10.625rem;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0.625rem 0 1.25rem 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.international-rating-title {
  color: var(--text-white);
  word-break: break-all;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.international-rating-results {
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
  position: relative;
}

.international-rating-result {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.international-rating-key {
  color: var(--text-white);
  text-align: right;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.international-rating-value {
  color: var(--text-white);
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.international-rating-action {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0.8125rem;
  right: 0;
}

.video-highlight {
  display: flex;
  background-color: var(--background-blue-default);
  border-radius: 2.5rem;
}

.video-highlight-thumb {
  flex: 3;
}

.video-highlight-trigger {
  border-radius: 2.5rem;
  outline-offset: 0.3125rem;
}

.video-highlight-thumbnail {
  width: 100%;
  border-radius: 2.5rem;
  background-color: var(--primary-heavy);
}

.video-highlight-info {
  flex: 1.2;
  padding: 4rem;
}

.video-highlight-title {
  margin-bottom: 2.5rem;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.video-highlight-subject {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.video-highlight-desc {
  margin-top: 2.5rem;
  display: -webkit-box !important;
  -webkit-line-clamp: 8 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: keep-all !important;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.poster-highlight {
  position: relative;
}

.poster-highlight-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.poster-highlight-slider {
  overflow: hidden;
  padding: 10rem 0;
}
.poster-highlight-slider .swiper {
  overflow: visible;
  width: 100%;
  height: 100%;
}
.poster-highlight-slider .swiper-slide {
  height: auto;
}
.poster-highlight-slider .swiper-slide-active .poster-highlight-trigger {
  animation: poster 0.6s forwards;
}
@keyframes poster {
  0% {
    transform: translateZ(0px);
  }
  100% {
    transform: translateZ(18.75rem);
  }
}
.poster-highlight-slider .swiper-controller {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 27.5rem;
  margin: 6.25rem auto 0;
}
.poster-highlight-slider .swiper-button-prev {
  order: 1;
  position: static;
  margin-top: 0;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-default);
  background-image: url(/img/section/nbp/icons/icon-arrow-left.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.poster-highlight-slider .swiper-button-prev svg {
  display: none;
}
.poster-highlight-slider .swiper-indicator {
  order: 2;
  display: flex;
  align-items: center;
  height: 2.75rem;
  gap: 0.375rem;
  padding-left: 1.25rem;
  border-radius: 1.375rem;
  background-color: var(--background-gray-default);
}
.poster-highlight-slider .swiper-pagination {
  position: static;
}
.poster-highlight-slider .swiper-control {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-pause.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.poster-highlight-slider .swiper-control.pause {
  background-image: url(/img/section/nbp/icons/icon-play.svg);
}
.poster-highlight-slider .swiper-button-next {
  order: 3;
  position: static;
  margin-top: 0;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-default);
  background-image: url(/img/section/nbp/icons/icon-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.poster-highlight-slider .swiper-button-next svg {
  display: none;
}

.poster-highlight-trigger {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 19vw;
  border-radius: 1.25rem;
  outline-offset: 0.3125rem;
}

.poster-highlight-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.4s;
}

.histories {
  position: relative;
}
.histories::before {
  content: "";
  position: absolute;
  top: 6.625rem;
  left: 50%;
  bottom: 0;
  border-left: 1px solid var(--border-dark100);
}
.histories.init::before {
  opacity: 0;
}
.histories.active::before {
  transition: opacity 1s;
}

.history {
  padding: 0 3.75rem;
}

.history-age {
  position: sticky;
  top: var(--sticky-y);
  margin-bottom: 6.25rem;
}
.history:last-child .history-age {
  margin-bottom: 100vh;
}
.history.init .history-age {
  opacity: 0;
  transform: translateY(6.25rem);
}
.history.active .history-age {
  opacity: 1;
  transition: opacity 0.6s, transform 0.6s;
}

.history-heading {
  margin-bottom: 0.75rem;
  color: var(--primary-default);
  transition: font-size 0.6s;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.history-desc {
  padding-right: 8vw;
  color: var(--text-subtext1);
  transition: font-size 0.6s;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.history-count {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0;
  height: 100vh;
  pointer-events: none;
}

.history-numbers {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  height: 37.5rem;
  text-align: center;
}
.history-count.init .history-numbers {
  transform: scale(0.7);
}
.history-count.active .history-numbers {
  transition: transform 1s;
}

.history-number {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 31.25rem;
  line-height: 1.2;
  transition: all 1.2s cubic-bezier(0, 1.3, 0.93, 0.98);
}
[data-thousand="0"] .history-number:nth-child(1) {
  transform: translateY(0%);
}
[data-thousand="1"] .history-number:nth-child(1) {
  transform: translateY(-10%);
}
[data-thousand="2"] .history-number:nth-child(1) {
  transform: translateY(-20%);
}
[data-thousand="3"] .history-number:nth-child(1) {
  transform: translateY(-30%);
}
[data-thousand="4"] .history-number:nth-child(1) {
  transform: translateY(-40%);
}
[data-thousand="5"] .history-number:nth-child(1) {
  transform: translateY(-50%);
}
[data-thousand="6"] .history-number:nth-child(1) {
  transform: translateY(-60%);
}
[data-thousand="7"] .history-number:nth-child(1) {
  transform: translateY(-70%);
}
[data-thousand="8"] .history-number:nth-child(1) {
  transform: translateY(-80%);
}
[data-thousand="9"] .history-number:nth-child(1) {
  transform: translateY(-90%);
}
[data-hundred="0"] .history-number:nth-child(2) {
  transform: translateY(0%);
}
[data-hundred="1"] .history-number:nth-child(2) {
  transform: translateY(-10%);
}
[data-hundred="2"] .history-number:nth-child(2) {
  transform: translateY(-20%);
}
[data-hundred="3"] .history-number:nth-child(2) {
  transform: translateY(-30%);
}
[data-hundred="4"] .history-number:nth-child(2) {
  transform: translateY(-40%);
}
[data-hundred="5"] .history-number:nth-child(2) {
  transform: translateY(-50%);
}
[data-hundred="6"] .history-number:nth-child(2) {
  transform: translateY(-60%);
}
[data-hundred="7"] .history-number:nth-child(2) {
  transform: translateY(-70%);
}
[data-hundred="8"] .history-number:nth-child(2) {
  transform: translateY(-80%);
}
[data-hundred="9"] .history-number:nth-child(2) {
  transform: translateY(-90%);
}
[data-ten="0"] .history-number:nth-child(3) {
  transform: translateY(0%);
}
[data-ten="1"] .history-number:nth-child(3) {
  transform: translateY(-10%);
}
[data-ten="2"] .history-number:nth-child(3) {
  transform: translateY(-20%);
}
[data-ten="3"] .history-number:nth-child(3) {
  transform: translateY(-30%);
}
[data-ten="4"] .history-number:nth-child(3) {
  transform: translateY(-40%);
}
[data-ten="5"] .history-number:nth-child(3) {
  transform: translateY(-50%);
}
[data-ten="6"] .history-number:nth-child(3) {
  transform: translateY(-60%);
}
[data-ten="7"] .history-number:nth-child(3) {
  transform: translateY(-70%);
}
[data-ten="8"] .history-number:nth-child(3) {
  transform: translateY(-80%);
}
[data-ten="9"] .history-number:nth-child(3) {
  transform: translateY(-90%);
}
[data-one="0"] .history-number:nth-child(4) {
  transform: translateY(0%);
}
[data-one="1"] .history-number:nth-child(4) {
  transform: translateY(-10%);
}
[data-one="2"] .history-number:nth-child(4) {
  transform: translateY(-20%);
}
[data-one="3"] .history-number:nth-child(4) {
  transform: translateY(-30%);
}
[data-one="4"] .history-number:nth-child(4) {
  transform: translateY(-40%);
}
[data-one="5"] .history-number:nth-child(4) {
  transform: translateY(-50%);
}
[data-one="6"] .history-number:nth-child(4) {
  transform: translateY(-60%);
}
[data-one="7"] .history-number:nth-child(4) {
  transform: translateY(-70%);
}
[data-one="8"] .history-number:nth-child(4) {
  transform: translateY(-80%);
}
[data-one="9"] .history-number:nth-child(4) {
  transform: translateY(-90%);
}
.history-number:nth-child(1), .history-number:nth-child(2) {
  color: var(--history1-light);
}
.history-number:nth-child(3), .history-number:nth-child(4) {
  color: var(--history1-strong);
}
[data-section=section1] .history-number:nth-child(1), [data-section=section1] .history-number:nth-child(2) {
  color: var(--history1-light);
}
[data-section=section1] .history-number:nth-child(3), [data-section=section1] .history-number:nth-child(4) {
  color: var(--history1-strong);
}
[data-section=section2] .history-number:nth-child(1), [data-section=section2] .history-number:nth-child(2) {
  color: var(--history2-light);
}
[data-section=section2] .history-number:nth-child(3), [data-section=section2] .history-number:nth-child(4) {
  color: var(--history2-strong);
}
[data-section=section3] .history-number:nth-child(1), [data-section=section3] .history-number:nth-child(2) {
  color: var(--history3-light);
}
[data-section=section3] .history-number:nth-child(3), [data-section=section3] .history-number:nth-child(4) {
  color: var(--history3-strong);
}
[data-section=section4] .history-number:nth-child(1), [data-section=section4] .history-number:nth-child(2) {
  color: var(--history4-light);
}
[data-section=section4] .history-number:nth-child(3), [data-section=section4] .history-number:nth-child(4) {
  color: var(--history4-strong);
}

.history-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
.histories.init .history-title {
  opacity: 0;
}
.histories.active .history-title {
  transition: opacity 1s;
}

.history-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
  transform: translateY(100%);
  transition: transform 0.6s;
}
.history-nav.active {
  transform: translateY(0);
}

.history-list {
  display: flex;
  align-items: center;
}

.history-item {
  flex: 1;
}

.history-anchor {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  height: 6.25rem;
  color: var(--text-description);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.history-anchor::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background: url(/img/section/nbp/images/step-1.svg) no-repeat 0 0/0.75rem 0.75rem;
}
.history-item.active .history-anchor {
  color: var(--text-white);
}
.history-item.active .history-anchor::before {
  background-image: url(/img/section/nbp/images/step-1-white.svg);
}

.history-group {
  padding: 6.25rem;
  border-radius: 1.25rem;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
  box-shadow: 3.125rem 1.5rem 2.75rem 0 rgba(0, 0, 0, 0.07);
}
.history-group.init {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transform: scale(0.9);
}
.history-group.active {
  transition: padding 0.6s, box-shadow 0.4s 0.1s, transform 0.4s 0.1s;
}
.history-group + .history-group {
  margin-top: 5rem;
}
.history-group:first-child {
  margin-top: 100vh;
}
.history-group:last-child {
  margin-bottom: 100vh;
}

.history-year {
  margin-bottom: 5rem;
  border-bottom: 1px solid var(--border-dark100);
  text-align: right;
  color: var(--text-strong);
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.history-group.init .history-year {
  opacity: 0;
  transform: translateY(3.125rem);
}
.history-group.active .history-year {
  transition: opacity 0.4s 0.2s, transform 0.4s 0.2s;
}
.history-group.init .history-datas {
  opacity: 0;
  transform: translateY(3.125rem);
}
.history-group.active .history-datas {
  transition: opacity 0.4s 0.3s, transform 0.4s 0.3s;
}

.history-data {
  display: flex;
  gap: 1.25rem;
}
.history-data + .history-data {
  margin-top: 1rem;
}

.history-date {
  flex-shrink: 0;
  width: 5rem;
  color: var(--text-subtext2);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
  letter-spacing: -0.05em;
}

.history-value {
  flex-grow: 1;
  color: var(--text-default);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.awards {
  position: relative;
  padding-top: 12.5rem;
}
.awards::before {
  content: "";
  position: absolute;
  top: 6.625rem;
  left: 35.6%;
  bottom: 0;
  border-left: 1px solid var(--border-dark100);
}
.awards.init::before {
  opacity: 0;
}
.awards.active::before {
  transition: opacity 1s, left 0.6s;
}

.award {
  padding: 0 3.75rem;
  scroll-margin-top: var(--sticky-y);
}
.award + .award {
  margin-top: 25rem;
}

.award-heading {
  position: sticky;
  top: var(--sticky-y);
  color: var(--text-strong);
  font-weight: 700;
  font-size: 4.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.award-desc {
  color: var(--text-subtext1);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.award-title {
  position: absolute;
  top: 0;
  left: 35.6%;
  transform: translateX(-50%);
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
.awards.init .award-title {
  opacity: 0;
}
.awards.active .award-title {
  transition: opacity 1s, left 0.6s;
}

.award-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
  transform: translateY(100%);
  transition: transform 0.6s;
}
.award-nav.active {
  transform: translateY(0);
}
.award-nav .scroll-x-track {
  width: 100%;
}

.award-list {
  display: flex;
  align-items: center;
}

.award-item {
  flex: 1;
}

.award-anchor {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  height: 6.25rem;
  color: var(--text-description);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.award-anchor::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background: url(/img/section/nbp/images/step-1.svg) no-repeat 0 0/0.75rem 0.75rem;
}
.award-item.active .award-anchor {
  color: var(--text-white);
}
.award-item.active .award-anchor::before {
  background-image: url(/img/section/nbp/images/step-1-white.svg);
}

.award-group {
  overflow: hidden;
  position: relative;
  margin-left: -3.75rem;
  padding: 6.25rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-strong);
  transform-origin: 0 0;
}
.award-group.init {
  transform: scaleX(0.7);
}
.award-group.active {
  transition: padding 0.6s, transform 0.6s;
}
.award-group + .award-group {
  margin-top: 7.5rem;
}

.award-year {
  margin-bottom: 5rem;
  border-bottom: 1px solid var(--border-dark100);
  color: var(--text-strong);
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.award-group.init .award-year {
  opacity: 0;
  transform: translateX(-6.25rem);
}
.award-group.active .award-year {
  transition: margin 0.6s, opacity 0.4s 0.2s, transform 0.4s 0.2s;
}
.award-group.init .award-datas {
  opacity: 0;
  transform: translateX(-6.25rem);
}
.award-group.active .award-datas {
  transition: opacity 0.4s 0.3s, transform 0.4s 0.3s;
}

.award-data {
  display: flex;
  gap: 1.25rem;
}
.award-data + .award-data {
  margin-top: 1rem;
}

.award-date {
  flex-shrink: 0;
  width: 5rem;
  color: var(--text-subtext2);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
  letter-spacing: -0.05em;
}

.award-value {
  flex-grow: 1;
  color: var(--text-default);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.esg-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 29.1875rem;
  padding: 3rem 2.5rem;
  border-radius: 1.25rem;
  color: var(--text-white);
}
.esg-card.type-e {
  background: url(/img/section/nbp/images/es-5001-environment.jpg) no-repeat 50% 50%/cover;
}
.esg-card.type-s {
  background: url(/img/section/nbp/images/es-5001-social.jpg) no-repeat 50% 50%/cover;
}
.esg-card.type-g {
  background: url(/img/section/nbp/images/es-5001-governance.jpg) no-repeat 50% 50%/cover;
}

.esg-card-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.esg-card-desc {
  margin-top: auto;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.report-highlight {
  display: flex;
  align-items: center;
  gap: 5rem;
  border-radius: 2.5rem;
  color: var(--text-white);
  padding: 5rem;
  padding-left: 7.5rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.report-highlight.type-1 {
  background-image: url(/img/section/nbp/images/report-highlight1.png);
}
.report-highlight.type-2 {
  background-image: url(/img/section/nbp/images/report-highlight2.png);
}
.report-highlight.type-3 {
  background-image: url(/img/section/nbp/images/report-highlight3.png);
}
.report-highlight.type-4 {
  background-image: url(/img/section/nbp/images/report-highlight4.png);
}

.report-highlight-meta {
  flex-shrink: 0;
  width: 38%;
  padding: 1.75rem 0 2rem;
}

.report-highlight-image {
  flex-grow: 1;
}

.report-highlight-title {
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.report-highlight-name {
  margin-top: 0.5rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.report-highlight-desc {
  margin-top: 2.5rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.report-highlight-ref {
  margin-top: 2rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.report-highlight-action {
  display: flex;
  gap: 0.75rem;
  margin-top: 5rem;
}

.report {
  display: block;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.25rem;
}

.report-meta {
  display: flex;
  flex-direction: column;
  padding: 3.5rem 3rem 4rem;
  background-color: var(--background-blue-default);
}

.report-year {
  margin-bottom: 0.5rem;
  color: var(--primary-default);
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0;
}

.report-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.report-action {
  display: flex;
  gap: 1.25rem;
  margin-top: 2.5rem;
}

.activity-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.activity {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 5rem 15.625rem 5.5rem 4rem;
  border: 1px solid var(--border-fray-soft);
  border-radius: 1.25rem;
  background-color: var(--background-gray-soft);
}
.activity::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 4rem;
  width: 7.5rem;
  height: 7.5rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transform: translateY(-50%);
}
.activity-item:nth-child(1) .activity::before {
  background-image: url(/img/section/nbp/images/es-5301-icon1.png);
}
.activity-item:nth-child(2) .activity::before {
  background-image: url(/img/section/nbp/images/es-5301-icon2.png);
}
.activity-item:nth-child(3) .activity::before {
  background-image: url(/img/section/nbp/images/es-5301-icon3.png);
}

.activity-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.activity-desc {
  margin-top: 1.25rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.fund-operations {
  display: flex;
  align-items: flex-end;
  gap: 3rem;
  padding: 4rem;
  border: 1px solid var(--border-gray-soft);
  border-radius: 1.25rem;
  background-color: var(--background-gray-soft);
}
.fund-operations + .fund-operations {
  margin-top: 1rem;
}
.fund-operations::after {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 7.5rem;
  height: 7.5rem;
}
.fund-operations:nth-child(1)::after {
  background: url(/img/section/nbp/images/es-5302-icon1.png) no-repeat 50% 50%/cover;
}
.fund-operations:nth-child(2)::after {
  background: url(/img/section/nbp/images/es-5302-icon2.png) no-repeat 50% 50%/cover;
}

.fund-operations-info {
  flex: 1;
}

.fund-operations-title {
  margin-bottom: 2.5rem;
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.fund-operations-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.fund-operations-item {
  display: flex;
  gap: 1rem;
}

.fund-operations-key {
  width: 6.9375rem;
  color: var(--primary-strong);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.fund-operations-value {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.stack-frame {
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  height: 100vh;
  transform-origin: 50% 0;
}

.stack-nav-frame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: sticky;
  top: 0;
  height: 100vh;
}

.stack-nav {
  position: relative;
  padding: 0.25rem 0 0.25rem 0.875rem;
  transition: padding 0.3s;
}
.stack-nav.active {
  padding: 0 0 4.75rem 0.875rem;
}
.stack-nav::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  width: 1px;
  background-color: var(--border-dark100);
}
.stack-nav.active::before {
  left: 0;
  width: 0.1875rem;
}

.stack-anchor {
  display: block;
  padding: 0.25rem 0;
  outline-offset: 0.1875rem;
  color: var(--text-subtext1);
  transition: padding 0.3s, font-size 0.3s;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.stack-nav.active .stack-anchor {
  color: var(--text-default);
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.stack {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 76.75rem;
  height: 100%;
  max-height: 43.1875rem;
  padding: 4.5rem 0 5.25rem;
  border-radius: 1.25rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 1.875rem 2.5rem 0 rgba(34, 53, 27, 0.1), 0 1.25rem 1.875rem 0 rgba(34, 53, 27, 0.1), 0 0.625rem 1.25rem 0 rgba(34, 53, 27, 0.1);
  transform-origin: 50% 0;
}
.stack.type-e {
  background-image: url(/img/section/nbp/images/es-5000-environment-pc.jpg);
}
.stack.type-s {
  background-image: url(/img/section/nbp/images/es-5000-social-pc.jpg);
}
.stack.type-g {
  background-image: url(/img/section/nbp/images/es-5000-governance-pc.jpg);
}

.stack-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  border-radius: 0.75rem;
  width: 24.0625rem;
  height: 100%;
  border-right-width: 1.25rem;
  border-left-width: 1.25rem;
}
.stack-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 100%;
  background-color: var(--background-white);
  pointer-events: none;
}
.stack-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.25rem;
  height: 100%;
  background-color: var(--background-white);
  pointer-events: none;
}

.stack-category {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 2rem 1.5rem 1rem;
  background-color: var(--background-white);
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.stack-frame:nth-child(1) .stack-category::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-e.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}
.stack-frame:nth-child(2) .stack-category::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-s.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}
.stack-frame:nth-child(3) .stack-category::before {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-g.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  vertical-align: middle;
}

.stack-title {
  margin-top: -1px;
  padding: 0 1.5rem 3.5rem;
  background-color: var(--background-white);
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
:root[lang=en] .stack-title {
  padding: 0 1.5rem 2.625rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.stack-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: auto;
  padding: 2rem 1.5rem;
  background-color: var(--background-white);
}

.stack-item {
  display: flex;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
:root[lang=en] .stack-item {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.stack-item::before {
  content: "";
  flex-shrink: 0;
  position: relative;
  top: 0.625rem;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: var(--primary-default);
}

.circle-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 20rem;
  border-radius: 10rem;
  background-color: var(--card1-solid);
}

.circle-2 {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: 43.75rem;
  height: 26.5rem;
  border-radius: 13.25rem;
  background-color: var(--card2-solid);
  background-image: linear-gradient(90deg, rgba(2, 35, 224, 0.5) 0%, rgba(12, 49, 253, 0.5) 100%, #0074e8);
}

.circle-3 {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: 93.75rem;
  height: 34.5rem;
  border-radius: 17.25rem;
  background-color: var(--card2-solid);
  box-shadow: inset 0 0 7.5rem 0 rgba(0, 31, 217, 0.1);
  color: var(--text-white);
}

.definitions {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 5rem;
}
.definitions::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.75rem;
  height: 0.375rem;
  background-color: #1572ed;
  transform: translate(-50%, -50%);
}
.definitions::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.375rem;
  height: 3.75rem;
  background-color: #1572ed;
  transform: translate(-50%, -50%);
}

.definition {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 40rem;
  padding-bottom: 40%;
  border-radius: 50%;
  word-break: break-all;
}
:root[lang=en] .definition {
  word-break: break-word;
}
.definition:nth-child(1) {
  color: var(--text-white);
}
.definition::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 40rem;
  height: 40rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.3s, height 0.3s;
}

.definition:nth-child(1)::after {
  background-color: #012c47;
}

.definition:nth-child(2)::after {
  background-color: var(--background-blue-strong);
}

.definition-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.definition-icon {
  width: 100%;
  max-width: 20rem;
  height: 4rem;
  margin-bottom: 2rem;
}
:root[lang=en] .definition-icon {
  max-width: 30rem;
}
.definition:nth-child(1) .definition-icon {
  background: url(/img/section/nbp/images/em-2000-icon1.svg) no-repeat 0 50%/4rem;
}
:root[lang=en] .definition:nth-child(1) .definition-icon {
  background-position: 50% 50%;
}
.definition:nth-child(2) .definition-icon {
  background: url(/img/section/nbp/images/em-2000-icon2.svg) no-repeat 0 50%/4rem;
}
:root[lang=en] .definition:nth-child(2) .definition-icon {
  background-position: 50% 50%;
}

.definition-title {
  width: 100%;
  max-width: 20rem;
  margin-bottom: 1.25rem;
  transform: font-size 0.3s;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
:root[lang=en] .definition-title {
  max-width: 30rem;
  text-align: center;
}

.definition-desc {
  max-width: 20rem;
  transform: font-size 0.3s;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
:root[lang=en] .definition-desc {
  max-width: 30rem;
  text-align: center;
}

.program-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

.program-item {
  display: flex;
  padding: 5rem;
  transition: padding 0.6s;
}
.program-item:nth-child(odd) {
  justify-content: flex-end;
}
.program-item:nth-child(1) {
  border-right: 1px solid var(--border-dark50);
  border-bottom: 1px solid var(--border-dark50);
}
.program-item:nth-child(2) {
  border-bottom: 1px solid var(--border-dark50);
}
.program-item:nth-child(3) {
  border-right: 1px solid var(--border-dark50);
}

.program-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 28.125rem;
}

.program-number {
  font-weight: 600;
  font-size: 4.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.program-title {
  margin-bottom: 0.75rem;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.program-desc {
  margin-bottom: 0.75rem;
  color: var(--text-subtext1);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.two-chairs {
  position: relative;
  height: 300vh;
  min-height: 112.5rem;
  margin: 0 -3.75rem;
}

.two-chairs-frame {
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  min-height: 56.25rem;
  padding: 0 10rem;
  background-image: linear-gradient(252deg, #3e1e18 0%, #2a0f09 40%, #734f35 100%);
  color: var(--text-white);
}

.two-chairs-glow {
  opacity: 0.5;
  position: absolute;
  z-index: 1;
  width: 43.75rem;
  height: 43.75rem;
  border-radius: 50%;
  background-color: rgba(234, 170, 106, 0.5);
  filter: blur(12.3125rem);
  mix-blend-mode: plus-lighter;
  pointer-events: none;
}
.two-chairs-glow.type-1 {
  top: 0;
  left: 0;
  margin-top: -21.875rem;
  margin-left: -21.875rem;
}
.two-chairs-glow.type-2 {
  right: 0;
  bottom: 0;
  margin-right: -21.875rem;
}

@keyframes t-glow {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-20%, -20%);
  }
  40% {
    transform: translate(-20%, 20%);
  }
  60% {
    transform: translate(20%, -20%);
  }
  80% {
    transform: translate(20%, 20%);
  }
  100% {
    transform: translate(0, 0);
  }
}
.two-chairs-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 100rem;
  height: 100%;
  margin: 0 auto;
  padding: 7.5rem 0;
}

.two-chairs-meta {
  position: absolute;
  top: 7.5rem;
  left: 0;
  z-index: 1;
}

.two-chairs-heading {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.two-chairs-slogan {
  margin-top: 1.25rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.two-chairs-list {
  display: block;
  position: relative;
  z-index: 2;
  margin-top: 8.875rem;
  white-space: nowrap;
}

.two-chairs-item {
  display: inline-block;
  position: relative;
  width: 20rem;
  min-width: 0;
  padding-top: 8rem;
  vertical-align: top;
}
.two-chairs-item + .two-chairs-item {
  margin-left: 1rem;
}
.two-chairs-item:nth-child(4) {
  margin-left: 5rem;
}

.two-chairs-word {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  font-weight: 700;
  font-size: 11.25rem;
  line-height: 1;
  text-align: center;
}

.two-chairs-card {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 4rem 1.5rem 4.8125rem;
  border-radius: 1.25rem;
  background-image: linear-gradient(206deg, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-backdrop-filter: blur(1.25rem);
          backdrop-filter: blur(1.25rem);
  text-align: center;
}
.two-chairs-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 1.25rem;
  pointer-events: none;
}

.two-chairs-icon {
  display: block;
  width: 7.5rem;
  height: 7.5rem;
  margin: 0 auto 4.8125rem;
}
.two-chairs-icon.type-t {
  background: url(/img/section/nbp/images/em-2103-trust.svg) no-repeat 50%/cover;
}
.two-chairs-icon.type-w {
  background: url(/img/section/nbp/images/em-2103-wherever.svg) no-repeat 50%/cover;
}
.two-chairs-icon.type-o {
  background: url(/img/section/nbp/images/em-2103-opportunity.svg) no-repeat 50%/cover;
}
.two-chairs-icon.type-c {
  background: url(/img/section/nbp/images/em-2103-client-first.svg) no-repeat 50%/cover;
}
.two-chairs-icon.type-h {
  background: url(/img/section/nbp/images/em-2103-highly-qualified-pb.svg) no-repeat 50%/cover;
}
.two-chairs-icon.type-a {
  background: url(/img/section/nbp/images/em-2103-advisor.svg) no-repeat 50%/cover;
}
.two-chairs-icon.type-i {
  background: url(/img/section/nbp/images/em-2103-insight.svg) no-repeat 50%/cover;
}
.two-chairs-icon.type-r {
  background: url(/img/section/nbp/images/em-2103-risk-management.svg) no-repeat 50%/cover;
}
.two-chairs-icon.type-s {
  background: url(/img/section/nbp/images/em-2103-system.svg) no-repeat 50%/cover;
}

.two-chairs-title {
  display: block;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.two-chairs-desc {
  display: block;
  margin-top: 1rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.criteria-image {
  margin-bottom: 4rem;
  padding-bottom: 60%;
  border-radius: 1.25rem;
}
.criteria-image.type-1 {
  background: url(/img/section/nbp/images/re-6100-img1.png) no-repeat 50%/cover;
}
.criteria-image.type-2 {
  background: url(/img/section/nbp/images/re-6100-img2.png) no-repeat 50%/cover;
}
.criteria-image.type-3 {
  background: url(/img/section/nbp/images/re-6100-img3.png) no-repeat 50%/cover;
}

.criteria-contents {
  display: flex;
  flex-direction: column;
}

.criteria-content + .criteria-content {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--border-gray-soft);
}

.criteria-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.25rem;
}
.criteria-icon.type-1-1 {
  background: url(/img/section/nbp/images/re-6100-icon1-1.svg) no-repeat 50%/cover;
}
.criteria-icon.type-1-2 {
  background: url(/img/section/nbp/images/re-6100-icon1-2.svg) no-repeat 50%/cover;
}
.criteria-icon.type-1-3 {
  background: url(/img/section/nbp/images/re-6100-icon1-3.svg) no-repeat 50%/cover;
}
.criteria-icon.type-2-1 {
  background: url(/img/section/nbp/images/re-6100-icon2-1.svg) no-repeat 50%/cover;
}
.criteria-icon.type-2-2 {
  background: url(/img/section/nbp/images/re-6100-icon2-2.svg) no-repeat 50%/cover;
}
.criteria-icon.type-2-3 {
  background: url(/img/section/nbp/images/re-6100-icon2-3.svg) no-repeat 50%/cover;
}
.criteria-icon.type-3-1 {
  background: url(/img/section/nbp/images/re-6100-icon3-1.svg) no-repeat 50%/cover;
}
.criteria-icon.type-3-2 {
  background: url(/img/section/nbp/images/re-6100-icon3-2.svg) no-repeat 50%/cover;
}
.criteria-icon.type-3-3 {
  background: url(/img/section/nbp/images/re-6100-icon3-3.svg) no-repeat 50%/cover;
}

.criteria-title {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.criteria-desc {
  margin-top: 1.25rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.criteria-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 1.25rem;
}

.criteria-item {
  display: flex;
  gap: 0.75rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.criteria-item::before {
  content: "";
  flex-shrink: 0;
  display: block;
  position: relative;
  top: 0.6875rem;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: #656d77;
}

.fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.fallback-icon {
  width: 11.25rem;
  height: 11.25rem;
  margin-bottom: 2rem;
  background: url(/img/section/nbp/images/icon-error.png) no-repeat 50%/cover;
}

.fallback-title {
  font-weight: 500;
  font-size: 4.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.fallback-desc {
  margin-top: 1.25rem;
  color: var(--text-subtext2);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.fallback-info {
  display: flex;
  margin-top: 1.25rem;
}

.fallback-number {
  display: flex;
  gap: 0.75rem;
}

.fallback-number-key {
  color: var(--text-subtext2);
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.fallback-number-value {
  color: var(--text-subtext2);
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}

.fallback-links {
  display: flex;
  gap: 1rem;
  position: relative;
  margin-left: 1.5rem;
  padding-left: 1.5625rem;
}
.fallback-links::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1rem;
  background-color: var(--border-gray-strong);
  transform: translateY(-50%);
}

.fallback-link {
  display: flex;
  gap: 0.375rem;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.fallback-link::before {
  content: "";
}
.fallback-link.type-email::before {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-mail.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}
.fallback-link.type-faq::before {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-faq.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  vertical-align: middle;
}

.fallback-action {
  margin-top: 5rem;
}

.ma-0000 .contents {
  padding: 0;
  padding-bottom: 5.875rem;
}
:root[lang=en] .ma-0000 .contents {
  padding-bottom: 12.5rem;
}
.ma-0000 .anti-money {
  padding: 0 3.75rem;
}

.ba-1000 .hero-frame {
  padding-bottom: 2rem;
  background-image: url(/img/section/nbp/images/ba-1000-hero-pc.jpg);
}

.ba-1100 .hero-frame {
  background-image: url(/img/section/nbp/images/ba-1100-hero-pc.jpg);
}

.ba-1101 .hero-frame {
  background-image: url(/img/section/nbp/images/ba-1101-hero-pc.jpg);
}

.ba-1200 .hero-frame {
  background-image: url(/img/section/nbp/images/ba-1200-hero-pc.jpg);
}
.ba-1200 .slogan-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ba-1200 .slogan-image img {
  height: 10.625rem;
}
.ba-1200 .value-image {
  padding-top: 3.75rem;
}

.ba-1300 .hero-frame {
  background-image: url(/img/section/nbp/images/ba-1300-hero-pc.jpg);
}

.ba-1301 .hero-frame {
  background-image: url(/img/section/nbp/images/ba-1301-hero-pc.jpg);
}

.ba-1400 .bullet-ref {
  padding-right: 1.25rem;
}

.ba-1401 .hero-frame {
  background-image: url(/img/section/nbp/images/ba-1401-hero-pc.jpg);
}
.ba-1401 .character-info {
  padding-top: 20vh 0 10vh;
}
.ba-1401 .character-name img {
  height: 5.875rem;
}
.ba-1401 .character-illust {
  padding-top: 50vh;
}

.em-2000 .hero-frame {
  background-image: url(/img/section/nbp/images/em-2000-hero-pc.jpg);
}
.em-2000 .vertical-image {
  margin-top: 0.625rem;
}

.em-2103 .contents {
  padding-bottom: 0;
}

.em-2200 textarea {
  min-height: 31.25rem;
}

.em-2202 textarea {
  min-height: 31.25rem;
}

.em-2204 textarea {
  min-height: 31.25rem;
}
.em-2300 .hero-frame {
  background-image: url(/img/section/nbp/images/em-2300-hero-pc.jpg);
}

.ir-3300 .table th[scope=row] {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.05em;
}

.pr-4200 .dropdown {
  width: 10rem;
}
.pr-4200 .filter-section {
  display: flex;
  flex-direction: column;
  gap: 12.5rem;
}
.pr-4200 .filter-section .section {
  margin-top: 0 !important;
}

.pr-4202 .dropdown {
  width: 10rem;
}
.pr-4202 .filter-section {
  display: flex;
  flex-direction: column;
  gap: 12.5rem;
}
.pr-4202 .filter-section .section {
  margin-top: 0 !important;
}
.es-5000 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5000-hero-pc.jpg);
}

.es-5001 .group-logo {
  height: 2.5rem;
}

.es-5002 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5002-hero-pc.jpg);
}
.es-5002 .section:nth-child(1) .image-meta {
  position: absolute;
  top: 4rem;
  right: 4rem;
  left: 4rem;
  transition: all 0.6s;
}
.es-5002 .section:nth-child(1) .image-unit {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--text-subtext1);
}
.es-5002 .section:nth-child(2) .image-meta {
  position: absolute;
  top: 3.5rem;
  left: 4rem;
}
.es-5002 .section:nth-child(2) .image-title {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

.es-5003 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5003-hero-pc.jpg);
}

.es-5004 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5004-hero-pc.jpg);
}
.es-5004 .section:nth-child(2) .image-frame:nth-of-type(2) .image-meta {
  position: absolute;
  top: 5rem;
  left: 50%;
  transform: translateX(-50%);
  transition: top 0.6s;
}
.es-5004 .section:nth-child(4) .grid .grid a {
  height: 100%;
}

.es-5100 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5100-hero-pc.jpg);
}
.es-5100 .col-4 h3 {
  display: flex;
  gap: 2rem;
}
.es-5100 .col-4 p {
  padding-left: 5rem;
}
.es-5100 .step-box {
  display: inline-flex;
  margin-top: 0.375rem;
  margin-bottom: 0;
}
.es-5100 .benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 6rem 1.5rem 7.5rem;
  border: 1px solid var(--border-gray-soft);
  border-radius: 1.25rem;
  background: var(--background-gray-soft);
  text-align: center;
}
.es-5100 .benefit::before {
  content: "";
  width: 7.5rem;
  height: 7.5rem;
  background: url(/img/section/nbp/images/es-5100-icon.png) no-repeat 50% 50%/cover;
}
.es-5100 .public-support {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.5rem;
  border: 1px solid var(--border-gray-soft);
  border-radius: 1.25rem;
  background: var(--background-gray-soft);
}
.es-5100 .plan {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
  padding-bottom: 5rem;
}
.es-5100 .plan:last-child {
  padding-bottom: 0 !important;
}
.es-5100 .plan + .plan {
  padding: 5rem 0;
  border-top: 1px solid var(--border-gray-default);
}
.es-5100 .plan-title {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.es-5100 .plan-desc {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.es-5100 .plan-action {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2.5rem;
}
.es-5100 .plan-list {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-top: 5rem;
}
.es-5100 .plan-item {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
}
.es-5100 .plan-key {
  padding: 0.5rem 1rem;
  border-radius: 1.875rem;
  background: var(--background-blue-strong);
  color: var(--primary-strong);
  font-weight: 600;
  font-size: 1.0625rem;
  line-height: 1.3;
  letter-spacing: 0;
}
.es-5100 .plan-value {
  padding-top: 0.3125rem;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.es-5100 .bullet-ref {
  margin-top: 1.5rem;
  color: var(--text-subtext2);
}
.es-5100 .plan-image {
  overflow: hidden;
  flex-shrink: 0;
  width: 24.0625rem;
  border-radius: 0 1.25rem 1.25rem 1.25rem;
}
.es-5100 .plan-image img {
  width: 100%;
}

.es-5101 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5101-hero-pc.jpg);
}

.es-5103 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5103-hero-pc.jpg);
}

.es-5202 .report-image img {
  border: 1px solid var(--border-gray-default);
  border-radius: 0 0 1.25rem 1.25rem;
}

.es-5300 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5300-hero-pc.jpg);
}

.es-5301 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5301-hero-pc.jpg);
}

.es-5302 .hero-frame {
  background-image: url(/img/section/nbp/images/es-5302-hero-pc.jpg);
}

.re-6100 .hero-frame {
  padding-bottom: 2rem;
  background-image: url(/img/section/nbp/images/re-6100-hero-pc.jpg);
}

.et-9000 .contents {
  padding-top: 8.59375rem;
}

.docs {
  display: flex;
}

.docs-aside {
  flex-shrink: 0;
  width: 16.25rem;
}

.docs-contents {
  flex: 1;
}

.status .scroll-x + .scroll-x {
  margin-top: 7.5rem;
}

.status-nav {
  position: relative;
  padding: 0.25rem 0 0.25rem 1.5rem;
  transition: padding 0.6s;
}

.status-anchor {
  display: block;
  padding: 0.25rem 0;
  transition: padding 0.6s;
  color: var(--text-default);
  outline-offset: 0.1875rem;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.status-list {
  width: 100%;
  border-top: 2px solid var(--border-dark100);
  border-bottom: 1px solid var(--border-gray-default);
}
.status-list table {
  width: 37.5rem;
  min-width: 100%;
  border: 0;
  border-collapse: collapse;
}
.status-list th[scope=col] {
  padding: 1.5625rem 1.5rem 1.5rem;
  background-color: var(--background-gray-soft);
  color: var(--text-default);
  text-align: left;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.status-list th[scope=col].center {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.status-list th[scope=col][rowspan] {
  border-right: 1px solid var(--border-gray-default);
}
.status-list tr + tr th[scope=col] {
  border-top: 1px solid var(--border-gray-default);
  border-bottom: 1px solid var(--border-gray-default);
}
.status-list th[scope=col] + th[scope=col] {
  border-left: 1px solid var(--border-gray-default);
}
.status-list tr:last-child th[scope=col] {
  border-bottom: 1px solid var(--border-gray-default);
}
.status-list th[scope=row] {
  padding: 0.75rem 1.5rem;
  background-color: var(--background-white);
  color: var(--text-default);
  vertical-align: top;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.status-list th[scope=row].center {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.status-list tr + tr th[scope=row] {
  border-top: 1px solid var(--border-gray-default);
}
.status-list th[scope=row][rowspan] {
  border-right: 1px solid var(--border-gray-default);
  border-bottom: 1px solid var(--border-gray-default);
}
.status-list td {
  padding: 0.75rem 1.5rem;
  background-color: var(--background-white);
  color: var(--text-subtext2);
  vertical-align: top;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.status-list td.center {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.status-list th + td,
.status-list td + td {
  border-left: 1px solid var(--border-gray-default);
}
.status-list tr + tr td {
  border-top: 1px solid var(--border-gray-default);
}
.status-list td[rowspan]:not(:last-child) {
  border-right: 1px solid var(--border-gray-default);
  border-bottom: 1px solid var(--border-gray-default);
}

.status-title {
  display: inline-flex;
  align-items: center;
  min-height: 1.875rem;
  color: var(--text-default);
}
.status-title.d1 {
  position: sticky;
  top: var(--sticky-y);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
}
.status-title.d2 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0;
}
.status-title.d3 {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.status-id {
  color: var(--text-subtext2);
  white-space: nowrap;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.status-preview {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  min-width: 6.875rem;
  height: 2.25rem;
  padding: 0 0.5rem 0 0.75rem;
  border-radius: 1.125rem;
  background-color: var(--background-blue-strong);
  color: var(--primary-strong);
  white-space: nowrap;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.status-preview::after {
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0px;
  background-color: transparent;
  background-image: url(/img/section/nbp/icons/icon-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
  vertical-align: middle;
}

.status-value {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 1.875rem;
  border-radius: 1.25rem;
  color: var(--text-white);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.status-value.na {
  background-color: var(--text-subtext2);
}

.status-value.hold {
  background-color: var(--text-error);
}

.status-value.progress {
  background-color: #0052ea;
}

.status-value.almost {
  background-color: #eab000;
}

.status-value.test {
  background-color: var(--text-warning);
}

.status-value.done {
  background-color: #1eae55;
}

.preview {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  min-height: 9.375rem;
  padding: 1.25rem;
  border-radius: 1.25rem;
  background-color: var(--background-gray-default);
}
.preview.line {
  border: 1px solid var(--border-gray-strong);
  background-color: var(--background-white);
}
.preview.dark {
  background-color: var(--background-gray-deep1);
}
.preview.deep-dark {
  background-color: var(--background-gray-deep2);
}
.preview + .preview {
  margin-top: 1.25rem;
}

.breakpoint {
  overflow: hidden;
  margin: 0 auto;
  border-radius: 0.75rem 0.75rem 0 0;
  border: 1px solid rgba(187, 221, 255, 0.48);
  border-right: 0;
  border-bottom: 0;
  background-color: rgba(171, 200, 238, 0.15);
  background-image: linear-gradient(180deg, rgba(21, 114, 237, 0.15) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0 0 1.875rem 0 rgba(0, 116, 232, 0.12);
  text-transform: capitalize;
}
.breakpoint.type-uhd {
  text-transform: uppercase;
}
.breakpoint.type-desktop {
  max-width: 90%;
}
.breakpoint.type-laptop {
  max-width: 80%;
}
.breakpoint.type-tablet {
  max-width: 70%;
}
.breakpoint.type-foldable {
  max-width: 70%;
}
.breakpoint.type-phone {
  max-width: 50%;
}
.breakpoint.type-small {
  max-width: 90%;
}
.breakpoint.type-mini {
  max-width: 80%;
}

.breakpoint-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  padding: 1.25rem 0;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.breakpoint-range {
  opacity: 0.6;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.breakpoint-div {
  display: flex;
  gap: 0.375rem;
}

.breakpoint-text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-weight: 700;
  color: var(--text-error);
}
.breakpoint-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 1.5625rem;
  background-color: var(--text-error);
}
.breakpoint-text::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 1.5625rem;
  background-color: var(--text-error);
}

.breakpoint-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-radius: 0.75rem;
  padding: 0.375rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: 500;
  font-size: 2rem !important;
  font-family: pretendard;
}

.breakpoint-pc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 2;
  border-radius: 0.75rem;
  padding: 1.25rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: 500;
  font-size: 2rem !important;
  font-family: pretendard;
}

.ex {
  margin: 1.25rem 0;
  padding: 1.25rem;
  border-radius: 1rem;
  background-color: var(--background-gray-deep1);
  font-family: consolas, monospace;
}
.ex div {
  font-size: 1rem;
}
.ex:last-child {
  margin-bottom: 0;
}

.color-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.color-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.375rem;
  padding: 1.25rem;
  border: 1px solid var(--border-gray-strong);
  border-radius: 1rem;
  font-family: Consolas, monospace;
}

.color-key {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.color-value {
  display: flex;
  gap: 0.375rem;
  min-width: 5.3125rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.color-value.small {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.color-chip {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -1px;
  border: 2px solid var(--border-gray-soft);
  border-radius: 0.375rem;
}

.color-grad {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.1875rem;
  border: 2px solid var(--border-gray-soft);
  border-radius: 0.375rem;
  transform-origin: 100% 50%;
  transition: border-radius 0.6s 0.6s, transform 0.6s 0.6s;
}
.color-grad:hover {
  border-radius: 50%;
  transform: scale(6);
  transition: border-radius 0.6s, transform 0.6s;
}

.typo-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.typo-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem;
  border: 1px solid var(--border-gray-strong);
  border-radius: 1rem;
  font-family: Consolas, monospace;
}

.typo-name {
  flex-shrink: 0;
  width: 6.25rem;
  text-align: center;
}

.typo-info {
  display: flex;
  gap: 0.375rem;
  flex: 1;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.typo-info.small {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.typo-pc {
  flex: 1;
}

.typo-mobile {
  flex: 1;
}

.rem-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: 1px solid var(--border-gray-strong);
  border-radius: 1rem;
  padding: 1.25rem;
}

.rem-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.375rem;
  padding: 2px 1.25rem;
  border-radius: 1.25rem;
  font-family: Consolas, monospace;
  cursor: pointer;
  transition: all 0.3s;
}
.rem-item:hover {
  background-color: var(--background-gray-deep1);
}
.rem-item.active {
  background-color: var(--background-blue-strong);
}
.rem-item.active:hover {
  background-color: var(--history1-light);
}
.rem-item.grab {
  transform: scale(1);
  cursor: grab !important;
}
.rem-item.grabbing {
  transform: scale(1.05);
  cursor: grabbing !important;
}
.rem-item.wait {
  transform: scale(1);
  cursor: wait !important;
}

.rem-key {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
}

.rem-value {
  display: flex;
  gap: 0.375rem;
  min-width: 5.3125rem;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: 0;
}

@media screen and (max-width: 1600px){
  .header-frame {
    padding: 0 1.25rem;
  }
  .header.active .header-gnb {
    max-width: 80rem;
  }
  .header-aside {
    width: 15.375rem;
  }
  .header.active .header-aside {
    max-width: 80rem;
  }
  .gnb-1d-item {
    padding: 0.75rem 1rem;
  }
  .header.hover .gnb-1d-item {
    padding: 0.75rem 1rem 2rem;
  }
  .gnb-2d-list {
    margin: 0 -1rem;
  }
  .gnb-2d-item {
    padding: 1rem;
  }
  .hero-bar {
    width: 18.75rem;
  }
  .footer-slogan {
    display: none;
  }
  .footer-fnb {
    flex: 1;
  }
  .fnb-1d-item {
    flex: 1;
    width: auto;
  }
  .download {
    padding: 1.5rem;
  }
  :root[lang=en] .download-subject {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .posters-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .first-docs {
    right: 25vw;
    width: 31.25vw;
    height: 20.79vw;
  }
  .first-story {
    height: 20rem;
  }
  :root[lang=en] .first-story {
    height: 26.25rem;
  }
  .first-story::before {
    width: 3.75rem;
    height: 1.875rem;
  }
  .first-story.init {
    height: 37.5rem;
  }
  :root[lang=en] .first-story.init {
    height: 37.5rem;
  }
  .first-year {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .first-title {
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .first-title {
    left: 6.25rem;
    font-size: 1.75rem;
  }
  .first-keyword {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .first-keyword {
    font-weight: 700;
    font-size: 2.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .first-desc {
    width: 20rem;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .first-desc {
    width: 20rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .first-fixer {
    width: 26.25rem;
  }
  :root[lang=en] .first-fixer {
    width: 26.25rem;
  }
  .now-value-title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .now-value-title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .now-value-desc {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .tomorrow-heading {
    font-size: 8.75rem;
  }
  .tomorrow-link {
    padding: 2.25rem;
  }
  .tomorrow-title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .tomorrow-desc {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .core-value {
    font-size: 2.5rem;
  }
  :root[lang=en] .core-value-message {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .video-highlight-info {
    padding: 2.5rem;
  }
  .poster-highlight-trigger {
    height: 22.1vw;
  }
  .history-heading {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .history-desc {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .history-numbers {
    height: 30rem;
  }
  .history-number {
    font-size: 25rem;
  }
  .history-group {
    padding: 3.75rem;
  }
  .history-year {
    margin-bottom: 4rem;
  }
  .award-heading {
    font-weight: 700;
    font-size: 3.5rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .award-group {
    padding: 3.75rem;
  }
  .circle-1 {
    width: 13.75rem;
    height: 13.75rem;
    border-radius: 6.875rem;
  }
  .circle-2 {
    gap: 0.75rem;
    width: 27.5rem;
    height: 20rem;
    border-radius: 10rem;
  }
  .circle-3 {
    gap: 0.75rem;
    width: 75rem;
    height: 26.5rem;
    margin-left: -3.125rem;
    border-radius: 13.25rem;
  }
  .definition::after {
    width: 31.25rem;
    height: 31.25rem;
  }
  :root[lang=en] .definition::after {
    width: 34.375rem;
    height: 34.375rem;
  }
  .two-chairs-item {
    width: 18.125rem;
    padding-top: 6.25rem;
  }
  .two-chairs-word {
    font-size: 8.75rem;
  }
  .two-chairs-card {
    padding: 2rem 1.5rem 2rem;
  }
  .two-chairs-icon {
    margin-bottom: 2rem;
  }
  .two-chairs-title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .two-chairs-desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .es-5004 .section:nth-child(2) .image-frame:nth-of-type(2) .image-meta {
    top: 3.75rem;
  }
}

@media screen and (max-width: 1376px){
  .header.active .header-gnb {
    max-width: 66.0625rem;
  }
  .header.active .header-aside {
    max-width: 66.0625rem;
  }
  .header.active .gnb-2d-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .header.active .shortcut-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .hero-frame {
    padding: 1.5rem 2.5rem;
  }
  .hero-bar {
    width: 7.5rem;
    transition: none;
  }
  .footer-slogan {
    display: none;
  }
  .footer-fnb {
    flex: 1;
  }
  .fnb-1d-item {
    flex: 1;
    width: auto;
  }
  .video-popup-contents {
    padding-right: 25rem;
  }
  .video-popup-iframe {
    flex: 9;
  }
  .video-popup-info {
    width: 25rem;
  }
  .gray-box {
    padding: 2rem 2rem 2.5rem;
  }
  .intro {
    padding: 1.5rem 18.75rem 1.5rem 2rem;
  }
  .intro.type-book::after {
    right: 1.875rem;
  }
  .intro.type-docs::after {
    right: 1.875rem;
  }
  .intro.type-architecture::after {
    right: 1.875rem;
  }
  .intro-message {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .quote-box {
    padding: 4rem;
  }
  .download {
    padding: 1.5rem;
  }
  :root[lang=en] .download-subject {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .download-file {
    bottom: 1.5rem;
    right: 1.6875rem;
  }
  .first-intro {
    padding: 9.375rem 3.75rem;
  }
  .first-docs {
    top: 12.5rem;
  }
  .first-light {
    right: -4.375rem;
  }
  .first-light-small {
    top: 17.5rem;
    right: -1.875rem;
  }
  .first-heading {
    font-size: 7.5rem;
  }
  .first-button {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .first-story {
    height: 26.25rem;
  }
  .first-after {
    padding: 0 3.75rem 0 0;
  }
  .first-year {
    left: 2rem;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .first-title {
    left: 6.25rem;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .first-title {
    left: 2.5rem;
  }
  .first-keyword {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .first-desc {
    gap: 0.75rem;
    width: 14.375rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  :root[lang=en] .first-desc {
    width: 20rem;
  }
  .first-fixer {
    width: 21.25rem;
    box-shadow: 0 3.8125rem 3.8125rem 0 rgba(0, 0, 0, 0.09), 0 0.9375rem 2.125rem 0 rgba(0, 0, 0, 0.1);
  }
  :root[lang=en] .first-fixer {
    width: 21.25rem;
  }
  .light-trail {
    width: 7.8125rem;
    height: 7.8125rem;
  }
  .first-intro.init .light-trail {
    width: 7.8125rem;
  }
  .first-intro.active .light-trail {
    width: 17.5rem;
  }
  .light-trail.small {
    width: 4rem;
    height: 4rem;
  }
  .first-intro.init .light-trail.small {
    width: 4rem;
  }
  .first-intro.active .light-trail.small {
    width: 9.375rem;
  }
  .light-trail-circle {
    width: 7.8125rem;
    height: 7.8125rem;
  }
  .light-trail.small .light-trail-circle {
    width: 4rem;
    height: 4rem;
  }
  .light-trail-circle:nth-child(1)::after {
    left: 0;
    transform: scale(0.5);
  }
  .now-heading {
    left: 1.25rem;
    font-size: 6.25rem;
  }
  .now-frame {
    border-radius: 1.25rem;
  }
  .now-edge-top {
    width: 2.5rem;
    height: 1.25rem;
  }
  .now-edge-bottom {
    width: 2.5rem;
    height: 1.25rem;
  }
  .now-value-text {
    padding: 1.5rem;
  }
  .now-value-title {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .now-value-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .now-value-desc {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .now-value-desc {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .tomorrow-heading {
    font-size: 7.5rem;
  }
  .tomorrow-item {
    height: 17.5rem;
  }
  .tomorrow-link {
    padding: 1.5rem;
  }
  .tomorrow-title {
    gap: 0.5rem;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .tomorrow-title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .tomorrow-title::after {
    width: 2rem;
    height: 2rem;
    background-size: 2rem 2rem;
  }
  .tomorrow-desc {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .tomorrow-desc {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .ceo-career {
    padding: 3.75rem 2.5rem 3.75rem;
  }
  .leadership-col-3:nth-child(odd) .leadership.type-c {
    background: linear-gradient(138deg, #3b59ff -25.36%, #0151dc 122.36%);
  }
  .leadership-col-3:nth-child(even) .leadership.type-c {
    background: linear-gradient(138deg, #3b82ff -25.36%, #0151dc 122.36%);
  }
  .leadership-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }
  .leadership-grid [class*=leadership-col-] {
    grid-column: auto;
  }
  .core-value {
    font-size: 2.5rem;
  }
  :root[lang=en] .core-value {
    font-size: 2rem;
  }
  :root[lang=en] .core-value-item + .core-value-item .core-value::before {
    width: 1.25rem;
  }
  .core-value-message {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .core-value-message {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .ci-frame.type-2 {
    padding: 2.5rem 4rem 4rem;
    gap: 8rem;
  }
  .ci-frame.type-2 .ci-frame-inner:nth-child(2)::before {
    margin-left: -3.75rem;
  }
  .ci-frame.type-3 .type-kr-x {
    height: 3.5rem;
  }
  .ci-frame.type-3 .type-en-x {
    height: 3.5rem;
  }
  .domestic-rating-frame {
    padding: 1.5rem;
    transition: padding 0.6s;
  }
  .international-rating-frame {
    padding: 1.5rem;
    transition: padding 0.6s;
  }
  .video-highlight-title {
    margin-bottom: 0.75rem;
  }
  .video-highlight-desc {
    margin-top: 0.75rem;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
  }
  .poster-highlight-trigger {
    height: 34.7vw;
  }
  .history-numbers {
    height: 22.5rem;
  }
  .history-number {
    font-size: 18.75rem;
  }
  .history-group {
    padding: 2.5rem;
  }
  .history-date {
    width: 4rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
    letter-spacing: -0.05em;
  }
  .history-value {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .award-heading {
    font-weight: 700;
    font-size: 2.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .award-group {
    padding: 2.5rem;
  }
  .award-date {
    width: 4rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
    letter-spacing: -0.05em;
  }
  .award-value {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .esg-card {
    padding: 2.5rem 2rem;
  }
  .report-highlight {
    gap: 3.75rem;
    padding: 3rem 3rem 3.75rem;
    transition: gap 0.6s, padding 0.6s;
  }
  .report-highlight-meta {
    width: 21.25rem;
  }
  .report-meta {
    padding: 2rem 1.5rem 2.5rem;
    transition: padding 0.6s;
  }
  .activity {
    padding: 2rem;
    padding-right: 9rem;
  }
  .activity::before {
    right: 1rem;
  }
  .fund-operations {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 2.25rem;
    padding-bottom: 3rem;
  }
  .fund-operations::after {
    order: 1;
  }
  .fund-operations-info {
    order: 2;
  }
  .definitions::before {
    width: 2.5rem;
    height: 0.25rem;
  }
  .definitions::after {
    width: 0.25rem;
    height: 2.5rem;
  }
  .definition::after {
    width: 25rem;
    height: 25rem;
  }
  :root[lang=en] .definition::after {
    width: 25rem;
    height: 25rem;
  }
  .definition-icon {
    max-width: 13.75rem;
    margin-bottom: 1.25rem;
  }
  :root[lang=en] .definition-icon {
    max-width: 20rem;
  }
  .definition:nth-child(1) .definition-icon {
    background-size: 3rem;
  }
  :root[lang=en] .definition:nth-child(1) .definition-icon {
    background-position: 50% 50%;
  }
  .definition:nth-child(2) .definition-icon {
    background-size: 3rem;
  }
  .definition-title {
    max-width: 13.75rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .definition-title {
    max-width: 20rem;
  }
  .definition-desc {
    max-width: 13.75rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .definition-desc {
    max-width: 20rem;
  }
  .program-item {
    padding: 2.5rem;
  }
  .two-chairs-card {
    justify-content: center;
    height: 100%;
  }
  .ba-1101 .section1 .grid .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ba-1101 .section1 .grid .grid [class*=col-] {
    grid-column: auto;
  }
  .es-5001 .section:nth-child(3) > div > .grid {
    display: block;
  }
  .es-5002 .section:nth-child(1) .image-meta {
    top: 3rem;
    right: 3rem;
    left: 3rem;
  }
  .es-5004 .section:nth-child(2) .image-frame:nth-of-type(2) .image-meta {
    top: 2.5rem;
  }
  .es-5004 .section:nth-child(4) .grid .grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .es-5004 .section:nth-child(4) .grid .grid [class*=col-] {
    grid-column: auto;
  }
  .es-5100 .plan {
    gap: 1.25rem;
  }
  .es-5100 .plan-action {
    gap: 0.75rem;
  }
  .es-5100 .plan-item {
    flex-direction: column;
    gap: 1.25rem;
  }
  .es-5100 .plan-value {
    padding-left: 1rem;
  }
  .es-5100 .plan-image {
    width: 9.375rem;
    transition: width 0.6s;
  }
}

@media screen and (max-width: 1023px){
  .d1 {
    font-weight: 600;
    font-size: 2.75rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .d2 {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .d3 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .d4 {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .h1 {
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .h2 {
    font-weight: 600;
    font-size: 2.125rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .h3 {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .h4 {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .h5 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .b1 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .b2 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .b3 {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .b4 {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .b5 {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .b6 {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .b7 {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .u1 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .u2 {
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .u3 {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .u4 {
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .m1 {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .m2 {
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .m3 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .mobile\:d1 {
    font-weight: 600;
    font-size: 2.75rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .mobile\:d2 {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .mobile\:d3 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .mobile\:d4 {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .mobile\:h1 {
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .mobile\:h2 {
    font-weight: 600;
    font-size: 2.125rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .mobile\:h3 {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .mobile\:h4 {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .mobile\:h5 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .mobile\:b1 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .mobile\:b2 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .mobile\:b3 {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .mobile\:b4 {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .mobile\:b5 {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .mobile\:b6 {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .mobile\:b7 {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .mobile\:u1 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .mobile\:u2 {
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .mobile\:u3 {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .mobile\:u4 {
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .mobile\:m1 {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .mobile\:m2 {
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .mobile\:m3 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .step-box {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .step-box {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1.5rem;
    border-radius: 0.75rem;
  }
  .step-1::before {
    width: 0.625rem;
    height: 0.625rem;
    background-size: 0.625rem 0.625rem;
  }
  .step-2::before {
    width: 1.125rem;
    height: 0.625rem;
    background-size: 1.125rem 0.625rem;
  }
  .step-3::before {
    width: 1.625rem;
    height: 0.625rem;
    background-size: 1.625rem 0.625rem;
  }
  .step-4::before {
    width: 2.125rem;
    height: 0.625rem;
    background-size: 2.125rem 0.625rem;
  }
  .pc {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .mobile\:block {
    display: block !important;
  }
  .mobile\:none {
    display: none !important;
  }
  .mobile\:flex {
    display: flex !important;
  }
  .mobile\:inline-flex {
    display: inline-flex !important;
  }
  .mobile\:flex-column {
    flex-direction: column !important;
  }
  .mobile\:flex-row {
    flex-direction: row !important;
  }
  .mobile\:justify-start {
    justify-content: flex-start !important;
  }
  .mobile\:justify-center {
    justify-content: center !important;
  }
  .mobile\:justify-end {
    justify-content: flex-end !important;
  }
  .mobile\:justify-between {
    justify-content: space-between !important;
  }
  .mobile\:align-start {
    align-items: flex-start !important;
  }
  .mobile\:align-center {
    align-items: center !important;
  }
  .mobile\:align-end {
    align-items: flex-end !important;
  }
  .mobile\:uppercase {
    text-transform: uppercase !important;
  }
  .mobile\:lowercase {
    text-transform: lowercase !important;
  }
  .mobile\:regular {
    font-weight: 400 !important;
  }
  .mobile\:medium {
    font-weight: 500 !important;
  }
  .mobile\:semi-bold {
    font-weight: 600 !important;
  }
  .mobile\:bold {
    font-weight: 700 !important;
  }
  .mobile\:left {
    text-align: left !important;
  }
  .mobile\:center {
    text-align: center !important;
  }
  .mobile\:right {
    text-align: right !important;
  }
  .mobile\:gap-0 {
    gap: 0 !important;
  }
  .mobile\:mt-0 {
    margin-top: 0 !important;
  }
  .mobile\:mb-0 {
    margin-bottom: 0 !important;
  }
  .mobile\:gap-2 {
    gap: 2px !important;
  }
  .mobile\:mt-2 {
    margin-top: 2px !important;
  }
  .mobile\:mb-2 {
    margin-bottom: 2px !important;
  }
  .mobile\:gap-4 {
    gap: 0.25rem !important;
  }
  .mobile\:mt-4 {
    margin-top: 0.25rem !important;
  }
  .mobile\:mb-4 {
    margin-bottom: 0.25rem !important;
  }
  .mobile\:gap-8 {
    gap: 0.5rem !important;
  }
  .mobile\:mt-8 {
    margin-top: 0.5rem !important;
  }
  .mobile\:mb-8 {
    margin-bottom: 0.5rem !important;
  }
  .mobile\:gap-10 {
    gap: 0.625rem !important;
  }
  .mobile\:mt-10 {
    margin-top: 0.625rem !important;
  }
  .mobile\:mb-10 {
    margin-bottom: 0.625rem !important;
  }
  .mobile\:gap-12 {
    gap: 0.75rem !important;
  }
  .mobile\:mt-12 {
    margin-top: 0.75rem !important;
  }
  .mobile\:mb-12 {
    margin-bottom: 0.75rem !important;
  }
  .mobile\:gap-16 {
    gap: 1rem !important;
  }
  .mobile\:mt-16 {
    margin-top: 1rem !important;
  }
  .mobile\:mb-16 {
    margin-bottom: 1rem !important;
  }
  .mobile\:gap-20 {
    gap: 1.25rem !important;
  }
  .mobile\:mt-20 {
    margin-top: 1.25rem !important;
  }
  .mobile\:mb-20 {
    margin-bottom: 1.25rem !important;
  }
  .mobile\:gap-24 {
    gap: 1.5rem !important;
  }
  .mobile\:mt-24 {
    margin-top: 1.5rem !important;
  }
  .mobile\:mb-24 {
    margin-bottom: 1.5rem !important;
  }
  .mobile\:gap-32 {
    gap: 2rem !important;
  }
  .mobile\:mt-32 {
    margin-top: 2rem !important;
  }
  .mobile\:mb-32 {
    margin-bottom: 2rem !important;
  }
  .mobile\:gap-40 {
    gap: 2.5rem !important;
  }
  .mobile\:mt-40 {
    margin-top: 2.5rem !important;
  }
  .mobile\:mb-40 {
    margin-bottom: 2.5rem !important;
  }
  .mobile\:gap-48 {
    gap: 3rem !important;
  }
  .mobile\:mt-48 {
    margin-top: 3rem !important;
  }
  .mobile\:mb-48 {
    margin-bottom: 3rem !important;
  }
  .mobile\:gap-56 {
    gap: 3.5rem !important;
  }
  .mobile\:mt-56 {
    margin-top: 3.5rem !important;
  }
  .mobile\:mb-56 {
    margin-bottom: 3.5rem !important;
  }
  .mobile\:gap-60 {
    gap: 3.75rem !important;
  }
  .mobile\:mt-60 {
    margin-top: 3.75rem !important;
  }
  .mobile\:mb-60 {
    margin-bottom: 3.75rem !important;
  }
  .mobile\:gap-64 {
    gap: 4rem !important;
  }
  .mobile\:mt-64 {
    margin-top: 4rem !important;
  }
  .mobile\:mb-64 {
    margin-bottom: 4rem !important;
  }
  .mobile\:gap-70 {
    gap: 4.375rem !important;
  }
  .mobile\:mt-70 {
    margin-top: 4.375rem !important;
  }
  .mobile\:mb-70 {
    margin-bottom: 4.375rem !important;
  }
  .mobile\:gap-80 {
    gap: 5rem !important;
  }
  .mobile\:mt-80 {
    margin-top: 5rem !important;
  }
  .mobile\:mb-80 {
    margin-bottom: 5rem !important;
  }
  .mobile\:gap-88 {
    gap: 5.5rem !important;
  }
  .mobile\:mt-88 {
    margin-top: 5.5rem !important;
  }
  .mobile\:mb-88 {
    margin-bottom: 5.5rem !important;
  }
  .mobile\:gap-100 {
    gap: 6.25rem !important;
  }
  .mobile\:mt-100 {
    margin-top: 6.25rem !important;
  }
  .mobile\:mb-100 {
    margin-bottom: 6.25rem !important;
  }
  .mobile\:gap-120 {
    gap: 7.5rem !important;
  }
  .mobile\:mt-120 {
    margin-top: 7.5rem !important;
  }
  .mobile\:mb-120 {
    margin-bottom: 7.5rem !important;
  }
  .mobile\:gap-140 {
    gap: 8.75rem !important;
  }
  .mobile\:mt-140 {
    margin-top: 8.75rem !important;
  }
  .mobile\:mb-140 {
    margin-bottom: 8.75rem !important;
  }
  .mobile\:gap-160 {
    gap: 10rem !important;
  }
  .mobile\:mt-160 {
    margin-top: 10rem !important;
  }
  .mobile\:mb-160 {
    margin-bottom: 10rem !important;
  }
  .mobile\:gap-200 {
    gap: 12.5rem !important;
  }
  .mobile\:mt-200 {
    margin-top: 12.5rem !important;
  }
  .mobile\:mb-200 {
    margin-bottom: 12.5rem !important;
  }
  .mobile\:gap-240 {
    gap: 15rem !important;
  }
  .mobile\:mt-240 {
    margin-top: 15rem !important;
  }
  .mobile\:mb-240 {
    margin-bottom: 15rem !important;
  }
  .indent {
    padding: 0 0.25rem;
  }
  .outdent {
    margin: 0 -1.25rem;
  }
  .mobile\:order-1 {
    order: 1 !important;
  }
  .mobile\:order-2 {
    order: 2 !important;
  }
  .skip {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .header {
    height: 3.5rem;
  }
  .header-frame {
    padding: 0 1rem 0 1.25rem;
    height: 3.5rem;
  }
  .header.active .header-frame {
    height: 3.5rem;
    border-bottom: 1px solid var(--border-gray-strong);
    box-shadow: none;
  }
  .header-logo {
    height: 3.5rem;
  }
  .header-logo-img {
    width: 5.25rem;
    height: 1.25rem;
  }
  :root[lang=en] .header-logo-img {
    width: 7.4375rem;
    height: 1.25rem;
  }
  .header.active .header-nav {
    overflow: hidden;
    top: 3.5rem;
    height: calc(100% - 3.5rem);
    padding: 0;
    background-color: var(--background-gray-strong);
  }
  .header-gnb {
    display: none;
  }
  .header.active .header-mnb {
    display: block;
  }
  .header.active .header-aside {
    display: none;
  }
  .header-feature {
    height: 3.5rem;
  }
  .header-bank-shortcut {
    display: none;
  }
  .header-lang-select {
    display: none;
  }
  .header-gnb-button {
    display: none;
    width: 2rem;
    height: 2rem;
    background-size: 2rem 2rem;
    background-image: url(/img/section/nbp/icons/icon-menu-small.svg);
  }
  .header.active .header-gnb-button {
    background-image: url(/img/section/nbp/icons/icon-x-small.svg);
  }
  .header-mnb-button {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-size: 2rem 2rem;
    background-image: url(/img/section/nbp/icons/icon-menu-small.svg);
  }
  .header.active .header-mnb-button {
    background-image: url(/img/section/nbp/icons/icon-x-small.svg);
  }
  .mnb-3d-link {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .shortcut-title {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .header.active .shortcut-title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .shortcut-link {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .header.active .shortcut-link {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .header.active .shortcut-item.active .shortcut-link {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .relative-site-button {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .relative-site-link {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .bank-shortcut {
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .bank-shortcut {
    display: none;
  }
  .lang-link {
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .lang-select-button {
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .lang-select-link {
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .page-align {
    padding-top: 3.5rem;
  }
  .page-category {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .page-category {
    padding: 0 0.25rem;
    text-align: left;
  }
  .page-heading {
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .page-heading {
    padding: 0 0.25rem;
    text-align: left;
  }
  .page-category + .page-heading {
    margin-top: 0.5rem;
  }
  .page-heading + .navs {
    justify-content: flex-start;
    margin-top: 2rem;
  }
  .navs-frame {
    border-radius: 1.625rem;
  }
  .navs-link {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .navs-link {
    height: 3.25rem;
    padding: 0 1.5rem;
    font-weight: 600;
  }
  .hero {
    height: auto;
    margin-top: 5rem;
  }
  .hero-sticky {
    padding: 0 1.25rem;
  }
  .hero.type-single .hero-sticky {
    height: 30rem;
  }
  .hero.type-multi .hero-sticky {
    height: 44.75rem;
  }
  .hero-frame {
    flex-direction: column;
    border-radius: 1.25rem;
  }
  .hero.type-single .hero-frame {
    padding: 1.5rem;
  }
  .hero.type-multi .hero-frame {
    padding: 4.5rem 1.5rem 1.5rem;
  }
  .hero-bar {
    position: static;
    width: 4rem;
    margin: 2.5rem 0;
    transform: translate(0.25rem, 1.875rem);
  }
  .hero-single {
    flex: 1;
  }
  :root[lang=en] .hero-single {
    padding-right: 0;
  }
  .hero-multi {
    width: auto;
  }
  .hero-multi.after {
    text-align: left;
  }
  .hero-step {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .hero-step {
    margin-bottom: 2rem;
  }
  .hero-step::before {
    width: 0.625rem;
    height: 0.625rem;
    background-size: 0.625rem 0.625rem;
  }
  .hero-title {
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .hero-title {
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .hero-desc {
    margin-top: 1rem;
  }
  :root[lang=en] .hero-desc {
    margin-top: 3rem;
  }
  .hero-ref {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .hero-ref {
    justify-content: flex-start;
    margin-top: 0.75rem;
  }
  .hero-ref::before {
    margin-top: 0.1875rem;
  }
  .hero-sub-title {
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .hero-multi.after .hero-sub-title {
    padding-top: 0;
  }
  .hero-sub-desc {
    margin-top: 1rem;
  }
  .hero-sub-ref {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .hero-sub-ref {
    margin-top: 0.75rem;
  }
  .hero-step,
  .hero-title,
  .hero-desc,
  .hero-sub-title,
  .hero-sub-desc {
    transform: translateY(1.875rem);
  }
  .contents {
    padding: 5rem 1.25rem 7.5rem;
    transition: none;
  }
  .top {
    padding: 0.75rem 0.625rem;
  }
  .top-button {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .top-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem 1rem;
  }
  .footer {
    padding: 0;
  }
  .footer-frame {
    padding: 3rem 1.25rem 4rem;
    border-radius: 0;
  }
  .footer-explorer {
    display: none;
  }
  .footer-logo {
    padding: 0 0.25rem;
  }
  .footer-logo-image {
    width: 8.3125rem;
    height: 2rem;
  }
  :root[lang=en] .footer-logo-image {
    width: 11.875rem;
    height: 2rem;
  }
  .footer-shortcut {
    margin-top: 1.5rem;
    padding: 0 0.25rem;
  }
  .footer-shortcut-list {
    flex-direction: column;
    gap: 0.375rem;
  }
  .footer-shortcut-item + .footer-shortcut-item::before {
    display: none;
  }
  .footer-shortcut-link {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .footer-call {
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .footer-call {
    margin-top: 3rem;
    padding: 0 0.25rem;
  }
  .footer-copyright {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .footer-copyright {
    padding: 0 0.25rem;
  }
  :root[lang=en] .footer-copyright {
    margin-top: 3rem;
  }
  .footer-mark {
    position: static;
    margin-top: 0.5rem;
  }
  .footer-mark-link {
    width: 2.5rem;
    height: 2.5rem;
  }
  .footer-mark-img.wa {
    height: 1.5rem;
  }
  .footer-mark-img.the-banker {
    height: 1.5rem;
  }
  .footer-mark-img.csma {
    height: 1.5rem;
  }
  .footer-sns {
    position: static;
    margin-top: 1.25rem;
    padding: 0 0.25rem;
  }
  .footer-family {
    position: static;
    margin-top: 3rem;
  }
  .footer-sns-link {
    width: 2.5rem;
    height: 2.5rem;
  }
  .fnb-1d-link {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .fnb-2d-link {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: -0.015em;
  }
  .family {
    width: auto;
  }
  :root[lang=en] .family {
    width: auto;
  }
  .family-button {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .family-button {
    padding: 1rem 1.5rem;
  }
  .family.active .family-button {
    padding: 1.0625rem 1.4375rem 0.9375rem;
  }
  .family-list {
    padding: 1rem 1.5rem;
  }
  .family-link {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .section ~ .section {
    margin-top: 7.5rem;
  }
  .section.expanded {
    margin: 0 -1.25rem;
  }
  .grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  .grid [class*=col-] {
    grid-column: 1/-1;
  }
  .grid [class*=start-] {
    grid-column-start: auto;
  }
  .grid .grid.mobile\:two-column {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid .grid.mobile\:two-column [class*=col-] {
    grid-column: auto;
  }
  .search {
    width: 100%;
  }
  .scroll-x {
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 0 -1.25rem;
    transform: translate3d(0, 0, 0);
    scroll-behavior: auto;
  }
  .scroll-x.medium table {
    min-width: 61.4375rem;
  }
  .scroll-x.small table {
    min-width: 27.5rem;
  }
  .scroll-x-track {
    display: inline-block;
    padding: 0 1.25rem;
  }
  .scroll-x.expanded .scroll-x-track {
    padding: 0 1.5rem;
  }
  .popup {
    padding: 0;
  }
  .popup-container {
    height: 100%;
    border-radius: 0;
  }
  .popup-close {
    top: 2.25rem;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    background-size: 1.75rem 1.75rem;
    background-image: url(/img/section/nbp/icons/icon-close.svg);
  }
  .popup-head {
    padding: 2rem 1.5rem 1rem;
  }
  .popup-title {
    padding-right: 2.25rem;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .popup-contents {
    padding: 0 1.5rem 2rem;
  }
  .notice {
    padding: 5rem 1.25rem;
  }
  .notice-container {
    border-radius: 1rem;
  }
  .notice-close {
    top: -3rem;
    width: 1.75rem;
    height: 1.75rem;
    background-size: 1.75rem 1.75rem;
  }
  .notice-head {
    padding: 2rem 1.5rem 1.5rem;
  }
  .notice-title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .notice-body {
    margin-right: 0.75rem;
  }
  .notice-contents {
    padding: 0 0.75rem 1.5rem 1.5rem;
  }
  .notice-foot {
    padding: 1.5rem;
  }
  .video-popup {
    max-width: 43.75rem;
  }
  .video-popup-close {
    top: -3rem;
    width: 1.75rem;
    height: 1.75rem;
    background-size: 1.75rem 1.75rem;
  }
  .video-popup-contents {
    padding-right: 0;
    border-radius: 1rem;
    flex-direction: column;
  }
  .video-popup-iframe {
    flex: unset;
  }
  .video-popup-info {
    position: static;
    width: auto;
    height: 16.25rem;
  }
  .video-popup-scroller {
    padding: 2rem 1.5rem;
  }
  .video-popup-title {
    margin-bottom: 1.5rem;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .video-popup-scroll {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .poster-popup-dim {
    padding: 4rem 1.25rem;
  }
  .poster-popup-close {
    top: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    background-size: 1.75rem 1.75rem;
  }
  .pin {
    position: static;
  }
  .flex-pin {
    position: static;
  }
  .grid-pin {
    position: static;
  }
  .gray-box {
    border-raidus: 1rem;
    padding: 2rem 2rem 2.5rem;
  }
  .terms-box-content {
    padding: 1rem;
  }
  .intro {
    min-height: 18.75rem;
    margin-bottom: 4rem;
    padding: 0.75rem 16.25rem 0.75rem 2rem;
  }
  .intro.type-book::after {
    right: 0 2rem;
    width: 12.5rem;
    height: 12.5rem;
    background-size: 12.5rem 12.5rem;
  }
  .intro.type-docs::after {
    right: 0 2rem;
    width: 12.5rem;
    height: 12.5rem;
    background-size: 12.5rem 12.5rem;
  }
  .intro.type-architecture::after {
    right: 0 2rem;
    width: 12.5rem;
    height: 12.5rem;
    background-size: 12.5rem 12.5rem;
  }
  .intro-message {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .intro-message {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .images {
    gap: 0.75rem;
  }
  .image {
    border-radius: 1rem;
  }
  .image-frame {
    border-radius: 1rem;
  }
  .image-title {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .image-desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .image-unit {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .quote-box {
    padding: 4rem 2rem;
    border-radius: 1rem;
    background-position: 0.75rem 0;
    background-size: 6.75rem 5.625rem;
  }
  .line-box {
    padding: 2.5rem 2rem;
    border-radius: 1rem;
  }
  .button {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .button {
    min-height: 4.125rem;
  }
  .button.stretch {
    min-width: 8.1875rem;
  }
  .button.small {
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .button.small {
    min-height: 3.1875rem;
  }
  .button.tiny {
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .button.tiny {
    min-height: 2rem;
  }
  .line-button {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .line-button {
    min-height: 4.125rem;
  }
  .line-button.mobile\:expanded {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .line-button.stretch {
    min-width: 8.1875rem;
  }
  .line-button.small {
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .line-button.small {
    min-height: 3.1875rem;
  }
  .line-button.tiny {
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .line-button.tiny {
    min-height: 2rem;
  }
  .text-button {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .text-button.small {
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .text-button.tiny {
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .text-button.icon-outlink::before {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 1.125rem;
  }
  .label {
    margin-bottom: 0.5rem;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .label.required::after {
    width: 0.25rem;
    height: 0.25rem;
  }
  .forms.error::after {
    top: 1rem;
  }
  :is(.text, .select, .textarea) {
    box-shadow: inset 0 0 0 1px var(--border-gray-strong);
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .text {
    height: 3.4375rem;
    padding: 0 1rem;
    border-radius: 0.75rem;
  }
  .textarea {
    height: 8.9375rem;
    border-radius: 0.75rem;
  }
  .select {
    height: 3.4375rem;
    padding: 0 2rem 0 1rem;
    background-position: right 1rem top 50%;
    border-radius: 0.75rem;
  }
  .pagination-page .pagination-link {
    width: 2rem;
    height: 2rem;
  }
  .pagination-page .pagination-link {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .pagination-prev .pagination-link {
    width: 2rem;
    height: 2rem;
  }
  .pagination-next .pagination-link {
    width: 2rem;
    height: 2rem;
  }
  .pagination-first .pagination-link {
    width: 2rem;
    height: 2rem;
  }
  .pagination-last .pagination-link {
    width: 2rem;
    height: 2rem;
  }
  .accordion [aria-controls] {
    padding: 1.5rem 0.75rem 1.5rem 1rem;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .accordion [aria-controls]::after {
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem 1.25rem;
  }
  .accordion [data-accordion-frame] {
    padding: 3.5rem 0.25rem 4rem;
  }
  .files-frame {
    width: 20rem;
    padding: 1.5rem 1rem;
  }
  .files-head {
    margin-bottom: 0.75rem;
  }
  .files-title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .files-close {
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem 1.25rem;
    background-image: url(/img/section/nbp/icons/icon-close-bold.svg);
  }
  .files-list {
    gap: 0.375rem;
  }
  .files-link::after {
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem 1.25rem;
  }
  .files-name {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .table th[scope=col] {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .table th[scope=col] {
    padding: 1.3125rem 0 1.25rem;
  }
  .table.small th[scope=col] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .table th[scope=row] {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .table th[scope=row] {
    padding: 1.25rem 0;
  }
  .table.small th[scope=row] {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .table td {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .table td {
    padding: 1.25rem 0;
  }
  .table.small td {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .required-message-title {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .required-message-mark {
    width: 0.25rem;
    height: 0.25rem;
  }
  .required-message-desc {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .required-message-desc {
    margin-top: 0.5rem;
  }
  .list.lv1 > li {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .list.lv1 > li {
    font-weight: 700;
  }
  .list.lv1:not(:first-child) > li {
    margin-top: 3.5rem;
  }
  .list .list.lv2 {
    margin-top: 1.75rem;
  }
  .list .list.lv2.reduced {
    margin-top: 1.75rem;
  }
  .list.lv2 > li {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .list.lv2 > li + li {
    margin-top: 1.75rem;
  }
  .list.lv2.reduced > li + li {
    margin-top: 1.75rem;
  }
  .list.lv2.number > li::before {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .list .list.lv3 {
    margin-top: 0.5rem;
  }
  .list.lv3 > li {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  p.list.lv3 {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .list.lv3.number > li::before {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .list.lv3.word > li::before {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .list.lv3.bracket > li::before {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .list.lv4 > li {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .list.lv4.number > li::before {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .list.lv4.word > li::before {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .checkbox input[type=checkbox] {
    border-raidus: 0.75rem;
  }
  .checkbox label {
    padding: 1rem 2.75rem 1rem 1rem;
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .checkbox label::before {
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem 1.25rem;
  }
  .radio input[type=radio] {
    border-radius: 0.75rem;
  }
  .radio label {
    padding: 1rem;
    padding-left: 3.75rem;
    border-radius: 0.75rem;
    text-align: left;
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .radios.horizontal .radio label {
    padding: 1rem;
    text-align: center;
  }
  .radio label::before {
    left: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem 1.25rem;
  }
  .dropdown-trigger {
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .dropdown-trigger {
    font-size: 1.125rem;
  }
  .dropdown-link {
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .dropdown-link {
    padding: 0.75rem 1rem;
    font-size: 1.125rem;
  }
  .bullet-ref::before {
    margin-top: 0.1875rem;
  }
  .download {
    height: 10.375rem;
    border-radius: 1rem;
  }
  .download.type-1 {
    background-image: url(/img/section/nbp/images/bg-card1-mobile.png);
  }
  .download.type-2 {
    background-image: url(/img/section/nbp/images/bg-card2-mobile.png);
  }
  .download.type-3 {
    background-image: url(/img/section/nbp/images/bg-card3-mobile.png);
  }
  .download.type-4 {
    background-image: url(/img/section/nbp/images/bg-card4-mobile.png);
  }
  .download.type-5 {
    background-image: url(/img/section/nbp/images/bg-card5-mobile.png);
  }
  .download-subject {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .download-subject {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .ul > li {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .ol > li {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .ol > li::before {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .board-util {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2.5rem;
    margin-bottom: 0.75rem;
  }
  .board-link {
    flex-wrap: wrap;
    padding: 2rem 4.25rem 2.0625rem 0.75rem;
  }
  .board.no-file .board-link {
    padding-right: 0.75rem;
  }
  .board-number {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .board-number {
    order: 3;
    width: auto;
    padding-right: 0;
  }
  .board-subject {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .board-subject {
    flex: none;
    order: 1;
    width: 100%;
    margin-bottom: 1rem;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
    word-break: break-all !important;
  }
  .board-badge {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .board-badge {
    order: 2;
  }
  .board-date {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .board-date {
    order: 4;
    position: relative;
    width: auto;
    padding-left: 1rem;
  }
  .board-date::before {
    content: "";
    position: absolute;
    left: 0.53125rem;
    top: 50%;
    width: 1px;
    height: 0.75rem;
    background-color: var(--border-gray-strong);
    transform: translateY(-50%);
  }
  .board-file {
    right: 0.75rem;
  }
  .detail-meta {
    margin-bottom: 1.25rem;
  }
  .detail-category {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .detail-category {
    margin-bottom: 0.75rem;
    padding: 0 0.25rem;
  }
  .detail-subject {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .detail-subject {
    padding: 0 0.25rem;
  }
  .detail-date {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .detail-date {
    margin-top: 3rem;
  }
  .detail-post {
    padding: 2.5rem 0;
  }
  .detail-content {
    padding: 2.5rem 0 2.5rem;
  }
  .detail-files {
    flex-direction: column;
    padding: 2rem 1.5rem;
    gap: 1.25rem;
  }
  .detail-content ~ .detail-files {
    margin-top: 2.5rem;
  }
  .detail-file-title {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .detail-file-list {
    gap: 1rem;
  }
  .detail-file-link {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .detail-nav {
    margin-top: 1.25rem;
  }
  .detail-nav-link {
    gap: 1.5rem;
    padding: 0.75rem 0.25rem 1.4375rem 0;
  }
  .detail-nav-label {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .detail-nav-label {
    gap: 0.375rem;
  }
  .detail-nav-subject {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .result-message {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .message {
    display: block;
  }
  .message-title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .message-title {
    text-align: left;
  }
  .message-desc {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .message-desc {
    text-align: left;
  }
  .message-action {
    text-align: center;
  }
  .videos-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 2rem;
  }
  .videos-trigger {
    gap: 1rem;
    border-radius: 1rem 1rem 0.5rem 0.5rem;
  }
  .videos-thumbnail {
    border-radius: 1rem;
  }
  .videos-subject {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .posters-list {
    gap: 3.5rem 1rem;
  }
  .posters-trigger {
    gap: 1rem;
    border-radius: 1rem;
  }
  .posters-subject {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .greeting {
    height: calc(100vh - 3.5rem + 1px);
  }
  .greeting-slogan span {
    font-weight: 400;
  }
  .greeting-slogan span:nth-child(1) {
    font-size: 2.8125rem;
  }
  :root[lang=en] .greeting-slogan span:nth-child(1) {
    font-size: 2.25rem;
  }
  .greeting-slogan span:nth-child(2) {
    font-size: 3.75rem;
  }
  :root[lang=en] .greeting-slogan span:nth-child(2) {
    font-size: 2.25rem;
  }
  .greeting-message {
    font-size: 1.75rem;
  }
  .greeting-control {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .first-intro {
    padding: 5rem 1.25rem 4rem;
  }
  .first-docs {
    top: 20rem;
    right: 9.0625rem;
    width: 39.1vw;
    height: 26.01vw;
  }
  .first-heading {
    font-size: 6.25rem;
  }
  .first-action {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 6.25rem;
  }
  .first-button {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .first-stories {
    gap: 10.875rem;
    padding-bottom: 15.625rem;
  }
  .first-story {
    padding: 1.5rem 1.25rem 1.25rem;
    border-radius: 1.25rem;
  }
  :root[lang=en] .first-story {
    height: 20rem;
  }
  .first-story::before {
    width: 2.5rem;
    height: 1.25rem;
  }
  .first-story.type-2::before {
    display: block;
  }
  .first-story.type-3::before {
    display: block;
  }
  .first-before {
    flex-grow: 1.2;
  }
  .first-after {
    padding: 5rem 0;
  }
  .first-year {
    top: 0;
    left: 0px;
    padding: 0.25rem 0.75rem;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .first-year {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .first-title {
    top: 3rem;
    left: 1.875rem;
    font-weight: 300;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .first-title {
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .first-keyword {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .first-keyword {
    margin-top: 0.5rem;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .first-desc::before {
    width: 0.25rem;
    height: 0.25rem;
  }
  .first-fixer {
    position: absolute;
    top: calc(100% - 3.125rem);
    bottom: auto;
    width: 16rem;
  }
  :root[lang=en] .first-fixer {
    width: 16rem;
  }
  .now-frame {
    padding: 1.5rem;
  }
  .now-step {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .now-step {
    margin-bottom: 2rem;
  }
  .now-title {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .now-value {
    margin-top: 0;
    padding: 0 1.25rem;
  }
  .now-value-step {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .now-value-heading {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .now-value-list {
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    max-width: 20rem;
    margin: 0 auto;
  }
  .now-value-card {
    box-shadow: none;
  }
  .now-value-card.type-1 {
    background-image: url(/img/section/nbp/images/ma-0000-now-value1-mobile.png);
  }
  .now-value-card.type-2 {
    background-image: url(/img/section/nbp/images/ma-0000-now-value2-mobile.png);
  }
  .now-value-card.type-3 {
    background-image: url(/img/section/nbp/images/ma-0000-now-value3-mobile.png);
  }
  .now-value-text {
    padding: 1.5rem;
  }
  .now-value-title {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .now-value-title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .now-value-desc {
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .now-value-desc {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .latest {
    margin-top: 10rem;
    padding: 0 1.25rem;
  }
  .latest-heading {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .latest-heading {
    margin-bottom: 2rem;
    padding: 0 0.75rem;
  }
  .latest-link {
    gap: 0.75rem;
    padding: 2.5rem 0.625rem 2.5rem 1.25rem;
  }
  .latest-link:hover {
    padding-right: 0.625rem;
    padding-left: 1.25rem;
  }
  .latest-link:focus-visible {
    padding-right: 0.625rem;
    padding-left: 1.25rem;
  }
  .latest-category {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .latest-title-text {
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .latest-date {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .tomorrow {
    margin-top: 6rem;
    padding: 2.125rem 1.25rem 5rem;
  }
  :root[lang=en] .tomorrow {
    margin-top: 5rem;
  }
  .tomorrow-glow.type-1 {
    left: 50%;
    width: 15.625rem;
    height: 15.625rem;
    margin-top: -12.5rem;
    margin-left: -7.8125rem;
    filter: blur(4.8125rem);
  }
  .tomorrow-glow.type-2 {
    opacity: 0.4;
    right: auto;
    bottom: 25rem;
    left: 50%;
    width: 18.75rem;
    height: 18.75rem;
    margin-top: -9.375rem;
    margin-left: -9.375rem;
    filter: blur(4.8125rem);
    animation: big-glow 10s ease-in-out infinite reverse;
  }
  .tomorrow-heading {
    position: static;
    margin-bottom: 10rem;
    font-size: 6.25rem;
  }
  .tomorrow-message {
    margin-bottom: 5rem;
    font-weight: 600;
    font-size: 2.125rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .tomorrow-message {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .tomorrow-list {
    margin-left: 0;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 25rem;
    margin: 0 auto;
  }
  .tomorrow-item {
    width: 100%;
    height: auto;
    padding-bottom: 66%;
  }
  .tomorrow-link {
    left: 50%;
    transform: translateX(-50%);
  }
  .tomorrow-title {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .tomorrow-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .tomorrow-title::after {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem 1.5rem;
  }
  .tomorrow-desc {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .tomorrow-desc {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .recruit {
    margin-top: 7.5rem;
  }
  .recruit-category {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .recruit-heading {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .recruit-action {
    margin-top: 1.5rem;
  }
  .recruit-link {
    padding: 0.5rem 1.25rem;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .recruit-link::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem 1rem;
  }
  .ceo-title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .ceo-title {
    margin-bottom: 2rem;
  }
  .ceo-content {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .ceo-content {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .ceo-signature {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .ceo-signature {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .ceo-signature {
    margin-top: 4rem;
    height: 2.8125rem;
    background-position: 6.25rem 0;
    background-size: auto 2.8125rem;
  }
  :root[lang=en] .ceo-signature {
    background-position: 7.1875rem 0;
  }
  .ceo-career {
    margin-top: 5rem;
    padding: 2.5rem 2rem 3rem;
  }
  .ceo-key {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .ceo-value {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .leadership.type-b {
    padding-bottom: 109.48%;
  }
  .leadership.type-c {
    padding-bottom: 109.48%;
  }
  .leadership.type-d {
    padding-bottom: 109.48%;
  }
  .leadership-info {
    gap: 0;
    padding: 1.25rem;
  }
  .leadership-name {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .leadership.represent .leadership-name {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .leadership-desc {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .leadership.type-a .leadership-desc {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .leadership-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .leadership-grid [class*=leadership-col-] {
    grid-column: auto;
  }
  .core-value-list {
    flex-direction: column;
    gap: 4rem;
    width: 100%;
    max-width: 20rem;
    margin: 0 auto;
  }
  .core-value-item {
    gap: 1.5rem;
  }
  .core-value-item + .core-value-item .core-value::before {
    display: none;
  }
  .core-value-message {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .core-value-message {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .ci-frame {
    border-radius: 1rem;
  }
  .ci-frame.type-1 {
    padding: 2.5rem 0 3rem;
  }
  .ci-frame.type-1 img {
    height: 8.75rem;
  }
  .ci-frame.type-2 {
    flex-direction: column;
    padding: 2rem 1.25rem 5rem;
  }
  .ci-frame.type-2 .ci-frame-inner:nth-child(2)::before {
    width: 100%;
    height: 0;
    margin-left: 0;
    margin-top: -4rem;
    border-top: 1px dashed var(--border-dark50);
    border-left: 0;
  }
  .ci-frame.type-3 {
    padding: 2rem 1.5rem;
  }
  .ci-frame.type-3 .ci-frame-inner {
    height: 11.125rem;
  }
  .ci-frame.type-3 .type-kr {
    height: 3.125rem;
  }
  .ci-frame.type-3 .type-en {
    height: 2rem;
  }
  .ci-frame.type-3 .type-kr-x {
    height: 2.875rem;
  }
  .ci-frame.type-3 .type-kr-y {
    height: 6.75rem;
  }
  .ci-frame.type-3 .type-en-x {
    height: 2.8125rem;
  }
  .ci-frame.type-3 .type-en-y {
    height: 6.125rem;
  }
  .ci-frame.type-4 {
    padding: 5rem 0;
  }
  .ci-frame.type-4 img {
    height: 3.875rem;
  }
  .latest-card {
    display: none;
  }
  .latest-card-list {
    flex-direction: column;
    gap: 0.5rem;
  }
  .latest-card-frame {
    height: 11rem;
    padding: 1.25rem;
    border-radius: 1rem;
  }
  .latest-card-subject {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .latest-card-date {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .latest-card-file {
    right: 1.25rem;
    bottom: 1.25rem;
  }
  .audit-card {
    display: none;
  }
  .audit-card-list {
    flex-direction: column;
    gap: 0.5rem;
  }
  .audit-card-frame {
    height: 11rem;
    padding: 1.25rem;
    border-radius: 1rem;
  }
  .audit-card-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .audit-card-period {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .audit-card-key {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .audit-card-value {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .domestic-rating {
    margin-bottom: 7.5rem;
  }
  .domestic-rating-list {
    flex-direction: column;
    gap: 0.5rem;
  }
  .domestic-rating-frame {
    min-height: 7.5rem;
    padding: 1.25rem;
    border-radius: 1rem;
    transition: none;
  }
  .domestic-rating-item:nth-child(1) .domestic-rating-frame::before {
    width: 11rem;
    height: 11rem;
  }
  .domestic-rating-item:nth-child(2) .domestic-rating-frame::before {
    width: 11rem;
    height: 11rem;
  }
  .domestic-rating-item:nth-child(3) .domestic-rating-frame::before {
    width: 11rem;
    height: 11rem;
  }
  .domestic-rating-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .domestic-rating-result {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .domestic-rating-action {
    position: static;
    margin-top: 1.5rem;
  }
  .international-rating {
    margin-bottom: 7.5rem;
  }
  .international-rating-list {
    flex-direction: column;
    gap: 0.5rem;
  }
  .international-rating-frame {
    min-height: 11rem;
    padding: 1.25rem;
    border-radius: 1rem;
    transition: none;
  }
  .international-rating-item:nth-child(1) .international-rating-frame::before {
    width: 16.25rem;
    height: 16.25rem;
  }
  .international-rating-item:nth-child(2) .international-rating-frame::before {
    width: 16.25rem;
    height: 16.25rem;
  }
  .international-rating-item:nth-child(3) .international-rating-frame::before {
    width: 16.25rem;
    height: 16.25rem;
  }
  .international-rating-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .international-rating-results {
    gap: 1rem;
  }
  .international-rating-key {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .international-rating-value {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .international-rating-action {
    position: static;
    margin-top: 1.5rem;
  }
  .video-highlight {
    display: none;
    flex-direction: column;
    margin-bottom: 2.5rem;
    border-radius: 1rem;
  }
  .video-highlight-trigger {
    border-radius: 1rem;
  }
  .video-highlight-thumbnail {
    border-radius: 1rem;
  }
  .video-highlight-info {
    width: auto;
    padding: 1.5rem;
  }
  .video-highlight-title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .video-highlight-subject {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .video-highlight-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .poster-highlight-title {
    position: static;
    transform: translateX(0);
    padding-left: 1.25rem;
  }
  .poster-highlight-slider {
    padding-top: 6.0625rem;
    padding-bottom: 0;
  }
  .poster-highlight-slider .swiper-controller {
    justify-content: center;
    width: auto;
    margin-top: 3.75rem;
  }
  .poster-highlight-slider .swiper-button-prev {
    display: none;
  }
  .poster-highlight-slider .swiper-button-next {
    display: none;
  }
  .poster-highlight-trigger {
    height: 46vw;
    border-radius: 1rem;
  }
  .histories {
    overflow: hidden;
    padding: 8.75rem 1.25rem 0;
  }
  .histories::before {
    top: 2.0625rem;
    left: 1.25rem;
  }
  .histories.init::before {
    opacity: 1;
  }
  .history {
    scroll-margin-top: 4.75rem;
  }
  .history {
    padding: 0;
  }
  .history-age {
    position: static;
    margin-bottom: 0;
    padding-left: 1rem;
  }
  .history:last-child .history-age {
    margin-bottom: 0;
  }
  .history.init .history-age {
    opacity: 1;
  }
  .history-heading {
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .history-desc {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .history-count {
    display: none;
  }
  .history-count.init .history-numbers {
    transform: scale(1);
  }
  .history-title {
    left: 1.25rem;
    transform: translateX(0);
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .histories.init .history-title {
    opacity: 1;
  }
  .history-nav {
    padding: 0 1.25rem;
  }
  .history-list {
    width: 150vw;
  }
  .history-anchor {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .history-anchor {
    gap: 0.75rem;
    height: 4.375rem;
    padding: 0 1.25rem;
    white-space: nowrap;
  }
  .history-anchor::before {
    width: 0.625rem;
    height: 0.625rem;
    background-size: 0.625rem 0.625rem;
  }
  .history-group {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
    box-shadow: none;
  }
  .history-group.init {
    transform: scale(1);
  }
  .history-group + .history-group {
    margin-top: 5rem;
  }
  .history-group:first-child {
    margin-top: 0 !important;
  }
  .history-group:last-child {
    margin-bottom: 20rem;
  }
  .history:last-child .history-group:last-child {
    margin-bottom: 0;
  }
  .history-year {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .history-group.init .history-year {
    transform: translateX(3.125rem);
  }
  .history-datas {
    padding-left: 1rem;
  }
  .history-group.init .history-datas {
    transform: translateX(3.125rem);
  }
  .history-data {
    gap: 0;
  }
  .history-date {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .history-value {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .awards {
    overflow: hidden;
    padding: 8.75rem 1.25rem 0;
  }
  .awards::before {
    top: 2.0625rem;
    left: 1.25rem;
  }
  .awards.init::before {
    opacity: 1;
  }
  .award {
    padding: 0;
  }
  .award + .award {
    margin-top: 20rem;
  }
  .award-heading {
    margin-top: 0;
    margin-bottom: 5rem;
    padding-left: 1rem;
    font-size: 3.125rem;
    text-align: left;
  }
  .award-desc {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .award-title {
    left: 1.25rem;
    transform: translateX(0);
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .awards.init .award-title {
    opacity: 1;
  }
  .award-nav {
    padding: 0 1.25rem;
  }
  .award-anchor {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .award-anchor {
    gap: 0.75rem;
    height: 4.375rem;
    padding: 0 1.25rem;
    white-space: nowrap;
  }
  .award-anchor::before {
    width: 0.625rem;
    height: 0.625rem;
    background-size: 0.625rem 0.625rem;
  }
  .award-group {
    margin-left: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
    box-shadow: none;
  }
  .award-group.init {
    transform: scaleX(1);
  }
  .award-group + .award-group {
    margin-top: 5rem;
  }
  .award-year {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .award-year {
    text-align: right;
  }
  .award-datas {
    padding-left: 1rem;
  }
  .award-data {
    gap: 0;
  }
  .award-date {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .award-value {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .esg-card {
    height: 24.25rem;
  }
  .esg-card-title {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .esg-card-desc {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .report-highlight {
    flex-direction: column;
    gap: 2.5rem;
    padding: 1.5rem 1.5rem 2.5rem;
    border-radius: 2rem;
    transition: none;
  }
  .report-highlight.type-1 {
    background-image: var(--card1-grad-d);
  }
  .report-highlight.type-2 {
    background-image: var(--card3-grad-d);
  }
  .report-highlight.type-3 {
    background-image: var(--card2-grad-d);
  }
  .report-highlight.type-4 {
    background-image: none;
    background-color: var(--card4-solid);
  }
  .report-highlight {
    border-radius: 2rem;
  }
  .report-highlight-meta {
    order: 2;
    width: auto;
    padding: 0 0.5rem;
  }
  .report-highlight-image {
    order: 1;
  }
  .report-highlight-title {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .report-highlight-name {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .report-highlight-name {
    margin-top: 0.375rem;
  }
  .report-highlight-desc {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .report-highlight-desc {
    margin-top: 2rem;
  }
  .report-highlight-ref {
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .report-highlight-ref {
    margin-top: 1.5rem;
  }
  .report-highlight-action {
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 3rem;
  }
  .report {
    border-radius: 1rem;
  }
  .report-meta {
    padding: 2rem;
    padding-bottom: 2.5rem;
  }
  .report-year {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .report-year {
    margin-bottom: 0.375rem;
  }
  .report-title {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .report-action {
    margin-top: 1.5rem;
  }
  .activity-list {
    gap: 0.75rem;
  }
  .activity {
    padding: 3rem 2rem 4rem;
    border-radius: 1rem;
    text-align: center;
  }
  .activity::before {
    display: block;
    position: static;
    margin: 0 auto 1.25rem;
    transform: translateY(0);
  }
  .activity-title {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .activity-desc {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .activity-desc {
    margin-top: 1rem;
  }
  .fund-operations {
    flex-direction: row;
    align-items: flex-end;
    padding: 1.5rem;
    padding-bottom: 3rem;
    border-radius: 1rem;
  }
  .fund-operations + .fund-operations {
    margin-top: 0.75rem;
  }
  .fund-operations::after {
    order: 2;
  }
  .fund-operations-info {
    order: 1;
    width: 100%;
  }
  .fund-operations-title {
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .fund-operations-title {
    margin-bottom: 2rem;
  }
  .fund-operations-list {
    gap: 2rem;
  }
  .fund-operations-item {
    flex-direction: column;
    gap: 0.5rem;
  }
  .fund-operations-key {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .fund-operations-value {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .stacks {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .stack-frame {
    position: static;
    height: auto;
  }
  .stack-nav-frame {
    height: auto;
  }
  .stack-navs {
    display: none;
  }
  .stack-anchor {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .stack-nav.active .stack-anchor {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .stack {
    overflow: hidden;
    position: relative;
    height: 26.625rem;
    padding: 0;
    border-radius: 1rem;
    box-shadow: none;
  }
  .stack::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .stack-card {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 20rem;
  }
  :root[lang=en] .stack-card {
    max-width: 24.375rem;
  }
  .stack-card::before {
    display: none;
  }
  .stack-card::after {
    display: none;
  }
  .stack-category {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .stack-category {
    padding: 2.5rem 1.5rem 1rem;
    background-color: transparent;
    color: var(--text-white);
  }
  .stack-frame:nth-child(1) .stack-category::before {
    background-image: url(/img/section/nbp/icons/icon-e-white.svg);
  }
  .stack-frame:nth-child(2) .stack-category::before {
    background-image: url(/img/section/nbp/icons/icon-s-white.svg);
  }
  .stack-frame:nth-child(3) .stack-category::before {
    background-image: url(/img/section/nbp/icons/icon-g-white.svg);
  }
  .stack-title {
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .stack-title {
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .stack-title {
    padding-bottom: 0;
    background-color: transparent;
    color: var(--text-white);
  }
  .stack-list {
    padding-top: 0;
    background-color: transparent;
  }
  .stack-item {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  :root[lang=en] .stack-item {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .stack-item {
    color: var(--text-white);
  }
  .stack-item::before {
    background-color: var(--background-white);
  }
  .circle-frame .scroll-x {
    text-align: center;
  }
  .circle-1 {
    width: 12.5rem;
    height: 12.5rem;
    border-raidus: 6.25rem;
  }
  .circle-2 {
    gap: 2rem;
    width: 30rem;
    height: 15rem;
    border-raidus: 7.5rem;
  }
  .circle-3 {
    gap: 2rem;
    width: 50.75rem;
    height: 18.75rem;
    margin-left: 0;
    border-radius: 9.375rem;
  }
  .definition-frame {
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin: 0 -1.25rem;
  }
  .definitions {
    display: block;
  }
  .definition {
    display: block;
    width: 31.25rem;
    height: 31.25rem;
    max-width: 100%;
    padding-bottom: 0;
  }
  .definition + .definition {
    margin-top: 7.75rem;
  }
  .definition::after {
    width: 31.25rem;
    height: 31.25rem;
  }
  :root[lang=en] .definition::after {
    width: 31.25rem;
    height: 31.25rem;
  }
  .definition-icon {
    margin-bottom: 2rem;
  }
  .definition:nth-child(1) .definition-icon {
    background-position: 50% 50%;
    background-size: 4rem;
  }
  .definition:nth-child(2) .definition-icon {
    background-position: 50% 50%;
    background-size: 4rem;
  }
  .definition-title {
    margin-bottom: 1.25rem;
    text-align: center;
    font-weight: 600;
    font-size: 2.125rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .definition-desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .program-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  .program-item {
    padding: 3.5rem 0;
  }
  .program-item:nth-child(1) {
    border-right: 0;
  }
  .program-item:nth-child(3) {
    border-right: 0;
    border-bottom: 1px solid var(--border-dark50);
  }
  .program-item:nth-child(4) {
    border-bottom: 1px solid var(--border-dark50);
  }
  .program-card {
    max-width: 100%;
  }
  .program-number {
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .program-title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .program-desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .two-chairs {
    height: auto;
    margin: 0 -1.25rem;
  }
  .two-chairs-frame {
    height: auto;
    padding: 0 1.25rem;
  }
  .two-chairs-glow.type-1 {
    filter: blur(4.8125rem);
  }
  .two-chairs-glow.type-2 {
    width: 15.625rem;
    height: 15.625rem;
    margin-right: -7.8125rem;
    margin-bottom: -7.8125rem;
    filter: blur(4.8125rem);
  }
  .two-chairs-align {
    padding: 5rem 0 7.5rem;
  }
  .two-chairs-meta {
    position: static;
  }
  .two-chairs-heading {
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .two-chairs-heading {
    padding: 0 0.25rem;
  }
  .two-chairs-slogan {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .two-chairs-slogan {
    margin-top: 1rem;
    padding: 0 0.25rem;
  }
  .two-chairs-list {
    width: 100%;
    max-width: 24.375rem;
    margin: 5rem auto 0;
    white-space: normal;
  }
  .two-chairs-item {
    display: block;
    padding-top: 4rem;
    width: 100%;
  }
  .two-chairs-item + .two-chairs-item {
    margin-top: 1.5rem;
    margin-left: 0;
  }
  .two-chairs-item:nth-child(4) {
    margin-top: 5.5rem;
    margin-left: 0;
  }
  .two-chairs-word {
    font-size: 6rem;
    text-align: left;
  }
  .two-chairs-card {
    padding: 1rem 1.25rem 1.5rem 6.5rem;
    border-radius: 1rem;
    text-align: left;
  }
  .two-chairs-card:before {
    border-radius: 1rem;
  }
  .two-chairs-icon {
    position: absolute;
    top: 1rem;
    left: 0.75rem;
    width: 5rem;
    height: 5rem;
    margin: 0;
    transform: translateY(0);
  }
  .two-chairs-title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .two-chairs-desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .two-chairs-desc {
    margin-top: 0.75rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .criteria-image {
    margin-bottom: 3rem;
    border-radius: 1rem;
  }
  .criteria-icon {
    margin-bottom: 1rem;
  }
  .criteria-title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .criteria-desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .criteria-desc {
    margin-top: 1rem;
  }
  .criteria-list {
    margin-top: 1rem;
  }
  .criteria-item {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .criteria-item::before {
    top: 0.5625rem;
  }
  .fallback-icon {
    width: 7.5rem;
    height: 7.5rem;
    margin-bottom: 1rem;
  }
  .fallback-title {
    font-weight: 500;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }
  .fallback-desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .fallback-desc {
    margin-top: 1rem;
  }
  .fallback-info {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
  }
  :root[lang=en] .fallback-number {
    flex-direction: column;
    gap: 0.25rem;
  }
  .fallback-number-key {
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .fallback-number-value {
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .fallback-links {
    gap: 0.75rem;
    margin-left: 0;
    padding-left: 0;
  }
  .fallback-links::before {
    display: none;
  }
  .fallback-link {
    font-weight: 700;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .fallback-action {
    margin-top: 3rem;
  }
  .ma-0000 .contents {
    padding-bottom: 0;
  }
  :root[lang=en] .ma-0000 .contents {
    padding-bottom: 7.5rem;
  }
  .ma-0000 .anti-money {
    padding: 0 1.25rem;
  }
  .ba-1000 .hero-single {
    justify-content: flex-end;
  }
  .ba-1000 .hero-title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .ba-1100 .image {
    max-width: 24.375rem;
    margin: 0 auto;
  }
  .ba-1101 .section1 .grid .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  .ba-1101 .section1 .grid .grid [class*=col-] {
    grid-column: auto;
  }
  .ba-1200 .slogan-image {
    padding: 4rem 0;
  }
  .ba-1200 .slogan-image img {
    height: 4rem;
  }
  .ba-1401 .hero.type-single .hero-sticky {
    height: auto;
  }
  .ba-1401 .hero.type-single .hero-frame {
    padding-top: 25.4375rem;
    padding-bottom: 2.5rem;
  }
  .ba-1401 .character-info {
    padding: 0 0.25rem;
  }
  .ba-1401 .character-name img {
    height: 2.5rem;
  }
  .ba-1401 .character-illust {
    padding: 0;
  }
  .ba-1401 .character-illust img {
    max-width: 24.375rem;
    margin: 0 auto;
  }
  .em-2000 .vertical-image {
    width: 100%;
    max-width: 24.375rem;
    margin: 2.75rem auto 0;
  }
  .em-2300 .hero.type-single .hero-sticky {
    height: 44.75rem;
  }
  .em-2300 .hero-desc {
    margin-top: 3rem;
  }
  .pr-4200 .dropdown {
    width: auto;
  }
  .pr-4200 .filter-section {
    gap: 7.5rem;
  }
  .pr-4202 .dropdown {
    width: auto;
  }
  .pr-4202 .filter-section {
    gap: 7.5rem;
  }
  :root[lang=en] .es-5000 .hero-single {
    justify-content: flex-start;
    padding-top: 6.5rem;
  }
  .es-5000 .contents {
    padding-right: 1.25rem;
  }
  .es-5000 .section:nth-child(1) .flex {
    max-width: 24.375rem;
    margin: 0 auto;
  }
  .es-5000 .section:nth-child(3) .flex {
    max-width: 24.375rem;
    margin: 0 auto;
  }
  .es-5001 .group-logo {
    height: 2rem;
  }
  :root[lang=en] .es-5001 .group-logo {
    height: 1.375rem;
  }
  .es-5002 .section:nth-child(1) .image-meta {
    top: 2rem;
    right: 2rem;
    left: 2rem;
  }
  .es-5002 .section:nth-child(1) .image-unit {
    position: static;
    margin-top: 1rem;
  }
  .es-5002 .section:nth-child(1) img {
    height: 65.9375rem;
  }
  .es-5002 .section:nth-child(2) .image-meta {
    top: 2rem;
    right: 2rem;
    left: 2rem;
  }
  .es-5002 .section:nth-child(2) .image-title {
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .es-5002 .section:nth-child(2) img {
    height: 59.8125rem;
  }
  .es-5003 .section:nth-child(1) img {
    width: 100%;
    max-width: 24.375rem;
  }
  .es-5004 .section:nth-child(2) .image-frame:nth-of-type(1) img {
    width: 100%;
    max-width: 24.375rem;
  }
  .es-5004 .section:nth-child(2) .image-frame:nth-of-type(2) .image-meta {
    width: 100%;
    text-align: center;
  }
  .es-5004 .section:nth-child(2) .image-frame:nth-of-type(2) .image-title {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .es-5004 .section:nth-child(2) .image-frame:nth-of-type(2) img {
    width: 100%;
    max-width: 24.375rem;
  }
  .es-5100 .col-4 h3 {
    flex-direction: column;
    gap: 1.5rem;
  }
  .es-5100 .col-4 p {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .es-5100 .step-box {
    margin-left: -0.25rem;
  }
  .es-5100 .plan {
    flex-direction: column;
    gap: 2.5rem;
  }
  .es-5100 .plan + .plan {
    padding-top: 4rem 0;
  }
  .es-5100 .plan-title {
    margin-bottom: 0.75rem;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .es-5100 .plan-desc {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .es-5100 .plan-action {
    display: none;
    gap: 0.5rem;
    margin-top: 2rem;
  }
  .es-5100 .plan-list {
    gap: 2rem;
    margin-top: 2.5rem;
  }
  .es-5100 .plan-item {
    gap: 1.25rem;
  }
  .es-5100 .plan-key {
    font-weight: 600;
    font-size: 1.0625rem;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .es-5100 .plan-value {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .es-5100 .bullet-ref {
    margin-top: 1.25rem;
  }
  .es-5100 .plan-info {
    order: 2;
  }
  .es-5100 .plan-image {
    order: 1;
    width: auto;
    border-radius: 0 1rem 1rem 1rem;
    transition: none;
  }
  .es-5202 .report-image img {
    border-radius: 0 0 1rem 1rem;
  }
  .et-9000 .contents {
    padding-top: 5rem;
  }
  .status .scroll-x + .scroll-x {
    margin-top: 5rem;
  }
  .status-navs {
    display: none;
  }
  .status-anchor {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .status-list th[scope=col] {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .status-list th[scope=col] {
    padding: 1.3125rem 1.25rem 1.25rem;
  }
  .status-list th[scope=row] {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .status-list th[scope=row] {
    padding: 1.25rem;
  }
  .status-list td {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .status-list td {
    padding: 1.25rem;
  }
  .status-title.d1 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .status-title.d2 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .status-title.d3 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .status-id {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .status-preview {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .status-value {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .preview {
    flex-direction: column;
  }
  .breakpoint-info {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .breakpoint-range {
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .breakpoint-mobile {
    font-size: 1rem !important;
  }
  .breakpoint-pc {
    font-size: 1rem !important;
  }
  .ex {
    margin: 1rem 0;
    border-radius: 0.75rem;
  }
  .color-key {
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .color-value {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .color-value.small {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .typo-info {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .typo-info.small {
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .rem-key {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
  .rem-value {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 600px){
  .intro {
    min-height: 0;
    padding: 5rem 2rem;
  }
  .intro.type-book::after {
    width: 16.25rem;
    height: 16.25rem;
    background-size: 16.25rem 16.25rem;
    right: -5rem;
    opacity: 0.4;
  }
  .intro.type-docs::after {
    width: 16.25rem;
    height: 16.25rem;
    background-size: 16.25rem 16.25rem;
    right: -5rem;
    opacity: 0.4;
  }
  .intro.type-architecture::after {
    width: 16.25rem;
    height: 16.25rem;
    background-size: 16.25rem 16.25rem;
    right: -5rem;
    opacity: 0.4;
  }
  .intro-message {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .intro-message {
    font-weight: 500;
    font-size: 1.75rem;
    line-height: 1.35;
    letter-spacing: -0.02em;
  }
  .videos-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }
  .posters-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .first-docs {
    visibility: 0;
    opacity: 0;
  }
  .first-heading {
    font-size: 4rem;
  }
  .first-story {
    flex-direction: column;
    height: auto;
    padding-bottom: 4.625rem;
  }
  :root[lang=en] .first-story {
    height: 30.75rem;
  }
  .first-before {
    display: block;
  }
  .first-after {
    display: block;
    margin-top: 6.25rem;
    padding: 0;
  }
  .first-year {
    position: static;
    margin-bottom: 0.75rem;
  }
  .first-title {
    position: static;
    padding-left: 0.5rem;
  }
  .first-desc {
    width: auto;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .first-desc {
    width: auto;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .now-heading {
    font-size: 4rem;
  }
  .now-frame {
    margin: 0 auto;
    background-image: url(/img/section/nbp/images/ma-0000-now-mobile.jpg);
  }
  .latest-title {
    flex-direction: column;
    gap: 0.75rem;
  }
  .latest-title-text {
    flex: 1;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
  }
  .tomorrow-heading {
    font-size: 4rem;
  }
  .tomorrow-message {
    text-align: left;
  }
  .tomorrow-list {
    max-width: 100%;
  }
  .tomorrow-item {
    padding-bottom: 76%;
  }
  .tomorrow-title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  :root[lang=en] .tomorrow-title {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
  .leadership-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .leadership-grid [class*=leadership-col-] {
    grid-column: auto;
  }
  .poster-highlight-trigger {
    height: 68.8vw;
  }
  .award-nav .scroll-x-track {
    width: auto;
  }
  .award-list {
    width: 150vw;
  }
  .fund-operations {
    flex-direction: column;
    align-items: flex-start;
  }
  .fund-operations::after {
    order: 1;
  }
  .fund-operations-info {
    order: 2;
  }
  .stack::before {
    display: none;
  }
  .stack.type-e {
    background-image: url(/img/section/nbp/images/es-5000-environment-mobile.jpg);
  }
  .stack.type-s {
    background-image: url(/img/section/nbp/images/es-5000-social-mobile.jpg);
  }
  .stack.type-g {
    background-image: url(/img/section/nbp/images/es-5000-governance-mobile.jpg);
  }
  .ba-1100 .hero-frame {
    background-image: url(/img/section/nbp/images/ba-1100-hero-mobile.jpg);
  }
  .ba-1101 .hero-frame {
    background-image: url(/img/section/nbp/images/ba-1101-hero-mobile.jpg);
  }
  .ba-1101 .section1 .grid .grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
  .ba-1101 .section1 .grid .grid [class*=col-] {
    grid-column: auto;
  }
  .ba-1200 .hero-frame {
    background-image: url(/img/section/nbp/images/ba-1200-hero-mobile.jpg);
  }
  .ba-1300 .hero-frame {
    background-image: url(/img/section/nbp/images/ba-1300-hero-mobile.jpg);
  }
  .ba-1301 .hero-frame {
    background-image: url(/img/section/nbp/images/ba-1301-hero-mobile.jpg);
  }
  .ba-1401 .hero-frame {
    background-image: url(/img/section/nbp/images/ba-1401-hero-mobile.jpg);
  }
  .em-2000 .hero-frame {
    background-image: url(/img/section/nbp/images/em-2000-hero-mobile.jpg);
  }
  .em-2000 .vertical-image {
    width: auto;
    max-width: none;
    margin: 2.75rem -1.25rem 0;
  }
  .em-2300 .hero-frame {
    background-image: url(/img/section/nbp/images/em-2300-hero-mobile.jpg);
  }
  :root[lang=en] .es-5000 .hero-sticky {
    height: 44.75rem;
  }
  .es-5000 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5000-hero-mobile.jpg);
  }
  .es-5002 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5002-hero-mobile.jpg);
  }
  .es-5003 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5003-hero-mobile.jpg);
  }
  .es-5004 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5004-hero-mobile.jpg);
  }
  .es-5004 .section:nth-child(2) .image-frame:nth-of-type(2) .image-meta {
    top: 1.875rem;
  }
  .es-5100 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5100-hero-mobile.jpg);
  }
  .es-5101 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5101-hero-mobile.jpg);
  }
  .es-5103 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5103-hero-mobile.jpg);
  }
  .es-5300 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5300-hero-mobile.jpg);
  }
  .es-5301 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5301-hero-mobile.jpg);
  }
  .es-5302 .hero-frame {
    background-image: url(/img/section/nbp/images/es-5302-hero-mobile.jpg);
  }
  .re-6100 .hero-frame {
    background-image: url(/img/section/nbp/images/re-6100-hero-mobile.jpg);
  }
}

@media screen and (max-width: 500px){
  .ba-1000 .hero-frame {
    background-image: url(/img/section/nbp/images/ba-1000-hero-mobile.jpg);
  }
}

@media screen and (max-width: 359px){
  .pagination-page + .pagination-page {
    margin-left: 0;
  }
  .pagination-prev {
    margin-right: 0;
  }
  .pagination-next {
    margin-left: 0;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1376px){
  .header:not(.active) .header-frame {
    height: 6.875rem !important;
    box-shadow: none !important;
  }
  .header-nav {
    display: none;
  }
  .header.active .header-nav {
    display: block;
  }
}

@media screen and (min-width: 1024px){
  .pc\:block {
    display: block !important;
  }
  .pc\:none {
    display: none !important;
  }
  .pc\:flex {
    display: flex !important;
  }
  .pc\:inline-flex {
    display: inline-flex !important;
  }
  .pc\:flex-column {
    flex-direction: column !important;
  }
  .pc\:flex-row {
    flex-direction: row !important;
  }
  .pc\:justify-start {
    justify-content: flex-start !important;
  }
  .pc\:justify-center {
    justify-content: center !important;
  }
  .pc\:justify-end {
    justify-content: flex-end !important;
  }
  .pc\:justify-between {
    justify-content: space-between !important;
  }
  .pc\:align-start {
    align-items: flex-start !important;
  }
  .pc\:align-center {
    align-items: center !important;
  }
  .pc\:align-end {
    align-items: flex-end !important;
  }
  .pc\:uppercase {
    text-transform: uppercase !important;
  }
  .pc\:lowercase {
    text-transform: lowercase !important;
  }
  .pc\:regular {
    font-weight: 400 !important;
  }
  .pc\:medium {
    font-weight: 500 !important;
  }
  .pc\:semi-bold {
    font-weight: 600 !important;
  }
  .pc\:bold {
    font-weight: 700 !important;
  }
  .pc\:left {
    text-align: left !important;
  }
  .pc\:center {
    text-align: center !important;
  }
  .pc\:right {
    text-align: right !important;
  }
  .latest-link:hover {
    padding-right: 2rem;
    padding-left: 2rem;
    outline: none;
    background-color: var(--primary-default);
  }
  .latest-link:hover .latest-category {
    color: var(--text-white);
  }
  .latest-link:hover .latest-title-text {
    color: var(--text-white);
  }
  .latest-link:hover .latest-date {
    color: var(--text-white);
  }
}

@media screen and (min-width: 1921px){
  .awards::before {
    left: 38.8%;
  }
  .award-title {
    left: 38.8%;
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media print{
  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
  }
  html {
    font-size: 50%;
  }
  .skip,
  .header,
  .footer,
  .top,
  .hero {
    display: none !important;
  }
  .page-align {
    padding-top: 6.25rem;
  }
  .contents {
    padding-top: 6.25rem;
  }
  .history-nav,
  .history-count {
    display: none;
  }
  .history-group {
    background-color: rgba(255, 255, 255, 0.9) !important;
  }
  .history-group:first-child {
    margin-top: 0;
  }
  .history-group:last-child {
    margin-bottom: 0;
  }
  .history-year,
  .history-datas {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}