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

  .cs-stn-1 .stn-box-icon-type2 {
    margin-bottom: 0;
  }
  .cs-stn-1 .icon-card:nth-child(1) .icon-subtitle {
    width: 170px;
  }
  .cs-stn-1 .icon-card:nth-child(2) .icon-subtitle {
    width: 120px;
  }
  .cs-stn-1 .icon-card:nth-child(3) .icon-subtitle {
    width: 165px;
  }
  .cs-stn-1 .icon-card:nth-child(4) .icon-subtitle {
    width: 160px;
  }

  .cs-stn-1 .icon-card:nth-child(1) .icon-title {
    width: 105px;
  }
  .cs-stn-1 .icon-card:nth-child(2) .icon-title {
    width: 120px;
  }
  .cs-stn-1 .icon-card:nth-child(3) .icon-title {
    width: 170px;
  }
  .cs-stn-1 .icon-card:nth-child(4) .icon-title {
    width: 150px;
  }

  .stn-box-cs1 {
    width: 100%;
    height: fit-content;
    background-color: var(--btn-box-bg-orange);
    border-radius: 21px;
    padding: 55px 180px 75px 65px;
    box-shadow: var(--box-shadow);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 50px;
  }

  .optimal-title {
    color: var(--font-white);
  }

  .optimal-img-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 23px;
  }

  .optimal-img {
    width: 430px;
  }

  .stn-box-cs2 {
    width: 100%;
    height: fit-content;
    background-color: var(--box-bg-gray);
    border-radius: 21px;
    padding: 55px 120px 75px 65px;
    box-shadow: var(--box-shadow);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 50px;
    margin-bottom: 120px;
  }

  .isms-title {
    color: var(--font-black);
  }

  .isms-img-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .isms-img {
    width: 313px;
  }

  .icon-subtitle {
    justify-content: flex-start;
  }


  .stn-box-icon-type2 {
    padding: 38px 106px 27px 106px;
  }


  /*▼▼▼▼▼▼▼▼▼ 섹션2  ▼▼▼▼▼▼▼▼▼*/
  .cs-stn-2 {

  }

  .stn-box-cs3 {
    width: 100%;
    height: fit-content;
    background-color: var(--btn-box-bg-orange);
    border-radius: 21px;
    padding: 60px 80px 70px 80px;
    box-shadow: var(--box-shadow);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .service-flow-title {
    color: var(--font-white);
  }

  .service-flow-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 96px;
    padding-left: 60px;
  }

  .flow-img-wrapper {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .flow-img1 {
    width: 148px;
    margin-top: 38px;
  }
  .flow-img2 {
    width: 145px;
    margin-top: 48px;
  }
  .flow-img3 {
    width: 263px;
    margin-top: 0px;
  }
  .flow-img4 {
    width: 190px;
    margin-top: 43px;
  }

  .flow-text {
    font-family: Pretendard;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    text-align: center;
    color: var(--font-white);
    width: 100%;
    margin-top: 20px;
  }

  .flow-sub-text {
    font-family: Pretendard;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    text-align: center;
    color: var(--font-white);
    width: 100%;
    margin-top: 10px;
  }

  .flow-arrow-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
  }

  .flow-arrow {
    width: 16px;
  }


  /*▼▼▼▼▼▼▼▼▼ 섹션3  ▼▼▼▼▼▼▼▼▼*/
  


  /*▼▼▼▼▼▼▼▼▼ 섹션4  ▼▼▼▼▼▼▼▼▼*/



  /*▼▼▼▼▼▼▼▼▼ 섹션5  ▼▼▼▼▼▼▼▼▼*/



  /*▼▼▼▼▼▼▼▼▼ 섹션6  ▼▼▼▼▼▼▼▼▼*/






  @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  ■■■■■■■■■*/  
    .cs-stn-1 .stn-box-icon-type2 {
      margin-bottom: 0;
    }
    .cs-stn-1 .icon-card:nth-child(1) .icon-subtitle {
      width: 170px;
    }
    .cs-stn-1 .icon-card:nth-child(2) .icon-subtitle {
      width: 120px;
    }
    .cs-stn-1 .icon-card:nth-child(3) .icon-subtitle {
      width: 165px;
    }
    .cs-stn-1 .icon-card:nth-child(4) .icon-subtitle {
      width: 160px;
    }
  
    .cs-stn-1 .icon-card:nth-child(1) .icon-title {
      width: 105px;
    }
    .cs-stn-1 .icon-card:nth-child(2) .icon-title {
      width: 120px;
    }
    .cs-stn-1 .icon-card:nth-child(3) .icon-title {
      width: 170px;
    }
    .cs-stn-1 .icon-card:nth-child(4) .icon-title {
      width: 150px;
    }
  
    .stn-box-cs1 {
      width: 696px;
      height: fit-content;
      background-color: var(--btn-box-bg-orange);
      border-radius: 21px;
      padding: 25px 49px 32px 25px;
      box-shadow: var(--box-shadow);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 30px;
    }
  
    .optimal-title {
      color: var(--font-white);
    }
  
    .optimal-img-wrapper {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-start;
      margin-top: 0px;
    }
  
    .optimal-img {
      width: 350px;
    }
  
    .stn-box-cs2 {
      width: 696px;
      height: fit-content;
      background-color: var(--box-bg-gray);
      border-radius: 21px;
      padding: 25px 54px 38px 25px;
      box-shadow: var(--box-shadow);
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 30px;
      margin-bottom: 60px;
    }
  
    .isms-title {
      color: var(--font-black);
    }
  
    .isms-img-wrapper {
      flex-grow: 1;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-start;
    }
  
    .isms-img {
      width: 197px;
    }
  
    .icon-subtitle {
      justify-content: flex-start;
    }
  
    .stn-box-icon-type2 {
      padding: 38px 106px 55px 106px;
    }


    /*■■■■■■■■■ 섹션2  ■■■■■■■■■*/
    .cs-stn-2 {

    }
  
    .stn-box-cs3 {
      width: 696px;
      height: fit-content;
      background-color: var(--btn-box-bg-orange);
      border-radius: 21px;
      padding: 25px 9px 40px 14px;
      box-shadow: var(--box-shadow);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 50px;
      margin-bottom: 60px;
    }
  
    .service-flow-title {
      color: var(--font-white);
    }
  
    .service-flow-wrapper {
      width: 100%;
      display: flex;
      flex-direction: row;
      margin-top: 46px;
      padding-left: 0;
    }
  
    .flow-img-wrapper {
      width: fit-content;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
    }
  
    .flow-img1 {
      width: 102px;
      margin-top: 26px;
    }
    .flow-img2 {
      width: 100px;
      margin-top: 33px;
    }
    .flow-img3 {
      width: 187px;
      margin-top: 0px;
    }
    .flow-img4 {
      width: 131px;
      margin-top: 30px;
    }
  
    .flow-text {
      font-family: Pretendard;
      font-size: 20px;
      font-weight: 700;
      line-height: 25px;
      text-align: center;
      color: var(--font-white);
      width: 100%;
      margin-top: 20px;
      word-break: keep-all;
    }
  
    .flow-sub-text {
      font-family: Pretendard;
      font-size: 14px;
      font-weight: 500;
      line-height: 17px;
      text-align: center;
      color: var(--font-white);
      width: 100%;
      margin-top: 10px;
      word-break: keep-all;
    }
  
    .flow-arrow-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 34px;
    }
  
    .flow-arrow {
      width: 11px;
    }

    .ft2 {
      width: 140px;
    }

    .fst2 {
      width: 166px;
    }

    .fst4 {
      width: 100px;
    }
    

    /*■■■■■■■■■ 섹션3  ■■■■■■■■■*/


    /*■■■■■■■■■ 섹션4  ■■■■■■■■■*/


    /*■■■■■■■■■ 섹션5  ■■■■■■■■■*/


    /*■■■■■■■■■ 섹션6  ■■■■■■■■■*/


  
  }
  
  /* ●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●● */
  @media screen and (max-width: 767px) {
    .page-title-area {
      align-items: center;
    }
    .page-title {
      width: 255px;
    }
    .page-subtitle {
      width: 285px;
    }
    .service-introduction-box-text {
      width: 130px;
      word-break: keep-all;
    }

    /*●●●●●●●●●● 섹션1  ●●●●●●●●●●*/  
    .cs-stn-1 .stn-box-icon-type2 {
      margin-bottom: 0;
    }
    .cs-stn-1 .icon-card:nth-child(1) .icon-subtitle {
      width: 130px;
    }
    .cs-stn-1 .icon-card:nth-child(2) .icon-subtitle {
      width: 110px;
    }
    .cs-stn-1 .icon-card:nth-child(3) .icon-subtitle {
      width: 135px;
    }
    .cs-stn-1 .icon-card:nth-child(4) .icon-subtitle {
      width: 120px;
    }
  
    .cs-stn-1 .icon-card:nth-child(1) .icon-title {
      width: 105px;
    }
    .cs-stn-1 .icon-card:nth-child(2) .icon-title {
      width: 120px;
    }
    .cs-stn-1 .icon-card:nth-child(3) .icon-title {
      width: 170px;
    }
    .cs-stn-1 .icon-card:nth-child(4) .icon-title {
      width: 150px;
    }
  
    .stn-box-cs1 {
      width: 95.6vw;
      height: fit-content;
      background-color: var(--btn-box-bg-orange);
      border-radius: 21px;
      padding: 25px 49px 32px 25px;
      box-shadow: var(--box-shadow);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 30px;
    }
  
    .optimal-title {
      color: var(--font-white);
    }
  
    .optimal-img-wrapper {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-start;
      margin-top: 0px;
    }
  
    .optimal-img {
      max-width: 250px;
      width: 53vw;
    }
  
    .stn-box-cs2 {
      width: 95.6vw;
      height: fit-content;
      background-color: var(--box-bg-gray);
      border-radius: 21px;
      padding: 25px 32px 20px 25px;
      box-shadow: var(--box-shadow);
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 30px;
      margin-bottom: 60px;
    }
  
    .isms-title {
      color: var(--font-black);
    }
  
    .isms-img-wrapper {
      flex-grow: 1;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: flex-start;
    }
  
    .isms-img {
      max-width: 140px;
      width: 33vw;
    }
  
    .icon-subtitle {
      justify-content: flex-start;
    }
  
    .stn-box-icon-type2 {
      padding: 10px 22px 20px 22px;
    }

    /*●●●●●●●●●● 섹션2  ●●●●●●●●●●*/
    .cs-stn-2 {

    }
  
    .stn-box-cs3 {
      width: 95.6vw;
      height: fit-content;
      background-color: var(--btn-box-bg-orange);
      border-radius: 21px;
      padding: 25px 9px 40px 14px;
      box-shadow: var(--box-shadow);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 50px;
      margin-bottom: 60px;
    }
  
    .service-flow-title {
      color: var(--font-white);
    }
  
    .service-flow-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-top: 30px;
      padding-left: 0;
      align-items: center;
    }
  
    .flow-img-wrapper {
      width: fit-content;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
    }
  
    .flow-img1 {
      width: 102px;
      margin-top: 0;
    }
    .flow-img2 {
      width: 100px;
      margin-top: 0;
    }
    .flow-img3 {
      width: 187px;
      margin-top: 0px;
    }
    .flow-img4 {
      width: 131px;
      margin-top: 0;
    }
  
    .flow-text {
      font-family: Pretendard;
      font-size: 14px;
      font-weight: 500;
      line-height: 17px;
      text-align: center;
      color: var(--font-white);
      width: 100%;
      margin-top: 13px;
      word-break: keep-all;
    }
  
    .flow-sub-text {
      font-family: Pretendard;
      font-size: 10px;
      font-weight: 400;
      line-height: 12px;
      text-align: center;
      color: var(--font-white);
      width: 100%;
      margin-top: 5px;
      word-break: keep-all;
    }
  
    .flow-arrow-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 50px;
    }
  
    .flow-arrow {
      width: 11px;
      rotate: 90deg;
    }

    .ft2 {
      width: 140px;
    }

    .fst2 {
      width: 166px;
    }

    .fst4 {
      width: 100px;
    }

    /*●●●●●●●●●● 섹션3  ●●●●●●●●●●*/


    /*●●●●●●●●●● 섹션4  ●●●●●●●●●●*/


    /*●●●●●●●●●● 섹션5  ●●●●●●●●●●*/


    /*●●●●●●●●●● 섹션6  ●●●●●●●●●●*/



  }