#business {width:100%; font-size:18px; line-height:28px }
#business .head {text-align:center; position:relative; margin-bottom:50px;overflow:hidden}
#business .tit {font-size:20px; font-weight:500; position:absolute; top:120px; width:100% ;color:#ffff;}
#business .tit span{display:block; font-size:55px; line-height:65px; font-weight:600; color:#fff; padding-top:8px}
#business .txt1 {font-size:22px; font-weight:400; position:absolute; bottom:120px; width:100%; color:#fff;}

#business  h3 { width:100%;   display: inline-block;   position: relative;   padding: 0 0 15px 0px;   
font-size: 28px;   font-weight: 600;  color: #444444;     line-height: 1.4em; }
#business  h4 {   position: relative;   padding: 10px 0 10px 0;  font-size: 18px;   font-weight: 400;   }
/*#business  h3:before  {    position: absolute;    top: 7px;    left: 5px;    display: block;    content: '';    width: 10px;
    height: 10px;    background: #2657a7;    -webkit-transform: skew(-25deg);    transform: skew(-35deg);    -webkit-box-shadow: 4px 4px 0 0 rgb(0 0 0 / 15%);    box-shadow: 4px 4px 0 0 rgb(0 0 0 / 15%);}*/  

#business .flex:first-child {margin:0; padding-top:0;}
#business .flex {display:flex; flex-wrap: wrap;  justify-content: space-between;  align-items:center;
/*background:#f5f5f5; padding:50px  50px; */ padding:70px 0 50px 0;}
#business .flex .item{  padding:0 }
#business .item:first-child {width:35%;  }
#business .item:first-child img {border-radius:50px; box-shadow:10px 10px 20px rgba(0,0,0,0.1)}
#business .item:last-child {width:64%; }
#business .item .txt {font-size:20px; line-height:30px;  }
#business .item .txt2 {padding-bottom:15px }
#business .item .cont1 {border-top:2px solid #111; border-bottom:1px solid #111; padding:20px 0; margin:25px 0 15px 0}
#business .item .cont2 { border-bottom:1px solid #111; padding:0 0 20px 0;}
#business .item .cont3 { border-top:1px solid #111 !important; }

#business .item .cont1 ul li {font-size:18px; line-height:36px; position:relative; padding-left:22px; 
background:url(../img/ico1.jpg)no-repeat left center }
/*#business .item .cont1 ul li:before  { content: '';     position: absolute;    top: 12px;    left: 5px;    display: block;    
  width: 5px;    height: 12px;    background: #2657a7;    -webkit-transform: skew(-25deg);    transform: skew(s5deg); 
     -webkit-box-shadow: 3px 3px 0 0 rgb(0 0 0 / 15%);    box-shadow: 3px 3px 0 0 rgb(0 0 0 / 15%);}*/  

#business .item .cont2 ul li {font-size:16px; line-height:26px; position:relative; padding-left:13px; margin-bottom:5px }
#business .item .cont2 ul li:before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 0; top: 12px;   border-radius: 50%;}

#business .btn a {display:block; padding:20px 30px; font-size:20px; font-weight:500; text-align:center; 
width:320px; margin:80px auto 0 auto; border:1px solid #555; border-radius:50px; transition:0.3s all }
#business .btn a:hover {background:#333; border:1px solid #333; color:#fff; transition:0.3s all}

/*#business .item:last-child span {display:inline-block; padding:10px 0;}
#business .item:last-child .tit3,#business .item:last-child .txt3 {font-size:16px; line-height:30px;  border-bottom:1px solid #ccc; }
#business .item:last-child .tit3 {width:17%; margin-right:3%; padding-left:10px; color:#888; }
#business .item:last-child .txt3 {color:#111; width:80%; font-weight:500}
#business .item:last-child .txt3 a.kakao {display:inline-block; border: 1px solid #bbb;  border-radius:5px; padding:1px 10px; font-size:13px; line-height:23px; margin-left:5px;}
#business .item:last-child .txt3 a:hover {background:#333; color:#fff;}*/


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#business {width:100%; font-size:15px; line-height:25px }
#business .head {margin-bottom:30px;}
#business .img {padding:10px 0}
#business .tit {font-size:18px;  position:relative; top:0px; width:100%;color:#333;}
#business .tit span{display:block; font-size:30px; line-height:40px; padding-top:0px;color:#333;}
#business .txt1 {font-size:17px; line-height:22px; position:relative; bottom:0px;  color:#333;}

#business .flex { padding:50px 0px 30px 0px; }
#business .item:first-child {width:100%; text-align:center; padding:0 20px}
#business .item:last-child {width:100%; padding-top:20px }
#business .item:first-child img {border-radius:30px; box-shadow:3px 3px 10px rgba(0,0,0,0.1); max-width:100%; }

#business  h3 { font-size:22px; margin-bottom:0; padding:0px 0 5px 0}
#business  h4 {   padding: 5px 0 5px 0;  font-size: 14px;   font-weight: 400;   }
#business .item .txt {font-size:15px; line-height:22px;  }
#business .item .txt2 {padding-bottom:8px}
#business .item .cont1 {border-top:2px solid #111; border-bottom:1px solid #111; padding:15px 0; margin:15px 0 10px 0}
#business .item .cont2 { border-bottom:1px solid #111; padding:0 0 15px 0;}

#business .item .cont1 ul li {font-size:14px; line-height:28px; position:relative; padding-left:22px; 
background:url(../img/ico1.jpg)no-repeat left center }
/*#business .item .cont1 ul li:before  { content: '';     position: absolute;    top: 12px;    left: 5px;    display: block;    
  width: 5px;    height: 12px;    background: #2657a7;    -webkit-transform: skew(-25deg);    transform: skew(s5deg); 
     -webkit-box-shadow: 3px 3px 0 0 rgb(0 0 0 / 15%);    box-shadow: 3px 3px 0 0 rgb(0 0 0 / 15%);}*/  

#business .item .cont2 ul li {font-size:14px; line-height:25px; position:relative; padding-left:13px; margin-bottom:1px }
#business .item .cont2 ul li:before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 0; top: 12px;   border-radius: 50%;}


#business .btn a {display:block; padding:10px 20px; font-size:16px;  
width:220px; margin:30px auto 0 auto; border:1px solid #555; border-radius:50px; transition:0.3s all }
#business .btn a:hover {background:#333; border:1px solid #333; color:#fff; transition:0.3s all}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}