@charset "utf-8";

.business__3 {}

/*타이틀 디자인*/
.business__3 .horizTit {position: relative; padding: 3px 0 3px 25px;}
.business__3 .horizTit::before { content: ""; position: absolute; top: 18px; left: 0; width: 15px;  height: 3px; background-color: #3a8afd;}

/*하단 아이콘 섹션*/
.business__3 .bttmIconBox {}
.business__3 .bttmIconBox .boxUl {display: flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
.business__3 .bttmIconBox .boxLi {position:relative; width:33.333%; padding:50px 60px; border-right:1px dashed #c6c6c6;  }
.business__3 .bttmIconBox .boxLi:nth-child(3n){border-right:none;  }
.boxLi:hover .hoverHighlighter .highlighter{width:100%}

.business__3 .bttmIconBox .icon {position: relative;}
.business__3 .bttmIconBox .icon img {height:120px;}
.business__3 .bttmIconBox .icon .overImg { position: absolute; top:0; right:0; opacity: 0; }

.business__3 .bttmIconBox .boxLi:hover .basicImg {opacity:0}
.business__3 .bttmIconBox .boxLi:hover .overImg {opacity:1}

@media screen and (max-width:1024px){ 
  .business__3 .bttmIconBox .boxLi { padding:30px 40px; }
  .business__3 .bttmIconBox .icon img {height:100px;}
}
@media screen and (max-width:768px){ 
  .business__3 .bttmIconBox .boxLi { padding:20px 30px; }
  .business__3 .bttmIconBox .icon img {height:80px;}
}
@media screen and (max-width:560px){ 
  .business__3 .bttmIconBox .boxLi {
    padding:30px 0; width:100%; border-right:none;  border-bottom:1px dashed #c6c6c6;}
  .business__3 .bttmIconBox .boxLi:last-child { border-right:none;  border-bottom:none;}
  .business__3 .bttmIconBox .icon img {height:80px;}
}


/**/
.business__3 .half_grid {}
.business__3 .half_grid > li {display:flex; flex-wrap:wrap; justify-content:space-around; border-bottom:1px dashed #c1c1c1; width:100%;}
.business__3 .half_grid li:last-child { border-bottom:none;}
.business__3 .half_grid .tit {width:280px; padding:0 0 20px;}
.business__3 .half_grid .desc {width:calc(100% - 280px); padding:0 20px; }
.business__3 .half_grid .origImg img {width:100%; }

/*아이콘 섹션*/
.business__3 .fullSec {background-color:#f6f6f6;}
.business__3 .iconUl {display: flex; flex-wrap: wrap; }
.business__3 .iconUl .iconLi { width:33.333%; padding:0 15px 0 0;}
.business__3 .iconUl .iconLi .icon img {height:150px;}

@media screen and (max-width:1024px){ 
  .business__3 .iconUl {}
  .business__3 .iconUl .iconLi {margin-bottom:20px;}
  .business__3 .iconUl .iconLi {width:50%; }
}
@media screen and (max-width:768px){ 
  .business__3 .half_grid .tit {width:100%; padding:0 0 15px; }
  .business__3 .half_grid .desc {width:100%; padding:0;}

  .business__3 .iconUl .iconLi .icon img {height:120px;}
}


/*상단 이미지 순서도*/
.business__3 .BoxCont ul {display:flex; flex-wrap:wrap; justify-content: space-between; }
.business__3 .BoxCont li {width:19%; background-color:#fff; border:1px solid #ccc; border-radius:20px; }
.business__3 .BoxCont li:hover { box-shadow:0 10px 15px rgb(153 153 153 / 30%), 0 10px 12px rgb(153 153 153 / 22%); }

.business__3 .BoxCont li .contWrap { width:100%; padding:30px 30px 20px; text-align:left; }
.business__3 .BoxCont li .topImg img {width:100%; margin:0 auto; border-radius: 10px 10px 0 0; }

.business__3 .BoxCont li .contWrap span.step { display: inline-block; margin-bottom:7px; }
.business__3 .BoxCont li:nth-child(even) {padding-right:0px;}
.business__3 .BoxCont li .cont_tit { width:100%;}
.business__3.BoxCont li .cont_p {  padding-top:30px; color:#989898; }


@media screen and (max-width:1024px){ 
  .business__3 .BoxCont ul {justify-content: space-evenly; }
  .business__3 .BoxCont li {width:31%; margin-bottom:20px;}
}

@media screen and (max-width:768px){ 
  .business__3 .BoxCont li {width:48%;}
}