@charset "utf-8";
/* business__2*/
.business__2 {}

.business__2 .titleArea span.point_number { display: block; position:relative; padding:20px 0 45px 0;}
.business__2 .titleArea span.point_number::before { content:""; position:absolute; bottom:5px; left:50%; transform:translateX(-50%); width:1px; height:30px; background-color:#3a8afd; /*point 아래 세로 실선 색상*/} 
.business__2 .inImg .posImg {border-radius:20px;}

/*아이콘 섹션*/
.business__2 .fullSec {background-color:#f6f6f6;}
.business__2 .iconUl {display: flex; justify-content: space-between; margin:0 -15px;}
.business__2 .iconUl .iconLi {padding:0 15px 0;}
.business__2 .iconUl .iconLi .icon img {height:150px;}

@media screen and (max-width:1024px){ 
  .business__2 .iconUl {flex-wrap: wrap;}
  .business__2 .iconUl .iconLi {width:31%; margin-bottom:20px;}
}
@media screen and (max-width:768px){ 
  .business__2 .iconUl .iconLi {width:48%; }
  .business__2 .iconUl .iconLi .icon img {height:120px;}
}


/*img 안에 텍스트*/
.business__2 .imgNtxt {position:relative; width: 100%; height:100%;}
.business__2 .imgNtxt .txt { width:100%; height:auto; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); padding:20px; }
.business__2 .imgNtxt .posImg {border-radius:20px;}

/*이미지 크기 조정 레이아웃*/
.business__2 .posImg {position:relative; width:100%; height:0; overflow: hidden; }
.business__2 .absImg {width:100%; height:100%; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.business__2 .absImg img {width: 100%; height: 100%; object-fit: cover;}

.business__2 .posImg.h35 {padding-bottom:35%;}
.business__2 .posImg.h50 {padding-bottom:50%;}
.business__2 .posImg.h70 {padding-bottom:70%;}

@media screen and (max-width:768px){
  .posImg.h35 {padding-bottom:45%; }
}   
@media screen and (max-width:560px){
  .posImg.h35,
  .posImg.h50,
  .posImg.h70 {padding-bottom:60%; }
}  

/*point3 설명글 박스*/
.business__2 .overTit {margin:0 -15px;}
.business__2 .overUl {display: flex; flex-wrap:wrap; justify-content: space-between; width:100%; }
.business__2 .overUl .overLi { position:relative;width:calc(50% - 30px); padding:50px 40px 30px; margin:0 15px 50px; border:1px solid #c6c6c6; border-radius: 20px;}
.business__2 .overUl .overLi:hover,
.business__2 .overUl .overLi.scrolled_m { border-color:#3a8afd;}
.business__2 .overUl .overLi:hover .tit,
.business__2 .overUl .overLi.scrolled_m .tit {background-color:#3a8afd;}

.business__2 .overCont .tit {position: absolute; top:-25px; left:50%; transform: translateX(-50%); width:70%; background-color:#9e9e9e; color:#fff; padding:10px 15px; border-radius:30px; }
.business__2 .overCont .bullet::before {background-color: #3a8afd;}

/*마지막 줄 li 마진 bottom 없애기*/
.business__2 .overUl .overLi:nth-last-child(-n+2) {margin-bottom:0;}

/*bullet 작업*/
.business__2 .bullet {position: relative; padding: 3px 0 3px 10px;}
.business__2 .bullet::before { content: ""; position: absolute; top: 15px; left: 0; width: 3px;  height: 3px; background-color: #17469e;/*불렛 색상*/}

@media screen and (max-width:768px){ 
  .business__2 .overTit {margin:0px;}
  .business__2 .overUl .overLi { width:100%; padding:40px 20px 20px; margin:0 0 40px; }
  /*마지막 줄 li 마진 bottom 없애기*/
  .business__2 .overUl .overLi:nth-last-child(-n+2) {margin-bottom:40px;}

  .business__2 .imgNtxt .posImg.h35 {padding-bottom:100%;}
  .business__2 .bullet::before { top: 13px;}
}