#contents .da_list{}
#contents .da_list > li{width: 100%; border: none;}
#contents .da_list li .dot_list{margin-top: 0;}
#contents .da_list li .dot_list li{padding: 0;}
#contents .da_list li .dot_list li p{color: #000; font-weight: 500; font-size: 22px !important;}
#contents .da_list li .dot_list li p br{display: block;}
#contents .da_list > li{border-top: 3px solid #ea6b31}
#contents .da_list li .top{ background-image:
        linear-gradient(
            to right,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,1) 30%,
            rgba(255,255,255,0.9) 50%,
            rgba(255,255,255,0.6) 60%,
            rgba(255,255,255,0.3) 70%,
            rgba(255,255,255,0) 100%
        ),
        url(../../../dasoft/img/main/m_4.jpg);
        padding: 100px 60px 100px;
            background-position: 0px -100px;
    
}
#contents .da_list li .top h3{font-size: 40px;}
#contents .da_list li .dot_list li:before{content:none;}
#contents .da_list li .bot{background-color: transparent; padding: 0; margin-top: 60px;}
#contents .da_list li .bot .text_wrap{display: flex;width: 100%; column-gap: 30px; justify-content: center; align-items: center;}
#contents .da_list li .bot .text_wrap a{display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    padding: 20px 30px;
    font-size: 26px;
    background-color: #ea6b31;
    color: #fff;
    border-radius: 10px;
}

#contents .da_list li .bot .text_wrap a.admin_list{background-color: #254fa2;}

@media(max-width:1024px){

    #contents .da_list li .top{
        background-image: linear-gradient(
             to right,
            rgba(255,255,255,1) 27%,
            rgba(255,255,255,1) 54%,
            rgba(255,255,255,0.9) 56%,
            rgba(255,255,255,0.6) 68%,
            rgba(255,255,255,0.3) 82%,
            rgba(255,255,255,0) 100%
        ),
        url(../../../dasoft/img/main/m_4.jpg);
        
    }
        

    #contents .da_list li .bot{margin-top: 50px;}
}

@media(max-width:767px){
    #contents .da_list li .top{ background-image:
        linear-gradient(
            to bottom,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,1) 30%,
            rgba(255,255,255,0.9) 50%,
            rgba(255,255,255,0.6) 60%,
            rgba(255,255,255,0.3) 70%,
            rgba(255,255,255,0) 100%
        ),
        url(../../../dasoft/img/main/m_4.jpg);
        padding: 40px 15px 40px;
        background-position: 0px 30px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #contents .da_list li .top h3{font-size: 18px;     padding-bottom: 20px;}
    .sub-inner {padding: 0 20px;}
    #contents .da_list li .top p{font-size: 14px !important;}
    #contents .da_list li .bot .text_wrap{column-gap: 10px;}
    #contents .da_list li .bot .text_wrap a{font-size: 14px; padding: 10px 15px;}
    #contents .da_list li .bot{margin-top: 20px;}
#contents .da_list > li{border-top: 3px solid #ea6b31 !important}
#contents .da_list li .dot_list li p{font-size: 14px !important;}
    
}