@charset "utf-8";

.as .bullet,
.as .bullet2 {position:relative; padding:3px 0 3px 15px; }
.as .bullet::before {content:""; position:absolute; top:17px; left:0; width:3px; height:3px; border-radius:3px; background-color:#333333;}
.as .bullet2::before {content:""; position:absolute; top:17px; left:0; width:7px; height:1px; background-color:#333333;}
.as .descColor {color:#333;}

/**순서 */
.as .setpIcon {width:100%; max-width:1200px; margin:0 auto;}
.as .setpIcon ul.stepUl {display:flex; flex-wrap:wrap; justify-content: space-between; }
.as .setpIcon ul.stepUl li {position:relative; width:calc(25% - 30px); }
.as .setpIcon ul.stepUl li::after {content:""; position:absolute; top:50%; right:-35px; transform:translateY(-50%); width:30px; height:30px; background-image:url('./plus.png'); background-position:center; background-size:contain; background-repeat:no-repeat ; }
.as .setpIcon ul.stepUl li:nth-child(3)::after {content:""; background-image:url('./equal.png'); }
.as .setpIcon ul.stepUl li:last-child::after {display:none;}
  /**아이콘 */
  .as .setpIcon ul.stepUl li .stepCont {width:200px; height:200px; border-radius:50%; border:1px solid #dedede; margin:0 auto;}
  .as .setpIcon ul.stepUl li .bgGreen{background-color:#167058; color:#fff;}
  .as .setpIcon ul.stepUl li .topIcon {position:relative; margin:0 auto; text-align:center; width:120px; height:120px; line-height:145px; border-radius:50%; z-index:0;}
  .as .setpIcon ul.stepUl li .topIcon img {position:relative; height:6em; z-index:1;}

  .as .bgUl {}
  .as .bgUl .bgLi {display:flex; padding:10px 30px; margin-bottom:10px;  border-radius:10px; background-color:#ededed; color:#333333;}
  .as .bgUl .bgLi .tit {width:200px;}
  .as .bgUl .bgLi .cont {width:calc(100% - 200px);}
 
  

@media screen and (max-width:1024px){
  .as .setpIcon ul.stepUl li .stepCont {width:120px; height:120px; }
  .as .setpIcon ul.stepUl li .topIcon {text-align:center; width:70px; height:70px; line-height:75px; }
  .as .setpIcon ul.stepUl li .topIcon img {height:4em;}
  .as .setpIcon ul.stepUl li::after {    width: 20px; height: 20px; right:-29px;}
}
@media screen and (max-width:768px){
  .as .setpIcon ul.stepUl {display:none;}
  .as .setpIcon img {width:100%;}
}