@charset "utf-8";

/**순서 */
.bullying .setpIcon {width:100%;  margin:0 auto;}
.bullying .setpIcon ul.stepUl {display:flex; flex-wrap:wrap; justify-content:space-around;  }
.bullying .setpIcon ul.stepUl li {position:relative; width:calc(33.333% - 30px);  margin-bottom:50px; }
.bullying .setpIcon ul.stepUl li::after {content:""; position:absolute; top:50%; right:-35px; transform:translateY(-50%); width:30px; height:30px; background-image:url('./step_arrow.svg'); background-position:center; background-size:contain; background-repeat:no-repeat ; }

  .bullying .setpIcon ul.stepUl li:last-child::after {display:none;}
  /**아이콘 */
  .bullying .setpIcon ul.stepUl li .stepCont {width:200px; height:200px; border-radius:50%; border:1px solid #dedede; margin:0 auto 20px;}
  .bullying .setpIcon ul.stepUl li .topIcon {position:relative; margin:0 auto; text-align:center; width:100px; height:100px; line-height:190px; border-radius:50%; z-index:0;}
  .bullying .setpIcon ul.stepUl li .topIcon img {position:relative; width:100%; z-index:1;}

  @media screen and (max-width:1024px){
    .bullying .setpIcon ul.stepUl li .stepCont {width:120px; height:120px; }
    .bullying .setpIcon ul.stepUl li .topIcon {text-align:center; width:90px; height:90px; line-height:115px; }
    .bullying .setpIcon ul.stepUl li .topIcon img {width:75px;} 
    .bullying .setpIcon ul.stepUl li::after { width: 20px; height: 20px; right:-40px;}
  }
  @media screen and (max-width:560px){
  .bullying .setpIcon ul.stepUl li { width:calc(50% - 30px);}
  }