@charset "UTF-8";
.subfot01 {
  height: calc(var(--px) * 959);
  background-color: #010F10;
}

.subfot01_tt_wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  align-self: flex-start;
  margin-left: 21vw;
}

.sv_footer01_02 {
  width: 58.3728%;
  aspect-ratio: 1112/1689;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  right: 0%;
  top: -29%;
}

.sv_footer01_03 {
  width: calc(var(--px) * 128);
  aspect-ratio: 128/106;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: -9vw;
}

.sv_footer01_04 {
  width: calc(var(--px) * 184);
  aspect-ratio: 184/18;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 2vw;
}

.subfot01_tt01 {
  font-size: calc(var(--px) * 34);
  font-weight: 800;
  margin-top: 1vw;
}

.subfot01_tt02 {
  font-size: calc(var(--px) * 22);
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.5vw;
  margin-top: 1vw;
}

/* subfot02 */
.subfot02_main {
  width: calc(var(--px) * 1920);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7vw 0;
}

.subfot02_row {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.subfot02_slide .swiper-slide {
  width: auto !important;
  margin-left: 1vw;
}
.subfot02_slide {
  overflow: hidden;
}

.subfot02_slide_img {
  width: calc(var(--px) * 517);
  aspect-ratio: 517/720;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.subfot02_row_tt_wrap {
  width: calc(var(--px) * 725);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.sv_footer02_04 {
  width: 20%;
  aspect-ratio: 145/105;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.sv_footer02_05 {
  width: 31.1725%;
  aspect-ratio: 226/18;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 2vw;
}

.subfot02_row_tt01 {
  font-size: calc(var(--px) * 34);
  font-weight: 800;
  margin-top: 1.2vw;
}

.subfot02_row_tt02 {
  font-size: calc(var(--px) * 22);
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1vw;
}

.subfot02_row02_bot {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5vw;
  margin-top: 3vw;
}

.subfot02_row02_bot_row {
  width: 25.5173%;
  aspect-ratio: 185/53;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* subfot03 */
.bcon06_main {
  width: 100.788%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bcon06_row {
  width: 50%;
  aspect-ratio: 959/720;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.bcon06_row > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bcon06_03 {
  width: 18.0484%;
  aspect-ratio: 172/172;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  left: 3%;
  top: 4%;
}

.bcon06_02 {
  width: 106.926%;
  aspect-ratio: 1019/1682;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  right: -23%;
  top: -54%;
}

.bcon06_04 {
  width: 9.02423%;
  aspect-ratio: 86/72;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  left: 19%;
}

.bcon06_08 {
  width: 42.4975%;
  aspect-ratio: 405/71;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.bcon06_06 {
  width: 33.1585%;
  aspect-ratio: 316/513;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  bottom: -36%;
  margin-left: 4%;
}

.bcon06_07 {
  width: 30.4303%;
  aspect-ratio: 290/400;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: -18%;
  margin-left: 13%;
}

.subfot04 {
  padding: 13.23vw 0;
}

.subfot04_bg_after {
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.83) 0%, rgba(255, 255, 255, 0) 69%);
}

.sv_footer04_01 {
  width: 42.3623%;
  aspect-ratio: 807/60;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.subfot04_tt {
  font-size: calc(var(--px) * 19);
  font-weight: 500;
  margin-top: 1.3vw;
}

@media screen and (max-width: 599px) {
  /* ── subfot01 — 플라워 배경 페이드 / 텍스트 중앙 ── */
  .subfot01 {
    height: auto;
    padding: 15vw 0;
  }
  .sv_footer01_02 {
    /* position: relative; */
    /* top: auto; */
    /* right: auto; */
    width: 100%;
    opacity: 0.5;
  }
  .subfot01_tt_wrap {
    margin-left: 0;
    align-self: center;
    align-items: center;
    margin-top: 0vw;
  }
  .sv_footer01_03 {
    width: 14vw;
    margin-left: 0;
  }
  .sv_footer01_04 {
    width: 40vw;
    margin-top: 3vw;
  }
  .subfot01_tt01 {
    font-size: 5.2vw;
    text-align: center;
    margin-top: 4vw;
  }
  .subfot01_tt02 {
    font-size: 3.5vw;
    align-items: center;
    text-align: center;
    gap: 3vw;
    margin-top: 4vw;
  }
  /* ── subfot02 — 좌:슬라이드 / 우:텍스트 → 세로 스택 ── */
  .subfot02_main {
    width: 100%;
    flex-direction: column;
    padding: 14vw 0;
  }
  .subfot02_row {
    width: 100%;
  }
  .subfot02_slide_img {
    width: 56vw;
  }
  .subfot02_slide .swiper-slide {
    margin-left: 3vw;
  }
  .subfot02_row01 {
    order: 2;
    margin-top: 9vw;
  }
  .subfot02_row02 {
    order: 1;
    margin-top: 0;
  }
  .subfot02_row_tt_wrap {
    width: 86vw;
    align-items: center;
  }
  .sv_footer02_04 {
    width: 15vw;
  }
  .sv_footer02_05 {
    width: 42vw;
    margin-top: 3vw;
  }
  .subfot02_row_tt01 {
    font-size: 5.2vw;
    text-align: center;
    margin-top: 4vw;
  }
  .subfot02_row_tt02 {
    font-size: 3.5vw;
    text-align: center;
    margin-top: 4vw;
  }
  .subfot02_row02_bot {
    justify-content: center;
    gap: 2vw;
    margin-top: 7vw;
  }
  .subfot02_row02_bot_row {
    width: 38vw;
  }
  /* ── bcon06 — 2-col → 세로 스택 (내부 데코 그대로 유지) ── */
  .bcon06_main {
    flex-direction: column;
  }
  .bcon06_row {
    width: 100%;
    overflow: hidden;
  }
  .bcon06_04 {
    width: 14.02423%;
  }
  .bcon06_03 {
    width: 21.0484%;
  }
  .bcon06_07 {
    top: -23%;
  }
  .bcon06_08 {
    width: 76.4975%;
  }
  .bcon06_06 {
    bottom: -40%;
    margin-left: 13%;
  }
  /* ── subfot04 — 영상 배경 + 중앙 카피 ── */
  .subfot04 {
    padding: 24vw 0;
  }
  .sv_footer04_01 {
    width: 85vw;
  }
  .subfot04_tt {
    font-size: 3.5vw;
    text-align: center;
    line-height: 1.6;
    margin-top: 4vw;
  }
  .subfot04_bg_after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.83) 0%, rgba(255, 255, 255, 0) 93%);
  }
}