@charset "utf-8";
html {
  background: #000;
}
.footer_top_btn {
  background: #fff;
}
.w1500 {
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
}
.tit_wrap {
  text-align: center;
}
.tit_wrap .big_tit {
  display: block;
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 84px */
}
.tit_wrap .big_tit b {
  background: linear-gradient(90deg, #4a8eff 0%, #00ffc3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tit_wrap .sub_tit {
  color: #fff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  font-family: Poppins;
  font-size: 26px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%; /* 39px */
  padding: 12px 34px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: -2px -2px 4px 0 rgba(255, 255, 255, 0.25) inset,
    2px 2px 4px 0 rgba(255, 255, 255, 0.25) inset;
  display: block;
  margin: 0 auto 30px;
  width: fit-content;
}
.vision09_sc {
  position: relative;
}
.vision09_sc .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.vision09_sc .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .tit_wrap .big_tit {
    font-size: 40px;
  }
}
@media screen and (max-width: 768px) {
  .tit_wrap .big_tit {
    font-size: 30px;
  }
  .tit_wrap .sub_tit {
    font-size: 15px;
    padding: 8px 26px;
    -webkit-text-stroke-width: inherit;
    margin: 0 auto 12px;
  }
}
/* 비전 섹션 1 */
.vision09_sc1 {
  height: var(--vh);
  display: flex;
  align-items: center;
}
.vision09_sc1 .bg {
  height: var(--vh);
}
.vision09_sc1 .txt_wrap {
  font-size: 60px;
  width: 100%;
  transition: 1.2s linear;
}

