#icon01{width:100%; margin:0 auto;background-color: #000; padding: 5rem 0 10rem}
.info_con{position:relative;width:100%;;max-width: 1300px;margin:0 auto;overflow:hidden;}
.icon-box ul{position:relative;display: flex;;flex-direction: row; flex-wrap: wrap;justify-content: space-evenly;padding: 3rem 0 2rem;}


#icon01 .info_con ul .process-line{position: absolute; top: 53%; margin-top: 30px; left: 0; display: block; icon01: ''; width: 100%; height: 1px; background-color: #fff; }
#icon01 .info_con li{position: relative;display:inline-block; vertical-align:top; padding:0 2%;    text-align: center;}
#icon01 .info_con li a{display:block; color:#fff; letter-spacing:-0.3pt; padding:100px 8px 0 8px; min-width:60px; background-position:center 0; background-repeat:no-repeat; transition: all 0.3s;font-size: 15px;}
#icon01 .info_con li a span01{display:block; color:#fff; letter-spacing:-0.3pt; padding:50px 8px 0 8px; min-width:60px; background-position:center 0; background-repeat:no-repeat; transition: all 0.3s;font-size: 1rem;font-weight: 400;}


#icon01 .info_con .icon-box #sticker li a{padding:10px 8px 10px 8px; background:none;}
#icon01 .info_con .icon-box #sticker li a br{display:none}
#icon01 .info_con li a:hover{background-position:center 6px; transition: all 0.3s;}
#icon01 .info_con li.one a{background-image:url('../../img/dmedi/business_icon01.png')}
#icon01 .info_con li.two a{background-image:url('../../img/dmedi/business_icon02.png')}
#icon01 .info_con li.three a{background-image:url('../../img/dmedi/business_icon03.png')}
#icon01 .info_con li.four a{background-image:url('../../img/dmedi/business_icon04.png')}
#icon01 .info_con li.five a{background-image:url('../../img/dmedi/business_icon05.png')}
#icon01 .info_con li.six a{background-image:url('../../img/dmedi/business_icon06.png')}


#icon01 .info_con li.one a:hover{background-image:url('../../img/dmedi/business_icon01_up.png'); color:#0e4194; }
#icon01 .info_con li.two a:hover{background-image:url('../../img/dmedi/business_icon02_up.png'); color:#814997;}
#icon01 .info_con li.three a:hover{background-image:url('../../img/dmedi/business_icon03_up.png'); color:#009ede}
#icon01 .info_con li.four a:hover{background-image:url('../../img/dmedi/business_icon04_up.png'); color:#f39324;}
#icon01 .info_con li.five a:hover{background-image:url('../../img/dmedi/business_icon05_up.png'); color:#50b747;}
#icon01 .info_con li.six a:hover{background-image:url('../../img/dmedi/business_icon06_up.png'); color:#e30613}


#icon01 .info_con li.one a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon01_up.png'); color:#0e4194;}
#icon01 .info_con li.two a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon02_up.png'); color:#814997;}
#icon01 .info_con li.three a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon03_up.png'); color:#009ede;}
#icon01 .info_con li.four a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon04_up.png'); color:#f39324;}
#icon01 .info_con li.five a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon05_up.png'); color:#50b747;}
#icon01 .info_con li.six a.mPS2id-highlight{background-image:url('../../img/dmedi//business_icon06_up.png'); color:#e30613;}


#icon01 .info_con li .dot {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: 26px;
    left: 50%;
    width: 9px;
    height: 9px;
    margin-left: -4.5px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}


#icon01 .info_con li .dot:before {
    position: absolute;
    top: 50%;
    margin-top: -9.5px;
    left: 50%;
    margin-left: -9.5px;
    display: block;
    icon01: '';
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}








/* ============= 
 * RESPONSIVE
 * ============*/ 
@media (max-width:1420px) {  
    #icon01 .info_con li{ padding:0 2%}
#icon01 .info_con li a span01{font-size: 22px;}
} 




@media (max-width:1250px) {  


 #icon01 .info_con li a span01{font-size: 18px;}
} 




@media (max-width:1100px) {  
#icon01 .info_con li a span01{font-size: 16px;}
#icon01 .info_con{ padding:4rem 0; }
 
   


#icon01 .info_con li a span01{font-size: 14px;}
} 


@media (max-width:750px) {  
 #icon01{ margin:0 auto;;}
#icon01 .info_con{ padding:2rem 0; }


#icon01 .info_con ul .process-line{display: none;}


#icon01 .info_con li {margin:1.5rem 0;}    
#icon01 .info_con li .dot {display: none; }
#icon01 .info_con li a { padding: 80px 8px 0 8px;}
#icon01 .info_con li a span01 {    padding: 10px 8px 0 8px}


    
}