@charset "UTF-8";
.bcon02 {
  background-image: url(/images/bcon02_01.png);
  height: calc(var(--px) * 386);
}

.bcon02_tt01 {
  font-size: calc(var(--px) * 34);
  font-weight: 900;
}
.bcon02_tt01 span {
  color: #71994B;
}

.bcon02_tt02 {
  font-size: calc(var(--px) * 20);
  font-weight: 500;
  line-height: 1.7;
  margin-top: 1.2vw;
}
.bcon02_tt02 span {
  font-weight: 700;
}

.bcon03 {
  background-image: url(/images/bcon03_01.png);
}

.bcon03_main {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 9vw 0;
}

.bcon03_img {
  width: 44.0946%;
  aspect-ratio: 840/720;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.bcon03_right {
  width: calc(var(--px) * 845);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  color: #fff;
  text-align: end;
}

.bcon03_03 {
  width: 14.3196%;
  aspect-ratio: 121/101;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.bcon_num {
  color: #71994B;
  font-weight: 500;
  font-size: calc(var(--px) * 160);
}

.bcon03_num {
  color: #EFF7E7;
}

.bcon_sub_tt {
  font-size: calc(var(--px) * 24);
  font-weight: 700;
  color: #71994B;
  font-style: italic;
}

.bcon03_tt01 {
  font-size: calc(var(--px) * 34);
  margin-top: 0.5vw;
}

.bcon03_tt02 {
  font-size: calc(var(--px) * 22);
  font-weight: 500;
  margin-top: 1vw;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.bcon03_sub_tt b,
.bcon03_tt01 b,
.bcon03_tt02 b {
  font-weight: 900;
}

.bcon04 {
  background-color: #EFF8E7;
}

.bcon04_num {
  color: #fff;
  margin-left: 12vw;
}

.bcon04_top {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5vw;
  padding-bottom: 5vw;
  padding-top: 4vw;
}

.bcon04_top_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 7vw;
}

.bcon04_top_right_tt01 {
  font-size: calc(var(--px) * 34);
  font-weight: 800;
  margin-top: 1vw;
}
.bcon04_top_right_tt01 span {
  color: #71994B;
}

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

.bcon04_main {
  width: calc(var(--px) * 1920);
}

.bcon04_main_img {
  aspect-ratio: 1920/720;
}
.bcon04_main_img > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bcon05_main {
  justify-content: flex-start;
  padding: 9vw 0;
  align-items: flex-start;
}

.bcon05_left {
  width: calc(var(--px) * 723);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-left: calc(var(--px) * 237);
  margin-top: 4vw;
}

.bcon05_num {
  line-height: 0.9;
}

.bcon05_left_tt01 {
  font-size: calc(var(--px) * 34);
  font-weight: 800;
  margin-top: 1.5vw;
}
.bcon05_left_tt01 span {
  color: #71994B;
}

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

.bcon05_04 {
  width: 50.7088%;
  aspect-ratio: 966/108;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  bottom: -2%;
}

.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%;
}

.bcon07 {
  padding-top: 9vw;
  padding-bottom: 9vw;
}

.bcon07_01 {
  width: 10.8662%;
  aspect-ratio: 207/34;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 1vw;
}

.bcon07_02 {
  width: 37.2179%;
  aspect-ratio: 709/77;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

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

.bcon07_slide {
  cursor: url("/images/bcon07_06.png") 58 24, pointer;
  margin-top: 6vw;
}
.bcon07_slide .swiper-slide {
  width: auto !important;
}

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

.bcon07_tt02 {
  font-size: calc(var(--px) * 20);
  font-weight: 500;
  margin-top: 4vw;
}
.bcon07_tt02 span {
  color: #71994B;
}

@media screen and (max-width: 599px) {
  /* ── bcon02 ── */
  .bcon02 {
    height: auto;
    padding: 12vw 0%;
    box-sizing: border-box;
  }
  .bcon02_tt01 {
    font-size: 5vw;
    text-align: center;
  }
  .bcon02_tt02 {
    font-size: 3.5vw;
    margin-top: 3vw;
    text-align: center;
  }
  /* ── bcon03 — row → column ── */
  .bcon03_main {
    flex-direction: column;
    padding: 14vw 5.2%;
    box-sizing: border-box;
    gap: 6vw;
  }
  .bcon03_img {
    width: 90.2%;
  }
  .bcon03_right {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .bcon03_03 {
    width: 22.2%;
  }
  /* ── 공통 숫자/서브타이틀/타이틀/본문 ── */
  .bcon_num {
    font-size: 20vw;
    line-height: 0.9;
  }
  .bcon_sub_tt {
    font-size: 3.5vw;
  }
  .bcon03_tt01 {
    font-size: 5vw;
    margin-top: 2vw;
  }
  .bcon03_tt02 {
    font-size: 3.5vw;
    margin-top: 3vw;
    gap: 4vw;
  }
  /* ── bcon04 ── */
  .bcon04_num {
    margin-left: 0;
  }
  .bcon04_top {
    flex-direction: column;
    gap: 3vw;
    padding-top: 12vw;
    padding-bottom: 8vw;
    align-items: center;
  }
  .bcon04_top_right {
    margin-top: 0;
    align-items: center;
    text-align: center;
    width: 90.2%;
  }
  .bcon04_top_right_tt01 {
    font-size: 5vw;
    margin-top: 2vw;
  }
  .bcon04_top_right_tt02 {
    font-size: 3.5vw;
    margin-top: 3vw;
  }
  .bcon04_main {
    width: 100%;
  }
  /* ── bcon05 — row → column ── */
  .bcon05_main {
    flex-direction: column;
    padding: 14vw 5.2%;
    box-sizing: border-box;
    align-items: center;
    gap: 6vw;
  }
  .bcon05_left {
    width: 90.2%;
    margin-left: 0;
    margin-top: 0;
    align-items: center;
    text-align: center;
  }
  .bcon05_left_tt01 {
    font-size: 5vw;
    margin-top: 2vw;
  }
  .bcon05_left_tt02 {
    font-size: 3.5vw;
    margin-top: 3vw;
  }
  .bcon05_04 {
    width: 80.2%;
  }
  /* ── 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%;
  }
  /* ── bcon07 ── */
  .bcon07 {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .bcon07_01 {
    width: 31.2%;
  }
  .bcon07_02 {
    width: 88.2%;
  }
  .bcon07_tt01 {
    font-size: 3.5vw;
    margin-top: 3vw;
    text-align: center;
  }
  .bcon07_slide {
    margin-top: 10vw;
  }
  .bcon07_slide_img {
    width: 70vw;
  }
  .bcon07_tt02 {
    font-size: 3.5vw;
    margin-top: 6vw;
    text-align: center;
  }
}