.vision09_sc1 .txt_inner {
  display: flex;
}
.vision09_sc1 .txt_inner .word {
  display: flex;
  gap: 2px;
}
.vision09_sc1 .txt_2 {
  justify-content: center;
}
.vision09_sc1 .txt_3 {
  justify-content: flex-end;
}
.vision09_sc1 .txt_inner:not(:last-child) {
  margin-bottom: 50px;
}
.vision09_sc1 .txt_wrap .item {
  color: #3b3b3b;
  font-family: 'Playfair Display';
  font-size: 60px;
  font-weight: 400;
  line-height: 1.3;
  height: 78px;
  transition: 0.45s;
  display: flex;
  gap: 10px;
  padding: 12px 34px;
  border-radius: 2100px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.6),
    -2px -2px 4px 0 rgba(255, 255, 255, 0.25) inset,
    2px 2px 4px 0 rgba(255, 255, 255, 0.25) inset;
  width: fit-content;
}
.vision09_sc1 .txt_wrap .item b.strong {
  display: flex;
}
.vision09_sc1 .txt_wrap .item b,
.vision09_sc1 .txt_wrap .item span {
  display: inline-block;
}
.vision09_sc1 .txt_wrap .item b span {
  position: relative;
  background: linear-gradient(90deg, #8e8e8e 0%, #8e8e8e 77.78%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.45s;
}
.vision09_sc1 .txt_wrap .item b span:after {
  content: attr(data-content);
  opacity: 0;
  background: linear-gradient(90deg, #4a8eff 0%, #00ffc3 77.78%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.45s;
  position: absolute;
  left: 0;
  top: 0;
  transition-delay: inherit;
}
.vision09_sc1 .txt_wrap .item b.on span:after {
  opacity: 1;
}
.vision09_sc1 .txt_wrap .item .on {
}
.vision09_sc1 .txt_wrap .item span.split {
  transition: 0.45s;
  overflow: hidden;
}

.vision09_sc1 .txt_wrap .item span.split.off {
  opacity: 0;
  height: 78px;
}
.vision09_sc1 .txt_wrap .word span.split span {
  transition: 1.1s;
  width: fit-content;
}
.vision09_sc1.none .txt_wrap .word span.split span {
  width: 0 !important;
}

.vision09_sc1.first .txt_wrap {
  width: 4.5em;
  margin: 0 auto;
}
.vision09_sc1.first .txt_wrap .word span.split span {
  transition-delay: 0.2s !important;
}
.vision09_sc1.first .txt_wrap .item {
  gap: 0;
  padding: 0;
  height: 0;
}
.vision09_sc1.first .txt_inner:not(:last-child) {
  margin-bottom: 0;
}
.vision09_sc1.sec .txt_wrap .item {
  font-size: 80px;
  font-weight: 700;
}
.vision09_sc1.sec .txt_wrap {
  width: 6.2em;
}
.vision09_sc1 .w1500 {
  position: relative;
}

.vision09_sc1 .txt_wrap2 b,
.vision09_sc1 .txt_wrap2 p {
  opacity: 0;
  transition: opacity 0.45s;
}
.vision09_sc1 .txt_wrap2 p {
  transition-delay: 0.45s;
}
.vision09_sc1 .txt_wrap2 b {
  background: linear-gradient(180deg, #fbfbfb 0%, #cacaca 80.61%, #959595 100%);
  background-clip: text;
  position: absolute;
  right: 0;
  -webkit-background-clip: text;
  font-family: Pretendard;
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -2.4px;
  -webkit-text-fill-color: transparent;
}
.vision09_sc1 .txt_wrap2 p {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 26px;
  font-weight: 300;
  line-height: 150%; /* 39px */
  position: absolute;
  right: 0;
}
.vision09_sc1 .txt_wrap2 p span {
  background: linear-gradient(90deg, #4a8eff 0%, #00ffc3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.vision09_sc1.third .txt_wrap {
  transition: 0.45s;
  transform: translateX(-255px);
}
.vision09_sc1.third .txt_wrap2 {
}
.vision09_sc1.third .txt_wrap2 b {
  opacity: 1;
  right: 50%;
  transform: translate(calc(+100% - 60px), 15px);
}
.vision09_sc1.third .txt_wrap2 p {
  opacity: 1;
  top: 120px;
  right: 50%;
  transform: translateX(50%);
  width: 100%;
  /* transition-delay: 0s; */
}
.vision09_sc1 .txt_3.mobile_block {
  display: none;
}
@media screen and (max-width: 1150px) {
  .vision09_sc1 .txt_wrap .item {
    font-size: 40px;
    height: 52px;
  }
  .vision09_sc1.sec .txt_wrap .item {
    font-size: 40px;
  }
  .vision09_sc1.sec .txt_wrap {
    width: 3.2em;
  }
  .vision09_sc1 .txt_wrap2 b {
    font-size: 40px;
  }
  .vision09_sc1.third .txt_wrap {
    transform: translateX(-120px);
  }
  .vision09_sc1.third .txt_wrap2 b {
    transform: translate(calc(+100% - 18px), 9px);
  }
  .vision09_sc1.third .txt_wrap2 p {
    top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .vision09_sc1 .txt_wrap2 p span {
    display: block;
  }
  .vision09_sc1 .txt_wrap .item {
    font-size: 28px;
    height: 39px;
    padding: 4px 15px;
  }
  .vision09_sc1 .txt_inner:not(:last-child) {
    margin-bottom: 20px;
  }
  .vision09_sc1 .txt_3.pc_block {
    display: none;
  }
  .vision09_sc1 .txt_3.mobile_block {
    display: flex;
  }
  .vision09_sc1 .txt_3 .item {
    flex-wrap: wrap;
    max-width: 275px;
    justify-content: center;
    height: 88px;
    font-size: 28px;
  }
  .vision09_sc1 .txt_3 .item .inner {
    display: flex;
    gap: 10px;
    justify-content: center;
  }
  .vision09_sc1 .txt_3 .item .inner2 {
    justify-content: flex-end;
  }
  .vision09_sc1.first .txt_3 .item .inner {
    height: 0;
  }
  .vision09_sc1.first .txt_3 .item .inner {
    gap: 0;
  }
  .vision09_sc1 .txt_wrap2 b {
    font-size: 28px;
  }
  .vision09_sc1 .txt_wrap2 p {
    font-size: 17px;
  }
  .vision09_sc1 .txt_wrap .item span.split.off {
    height: 39px;
  }
  .vision09_sc1.sec .txt_wrap .item {
    font-size: 28px;
  }
  .vision09_sc1.sec .txt_wrap {
    width: 2.3em;
  }
  .vision09_sc1.third .txt_wrap {
    transform: translateX(-80px);
  }
  .vision09_sc1.third .txt_wrap2 b {
    transform: translate(calc(+100% - 6px), 5px);
  }
}

/* 비전 섹션 2 */

.vision09_sc2 {
  padding: 150px 0;
}
.vision09_sc2 .inner {
  width: 90%;
  max-width: 1700px;
  margin: 0 auto;
}
.vision09_sc2 .tit_wrap {
  margin-bottom: 120px;
}
.vision09_sc2 .tit_wrap > b {
  color: #fff;
  font-family: Pretendard;
  font-size: 26px;
  font-weight: 700;
  line-height: 150%; /* 39px */
  display: block;
  margin-bottom: 20px;
}
.vision09_sc2 .tit_wrap .big_tit {
  margin-bottom: 10px;
}
.vision09_sc2 .tit_wrap .txt_1 {
  color: #fff;
  font-family: Pretendard;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%; /* 36px */
  margin-bottom: 30px;
  opacity: 0.5;
}
.vision09_sc2 .tit_wrap .txt_2 {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 39px */
}

.vision09_sc2 .tit_wrap .txt_2 span {
  background: linear-gradient(90deg, #4a8eff 0%, #00ffc3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.vision09_sc2 .con_wrap {
  display: flex;
  align-items: center;
}
.vision09_sc2 .img_wrap {
  position: relative;
  flex: 1;
}
.vision09_sc2 .img_wrap .img1 {
}
.vision09_sc2 .img_wrap .img2 {
  position: absolute;
  max-width: 564px;
  bottom: 13px;
  width: 60%;
}
.vision09_sc2 .txt_wrap {
  width: 40%;
  min-width: 680px;
}
.vision09_sc2 .txt_wrap p {
  color: #fff;
  font-family: Pretendard;
  font-size: 24px;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: -0.48px;
}
.vision09_sc2 .txt_wrap p b {
  font-weight: 600;
  background: linear-gradient(90deg, #4a8eff 0%, #00ffc3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vision09_sc2 .img_wrap .img2_m {
  display: none;
}
@media screen and (max-width: 1350px) {
  .vision09_sc2 .img_wrap .img2 {
    display: none;
  }
  .vision09_sc2 .img_wrap .img2_m {
    display: block;
    position: absolute;
    max-width: 564px;
    bottom: -85px;
    width: 60%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1024px) {
  .vision09_sc2 .con_wrap {
    flex-direction: column;
    gap: 100px;
  }
  .vision09_sc2 .img_wrap .img2_m {
    bottom: auto;
  }
  .vision09_sc2 .txt_wrap {
    width: 100%;
  }
  .vision09_sc2 .tit_wrap > b {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .vision09_sc2 .tit_wrap .txt_1 {
    font-size: 18px;
  }
  .vision09_sc2 .img_wrap .img2_m {
    max-width: 300px;
  }
  .vision09_sc2 .txt_wrap {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .vision09_sc2 {
    padding: 80px 0;
  }
  .vision09_sc2 .txt_wrap {
    min-width: 320px;
  }
  .vision09_sc2 .img_wrap .img2_m {
    max-width: 300px;
    width: unset;
  }
  .vision09_sc2 .tit_wrap .txt_1 {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .vision09_sc2 .tit_wrap .txt_2 {
    font-size: 16px;
  }
  .vision09_sc2 .tit_wrap .txt_2 span {
    font-size: 16px;
  }
  .vision09_sc2 .tit_wrap {
    margin-bottom: 40px;
  }
  .vision09_sc2 .txt_wrap p {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .vision09_sc2 .txt_wrap p br {
    display: none;
  }
}
/* 비전 섹션 3 */
.vision09_sc3 {
  padding: 150px 0;
}
.vision09_sc3 .tit_wrap {
  margin-bottom: 80px;
}
.vision09_sc3 .con_wrap {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.vision09_sc3 .con {
  max-width: 680px;
  flex: 1;
}
.vision09_sc3 .img_wrap .img {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.vision09_sc3 .img_wrap .img:after {
  content: '';
  display: block;
  width: 6px;
  height: 54px;
  background: url('/img/vision/vision09_sc3_line.png') no-repeat center center /
    contain;
}

.vision09_sc3 .img_wrap .border_box {
  background-image: linear-gradient(
    351deg,
    rgba(0, 255, 195, 1) 0%,
    rgba(74, 142, 255, 1) 85%
  );
  background-origin: border-box;
  background-clip: border-box;
  padding: 1px;
  border-radius: 99px;
  margin-bottom: 30px;
}
.vision09_sc3 .img_wrap strong {
  color: #fff;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 45px */
  display: block;
  text-align: center;
  background: #000;
  border-radius: 99px;
  box-shadow: 0 0 10px 0 rgba(82, 217, 229, 0.2),
    -2px -2px 4px 0 rgba(255, 255, 255, 0.25) inset,
    2px 2px 4px 0 rgba(255, 255, 255, 0.25) inset;
  padding: 12px 34px;
}
.vision09_sc3 .img_wrap strong b {
  background: linear-gradient(90deg, #4a8eff 0%, #00ffc3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.vision09_sc3 .con:nth-child(2) .img_wrap .img {
  flex-direction: column-reverse;
}
.vision09_sc3 .con:nth-child(2) .img_wrap .img:after {
  transform: rotate(180deg);
}
.vision09_sc3 .con:nth-child(2) .border_box {
  display: block;
  margin-bottom: 0;
  margin-top: 30px;
}
.vision09_sc3 .txt_wrap {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 33px */
  letter-spacing: -0.44px;
}
@media screen and (max-width: 768px) {
  .vision09_sc3 {
    padding: 60px 0;
  }
  .vision09_sc3 .tit_wrap {
    margin-bottom: 10px;
  }
  .vision09_sc3 .con_wrap {
    flex-direction: column;
    gap: 30px;
  }
  .vision09_sc3 .img_wrap .img:after {
    background: url('/img/vision/vision09_sc3_line_m.png') no-repeat center
      center / contain;
    height: 25px;
  }
  .vision09_sc3 .img_wrap strong {
    font-size: 18px;
  }
  .vision09_sc3 .txt_wrap {
    font-size: 15px;
    letter-spacing: -0.3px;
  }
  .vision09_sc3 .txt_wrap .br_none {
    display: none;
  }
  .vision09_sc3 .con:nth-child(2) {
    display: flex;
    flex-direction: column-reverse;
    gap: 30px;
  }
  .vision09_sc3 .con:nth-child(2) .img_wrap {
    display: flex;
    flex-direction: column;
  }
  .vision09_sc3 .con:nth-child(2) .border_box {
    margin-top: 0;
  }
}
/* 비전 섹션 4 */
.vision09_sc4 {
  padding: 150px 0;
}
.vision09_sc4 .tit_wrap {
  padding-bottom: 80px;
}
.vision09_sc4 .con_wrap {
  display: flex;
  gap: 100px;
  align-items: center;
}
.vision09_sc4 .org {
  width: 40%;
  opacity: 0.5;
}
.vision09_sc4 .org td {
  vertical-align: middle;
}
.vision09_sc4 table {
  width: 100%;
}
.vision09_sc4 .pf {
  width: calc(60% - 100px);
  transition-delay: 0.3s;
}
.vision09_sc4 .pf table {
  position: relative;
}
.vision09_sc4 .org strong {
  color: #fff;
  text-align: center;
  display: block;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 45px */
  margin-bottom: 24px;
}
.vision09_sc4 .org td {
  padding: 10px;
  border: 1px solid #fff;
}
.vision09_sc4 .org .left {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 33px */
}
.vision09_sc4 .org .right {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 30px */
}
.vision09_sc4 .pf strong {
  text-align: center;
  font-family: Pretendard;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 60px */
  letter-spacing: -1.75px;
  background: linear-gradient(90deg, #4a8eff 16.97%, #00ffc3 85.73%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  margin-bottom: 24px;
}
.vision09_sc4 .pf table {
  background: linear-gradient(
    180deg,
    #4a8eff 0%,
    #28c2e4 90.32%,
    #00ffc3 143.32%
  );

  box-shadow: 0 0 20px 0 #30b6ea;
}
.vision09_sc4 .pf table:after {
  content: '';
  display: block;
  width: 100px;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  background: url('/img/vision/vision09_sc4_img1.png') no-repeat center center /
    100% 100%;
}
.vision09_sc4 .pf td {
  padding: 15px;
  vertical-align: middle;
}
.vision09_sc4 .pf .left {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 39px */
  border: 1px solid #88c3c5;
}
.vision09_sc4 .pf .right {
  color: #262626;
  text-align: center;
  font-family: Pretendard;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
  letter-spacing: -0.96px;
  border-right: 1px solid #ccecfd;
  border-bottom: 1px solid #ccecfd;
  background: #fff;
}
@media screen and (max-width: 1024px) {
  .vision09_sc4 .pf .left {
    font-size: 16px;
  }
  .vision09_sc4 .pf .right {
    font-size: 15px;
  }
  .vision09_sc4 .org .left {
    font-size: 16px;
  }
  .vision09_sc4 .org .right {
    font-size: 14px;
  }
  .vision09_sc4 .pf table:after {
    display: none;
  }
  .vision09_sc4 .con_wrap {
    gap: 2vw;
  }
  .vision09_sc4 .pf {
    width: calc(60% - 2vw);
  }
  .vision09_sc4 .pf strong {
    font-size: 24px;
  }
  .vision09_sc4 .org strong {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .vision09_sc4 {
    padding: 60px 0;
  }
  .vision09_sc4 .con_wrap {
    flex-direction: column;
    gap: 30px;
  }
  .vision09_sc4 .org {
    width: 100%;
  }
  .vision09_sc4 .pf {
    width: 100%;
  }
  .vision09_sc4 .tit_wrap {
    padding-bottom: 40px;
  }
  .vision09_sc4 .org strong {
    margin-bottom: 12px;
  }
  .vision09_sc4 .pf .left {
    padding: 8px 0;
  }
  .vision09_sc4 .pf .right {
    padding: 8px 0;
  }
  .vision09_sc4 .org td {
    padding: 8px 0;
  }
}
/* 비전 섹션 5 */
.vision09_sc5 {
  padding: 150px 0;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%
    ),
    linear-gradient(180deg, #101010 8.29%, rgba(16, 16, 16, 0) 36.13%),
    linear-gradient(180deg, rgba(16, 16, 16, 0) 77.63%, #101010 100%), #101010;
}
.vision09_sc5 .tit_wrap {
  margin-bottom: 80px;
}
.vision09_sc5 .graph {
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: -2px -2px 4px 0 rgba(255, 255, 255, 0.25) inset,
    2px 2px 4px 0 rgba(255, 255, 255, 0.25) inset;
  margin-bottom: 40px;
}
.vision09_sc5 .g_item {
  display: flex;
}
.vision09_sc5 .g_item:not(:last-child) {
  border-bottom: 1px solid #6c6c6c80;
}
.vision09_sc5 .g_item .left {
  width: 145px;
  text-align: center;
  padding: 37px 0;
  box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.vision09_sc5 .g_item .left b {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%; /* 24px */
  letter-spacing: -0.6px;
}
.vision09_sc5 .g_item .right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding-right: 10px;
}
.vision09_sc5 .g_item .bar_wrap {
}
.vision09_sc5 .g_item .bar {
  position: relative;
  max-width: 1000px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.08) 0%,
    rgba(255, 255, 255, 0.14) 80%
  );
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.vision09_sc5 .g_item .num {
  color: rgba(255, 255, 255, 0.1);
  text-align: center;
  font-family: Pretendard;
  font-size: 30px;
  font-weight: 700;
  line-height: 150%; /* 45px */
  letter-spacing: -0.9px;
  transition: 0.45s;
}
.vision09_sc5 .g_item.g1 .bar {
  width: 14.3%;
  max-width: 144px;
}
.vision09_sc5 .g_item.g2 .bar {
  width: 54%;
  max-width: 540px;
}
.vision09_sc5 .g_item.g3 .bar {
  width: 89%;
  max-width: 890px;
}
.vision09_sc5 .g_item.g4 .bar {
  width: 100%;
  max-width: 1000px;
}
.vision09_sc5 .g_item .bar_fill {
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.vision09_sc5 .graph.aos-animate .g_item .bar_fill {
  width: 100%;
  background: linear-gradient(90deg, #4a8eff 0%, #00ffc3 100%);
}
.vision09_sc5 .graph.aos-animate .g_item .num {
  color: rgba(255, 255, 255, 1);
}
.vision09_sc5 .graph.aos-animate .g_item.g1 .bar_fill,
.vision09_sc5 .graph.aos-animate .g_item.g1 .num {
  transition-delay: 2.6s;
}
.vision09_sc5 .graph.aos-animate .g_item.g2 .bar_fill,
.vision09_sc5 .graph.aos-animate .g_item.g2 .num {
  transition-delay: 2s;
}
.vision09_sc5 .graph.aos-animate .g_item.g3 .bar_fill,
.vision09_sc5 .graph.aos-animate .g_item.g3 .num {
  transition-delay: 1.4s;
}
.vision09_sc5 .graph.aos-animate .g_item.g4 .bar_fill,
.vision09_sc5 .graph.aos-animate .g_item.g4 .num {
  transition-delay: 0.7s;
}
.vision09_sc5 .txt_wrap {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 45px */
  letter-spacing: -0.6px;
}
.vision09_sc5 .txt_wrap b {
  font-weight: 700;
}
.vision09_sc5 .txt_wrap .strong {
  background: linear-gradient(90deg, #4a8eff 0%, #00ffc3 64.42%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
  .vision09_sc5 {
    padding: 60px 0;
  }
  .vision09_sc5 .tit_wrap {
    margin-bottom: 40px;
  }
  .vision09_sc5 .g_item .left {
    width: 72px;
    padding: 5px 0;
  }
  .vision09_sc5 .g_item .left b {
    font-size: 15px;
  }
  .vision09_sc5 .graph {
    border-radius: 6px;
    margin-bottom: 20px;
  }
  .vision09_sc5 .g_item .bar {
    height: 12px;
  }
  .vision09_sc5 .g_item .num {
    font-size: 14px;
  }
  .vision09_sc5 .txt_wrap {
    font-size: 18px;
  }
}

/* 비전 섹션 6 */
.vision09_sc6 {
  background: url('/img/vision/vision09_sc6_bg.png') no-repeat center center /
    cover;
  padding: 150px 0;
}
.vision09_sc6 .tit_wrap {
  margin-bottom: 80px;
}
.vision09_sc6 .tit_wrap h3 {
  color: #fff;
  font-family: Pretendard;
  font-size: 80px;
  font-weight: 700;
  line-height: 1.6;
  display: block;
  margin-bottom: 30px;
}
.vision09_sc6 .tit_wrap h3 span {
  font-size: 50px;
}
.vision09_sc6 .con_wrap {
  display: flex;
  gap: 30px;
}
.vision09_sc6 .con_wrap li {
  flex: 1;
  padding: 100px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  border-radius: 50px;
  background: linear-gradient(180deg, #222 0%, #121212 100%);
  box-shadow: 3px 3px 4px 0 rgba(255, 255, 255, 0.1) inset,
    0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.vision09_sc6 .con_wrap li img {
  max-width: 103px;
}
.vision09_sc6 .con_wrap li p {
  color: var(--85858-a, #85858a);
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}
.vision09_sc6 .con_wrap li p b {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .vision09_sc6 .tit_wrap h3 span {
    font-size: 22px;
  }
  .vision09_sc6 .tit_wrap h3 {
    font-size: 30px;
  }
  .vision09_sc6 .con_wrap li p {
    font-size: 18px;
  }
  .vision09_sc6 .con_wrap li img {
    max-width: 60px;
  }
  .vision09_sc6 .con_wrap li {
    padding: 40px 10px;
    gap: 12px;
  }
}

@media screen and (max-width: 768px) {
  .vision09_sc6 {
    padding: 60px 0;
  }
  .vision09_sc6 .con_wrap {
    flex-wrap: wrap;
    gap: 20px;
  }
  .vision09_sc6 .con_wrap li {
    flex: unset;
    width: calc(50% - 10px);
    padding: 40px 10px;
    gap: 12px;
    border-radius: 25px;
    box-sizing: border-box;
  }
  .vision09_sc6 .tit_wrap h3 {
    margin-bottom: 12px;
    line-height: 1.3;
  }
  .vision09_sc6 .tit_wrap {
    margin-bottom: 40px;
  }
}