#business {width:100%; }
#business .tit {font-size:20px; font-weight:500;}
#business .tit span{font-size:30px; display:block; padding-bottom:10px; font-weight:600; color:#1a67a2}
#business .flexR3 {display:flex; justify-content: space-around;   }
#business .flexR3 .item {width:362px; }
#business .flexR3 .item:nth-child(2) {color:#fff; text-align:center; font-size:45px; padding-top:90px; }
#business .flexR3 .item img {max-width:100%; vertical-align:top;}
.mainBg {background-color:#00ada9;}
.mgT80 {margin-top:80px;}

#business .contBox {background-color:#eef5f1; padding:75px 0; text-align:center; clear:both;}
#business .flexR6 {display:flex; justify-content; space-around; margin-top:0px; background-color:#faf2f2; 
padding:40px 10px 50px 10px;border:0px solid #dfdfdf; border-radius:10px; border:1px solid #f0d8d8 }
#business .flexR6 li {width:25%; text-align:center;}
#business .flexR6 li .num {width:40px; height:40px; font-size:20px; color:#1a67a2; border-radius:30px; padding-top:3px;
font-weight:bold; margin:20px auto 25px auto; background-color:#fff; position:relative; border:1px solid #1a67a2;  }
#business .flexR6 li .num:before {content:""; position:absolute; width:160px; height:2px; left:38px; top:20px;
 background-color:#1a67a2; z-index: 0 }
#business .flexR6 li:last-child .num:before {display:none;}
#business .flexR6 li .tit {font-size:16px; line-height:22px; font-weight:600;}
#business .flexR6 li .txt {font-size:16px; padding:5px 10px 0 10px;}

#business  h3 {    display: inline-block;   position: relative;   padding: 0 0 0 25px;   font-size: 28px;   font-weight: 600;
    color: #444444;     line-height: 1.4em; margin-bottom:20px;}
#business  h3:before  {    position: absolute;    top: 7px;    left: 5px;    display: block;    content: '';    width: 10px;
    height: 10px;    background: #1a67a2;    -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 .floatL, #business .floatR {width:48%;}
#business .btn a {display:block; background:#333; color:#fff; border-radius:50px; padding:25px; width:300px;
 margin: 0 auto;text-align:center; font-size:22px;  transition:0.3s all;}  
#business .btn a:hover {background:#1a67a2; transition:0.3s all;}

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

#detail {width:100%;  margin-top:0px; padding:0px 0px 30px 0 }
#detail img {vertical-align:top; max-width:100%; border-radius:50% }
#detail .flex2{display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; margin:30px 0;
padding:40px 50px; border:2px dashed #ccc; border-radius:10px  }
#detail .reverse {}
#detail .flex2 .item{width:100%;  }
#detail  .flex2 .item .num {color:#333; font-size:22px; line-height:25px;  position:relative; font-weight:600;  }
#detail  .flex2 .item .num span {font-family: 'GmarketSansMedium';  font-weight: 600; display:inline-block; background:#1a67a2; font-size:18px; 
padding-top:10px;text-align:center; width:40px; height:40px; border-radius:50px; color:#fff; margin-right:13px; vertical-align:middle }
#detail  .flex2 .item .tit {font-size:18px; line-height:26px; padding:0px 0 0 0px ; font-weight:600;  }
#detail  .flex2 .item .txt {display:block; font-size:18px; line-height:26px; padding:20px 0 0 0px;  font-weight:400;  }
#detail  .flex2 .item .txt ul li {font-size:16px; position:relative; padding-left:13px; margin-bottom:5px;  margin-left:15px;
display:inline-block}
#detail  .flex2 .item .txt ul li:before { content: "";  width: 4px; height: 4px; background-color: #555; 
 position: absolute; left: 0; top: 12px;   border-radius: 50%;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#business .tit {font-size:15px; }
#business .tit span{font-size:20px; }	
#business .flexR3 {display:flex; flex-direction:column; ;   }
#business .flexR3 .item {width:100%; }
#business .flexR3 .item:nth-child(2) {color:#fff; text-align:center; font-size:35px; padding:50px 10px; }

#business  h3 { font-size:20px;}
#business .floatL {width:100%;}
#business .floatR {width:100%; padding-top:30px;}
#business .contBox {background-color:#eef5f1; padding:75px 0; text-align:center; clear:both;}

#business .flexR6 {display:flex; flex-wrap: wrap;margin-bottom:0px; padding: 30px 0 20px 0}
#business .flexR6 li {width:50%; text-align:center; margin:10px 0 30px 0;}
#business .flexR6 li .num { margin: 5px auto 10px auto; }
#business .flexR6 li .num:before {width:170px; }
#business .flexR6 li:nth-of-type(2n) .num:before {display:none;}
#business .flexR6 li .tit {font-size:16px;}
#business .flexR6 li .txt {font-size:14px; padding:5px 10px 0 10px;}

#business .btn a {padding:15px 10px; width:250px;font-size:16px; }  

#business .bullet02 {font-size:15px; position:relative; padding-left:10px; margin-bottom:5px; }
#business .bullet02:before { content: "";  width: 4px; height: 4px; background-color: #555;  position: absolute; left: 0; top: 9px;   border-radius: 50%;}

#business .mgT90 {margin-top:50px;}

#detail { margin-top:0px; padding:0px 0px }	
#detail .flex2{ margin:30px 0;  padding:20px  }
#detail .flex2 .item {width:100%; position:relative; padding-bottom:5px;  text-align:center;}
#detail  .flex2 .item .num {  font-size:18px; line-height:22px;  }
#detail  .flex2 .item .num span {font-size:14px;margin-bottom:10px; width:35px; height:35px; padding-top:8px }
#detail  .flex2 .item .tit {font-size:15px; line-height:22px; padding:0; }
#detail  .flex2 .item .txt { font-size:15px; line-height:22px; padding:15px 0 0 0;    }
#detail  .flex2 .item .txt ul li {font-size:15px; position:relative; padding-left:10px; margin-bottom:5px;  margin-left:5px;
display:inline-block}
#detail  .flex2 .item .txt ul li:before { width: 3px; height: 3px;  position: absolute; left: 0; top: 10px;  }

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