.step_all { 
    background-color: #fff; 
    padding: 120px 0; 
    font-family: 'Pretendard', sans-serif; 
    display: flex;
    flex-direction: column;
    align-items: center; /* Á¦¸ñ°ú flow Àüü Áß¾Ó Á¤·Ä */

  }
  
  .process-title { 
    text-align: center; 

    font-weight: 700; 
    margin-bottom: 80px; 
  }
  
  .flow { 
    position: relative; 
    width: 95%; 
    max-width: 1100px; 
    margin: 0 auto; /* ¼öÆò Áß¾Ó Á¤·Ä */
  }








  .step {
    width:200px;
    height:200px;
    background: #f3f3f3; 
    border-radius: 50%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    position: relative; z-index: 2;
    margin: 0 auto; /* ¸ð¹ÙÀÏ µî¿¡¼­ Áß¾Ó ¹èÄ¡ ±âº»°ª */
  }
  .num { font-size: 18px; font-weight: 700; color: #000; margin-bottom: 2px; }
  .icon {width:60px;margin-bottom: 4px;padding:10px;}
  .text { font-size:20px; font-weight: 700; color: #222; }


































 /* [PC ¹öÀü ½ºÅ¸ÀÏ - 769px ÀÌ»ó] */
  @media (min-width: 769px) {
 .process-title { 
    font-size:32px  !important;
  }
    .flow { height: 500px; display: block; }
 
    .row { 
      display: flex; 
      justify-content: space-between; 
      width: 78%; /* Step 4 Á¦¿ÜÇÑ ³ª¸ÓÁö ¿µ¿ª ³Êºñ */
      position: absolute; 
      left: 0; 
    }
    .row.top { top: 0; }
    .row.bottom { bottom: 0; flex-direction: row-reverse; } /* 5-6-7 ¿ª¼ø ¹èÄ¡ */








    /* Step 4: ¿À¸¥ÂÊ ³¡ Áß¾Ó */
    .step.center { 
      position: absolute; 
      right: 0; 
      top: 50%; 
      transform: translateY(-50%); 
      margin: 0;
    }








    /* PC °¡·Î ¿¬°á¼± */
    .row .step:not(:last-child)::after {
      content: ""; position: absolute; top: 50%; 
      right: -100%; width: 100%; height: 2px; 
      background: #000; z-index: 1;
    }
    .row.bottom .step:not(:last-child)::after {
      left: -100%; right: auto;
    }








    /* 3 -> 4 -> 5 °î¼± ¿¬°á */
    .curve-top {
      position: absolute; right: 70px; top: 85px; 
      width: 22%; height: 175px;
      border: 2px solid #000; border-left: none; border-bottom: none; border-radius: 0 80px 0 0;
    }
    .curve-bottom {
      position: absolute; right: 70px; bottom: 85px; 
      width: 22%; height: 175px;
      border: 2px solid #000; border-left: none; border-top: none; border-radius: 0 0 80px 0;
    }
  .row.top .step:nth-child(3)::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
  }
  }
@media (max-width: 1440px) {


 .step {
    width:170px;
    height:170px;
  }
}


/* ¹Ìµð¾îÄõ¸®: ¸ð¹ÙÀÏ ¹× °¢ µð¹ÙÀ̽º ´ëÀÀ */
@media (max-width: 768px) {
 .process-title { 
    font-size:22px  !important;
  }
.flow { 
    width: 100%; padding: 0 10px; box-sizing: border-box;
    display: flex; flex-wrap: wrap; justify-content: space-around; gap: 60px 20px;
  }
  
  /* ±âÁ¸ row¿Í center ±¸Á¶ ÇØÁ¦ */
  .row.top, .row.bottom { display: contents; }
  .step.center { position: static; order: 4; } /* Step 4¸¦ ¼ø¼­¿¡ ¸Â°Ô ¹èÄ¡ */




  /* ¼ø¼­ °­Á¦ Á¶Á¤ (Step 5,6,7ÀÌ µÚÁýÈ÷Áö ¾Ê°Ô) */
  .row.top .step:nth-child(1) { order: 1; }
  .row.top .step:nth-child(2) { order: 2; }
  .row.top .step:nth-child(3) { order: 3; }
  /* Step 4´Â order: 4 */
  .row.bottom .step:nth-child(3) { order: 5; } /* Step 5 */
  .row.bottom .step:nth-child(2) { order: 6; } /* Step 6 */
  .row.bottom .step:nth-child(1) { order: 7; } /* Step 7 */




  /* ¸ð¹ÙÀÏ¿ë ¿ø Å©±â Á¶Àý (ÇÑ ÁÙ¿¡ 2°³°¡ µé¾î°¡¾ß ÇϹǷÎ) */
  .step { width: 145px; height: 145px; padding-top: 35px; }




  /* PC ¿¬°á¼± ¼û±â±â */
  .curve-top, .curve-bottom, .step::after, .step::before { display: none !important; }






  /* ¸ð¹ÙÀÏ¿ë Áö±×Àç±× SÀÚ ¼± (¼±Åà »çÇ×: ¿ø »çÀÌ ¿¬°á¼±) */
  .step:not([style*="order: 7"])::after {
    content: ""; position: absolute; background: #555; z-index: 1;
  }
  
  /* 1-2, 3-4, 5-6 °¡·Î¼± */
  .step:nth-child(odd):not([style*="order: 7"])::after {
    top: 50%; right: -25px; width: 25px; height: 1px;
  }






 .flow { 
      display: flex; flex-wrap: wrap; 
      justify-content: space-between; gap: 50px 35px; 
    }
    .row.top, .row.bottom { display: contents; }
    
    /* ÇÑ ÁÙ¿¡ 2°³¾¿ Á¤·Ä */
    .step { width: 45%; height: 42vw; max-height: 170px; max-width: 170px; padding:0;}




    /* ¼ø¼­: 1-2 / 3-4 / 5-6 / 7 */
    .row.top .step:nth-child(1) { order: 1; }
    .row.top .step:nth-child(2) { order: 2; }
    .row.top .step:nth-child(3) { order: 3; }
    .step.center { order: 4; position: relative !important; } 
    .row.bottom .step:nth-child(1) { order: 5; } /* Step 5 */
    .row.bottom .step:nth-child(2) { order: 6; } /* Step 6 */
    .row.bottom .step:nth-child(3) { order: 7; } /* Step 7 */








    .curve-top, .curve-bottom, .step::after { display: none !important; }
.num{font-size:12px;}
.text{font-size:14px;}
}