@charset "utf-8";

:root {
  --font1: "Zen Kaku Gothic New", sans-serif;
}

.fca_cat-hero {
  background-color: #191970;
}

.blue_kr img {
  height: auto;
  width: 100%;
}

.blue_kr ul,
.blue_kr li,
.blue_kr figure,
.blue_kr p {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.blue_kr {
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
}


.blue_kr {
  background-image: url(../images/bg.webp);
  background-size: auto;
  background-repeat: repeat;
  background-position: center top;
  padding-bottom: clamp(80px, 13.2vw, 120px);
}

.blue-header_kr {
  padding-bottom: clamp(80px, 26.4vw, 180px);
  position: relative;
}

.blue-header__title_kr {
  max-width: 930px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 79.487179%;
  z-index: 2;
}

.blue-hero_kr {
  display: grid;
  overflow: hidden;
}

.blue-hero__img_kr {
  grid-area: 1 / 1;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  position: relative;
  transition: opacity 1.4s ease;
  z-index: 0;
}

.blue-hero__img_kr:first-child {
  opacity: 1;
}

.blue-hero_kr.is-fading .blue-hero__img_kr {
  opacity: 0;
}

.blue-hero_kr.is-fading .blue-hero__img_kr.is-active {
  opacity: 1;
  z-index: 1;
}

.blue-hero__img_kr.blue-hero__image_kr {
  display: block;
  height: auto;
  width: 100%;
}

.blue-msg_kr.is-ready .blue-msg__img_kr {
  opacity: 0;
  transition: opacity 0.8s ease;
}

.blue-msg_kr.is-ready .blue-msg__img_kr.is-visible {
  opacity: 1;
}

.blue-msg_kr {
  margin-inline: auto;
  margin-bottom: clamp(50px, 21.3vw, 120px);
  margin-top: clamp(50px, 13.6vw, 100px);
  max-width: 884px;
  width: 75.555556%;
}

.blue-msg__img_kr:not(:first-child) {
  margin-top: clamp(10px, 4.2vw, 30px);
}

.blue-msg__img__01_kr {
  width: 28.280543%;
}

.blue-msg__img__02_kr {
  margin-left: 17.533937%;
  width: 44.343891%;
}

.blue-msg__img__03_kr {
  margin-left: 40.158371%;
  width: 35.520362%;
}

.blue-msg__img__04_kr {
  margin-left: auto;
  width: 43.891403%;
}

.blue-msg__img__05_kr {
  margin-left: 26.58371%;
  width: 66.289593%;
}

.blue-msg__img__06_kr {
  margin-left: 4.977376%;
  width: 55.429864%;
}

.blue-content_kr {
  max-width: 1070px;
  position: relative;
  width: 91.452991%;
}

.blue-content_kr:not(:first-child) {
  margin-top: clamp(50px, 17vw, 120px);
}

.blue-content__title_kr {
  max-width: 300px;
  position: absolute;
  right: 0;
  top: clamp(10px, 4.2vw, 50px);
  width: 28.037383%;
  z-index: 2;
}

.blue-content__detail_kr {
  max-width: 870px;
  position: relative;
  width: 81.308411%;
}

.blue-content__03_kr .blue-content__detail_kr {
  max-width: 845px;
  width: 78.971963%;
}

.blue-content__04_kr .blue-content__detail_kr {
  max-width: 836px;
  width: 78.130841%;
}

.blue-content__05_kr .blue-content__detail_kr {
  max-width: 858px;
  width: 80.186916%;
}

.blue-content__06_kr .blue-content__detail_kr {
  max-width: 818px;
  width: 76.448598%;
}

.blue-content__image_kr {
  display: block;
  margin: 0;
}

.blue-content__img_kr {
  transition: opacity 0.3s ease;
}

.blue-content__link_kr:hover .blue-content__img_kr {
  opacity: 0.7;
}

.blue-content__image_kr:not(:first-child) {
  display: none;
}

.blue-content__img_kr.is-fading {
  overflow: hidden;
}

.blue-content__img_kr.is-fading .blue-content__image_kr {
  display: block;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 1.4s ease;
  z-index: 0;
}

.blue-content__img_kr.is-fading .blue-content__image_kr:first-child {
  position: relative;
}

.blue-content__img_kr.is-fading .blue-content__image_kr.is-active {
  opacity: 1;
  z-index: 1;
}

.blue-item_kr {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-family: var(--font1);
  font-weight: 500;
  margin-top: clamp(12px, 2.5vw, 18px);
}

.blue-item__title_kr {
  color: #fff;
  font-size: clamp(12px, 2.5vw, 18px);
  letter-spacing: .1em;
}

.blue-item__cost_kr {
  color: #fff;
  font-size: clamp(11px, 2.8vw, 20px);
  line-height: 1;
  margin-bottom: 0;
}

.blue-item__tax_kr {
  font-size: clamp(10px, 1.8vw, 14px);
}

.blue-item__more_kr {
  margin-bottom: 0;
  max-width: 100px;
  position: absolute;
  right: 3.448276%;
  width: 19.54023%;
  z-index: 2;
}

.blue-item__more_kr img {
  display: block;
  transition: opacity 0.25s ease;
}

.blue-item__more_kr::after {
  background: url(../images/more_f2.svg) center / contain no-repeat;
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.25s ease;
}

.blue-item__more_kr:hover img,
.blue-content__link_kr:focus-visible .blue-item__more_kr img {
  opacity: 0;
}

.blue-item__more_kr:hover::after,
.blue-content__link_kr:focus-visible .blue-item__more_kr::after {
  opacity: 1;
}

.blue-content__01_kr .blue-item__more_kr {
  top: clamp(80px, 51.2vw, 340px);
}

.blue-content__02_kr .blue-item__more_kr {
  top: clamp(80px, 54.7vw, 360px);
}

.blue-content__03_kr .blue-item__more_kr {
  top: clamp(80px, 61.5vw, 410px);
  width: 20.118343%;
}

.blue-content__05_kr .blue-item__more_kr {
  top: clamp(80px, 61.1vw, 400px);
  width: 19.81352%;
}

.blue-content__06_kr .blue-item__more_kr {
  top: clamp(80px, 58.9vw, 390px);
  width: 20.782396%;
}

.blue-content_kr:nth-child(odd) .blue-item_kr {
  justify-content: flex-end;
  padding-left: 10px;
}

.blue-content_kr:nth-child(even) .blue-item_kr {
  justify-content: flex-end;
  padding-right: 10px;
}

.blue-content_kr:nth-child(even) {
  margin-left: auto;
}

.blue-content_kr:nth-child(even) .blue-content__title_kr {
  left: 0;
}

.blue-content_kr:nth-child(even) .blue-content__detail_kr {
  margin-left: auto;
}

.blue-content__04_kr .blue-content__caption_kr {
  display: flex;
  gap: clamp(24px, 5.3%, 50px);
  /*justify-content: space-between;*/
  margin-left: -30%;
  max-width: 950px;
  width: 125%;
}

.blue-content__04_kr .blue-item_kr {
  display: grid;
  column-gap: clamp(14px, 2.6%, 24px);
  flex: 1 1 0;
  grid-template-columns: minmax(0, 1fr) clamp(54px, 14.5vw, 100px);
  margin-bottom: 0;
  margin-top: clamp(18px, 3vw, 36px);
  min-width: 0;
  width: auto;
}

.blue-content__04_kr .blue-item__more_kr {
  align-self: center;
  grid-column: 2;
  grid-row: 1 / 3;
  justify-self: end;
  margin-left: 0;
  position: relative;
  right: 0;
  width: 100%;
}

.blue-content__04_kr .blue-item__title_kr,
.blue-content__04_kr .blue-item__cost_kr {
  grid-column: 1;
  margin-left: 0;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .blue-content__04_kr .blue-content__caption_kr {
    flex-direction: column;
    gap: clamp(8px, 2.7vw, 20px);
    margin-left: 0;
    width: 80%;
  }
}

@media (min-width: 768px) {
  .blue_kr {
    max-width: 675px;
    margin-inline: auto;
    width: 100%;
  }
}

.blue-content__link_kr {
  display: block;
  text-decoration: none !important;
}

.blue-buyer_kr {
  margin-inline: auto;
  margin-top: clamp(70px, 14.5vw, 120px);
  max-width: 940px;
  width: 80.34188%;
}

.blue-caution_kr {
  margin-inline: auto;
  margin-top: clamp(50px, 7.6vw, 90px);
  max-width: 702px;
  width: 60%;
}