.b2c-body-wrapper {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  
  /*▼▼▼▼▼▼▼▼▼ 섹션1  ▼▼▼▼▼▼▼▼▼*/
  .b2c-stn-1 {

  }

  .b2c-wide-card {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-radius: 21px;
    padding: 55px 60px;
  }
  
  .dabonaem {
    background-color: var(--btn-box-bg-orange);
    box-shadow: var(--box-shadow);
    margin-top: 120px;
  }

  .kpm {
    background-color: var(--bg-btn-black);
    box-shadow: var(--box-shadow);
    margin-top: 50px;
    margin-bottom: 120px;
  }

  .wide-card-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .wide-card-title {
    font-family: 'Pretendard';
    font-size: 34px;
    font-weight: 700;
    line-height: 48px;
    color: var(--font-white);
  }

  .wide-card-subtitle {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: var(--font-white);
    margin-top: 16px;
  }

  .wide-card-img-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 1;
  }

  .dabonaem-img {
    width: 438px;
    border-radius: 15px;
  }

  .kpm-img {
    width: 438px;
    border-radius: 15px;
  }

  .kpm .wide-card-img-wrapper {
    order: 1;
    justify-content: flex-start;
    flex-grow: 0;
    margin-right: 80px;
  }
  .kpm .wide-card-text-wrapper {
    order: 2;
  }

  /*▼▼▼▼▼▼▼▼▼ 섹션2  ▼▼▼▼▼▼▼▼▼*/
  .b2c-stn-2 .icon-card:nth-child(1) .icon-subtitle {
    width: 180px;
  }
  .b2c-stn-2 .icon-card:nth-child(2) .icon-subtitle {
    width: 215px;
  }
  .b2c-stn-2 .icon-card:nth-child(3) .icon-subtitle {
    width: 190px;
  }
  .b2c-stn-2 .icon-card:nth-child(4) .icon-subtitle {
    width: 180px;
  }

  .b2c-stn-2 .icon-card:nth-child(1) .icon-title {
    width: 180px;
  }
  .b2c-stn-2 .icon-card:nth-child(2) .icon-title {
    width: 160px;
  }
  .b2c-stn-2 .icon-card:nth-child(3) .icon-title {
    width: 160px;
  }
  .b2c-stn-2 .icon-card:nth-child(4) .icon-title {
    width: 160px;
  }

  /*▼▼▼▼▼▼▼▼▼ 섹션3  ▼▼▼▼▼▼▼▼▼*/
  .b2c-stn-3 {
    margin-bottom: 120px;
  }

  .vs-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    width: 1200px;
    height: fit-content;
    column-gap: 40px;
  }

  .dabonaem-wrapper {
    padding: 40px 53px 46px 53px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 580px;
    position: relative;
    background-color: var(--btn-box-bg-orange);
    box-shadow: var(--box-shadow);
    border-radius: 15px;
    height: 640px;
  }

  .kpm-wrapper {
    padding: 40px 53px 46px 53px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 580px;
    position: relative;
    background-color: var(--bg-btn-black);
    box-shadow: var(--box-shadow);
    border-radius: 15px;
    height: 640px;
  }

  .vs-title {
    font-family: 'Pretendard';
    font-size: 34px;
    font-weight: 700;
    line-height: 48px;
    color: var(--font-white);
    margin-bottom: 16px;
    text-align: center;
    width: 100%;
  }

  .vs-subtitle {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: var(--font-white);
    word-break: keep-all;
    margin-bottom: 20px;
  }

  .vs-strength-wrapper {
    border-radius: 21px;
    width: 100%;
    background-color: var(--box-bg-gray);
    padding: 29px 0px 45px 27px;
  }

  .vs-strength-title {
    font-family: Pretendard;
    font-size: 34px;
    font-weight: 700;
    line-height: 48px;
    color: var(--font-black);
    margin-bottom: 29px;
  }

  .vs-strength {
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    color: var(--font-black);
  }

  .vs-subtitle ul {
    margin: 0;
  }

  .vs-subtitle ul li {
    margin-bottom: 10px;
  }

  .vs-subtitle ul li::marker {
    font-size: 12pxz;
  }

  .vs-subtitle ul li:last-child {
    margin-bottom: 0;
  }

  .vs-strength ul {
    margin: 0;
    padding-left: 27px;
  }

  .vs-strength ul li {
    margin-bottom: 10px;
  }

  .vs-strength ul li:last-child {
    margin-bottom: 0px;
  }

  .vs-strength ul li::marker {
    font-size: 16px;
  }


  @media screen and (min-width: 1920px) {
  
  }
  
  @media screen and (min-width: 1280px) and (max-width: 1919px) {
  
  }
  
  /* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
  @media screen and (min-width: 768px) and (max-width: 1279px) { 
    
  
    /*■■■■■■■■■ 섹션1  ■■■■■■■■■*/  
    .b2c-stn-1 {

    }
  
    .b2c-wide-card {
      width: 696px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      border-radius: 21px;
      padding: 25px 25px 20px 25px;
    }
    
    .dabonaem {
      background-color: var(--btn-box-bg-orange);
      margin-top: 50px;
    }
  
    .kpm {
      background-color: var(--bg-btn-black);
      margin-top: 30px;
      margin-bottom: 60px;
    }
  
    .wide-card-text-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
    }
  
    .wide-card-title {
      font-family: 'Pretendard';
      font-size: 24px;
      font-weight: 700;
      line-height: 29px;
      color: var(--font-white);
    }
  
    .wide-card-subtitle {
      font-family: 'Pretendard';
      font-size: 14px;
      font-weight: 500;
      line-height: 17px;
      color: var(--font-white);
      margin-top: 5px;
    }
  
    .wide-card-img-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-start;
      flex-grow: 1;
      margin-top: 20px;
      width: 100%;
    }
  
    .dabonaem-img {
      width: 438px;
    }
  
    .kpm-img {
      width: 438px;
    }
  
    .kpm .wide-card-img-wrapper {
      order: 2;
      justify-content: flex-start;
      flex-grow: 1;
      margin-right: 0;
    }
    .kpm .wide-card-text-wrapper {
      order: 1;
    }

    .kpm .wide-card-title {
      text-align: right;
      width: 100%;
    }

    .kpm .wide-card-subtitle {
      text-align: right;
      width: 100%;
    }


    /*■■■■■■■■■ 섹션2  ■■■■■■■■■*/  
    .b2c-stn-2 .icon-card:nth-child(1) .icon-subtitle {
      width: 180px;
    }
    .b2c-stn-2 .icon-card:nth-child(2) .icon-subtitle {
      width: 215px;
    }
    .b2c-stn-2 .icon-card:nth-child(3) .icon-subtitle {
      width: 190px;
    }
    .b2c-stn-2 .icon-card:nth-child(4) .icon-subtitle {
      width: 180px;
    }
  
    .b2c-stn-2 .icon-card:nth-child(1) .icon-title {
      width: 150px;
    }
    .b2c-stn-2 .icon-card:nth-child(2) .icon-title {
      width: 150px;
    }
    .b2c-stn-2 .icon-card:nth-child(3) .icon-title {
      width: 130px;
    }
    .b2c-stn-2 .icon-card:nth-child(4) .icon-title {
      width: 130px;
    }

    /*■■■■■■■■■ 섹션3  ■■■■■■■■■*/  
    .b2c-stn-3 {
      margin-bottom: 60px;
    }
  
    .vs-wrapper {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      width: 696px;
      height: fit-content;
      column-gap: 28px;
    }
  
    .dabonaem-wrapper {
      padding: 20px 16px 30px 16px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 329px;
      position: relative;
      background-color: var(--btn-box-bg-orange);
      border-radius: 15px;
      height: 439px;
    }
  
    .kpm-wrapper {
      padding: 20px 16px 30px 16px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 329px;
      position: relative;
      background-color: var(--bg-btn-black);
      border-radius: 15px;
      height: 439px;
    }
  
    .vs-title {
      font-family: 'Pretendard';
      font-size: 20px;
      font-weight: 700;
      line-height: 24px;
      color: var(--font-white);
      margin-bottom: 16px;
      text-align: center;
      width: 100%;
    }
  
    .vs-subtitle {
      font-family: 'Pretendard';
      font-size: 14px;
      font-weight: 500;
      line-height: 17px;
      color: var(--font-white);
      word-break: keep-all;
      margin-bottom: 20px;
    }
  
    .vs-strength-wrapper {
      border-radius: 21px;
      width: 100%;
      background-color: var(--box-bg-gray);
      padding: 30px 0px 45px 28px;
      height: 252px;
    }
  
    .vs-strength-title {
      font-family: Pretendard;
      font-size: 20px;
      font-weight: 700;
      line-height: 24px;
      color: var(--font-black);
      margin-bottom: 13px;
    }
  
    .vs-strength {
      font-family: Pretendard;
      font-size: 14px;
      font-weight: 500;
      line-height: 17px;
      color: var(--font-black);
    }
  
    .vs-subtitle ul {
      margin: 0;
      padding-left: 23px;
    }
  
    .vs-subtitle ul li {
      margin-bottom: 10px;
    }
  
    .vs-subtitle ul li::marker {
      font-size: 12pxz;
    }
  
    .vs-subtitle ul li:last-child {
      margin-bottom: 0;
    }
  
    .vs-strength ul {
      margin: 0;
      padding-left: 19px;
    }
  
    .vs-strength ul li {
      margin-bottom: 10px;
    }
  
    .vs-strength ul li:last-child {
      margin-bottom: 0px;
    }
  
    .vs-strength ul li::marker {
      font-size: 16px;
    }
  
  }
  
  /* ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
  @media screen and (max-width: 767px) {
    
    /*●●●●●●●●●● 섹션1  ●●●●●●●●●●*/
    .b2c-stn-1 {

    }
  
    .b2c-wide-card {
      width: 95.6vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      border-radius: 21px;
      padding: 25px 25px 20px 25px;
    }
    
    .dabonaem {
      background-color: var(--btn-box-bg-orange);
      margin-top: 40px;
    }
  
    .kpm {
      background-color: var(--bg-btn-black);
      margin-top: 30px;
      margin-bottom: 50px;
    }
  
    .wide-card-text-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
    }
  
    .wide-card-title {
      font-family: 'Pretendard';
      font-size: 16px;
      font-weight: 700;
      line-height: 19px;
      color: var(--font-white);
    }
  
    .wide-card-subtitle {
      font-family: 'Pretendard';
      font-size: 12px;
      font-weight: 500;
      line-height: 14px;
      color: var(--font-white);
      margin-top: 5px;
      word-break: keep-all;
    }
  
    .wide-card-img-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-start;
      flex-grow: 1;
      margin-top: 20px;
      width: 100%;
    }
  
    .dabonaem-img {
      width: 330px;
      max-width: 100%;
    }
  
    .kpm-img {
      width: 330px;
      max-width: 100%;
    }
  
    .kpm .wide-card-img-wrapper {
      order: 2;
      justify-content: flex-start;
      flex-grow: 1;
      margin-right: 0;
    }
    .kpm .wide-card-text-wrapper {
      order: 1;
    }

    .kpm .wide-card-title {
      text-align: right;
      width: 100%;
    }

    .kpm .wide-card-subtitle {
      text-align: right;
      width: 100%;
    }


    /*●●●●●●●●●● 섹션2  ●●●●●●●●●●*/  
    .b2c-stn-2 .icon-card:nth-child(1) .icon-subtitle {
      width: 110px;
    }
    .b2c-stn-2 .icon-card:nth-child(2) .icon-subtitle {
      width: 105px;
    }
    .b2c-stn-2 .icon-card:nth-child(3) .icon-subtitle {
      width: 90px;
    }
    .b2c-stn-2 .icon-card:nth-child(4) .icon-subtitle {
      width: 90px;
    }

    .b2c-stn-2 .icon-card:nth-child(1) .icon-title {
      width: 80px;
    }
    .b2c-stn-2 .icon-card:nth-child(2) .icon-title {
      width: 90px;
    }
    .b2c-stn-2 .icon-card:nth-child(3) .icon-title {
      width: 80px;
    }
    .b2c-stn-2 .icon-card:nth-child(4) .icon-title {
      width: 60px;
    }
    @media (max-width: 499px) {
      .stn-box-icon-type2 {
        column-gap: 30px;
      }
    }
    

    /*●●●●●●●●●● 섹션3  ●●●●●●●●●●*/  
    .b2c-stn-3 {
      margin-bottom: 50px;
    }

    .b2c-stn-3 .section-subtitle {
      width: 240px;
    }
  
    .vs-wrapper {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      width: 95.6vw;
      height: fit-content;
      column-gap: 10px;
    }
  
    .dabonaem-wrapper {
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: calc(50% - 6px);
      position: relative;
      background-color: var(--btn-box-bg-orange);
      border-radius: 15px;
      height: 380px;
    }
  
    .kpm-wrapper {
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: calc(50% - 6px);
      position: relative;
      background-color: var(--bg-btn-black);
      border-radius: 15px;
      height: 380px;
    }
  
    .vs-title {
      font-family: 'Pretendard';
      font-size: 16px;
      font-weight: 700;
      line-height: 19px;
      color: var(--font-white);
      margin-bottom: 16px;
      text-align: center;
      width: 100%;
    }
  
    .vs-subtitle {
      font-family: 'Pretendard';
      font-size: 14px;
      font-weight: 500;
      line-height: 17px;
      color: var(--font-white);
      word-break: keep-all;
      margin-bottom: 20px;
    }
  
    .vs-strength-wrapper {
      border-radius: 21px;
      width: 100%;
      background-color: var(--box-bg-gray);
      padding: 20px 0px 20px 20px;
      min-height: 210px;
    }
  
    .vs-strength-title {
      font-family: Pretendard;
      font-size: 16px;
      font-weight: 700;
      line-height: 19px;
      color: var(--font-black);
      margin-bottom: 13px;
    }
  
    .vs-strength {
      font-family: Pretendard;
      font-size: 14px;
      font-weight: 500;
      line-height: 17px;
      color: var(--font-black);
    }
  
    .vs-subtitle ul {
      margin: 0;
      padding-left: 23px;
    }
  
    .vs-subtitle ul li {
      margin-bottom: 10px;
    }
  
    .vs-subtitle ul li::marker {
      font-size: 12pxz;
    }
  
    .vs-subtitle ul li:last-child {
      margin-bottom: 0;
    }
  
    .vs-strength ul {
      margin: 0;
      padding-left: 19px;
    }
  
    .vs-strength ul li {
      margin-bottom: 10px;
    }
  
    .vs-strength ul li:last-child {
      margin-bottom: 0px;
    }
  
    .vs-strength ul li::marker {
      font-size: 16px;
    }
    @media (max-width: 689px) {
      .b2c-stn-3 {
        margin-bottom: 50px;
      }
    
      .vs-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 95.6vw;
        height: fit-content;
        column-gap: 0;
        row-gap: 30px;
      }
    
      .dabonaem-wrapper {
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        max-width: 450px;
        position: relative;
        background-color: var(--btn-box-bg-orange);
        border-radius: 15px;
        min-height: 380px;
        height: fit-content;
      }
    
      .kpm-wrapper {
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        max-width: 450px;
        position: relative;
        background-color: var(--bg-btn-black);
        border-radius: 15px;
        min-height: 380px;
        height: fit-content;
      }
    
      .vs-title {
        font-family: 'Pretendard';
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        color: var(--font-white);
        margin-bottom: 16px;
        text-align: center;
        width: 100%;
      }
    
      .vs-subtitle {
        font-family: 'Pretendard';
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        color: var(--font-white);
        word-break: keep-all;
        margin-bottom: 20px;
      }
    
      .vs-strength-wrapper {
        border-radius: 21px;
        width: 100%;
        background-color: var(--box-bg-gray);
        padding: 20px 20px 20px 20px;
        min-height: 210px;
      }
    
      .vs-strength-title {
        font-family: Pretendard;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
        color: var(--font-black);
        margin-bottom: 13px;
      }
    
      .vs-strength {
        font-family: Pretendard;
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        color: var(--font-black);
        word-break: keep-all;
      }
    
      .vs-subtitle ul {
        margin: 0;
        padding-left: 23px;
      }
    
      .vs-subtitle ul li {
        margin-bottom: 10px;
      }
    
      .vs-subtitle ul li::marker {
        font-size: 12pxz;
      }
    
      .vs-subtitle ul li:last-child {
        margin-bottom: 0;
      }
    
      .vs-strength ul {
        margin: 0;
        padding-left: 19px;
      }
    
      .vs-strength ul li {
        margin-bottom: 10px;
      }
    
      .vs-strength ul li:last-child {
        margin-bottom: 0px;
      }
    
      .vs-strength ul li::marker {
        font-size: 16px;
      }
    }
    
  }