#kisos_banner{position: fixed; right: 79px; top: 50%; transform: translateY(-50%); z-index: 50;}
#kisos_banner::before{content: ''; display: block; width: 1px; height: calc(100% - 15px); position: absolute; top:50%; right: 10px; transform: translate(-50%, -50%); background-color: rgba(255,255,255,.4)}
#kisos_banner li{margin-bottom: 15px;}
#kisos_banner li:last-child{margin-bottom: 0;}
#kisos_banner li a span{font-size: 13px; color: rgba(255,255,255,0); transition: .3s;}
#kisos_banner li a{display: flex; align-items: center; flex-direction: row-reverse;}
#kisos_banner li a .cir{width: 23px; height: 23px; border-radius: 50%; position: relative; margin-left: 8px; transition: .3s;}
#kisos_banner li a .cir::before{content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; border: solid 1px #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: .3s;}

#kisos_banner li .active span{color: rgba(255,255,255,1);}
#kisos_banner li .active::before{height: 30px;}

#kisos_banner li .active .cir{border: solid 1px #fff;}
#kisos_banner li .active .cir::before{background-color: rgba(255,255,255,1);}

#kisos_banner.on li a span{}
#kisos_banner.on::before{background-color: #ddd;}
#kisos_banner.on li a .cir{border-color: #999;}
#kisos_banner.on li a .cir::before{border-color: #999;}

#kisos_banner.on li .active span{color: rgba(153, 153, 153, 0.8);}
#kisos_banner.on li .active .cir{border-color: #999;}
#kisos_banner.on li .active .cir::before{background-color: #999;}