.parentHistory{
height: 513px;
overflow-y: auto;
padding: 0 15px;
}

.box_history{
background: none;
border-top: 1px solid #E6E6E6;
padding: 50px 0 70px 0;
}
.div_history{
width: 1500px;
box-sizing: border-box;
max-width: 100%;
margin: 0 auto;
padding: 0 15px;
}

.div_history .history{
border-left: 1px solid #FED060;
}
.div_history .history ul{
list-style: none;
}
.div_history .history ul li{
position: relative;
margin-bottom: 20px;
padding-left: 60px;
}
.div_history .history ul li:before{
content: "";
position: absolute;
width: 26px;
height: 26px;
left: -13px;
top:0;
bottom: 0;
margin: auto;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4NCiAgPGcgaWQ9ImxpX3BrdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzOC40MjQgLTQzMzMuNDI0KSI+DQogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8yMiIgZGF0YS1uYW1lPSJFbGxpcHNlIDIyIiBjeD0iMTMiIGN5PSIxMyIgcj0iMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkzOC40MjQgNDMzMy40MjQpIiBmaWxsPSIjZmZmIi8+DQogICAgPGcgaWQ9IkVsbGlwc2VfMjMiIGRhdGEtbmFtZT0iRWxsaXBzZSAyMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTQxLjQyNCA0MzM2LjQyNCkiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YzOTEwMCIgc3Ryb2tlLXdpZHRoPSI1Ij4NCiAgICAgIDxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIiBzdHJva2U9Im5vbmUiLz4NCiAgICAgIDxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjcuNSIgZmlsbD0ibm9uZSIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=') 50% 50% no-repeat;
}

.div_history .history ul li>div{
border: 1px solid #E6E6E6;
border-radius: 20px;
padding: 30px 30px 30px 30px;
position: relative;
}
.div_history .history ul li>div:before{
content: "";
width: 31px;
height: 36px;
position: absolute;
left: -31px;
top:0;
bottom: 0;
margin: auto;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAkCAYAAABxE+FXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfJJREFUeNrEWMtOwkAUdUqf9kHZ6c6Vxp17Xbh1iR9AdKEfAIQfYKNB2WoCiokbv4zXhhQWBUxbzyTUkAbbYqfDJGQmoe2de849d+4dsreDMRgMjoIg+ORqdDKZ2KPR6BnGlzAecDM8HA7v+v2+iw18+75PbQeEA8SXmHqiKB7atq1g/v1PzJNXQkgbyyvLslRN0/hADF4fALMznU69EOJNg6nn4LQMbzuSJJnwVi4UCrHPMzE+Ho/PPM97EwThFLxqsiyneo9klc5isWgB2gr1VNd1bomiRqXjOM4yjte4If5TOu+QzEGpVFKTeGXC+Uo6HSwvisWiipEZPTElrw1AWwWnkmmaAivqSIK3N5haiqLoCCgtC8SpPQ+lA16PYdRIK51MnlOI5/P5CwLxGnqV806JZO3UaYLXmmEYAn4Kgit3uZKVdL4AsQXpMOc1bggsMl1m2JGtmpjqkBKBpPjAviHgXhFwZa4Bt3OpbUgyt6sks59HkkkkllLhum4DyyriQaJS5GY8crB0sTxndbBsHdKRI5VrXljfRD1rMcGijHrCdyo0HrYto5hkEipNeN9DTJxwKyD/KJ27kKaRpnTOKx4eadMwm81imwaS4wYS2yVejeIHlWa0UeTZIt9HW2TulwPYRDu8HNhJERFei/wIMAAXcbNpbErAWgAAAABJRU5ErkJggg==') 50% 50% no-repeat;
}

.div_history .history ul li>div div{
display: inline-block;
vertical-align: middle;
}
.div_history .history ul li .rok{
color: #FED060;
font-family: var(--gfont2-family);
font-size: 50px;
font-weight: 400;
border-right: 1px solid #E6E6E6;
padding-right: 25px;
min-width: 117px;
}
.div_history .history ul li .content{
color: #1A1A18;
font-size: 18px;
font-weight: 400;
padding-left: 30px;
}

@media screen and (max-width:1120px){
.div_history .history ul li .rok{font-size: 30px;min-width: 70px}
.div_history .history ul li > div{display: flex}
}