@charset "utf-8";

/**순서 */
.advice .setpIcon ul.stepUl {display:flex; flex-wrap:wrap; justify-content: space-between; }
.advice .setpIcon ul.stepUl li {position:relative; width:calc(25% - 30px);  padding:40px 20px; background-color:#f6f6f6; }
.advice .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 ; }
.advice .setpIcon ul.stepUl li:last-child::after {display:none;}
  /**아이콘 */
  .advice ul.stepUl li {position:relative;}
  .advice ul.stepUl li .num {display:flex; align-items:center; justify-content:center;position:absolute; top:0 ; left:0; width:40px; height:40px; background-color:#f7b525; color:#fff; margin:0 auto 30px;}
  .advice ul.stepUl li .topIcon {position:relative; margin:0 auto 30px; background-color:#fff; text-align:center; width:130px; height:130px; line-height:132px; border-radius:50%; z-index:0;}
  .advice ul.stepUl li .topIcon img {position:relative; height:5em; z-index:1;}
  .advice ul.stepUl li .topIcon::after {content:""; }
  /**텍스트 */
  .advice ul.stepUl li .bttm_txt {text-align:center;}


  @media screen and (max-width:1024px){
    .advice .setpIcon ul.stepUl li {width: calc(33.333% - 30px); margin-bottom:20px;}
  }    
  @media screen and (max-width:768px){
    .advice .setpIcon ul.stepUl li {width: calc(50% - 10px); }
    .advice .setpIcon ul.stepUl li::after {display:none;}
    .advice .setpIcon ul.stepUl li .topIcon img {height:4.5em;}
  }
  @media screen and (max-width:560px){    
    .advice .setpIcon ul.stepUl li .topIcon {width:100px; height:100px; line-height: 102px;}
  }