.KNB_5020_1 { transition: all 0.3s ease; }

.KNB_5020_1 .sub_stit2{ width:100%; float: left; font-size: calc(var(--tit-md-size) * 1.2); color: #000; font-weight:700; line-height: 100%; letter-spacing: -1px; text-align: center; margin-bottom:clamp(10px, 2.344vw, 20px)!important ; line-height:150%}	




  .KNB_5020_1 .timeline-wrapper { position: relative; width: 100%; float: left; display: flex; justify-content: center; align-items: center;  }


  .KNB_5020_1 .timeline-line { width: 100%; float: left; height: 80px; border-radius: clamp(10px, 1.053vw, 20px) clamp(10px, 1.053vw, 20px) 0 0; position: absolute; top: 80px; transform: translateY(-50%); border: 1px solid #e0e0e0; border-bottom: none; }

  .KNB_5020_1 .label { background: #5c75f4; color: #fff; padding: 25px clamp(20px, 5.469vw, 70px); border-radius: 999px; font-size: calc(var(--tit-md-size) * 1.3); font-weight: 300; display: flex; align-items: center;
    gap: 5px; position: relative; z-index: 1;transition: all 0.3s ease; }

@media (max-width: 1199px) {
	.KNB_5020_1 .label{ width:100%!important; text-align: center; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; }
}


 .KNB_5020_1 .label .light { font-weight: 300; letter-spacing: -1px; }

  .KNB_5020_1 .label .bold { font-weight: 700; margin-left: 8px; }

/*

table.ID_TB1 thead tr th{text-align: center!important}
.ID_TB1 td:first-child{width: 15%}
.ID_TB1 td:nth-child(2){width: 10%}
.ID_TB1 td:nth-child(3){width: 10%}
.ID_TB1 td:nth-child(4){width: 10%}
.ID_TB1 td:nth-child(5){width: auto}
@media only all and (max-width:767px) {
table.ID_TB1{ width:150%!important; float: left; }	
}

*/