@charset "utf-8";

/* font */
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url(../fonts/Pretendard-Black.subset.woff2) format("woff2"), url(../fonts/Pretendard-Black.subset.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url(../fonts/Pretendard-ExtraBold.subset.woff2) format("woff2"), url(../fonts/Pretendard-ExtraBold.subset.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url(../fonts/Pretendard-Bold.subset.woff2) format("woff2"), url(../fonts/Pretendard-Bold.subset.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url(../fonts/Pretendard-SemiBold.subset.woff2) format("woff2"), url(../fonts/Pretendard-SemiBold.subset.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url(../fonts/Pretendard-Medium.subset.woff2) format("woff2"), url(../fonts/Pretendard-Medium.subset.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url(../fonts/Pretendard-Regular.subset.woff2) format("woff2"), url(../fonts/Pretendard-Regular.subset.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url(../fonts/Pretendard-Light.subset.woff2) format("woff2"), url(../fonts/Pretendard-Light.subset.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url(../fonts/Pretendard-ExtraLight.subset.woff2) format("woff2"), url(../fonts/Pretendard-ExtraLight.subset.woff) format("woff");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url(../fonts/Pretendard-Thin.subset.woff2) format("woff2"), url(../fonts/Pretendard-Thin.subset.woff) format("woff");
}

@font-face {
  font-family: "yg-jalnan";
  font-weight: normal;
  font-display: swap;
  src: local("yg-jalnan"), url(../fonts/JalnanOTF00.woff) format("woff");
}

/* common */
html {
  font-size: 9px;
}

body {
  background: #F1F1F1;
}

.sr--only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  border: 0;
  clip: rect(0 0 0 0);
}

.text--block {
  display: block;
}

.text--flex {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.text--small {
  font-size: .8em;
  letter-spacing: -.1rem !important;
  color: inherit;
}

.text--important {
  font-weight: 600;
}

.text--important * {
  font-weight: 600;
}

.text--reset-spacing {
  letter-spacing: 0 !important;
}

.brochure__ico--info::before {
  content: '';
  background: #FFF url(../images/ico_info.svg) no-repeat 50%;
  background-size: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
}

.brochure__wrap {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.brochure__swiper * {
  font-family: 'Pretendard', sans-serif;
  line-height: 1.3;
  box-sizing: border-box;
  letter-spacing: -.15rem;
  word-break: keep-all;
}

.swiper-slide {
  background: #FFF;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
}

.swiper-button-next,
.swiper-button-prev {
  position: fixed;
  width: 4.875rem;
  height: 4.875rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, .2);
  color: #FFF;
  transition: .2s linear;
}

.swiper-button-next {
  right: -1.25rem;
}

.swiper-button-prev {
  left: -1.25rem;
}

.swiper-button-next:hover,
.swiper-button-next:active,
.swiper-button-prev:hover,
.swiper-button-prev:active {
  background: rgba(0, 0, 0, .5);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 2.125rem;
}

.swiper-pagination {
  width: auto;
  left: 50%;
  bottom: 1.5rem;
  padding: .25rem .75rem;
  background: #FFF;
  border: .0625rem solid #CCC;
  border-radius: 3.75rem;
  transform: translateX(-50%) translate3d(0, 0, 0);
  letter-spacing: -.03rem;
}

.swiper-pagination-current {
  letter-spacing: -.03rem;
}

.swiper-pagination-total {
  color: #888;
  letter-spacing: -.03rem;
}

/* cover */
.brochure__cover {
  background: #FFF url(../images/bg_cover.png) no-repeat 50% 0;
  background-size: cover;
  text-align: center;
  padding: 6.25rem 0 1.875rem;
  justify-content: space-between;
  position: relative;
}

.brochure__title {
  display: flex;
  flex-flow: column-reverse;
}

.brochure__title h1 {
  font-family: 'NanumBarun', sans-serif;
  font-size: 4.0625rem;
  font-weight: 700;
  align-self: center;
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top: .1875rem solid #249B89;
}

.brochure__publication-date {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: .5rem;
}

.brochure__title dd {
  letter-spacing: -.03rem;
}

.brochure__cover img {
  width: 39.32%;
}

.brochure__cover p {
  background: rgba(0, 0, 0, .7);
  color: #FFF;
  font-size: 2rem;
  font-weight: 500;
  padding: 2rem 3rem;
  border-radius: .5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: guide 4s linear;
  animation-delay: 3s;
  opacity: 0;
}

@keyframes guide {
  0%, 100% {
    opacity: 0;
  }

  10%, 90% {
    opacity: 1;
  }
}

.brochure__cover p::before {
  content: '';
  display: block;
  width: 5.125rem;
  height: 5.5625rem;
  margin: 0 auto .75rem;
  background: url(../images/ico_guide01.svg) no-repeat 50% 0;
  background-size: 5.125rem;
  animation: swipe-x 2s ease-out;
  animation-delay: 4s;
}

@keyframes swipe-x {
  0%, 50% {
    transform: translateX(0deg) rotateZ(10deg);
  }

  25% {
    transform: translateX(1rem) rotateZ(10deg);
  }

  75% {
    transform: translateX(-1rem) rotateZ(-10deg);
  }
}

/* contents */
.brochure__contents {
  background: url(../images/bg_contents.png) no-repeat 50% 0;
  background-size: cover;
  text-align: center;
}

.brochure__contents h1 {
  font-size: 3.125rem;
  font-weight: 700;
  padding: 6.25rem 0 2.5rem;
}

.brochure__contents h1::after {
  content: '';
  display: block;
  margin: .75rem auto 0;
  width: 13.625rem;
  height: .1875rem;
  background: #249B89;
}

.brochure__contents ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  padding: 0 2.5rem 5rem;
  flex: 1;
  overflow: auto;
}

.brochure__contents li {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  padding: 1.5rem 1.875rem;
  min-width: 16.0625rem;
  min-height: 12.6875rem;
  font-size: 1.375rem;
  font-weight: 500;
  text-align: left;
  border-radius: 1.875rem;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-origin: content-box;
  background-size: 4.6875rem;
}

.brochure__contents li span {
  font-size: 1.25rem;
  font-weight: 700;
  background: #249B89;
  color: #FFF;
  border-radius: 1.875rem;
  padding: .25rem .5rem;
  letter-spacing: 0;
}

.brochure__contents li:nth-child(1) {
  background-image: url(../images/ico_contents01.svg);
}

.brochure__contents li:nth-child(2) {
  background-image: url(../images/ico_contents02.svg);
}

.brochure__contents li:nth-child(3) {
  background-image: url(../images/ico_contents03.svg);
}

.brochure__contents li:nth-child(4) {
  background-image: url(../images/ico_contents04.svg);
}

.brochure__contents li:nth-child(5) {
  background-image: url(../images/ico_contents05.svg);
}

.brochure__contents li:nth-child(6) {
  background-image: url(../images/ico_contents06.svg);
}

.brochure__contents li:nth-child(7) {
  background-image: url(../images/ico_contents07.svg);
}

.brochure__contents li:nth-child(8) {
  background-image: url(../images/ico_contents08.svg);
}

/* subtitle */
.brochure__subtitle {
  background: url(../images/bg_title.png) no-repeat 50% 0;
  background-size: cover;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brochure__subtitle h1 {
  width: 28.125rem;
  height: 28.125rem;
  background: #249B89;
  color: #FFF;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'yg-jalnan', sans-serif;
  font-size: 3.25rem;
}

.brochure__subtitle h1 span {
  width: 6.25rem;
  height: 6.25rem;
  line-height: 6.25rem;
  font-size: 3.4375rem;
  font-weight: 700;
  background: #FFF;
  color: #249B89;
  border-radius: 50%;
  box-shadow: 4px 6px 8px rgba(0, 0, 0, .15);
  margin-bottom: 1.25rem;
  letter-spacing: 0;
}

/* page */
.brochure__page {
  background: linear-gradient(135deg, #51B860 20%, #FFF 0);
}

.brochure__page header {
  background: url(../images/bg_header.png) no-repeat 100% 0;
  background-size: cover;
  padding: 4rem 1rem 1.875rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom-right-radius: 3.75rem;
  position: sticky;
  top: 0;
}

.brochure__page header h1 {
  font-size: 2.7rem;
  font-weight: 700;
  color: #FFF;
  order: 2;
  display: flex;
  align-items: center;
  gap: .5rem;
}

.brochure__page header h1 span {
  width: 3.0625rem;
  height: 3.0625rem;
  line-height: 3.0625rem;
  font-size: 1.675rem;
  font-weight: 700;
  background: #FFF;
  color: #249B89;
  border-radius: 50%;
  text-align: center;
  letter-spacing: 0;
}

.brochure__page header a {
  width: 4.0625rem;
  height: 4.0625rem;
  background: url(../images/ico_home.svg) no-repeat 50%;
  background-size: 3.125rem;
  order: 1;
}

.brochure__page header button {
  width: 4.0625rem;
  height: 4.0625rem;
  background: url(../images/ico_menu.svg) no-repeat 50%;
  background-size: 3.125rem;
  order: 3;
}

.brochure__page main {
  padding: 3.75rem 2.5rem 5rem;
  border-top-left-radius: 3.75rem;
  background: #FFF;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

.swiper-slide-active main {
  position: relative;
  z-index: 11;
}

.brochure__page h2:not(.brochure__title--ico) {
  color: #1E4353;
  font-weight: 700;
  font-size: 2.375rem;
  margin-bottom: 1.25rem;
  display: flex;
  gap: .75rem;
}

.brochure__page h2:not(.brochure__title--ico)::before {
  content: '';
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background: url(../images/bg_subtitle.svg) no-repeat 50%;
  background-size: 3.125rem;
}

.brochure__page h2 + h3 {
  font-size: 1.875rem;
  margin-bottom: 2.5rem;
}

.brochure__page article:not(:first-of-type) {
  margin-top: 3.75rem;
}

.brochure__page section:not(:first-of-type) {
  margin-top: 2.5rem;
}

.brochure__title--line {
  padding: .75rem 1.875rem;
  color: #249B89;
  font-size: 1.875rem;
  font-weight: 500;
  border: .0625rem solid #249B89;
  border-radius: 3.125rem;
  display: inline-flex;
  margin-bottom: 1.25rem;
}

.brochure__title--ico {
  padding: 1.5rem 1.5rem 1.5rem 9.625rem;
  font-size: 1.625rem;
  font-weight: 500;
  border-radius: 3.125rem;
  min-height: 9.875rem;
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
}

.brochure__page section h4 {
  font-size: 1.625rem;
}

.brochure__page strong {
  font-weight: 500;
  color: #249B89;
}

.brochure__page img {
  max-width: 100%;
}

/* table */
.brochure__table {
  border: .0625rem solid #CCC;
  border-radius: 1.875rem;
  padding: 1.875rem;
  text-align: center;
}

.brochure__table--normal {
  border: 0;
  padding: 0;
}

.brochure__table--title {
  font-size: 1.625rem;
  font-weight: 500;
  color: #1E4353;
  margin-bottom: 1.5rem;
  padding: .5rem 1.25rem;
  background: #F4F4F4;
  border-radius: 3.125rem;
  display: inline-flex;
}

.brochure__table table {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
}

.brochure__table thead th {
  color: #FFF;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -.1rem;
  padding: .75rem 0;
}

.brochure__table--blue thead th {
  background: #3180D1;
}

.brochure__table--green thead th {
  background: #249B89;
}

.brochure__table .brochure__th--green {
  background: #249B89;
  position: relative;
  box-shadow: -.1875rem 0 0 #FFF;
  border-left: .0625rem solid #3180D1;
}

.brochure__th--green + .brochure__th--green {
  box-shadow: none;
}

.brochure__th--green::before {
  content: '';
  position: absolute;
  left: -.25rem;
  top: 0;
  width: .0625rem;
  height: 100%;
  background: #3180D1;
}

.brochure__th--green + .brochure__th--green::before {
  display: none;
}

.brochure__table--green-to-blue thead th:first-child {
  background: #1864B2;
}

.brochure__table thead th:not(:first-child) {
  border-left: .0625rem solid #FFF;
}

.brochure__table .colgroup {
  padding: .3rem 0;
  border-top: .0625rem solid rgba(255, 255, 255, .2);
}

.brochure__table .colgroup:first-child {
  border-left: .0625rem solid #FFF;
}

.brochure__table--blue .colgroup {
  background: #5896D5;
}

.brochure__table th span {
  color: inherit;
  letter-spacing: inherit;
  word-break: normal;
}

.brochure__page th strong {
  color: inherit;
  font-weight: 600;
}

.brochure__table--blue tbody td {
  border: .0625rem solid #3180D1;
}

.brochure__table--green tbody td,
.brochure__table--green tfoot th,
.brochure__table--green tfoot td,
.brochure__table .brochure__td--green {
  border: .0625rem solid #249B89;
}

.brochure__table--blue tbody th {
  background: #E6F3FF;
  border: .0625rem solid #3180D1;
}

.brochure__table--green tbody th {
  background: #EFFDF4;
  border: .0625rem solid #249B89;
}

.brochure__table tbody th,
.brochure__table tbody td,
.brochure__table tfoot th,
.brochure__table tfoot td,
.brochure__table .brochure__td--green {
  font-size: 1.375rem;
  padding: .75rem;
  border-top-width: 0;
  border-right-width: 0;
}

.brochure__td--green {
  box-shadow: -.1875rem 0 0 #FFF;
  position: relative;
}

.brochure__td--green::before {
  content: '';
  position: absolute;
  left: -.25rem;
  top: 0;
  width: .0625rem;
  height: 100%;
  background: #3180D1;
}

.brochure__td--green + .brochure__td--green {
  box-shadow: none;
}

.brochure__td--green + .brochure__td--green::before {
  display: none;
}

.brochure__table tfoot td {
  border-right-width: .0625rem;
}

.brochure__table tbody td {
  background: #FFF;
}

.brochure__table tbody td:last-child {
  border-right-width: .0625rem;
}

.brochure__table tbody td li {
  font-size: 1.375rem;
  text-align: left;
}

td .brochure__list--dot > li::before {
  top: .8125rem;
}

.brochure__table--blue tbody .text--active {
  background: #E6F3FF;
}

.brochure__table--green tbody .text--active {
  background: #DFFCE9;
}

.brochure__table--green tfoot th,
.brochure__table--green tfoot td {
  background: #DFFCE9;
  font-weight: 500;
}

.brochure__table .text--highlight {
  transform: translate(0);
  clip-path: inset(0);
}

.brochure__table .text--highlight::after {
  content: '';
  position: absolute;
  inset: 0;
  width: calc(100% - .5rem);
  height: calc(100% - .5rem);
  border: .25rem dashed #F05252;
  border-radius: .5rem;
  animation: opacity 3s linear infinite;
  animation-delay: 1.5s;
  opacity: 1;
}

.brochure__table .text--highlight th,
.brochure__table .text--highlight td {
  font-weight: 500;
}

.rounded__top-left {
  border-top-left-radius: 1rem;
}

.rounded__top-right {
  border-top-right-radius: 1rem;
}

.rounded__bottom-left {
  border-bottom-left-radius: 1rem;
}

.rounded__bottom-right {
  border-bottom-right-radius: 1rem;
}

.brochure__table table + p,
.brochure__table table + span {
  font-size: 1.25rem;
  text-align: right;
  margin-top: .75rem;
  letter-spacing: -.1rem;
}

.brochure__table table + p::before,
.brochure__table table + span::before {
  content: '*';
  display: inline-block;
  vertical-align: middle;
  margin-right: .25rem;
}

/* graph */
.brochure__graph {
  border: .0625rem solid #CCC;
  border-radius: 1.875rem;
  padding: 1.875rem;
  text-align: center;
  margin-top: 1.25rem;
}

.brochure__graph--title {
  font-size: 1.625rem;
  font-weight: 500;
  color: #1E4353;
  margin-bottom: 1.5rem;
  padding: .5rem 1.25rem;
  background: #F4F4F4;
  border-radius: 3.125rem;
  display: inline-flex;
  align-items: baseline;
}

.brochure__graph li {
  text-align: left;
}

/* history */
.brochure__company-history {
  position: relative;
}

.brochure__company-history::before {
  content: '';
  position: absolute;
  top: 1rem;
  bottom: .4375rem;
  left: 0;
  width: .5rem;
  background: linear-gradient(180deg, #32C389 0, #3180D1 100%);
}

.brochure__company-history li {
  font-size: 1.625rem;
  display: flex;
  align-items: baseline;
  position: relative;
  padding-left: 1.75rem;
}

.brochure__company-history li:not(:first-child) {
  margin-top: .75rem;
}

.brochure__company-history li::before {
  content: '';
  position: absolute;
  top: .8125rem;
  left: 0;
  width: .5rem;
  height: .5rem;
  background: #FFF;
  border-radius: 50%;
}

.brochure__company-history li:first-child::before {
  left: -.4375rem;
  top: .4375rem;
  width: .75rem;
  height: .75rem;
  background: #32C389;
  border: .3125rem solid #CCF0E1;
}

.brochure__company-history li:last-child::before {
  left: -.5313rem;
  top: inherit;
  bottom: 0;
  width: 1.5625rem;
  height: 1.0625rem;
  background: url('data:image/svg+xml,<svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.1111 1.80255C25.2364 3.01862 25.2364 4.99078 24.1111 6.20685L15.0369 16.0125L14.9294 16.1229C14.5553 16.4881 14.113 16.7251 13.6502 16.8406C12.7244 17.1214 11.6949 16.8967 10.9392 16.159L10.8318 16.0486L1.75757 6.242C0.632706 5.02598 0.632591 3.05463 1.75757 1.83868C2.88285 0.622659 4.70744 0.62275 5.83277 1.83868L12.9187 9.49493L20.0359 1.80255C21.1611 0.586575 22.9858 0.586724 24.1111 1.80255Z" fill="%233180D1"/></svg>');
  background-size: 1.5625rem;
  border-radius: 0;
}

.brochure__company-history li > span:first-child {
  font-weight: 700;
  letter-spacing: 0;
  min-width: 5.125rem;
}

.brochure__company-history--founding > span:first-child {
  color: #249B89;
}

.brochure__company-history--expansion > span:first-child {
  color: #1C96C2;
}

.brochure__company-history--modern > span:first-child {
  color: #3180D1;
}

/* list */
.brochure__list--dot > li {
  font-size: 1.625rem;
  padding-left: 1.25rem;
  position: relative;
}

.brochure__list--dot > li:not(:first-child) {
  margin-top: .5rem;
}

.brochure__list--dot > li::before {
  content: '';
  position: absolute;
  top: .9375rem;
  left: .5rem;
  width: .25rem;
  height: .25rem;
  background: #111;
  border-radius: 50%;
}

.brochure__list--dash > li {
  font-size: 1.625rem;
  padding-left: 1.25rem;
  position: relative;
}

.brochure__list--dash > li:not(:first-child) {
  margin-top: .5rem;
}

.brochure__list--dash > li::before {
  content: '- ';
  position: absolute;
  top: 0;
  left: .5rem;
}

.brochure__list--bullet > li {
  font-size: 1.375rem;
  padding-left: 1.25rem;
  position: relative;
}

.brochure__list--bullet > li:not(:first-child) {
  margin-top: .5rem;
}

.brochure__list--bullet > li::before {
  content: '';
  position: absolute;
  top: .4375rem;
  left: 0;
  width: .875rem;
  height: .875rem;
  background: url(../images/ico_bullet.svg) no-repeat 50%;
  background-size: .875rem;
}

.brochure__list--decimal > li {
  font-size: 1.625rem;
  margin-left: 1.25rem;
  list-style: decimal;
}

.brochure__list--decimal > li:not(:first-child) {
  margin-top: .5rem;
}

[class^='brochure__list--'] li ul {
  margin-top: .25rem;
}

[class^='brochure__list--'] li ul li {
  font-size: .8em;
  letter-spacing: -.1rem;
}

[class^='brochure__list--'] li ul li:not(:first-child) {
  margin-top: 0;
}

[class^='brochure__list--'] dl {
  font-size: 1.625rem;
  margin: .5rem 0 1rem;
}

/* card */
.brochure__card > li {
  border: .0625rem solid #CCC;
  border-radius: 1.875rem;
  padding: 1.875rem 2.5rem 1.875rem 11.5625rem;
  background-repeat: no-repeat;
  background-position: -9.0625rem 50%;
  background-origin: content-box;
  background-size: 7.1875rem;
}

.brochure__card > li:not(:first-child) {
  margin-top: 1.5rem;
}

.brochure__card h3 {
  display: flex;
  gap: .5rem;
  font-size: 1.875rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}

.brochure__card h3 span {
  background: #333;
  color: #FFF;
  font-weight: 700;
  font-size: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 50%;
  text-align: center;
  letter-spacing: 0;
}

.brochure__card--mint {
  background: #F2FEF6;
  padding: 1.25rem;
  text-align: left;
  margin: 1.5rem 0;
}

.brochure__card--mint li {
  font-size: 1.375rem;
}

.brochure__page .brochure__card--title {
  font-size: 1.375rem;
  font-weight: 600;
  margin-bottom: .75rem;
}

/* progress-stepper */
.brochure__progress-stepper {
  padding: 1.875rem;
  border: .25rem solid #3396AC;
  border-radius: 18.75rem;
  display: flex;
  justify-content: center;
}

.brochure__progress-stepper li {
  flex: 1 1 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 1.75rem;
  border-radius: 6.25rem;
  padding: 2.5rem 0;
  position: relative;
}

/* page-04 */
.brochure__page--04 li:nth-child(1) {
  background: rgba(223, 252, 233, 1);
}

.brochure__page--04 li:nth-child(2) {
  background: rgba(217, 250, 175, .5);
  margin: 0 -2.5rem;
}

.brochure__page--04 li:nth-child(3) {
  background: rgba(245, 245, 174, .5);
}

.brochure__page--04 li:not(:first-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: .53125rem;
  transform: translateY(-50%);
  width: 1.4375rem;
  height: 1rem;
  background: url(../images/ico_brochure04_arrow.svg) no-repeat 50%;
  background-size: 1.4375rem;
}

.brochure__page--04 li span {
  display: block;
  margin-bottom: .25rem;
  font-weight: 500;
  font-size: 1.375rem;
  color: #1E4353;
  position: relative;
}

/* page-05 */
.brochure__page--05 section:first-of-type {
  margin: 0 -4.25rem 3.75rem;
}

.brochure__page--05 h5 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.brochure__page--05 table {
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-spacing: 4.25rem .5rem;
}

.brochure__page--05 th {
  background: #249B89;
  color: #FFF;
  font-weight: 500;
  font-size: 1.625rem;
  border-radius: 1.875rem;
  padding: .75rem 0;
}

.brochure__page--05 td {
  padding: .75rem 0;
  border-radius: 5rem;
  font-size: 1.625rem;
  position: relative;
}

.brochure__page--05 td:first-child::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -3.4375rem;
  width: 2.875rem;
  height: 1rem;
  background: url(../images/ico_brochure05_arrow.svg) no-repeat 50%;
  background-size: 2.875rem;
  transform: translateY(-50%);
}

.brochure__page--05 tbody tr:nth-child(1) td {
  background: #DFFCE9;
}

.brochure__page--05 tbody tr:nth-child(2) td {
  background: #ECFDD7;
}

.brochure__page--05 tbody tr:nth-child(3) td {
  background: #FEEFEC;
}

/* page-06 */
.brochure__page--06 .brochure__card > li:nth-child(1) {
  background-image: url(../images/ico_brochure06_01.svg);
}

.brochure__page--06 .brochure__card > li:nth-child(2) {
  background-image: url(../images/ico_brochure06_02.svg);
}

.brochure__page--06 .brochure__card > li:nth-child(3) {
  background-image: url(../images/ico_brochure06_03.svg);
}

.brochure__page--06 .brochure__card > li:nth-child(4) {
  background-image: url(../images/ico_brochure06_04.svg);
}

/* page-09 */
.brochure__page--09 ol {
  border: .0625rem solid #CCC;
  border-radius: 1.875rem;
  padding: 3.75rem 1.875rem;
}

.brochure__page--09 ol > li {
  display: flex;
  align-items: stretch;
  position: relative;
}

.brochure__page--09 ol > li::before {
  content: '';
  position: absolute;
  top: -.4375rem;
  right: 0;
  width: .875rem;
  height: .875rem;
  background: #FFF;
  border: .0625rem solid #249B89;
  border-radius: 50%;
  z-index: 1;
}

.brochure__page--09 ol > li:last-child::after {
  content: '';
  position: absolute;
  bottom: -.4375rem;
  right: 0;
  width: .875rem;
  height: .875rem;
  background: #FFF;
  border: .0625rem solid #249B89;
  border-radius: 50%;
  z-index: 1;
}

.brochure__page--09 li h4 {
  min-width: 13rem;
  padding-right: 2.875rem;
  font-size: 1.875rem;
  font-weight: 700;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brochure__page--09 li h4::before {
  content: attr(data-number);
  position: absolute;
  right: 0;
  top: -1rem;
  bottom: 0;
  width: 1.875rem;
  height: calc(100% + 2rem);
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  letter-spacing: 0;
}

.brochure__page--09 ol > li:nth-child(1) h4::before {
  background: linear-gradient(180deg, #32C48A 0, #39D094 100%);
  border-top-left-radius: 1.875rem;
  border-top-right-radius: 1.875rem;
}

.brochure__page--09 ol > li:nth-child(2) h4::before {
  background: linear-gradient(180deg, #1D9F76 0, #37C094 100%);
}

.brochure__page--09 ol > li:nth-child(3) h4::before {
  background: linear-gradient(180deg, #1B95A3 0, #36B9C8 100%);
}

.brochure__page--09 ol > li:nth-child(4) h4::before {
  background: linear-gradient(180deg, #248BBF 0, #34A0D5 100%);
}

.brochure__page--09 ol > li:nth-child(5) h4::before {
  background: linear-gradient(180deg, #3A78B8 0, #3180D1 100%);
  height: calc(100% + 1rem);
}

.brochure__page--09 li h4::after {
  content: '';
  position: absolute;
  top: calc(100% - 1rem);
  right: 0;
  width: 1.875rem;
  height: .9375rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 1;
}

.brochure__page--09 ol > li:nth-child(1) h4::after {
  background: #37CE92;
}

.brochure__page--09 ol > li:nth-child(2) h4::after {
  background: #33BB90;
}

.brochure__page--09 ol > li:nth-child(3) h4::after {
  background: #31B3C2;
}

.brochure__page--09 ol > li:nth-child(4) h4::after {
  background: #329DD2;
}

.brochure__page--09 ol > li:nth-child(5) h4::after {
  background: #3280D0;
  top: 100%;
}

.brochure__page--09 li > div {
  flex: 1;
  padding: .75rem 1.5rem;
  position: relative;
}

.brochure__page--09 li > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .0625rem;
  background: #249B89;
}

.brochure__page--09 li:last-child > div::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .0625rem;
  background: #249B89;
}

.brochure__page--09 li h5 {
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: .75rem;
}

.brochure__page--09 li:nth-child(1) h4,
.brochure__page--09 li:nth-child(1) h5 {
  color: #249B89;
}

.brochure__page--09 li:nth-child(2) h4,
.brochure__page--09 li:nth-child(2) h5 {
  color: #0CA172;
}

.brochure__page--09 li:nth-child(3) h4,
.brochure__page--09 li:nth-child(3) h5 {
  color: #11A0B0;
}

.brochure__page--09 li:nth-child(4) h4,
.brochure__page--09 li:nth-child(4) h5 {
  color: #2B95CA;
}

.brochure__page--09 li:nth-child(5) h4,
.brochure__page--09 li:nth-child(5) h5 {
  color: #3180D1;
}

/* page-10 */
.brochure__page--10 main {
  background: #FFF url(../images/bg_brochure10.png) no-repeat 50% 100%;
  background-size: 100%;
  height: 0;
  padding-bottom: 54.65%;
  margin-bottom: 5rem;
}

/* page-12 */
.brochure__page--12 .brochure__card > li:nth-child(1) {
  background-image: url(../images/ico_brochure12_01.svg);
}

.brochure__page--12 .brochure__card > li:nth-child(2) {
  background-image: url(../images/ico_brochure12_02.svg);
}

.brochure__page--12 .brochure__card > li:nth-child(3) {
  background-image: url(../images/ico_brochure12_03.svg);
}

.brochure__page--12 .brochure__card > li:nth-child(4) {
  background-image: url(../images/ico_brochure12_04.svg);
}

/* page-14 */
.brochure__page--14 tbody td {
  text-align: left;
}

/* page-18 */
.brochure__page--18 figure {
  position: relative;
}

.brochure__page--18 figure::before {
  content: '';
  position: absolute;
  top: .25rem;
  left: 15.35%;
  width: 27.65%;
  height: calc(100% - .5rem);
  background: rgba(223, 252, 233, .4);
  border: .25rem dashed #F05252;
  animation: opacity 3s linear infinite;
  animation-delay: 1.5s;
  opacity: 1;
}

@keyframes opacity {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.brochure__page--18 img {
  position: relative;
}

/* page-19 */
.brochure__page--19 tbody td {
  height: 5.375rem;
}

.brochure__page--19 tbody .text--active {
  background: #ECFDD7;
}

/* page-21 */
.brochure__page--21 .brochure__progress-stepper {
  padding: .875rem;
}

.brochure__page--21 .brochure__progress-stepper li {
  font-size: 1.5rem;
  width: 9.0625rem;
  height: 9.0625rem;
  flex: 0 1 auto;
}

.brochure__page--21 .brochure__progress-stepper li:nth-child(1) {
  background: rgba(199, 235, 249, .5);
}

.brochure__page--21 .brochure__progress-stepper li:nth-child(2) {
  background: rgba(197, 249, 249, .5);
}

.brochure__page--21 .brochure__progress-stepper li:nth-child(3) {
  background: rgba(197, 249, 215, .5);
}

.brochure__page--21 .brochure__progress-stepper li:nth-child(4) {
  background: rgba(217, 250, 175, .5);
}

.brochure__page--21 .brochure__progress-stepper li:nth-child(5) {
  background: rgba(245, 245, 174, .5);
}

.brochure__page--21 .brochure__progress-stepper li:nth-child(2n) {
  margin: 0 -1rem;
}

.brochure__page--21 .brochure__progress-stepper li:not(:first-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: .0938rem;
  transform: translateY(-50%);
  width: .8125rem;
  height: .875rem;
  background: url(../images/ico_brochure21_arrow.svg) no-repeat 50%;
  background-size: .8125rem;
}

.brochure__page--21 .brochure__table {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3.75rem;
  margin-top: 2.5rem;
}

.brochure__page--21 .brochure__table table {
  width: auto;
}

.brochure__page--21 .brochure__table td {
  text-align: left;
  padding: 1rem 1.5rem;
  vertical-align: top;
}

.brochure__page--21 .brochure__table--blue {
  position: relative;
}

.brochure__page--21 .brochure__table--blue:first-child::before {
  content: '▼';
  position: absolute;
  left: 50%;
  top: -2.5625rem;
  transform: translateX(-50%);
  font-size: 1.375rem;
  color: #249B89;
}

.brochure__page--21 table + div {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

/* page-22 */
.brochure__page--22 td {
  height: 5.125rem;
}

.brochure__page--22 tbody tr:nth-child(7) th {
  line-height: 1;
}

/* page-23 */
.brochure__page--23 .brochure__table {
  margin-top: 1.25rem;
}

/* page-25 */
.brochure__page--25 .brochure__title--ico {
  background: #F2FEF6 url(../images/ico_brochure25_01.svg) no-repeat 1.5rem 50%;
  background-size: 6.875rem;
}

/* page-27 */
.brochure__page--27 .brochure__company-history li > span:first-child {
  min-width: 15.625rem;
}

/* page-30 */
.brochure__page--30 .brochure__company-history li > span:first-child {
  min-width: 10.5rem;
}

/* page-31 */
.brochure__page--31 .brochure__card > li {
  padding: 1.875rem 2.5rem;
  background-position: 100% 0;
  background-size: 5.5rem;
}

.brochure__page--31 .brochure__card > li:nth-child(1) {
  background-image: url(../images/ico_brochure31_01.svg);
}

.brochure__page--31 .brochure__card > li:nth-child(2) {
  background-image: url(../images/ico_brochure31_02.svg);
}

.brochure__page--31 .brochure__card > li:nth-child(3) {
  background-image: url(../images/ico_brochure31_03.svg);
}

.brochure__page--31 .brochure__card > li:nth-child(4) {
  background-image: url(../images/ico_brochure31_04.svg);
}

/* backcover */
.brochure__backcover {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.brochure__backcover img {
  width: 14.8125rem;
}

.brochure__backcover a {
  display: inline-block;
  margin-top: 2rem;
  color: #888;
  border: .0625rem solid #CCC;
  border-radius: 3.75rem;
  padding: .25rem 1.25rem;
  font-size: 1.5rem;
  transition: ease-in-out .2s;
}

.brochure__backcover a::after {
  content: '';
  display: inline-block;
  width: .5625rem;
  height: 1.0625rem;
  background: url(../images/ico_brochure32_arrow.svg) no-repeat 100% 50%;
  background-size: .5625rem;
  margin-left: .5rem;
  transition: ease-in-out .2s;
}

.brochure__backcover a:hover,
.brochure__backcover a:focus {
  text-decoration: none;
  background: #F9F9F9;
  border-color: #F0F0F0;
}

.brochure__backcover a:hover::after,
.brochure__backcover a:focus::after {
  margin-left: 1rem;
}

/* menu */
.brochure__menu {
  position: fixed;
  right: -768px;
  top: 0;
  width: 568px;
  max-width: 100%;
  height: 100%;
  background: #FFF;
  box-shadow: 0 .0625rem .25rem rgba(0, 0, 0, .2);
  transition: .6s cubic-bezier(.68, -.55, .265, 1.55);
  z-index: 11;
}

.brochure__menu.active {
  transform: translate3d(-668px, 0, 0);
}

.brochure__menu nav {
  width: calc(100% - 100px - 5rem);
  height: calc(100% - 5rem);
  overflow: auto;
  padding: 2.5rem;
}

.brochure__menu ol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}

.brochure__menu li.active {
  box-shadow: inset 0 -1rem 0 #D9FCDB;
}

.brochure__menu * {
  font-family: 'Pretendard', sans-serif;
  font-size: 1.5rem;
}

.brochure__menu li span {
  display: inline-block;
  min-width: 2.5rem;
  font-weight: 700;
  color: #1E4353;
}

.brochure__menu.active + .menu__close {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .4);
  width: 100%;
  height: 100%;
  transition: .3s ease;
  z-index: 10;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }

  .brochure__wrap {
    max-width: 768px;
  }

  .swiper-button-next {
    right: 50%;
    margin-right: -25.25rem;
  }

  .swiper-button-prev {
    left: 50%;
    margin-left: -25.25rem;
  }

  .text--flex {
    flex-direction: row;
  }

  .brochure__cover,
  .brochure__subtitle {
    min-height: 78.125rem;
  }

  .brochure__page header {
    padding: 5rem 2.5rem 1.875rem;
  }

  .brochure__page header h1 {
    font-size: 3rem;
  }

  .brochure__page header h1 span {
    width: 4.0625rem;
    height: 4.0625rem;
    line-height: 4.0625rem;
    font-size: 2.375rem;
  }

  .brochure__page--21 .brochure__table {
    flex-direction: row;
  }

  .brochure__page--21 .brochure__table--blue:first-child::before,
  .brochure__page--21 .brochure__table--blue::before {
    content: '▶';
    position: absolute;
    left: -2.5625rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.375rem;
    color: #249B89;
  }
}