@charset "utf-8";

  .service__12 {background-image:url('./bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;}

  .service__12 .ulIcon ul.iconUl {display:flex; flex-wrap:wrap; justify-content: space-between; }
  .service__12 .ulIcon ul.iconUl li {position:relative; width:calc(25% - 30px);  padding:40px 20px; margin-bottom:40px; background-color:#ffffff; border-radius:20px; }

  /**아이콘 */
  .service__12 .ulIcon ul.iconUl li .topIcon {display: flex; justify-content: center; align-items: center; margin:0 auto 30px; background-color:#f9f9f9; text-align:center; width:130px; height:130px; border-radius:50%; z-index:0;}
  .service__12 .ulIcon ul.iconUl li .topIcon img {position:relative; height:4em; z-index:1;}
  /**텍스트 */
  .service__12 .ulIcon ul.iconUl li .bttm_txt {text-align:center;}
 
  .service__12 .ulIcon ul.iconUl li .topNum {position:relative; text-align:center;}
  .service__12 .ulIcon ul.iconUl li .topNum p { position: absolute; top: -13px; left: 50%; transform: translateX(-50%);}

  .font80 {font-size:8rem; line-height:1.4em; }
@media screen and (max-width:1024px){
  .font80 {font-size:7rem; line-height:1.4em; }
}
@media screen and (max-width:768px){
  .font80 {font-size:5.2rem; line-height:1.4em; }
  .service__12 .ulIcon ul.iconUl li {width: calc(50% - 10px); }
  .service__12 .ulIcon ul.iconUl li.topIcon img {height:3.5em;}
}

@media screen and (max-width:560px){ 
  .font80 {font-size:4rem; line-height:1.4em; }
  .service__12 .ulIcon ul.iconUl li .topIcon {width:90px; height:90px; line-height: 102px;}
  .service__12 .ulIcon ul.iconUl li.topIcon img {height:3.3em;}
}