.business-link .devide-box {
    height:100%;
}

.business-link .devide-box{
    display: flex;
    margin-top:5px;
    /*height: 315px;*/
}

.business-link .devide-box .info-box{
    flex:1;
    padding: 0 20px;
    height: calc(100vh - 80px);
    border-right:1px solid #000;
}

.business-link .devide-box .info-box:last-child{
    border-right:none;
}

.business-link .devide-box .info-box .head li{
    font-size:14px;
    display: flex;
}

.business-link .devide-box .info-box .head li.tit{
    font-size: 18px;
    font-weight: bold;
    
}

.business-link .devide-box .info-box .head li .more-btn{
    margin-left:3px;
    width:18px;
    height:18px;
    border-radius:10px;
    background: url(/images/icon_add_blue.png) no-repeat center;
    background-size: 12px 12px;
    background-color:#DCEAF7;
    margin-top: 1px;

}

.business-link .devide-box .info-box .head li .more-btn:active{
    background: url(/images/icon_add_white.png) no-repeat center;
    background-size: 12px 12px;
    background-color:#001E5E;
}

.business-link .devide-box .info-box .head li .btn-box button{
    width:100px;
    height:30px;
    background-color:#fff;
    color:#001E5E;
    font-size:14px;
    border-color:#001E5E;
}

.business-link .devide-box .info-box .head li .btn-box button:active{
    background:#001E5E;
    color:#fff;
}

.business-link .devide-box .info-box .head li .btn-box button.del{
    border-color:red;
    color:red;
}

.business-link .devide-box .info-box .head li .btn-box button.del:active{
    background:red;
    color:#fff;
}

.business-link .devide-box .info-box .head li .btn-box button + button{
    margin-left:5px;
}

.business-link .devide-box .info-box .table-box{
    max-height:400px;
}

.business-link .devide-box .info-box .search-list-box{
    margin-top:30px;
}

.business-link .devide-box .info-box .search-list-box .search-box{
    display:flex;
}

.business-link .devide-box .info-box .search-list-box .search-box input{
    background-color:#fff;
    height:35px;
}

.business-link .devide-box .info-box .search-list-box .search-box button{
    margin-left:10px;
    width:60px;
    background: url(/images/icon_search_w.png) no-repeat center;
    background-size: 25px 25px;
    background-color:#001E5E;
}

.business-link .devide-box .info-box .search-list-box .search-box button:active{
    background: url(/images/icon_search.png) no-repeat center;
    background-size: 25px 25px;
    background-color:#fff;
}


.business-link .devide-box .info-box .search-list-box .search-list{
    border:1px solid #cfd5e2;
    height:320px;
    margin-top:10px;
    border-radius:5px;
}

.business-link .devide-box .info-box .list-box{
    height:calc(100% - 70px);
}

.business-link .devide-box .info-box .list-box ul{
    overflow-y:auto;
    height:100%;
}

.business-link .devide-box .info-box .list-box ul::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
    height: 8px;
}

.business-link .devide-box .info-box .list-box ul::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #6D87B9; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

.business-link .devide-box .info-box .list-box ul::-webkit-scrollbar-track {
    background: rgba(109, 135, 185, .1);  /*스크롤바 뒷 배경 색상*/
}

.business-link .devide-box .info-box .list-box ul li{
    
    width:100%;
    height:225px;
    border:1px solid #cfd5e2;
    border-radius:5px;
    padding:7px;

}

.business-link .devide-box .info-box .list-box ul li + li{
    margin-top:20px;
}

.business-link .info-box .list-box ul li .top-box{
    display:flex;
}

.business-link .info-box .list-box ul li .top-box .img-box{
    width:150px;
    height:62px;
    background-color:#EAEAEA;
    border-radius:5px;
    overflow:hidden;
}

.business-link .info-box .list-box ul li .top-box .img-box img{
    width:150px;
    
}

.business-link .info-box .list-box ul li .top-box .info-list{
    width:100%;
    margin-left:10px;
    border:1px solid #cfd5e2;
    border-radius:5px;
    height:62px;
}

.business-link .info-box .list-box ul li .top-box .info-list .input-box{
    display:flex;
    width:100%;
}

.business-link .info-box .list-box ul li .top-box .info-list .input-box .tit{
    width:100px;
    padding:7px;
    text-align: center;
    background-color:#DCEAF7;
    height:30px;
    font-size:13px;
    border-top:1px solid #fff;
    
}

.business-link .info-box .list-box ul li .top-box .info-list .input-box input{
    background-color:#fff;
    height:30px;
    border:none;
    border-top:1px solid #cfd5e2;
    border-radius:0px;
}

.business-link .info-box .list-box ul li .top-box .info-list .input-box:first-child .tit{
    border:none;
}

.business-link .info-box .list-box ul li .top-box .info-list .input-box:first-child input{
    border:none;
    border-start-end-radius: 5px;
}

.business-link .info-box .list-box ul li .top-box .info-list .input-box:last-child input{
    border-end-end-radius: 5px;
}

.business-link .info-box .list-box ul li .mid-box {
    width:100%;
    height:auto;
    margin-top:10px;
}

.business-link .info-box .list-box ul li .mid-box .info-list{

    width:100%;
    height:100px;
    border-radius:5px;
    border:1px solid #cfd5e2;
    background-color:#EAEAEA;
    padding:10px;
    display:flex;
    flex-direction: column;
    overflow-x: auto;

}

.business-link .info-box .list-box ul li .mid-box .info-list::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
    height: 8px;
}

.business-link .info-box .list-box ul li .mid-box .info-list::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #6D87B9; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

.business-link .info-box .list-box ul li .mid-box .info-list::-webkit-scrollbar-track {
    background: rgba(109, 135, 185, .1);  /*스크롤바 뒷 배경 색상*/
}

.business-link .info-box .list-box ul li .mid-box .info-list span:before{
    content:"\00B7";
    margin-right:5px;
}

.business-link .info-box .list-box ul li .mid-box .info-list span{
    font-size:13px;
}

.business-link .info-box .list-box ul li .btm-box{
    text-align: end;
    margin-top:5px;
}

.business-link .info-box .list-box ul li .btm-box button{
    height:35px;
    padding:9px 10px 9px 20px;
    background-color:#001E5E;
    font-size: 13px;
}

.business-link .info-box .list-box ul li .btm-box button:active{
    background-color:#fff;
    color:#001E5E;
}