.business{letter-spacing:-0.7px;}
.business dl{overflow:hidden; margin:0 0 45px;}
.business dl dt:before{content: ''; width: 8px; height:19px; background: #0072bc; position: absolute; left: 0; top: 2px; border-radius:2px;}
.business dl dt{font-size:24px; font-weight:bold; letter-spacing:-1px; font-family: 'Nanum Square'; margin:0 0 15px; position:relative; padding-left:15px;}
.business dl dd{font-size:16px; padding:40px; background:#f5f5f5; border-top:1px solid #ccc; font-weight:300; color:#000;}
.business dl dd.bg_none{background:#fff; padding:0; border-top:0;}
.business dl dd.img{padding:50px 40px;background:#f5f5f5 url(/app/dubu_sourcecode/docs/imgs/1627009224_image.png) no-repeat 40px; padding-left:330px;}
.business dl dd h3{font-size:22px; font-weight:bold; letter-spacing:-1px; font-family: 'Nanum Square'; margin:0 0 15px; position:relative; padding-left:37px;}
.business dl dd h3 span{color:#fff; background:#0072bc; text-align:center; font-family: 'Play'; width:28px; position:absolute; left:0; border-radius:2px; font-size:18px;}
.business dl dd img{width:100%; margin:0 auto; display:block;}

.business dl dd ul{overflow:hidden;}
.business dl dd .dot li{background: url(/app/dubu_sourcecode/docs/imgs/1614237861_bullet_square_deepgray_content.png) no-repeat 0 10px; padding-left:10px; margin:0 0 6px;}
.business dl dd .w50 li{float:left; width:50%;}

.business dl dd .line li:before{content:''; left:0; top:11px; width:7px; height:2px; background:#ccc; position:absolute; }
.business dl dd .line li{margin:0 0 6px; position:relative; padding-left:15px;}

.business dl dd .num li{position: relative; padding-left: 35px; margin: 0 0 10px;}
.business dl dd .num li span{font-size: 14px; font-family:'Play'; position: absolute; background: #0072bc; color: #fff; width: 22px; height: 22px; line-height:22px; text-align: center; left: 0; top: 4px; border-radius: 50%;}

.business .icon li{float:left; width:33.3%; text-align:center;}
.business .icon li div{border:1px solid #ccc; margin:5px; padding:40px 0 50px; background:#fff;}
.business .icon li div img{margin:0 0 10px;}
.business .icon li div p span{font-family:'Play'; display:block; background:#0072bc; color:#fff; width:30px; padding:5px 0; margin:0 auto 10px; border-radius:3px;}
.business .icon li div p{font-size:18px; letter-spacing:-1px; font-weight:500;}

.business table{
    width:100%;
    border-bottom:1px solid #ccc;
    border-collapse:collapse;
    margin:0 0 20px;
    border-spacing:2px;
}
.business th{
    padding: 14px 5px;
    border:1px solid #fff;
    background-color:#63a3da;
    color: #fff;
    font-weight: 500;
    font-size:16px;
    text-align:center;   
}
.business td{
    padding: 12px 5px;
    border: 1px solid #fff;    
    color: #000;
    text-align: center;
    font-size:15px;
}
.business tr:nth-child(odd){background:#e6f1f8;}
.business tr:nth-child(even){background:#f3faff;}

/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .business dl dd .w50 li{float:none; width:100%;}
    .business .icon li div p{font-size:15px;}
}

/* mobile */
@media screen and (max-width:767px){
    .business dl dt{font-size:22px;}
    .business dl dd{font-size:14.5px; padding:30px 25px;}
    .business dl dd.img{background:#f5f5f5 url(/app/dubu_sourcecode/docs/imgs/1627009224_image.png) no-repeat 30px 25px; padding-left:25px; padding-top:260px;}
    .business dl dd h3{font-size:20px;}
    .business dl dd .w50 li{float:none; width:100%;}
    
    .business .icon li{float:none; width:100%;}
    .business .icon li div p{font-size:16px; }
    
    .business th{font-size:14px;}
    .business td{font-size:13px;}
}