@charset "utf-8";

/**/
.business .top_blt {position:relative; display:inline-block;}
.business .top_blt::before {content:""; position:absolute; top:-7px; left:-5px; width:10px; height:10px; background-color:#2548f7}

.business .posImg {position:relative; width:100%; height:0; padding-bottom:35%; overflow: hidden; }
.business .absImg {width:100%; height:100%; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.business .absImg img {width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width:768px){
  .business .posImg {padding-bottom:45%; }
}   
@media screen and (max-width:560px){
  .business .posImg {padding-bottom:55%; }
}  
/**순서 */
.business .setpIcon ul.stepUl {display:flex; flex-wrap:wrap; justify-content: space-between; }
.business .setpIcon ul.stepUl li {position:relative; width:calc(25% - 30px);  padding:40px 20px; background-color:#f6f6f6; }
.business .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 ; }
.business .setpIcon ul.stepUl li:last-child::after {display:none;}
  /**아이콘 */
  .business ul.stepUl li {position:relative;}
  .business ul.stepUl li .num {display:flex; align-items:center; justify-content:center;position:absolute; top:0 ; left:0; width:40px; height:40px; background-color:#2548f7; color:#fff; margin:0 auto 30px;}
  .business 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;}
  .business ul.stepUl li .topIcon img {position:relative; height:5em; z-index:1;}
  .business ul.stepUl li .topIcon::after {content:""; }
  /**텍스트 */
  .business ul.stepUl li .bttm_txt {text-align:center;}


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