.KNB_5020_8 {width: 100%; float: left; position: relative; }

.KNB_5020_8 .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;  z-index: 9999; position: absolute; left: 0; top: 0px; margin-top: 100px;}	

	
.KNB_5020_8 .timeline-line { width: 100%;  height: 100%; float: left; padding:0 clamp(20px, 3.906vw, 50px);  border-radius: 0 0 clamp(10px, 1.053vw, 20px) clamp(10px, 1.053vw, 20px);  border: 1px solid #e0e0e0; border-top: none;  }	


.KNB_5020_8 .value_container { width: 100%; float: left; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 0px clamp(10px, 1.053vw, 20px); margin: 180px auto 90px auto; box-sizing: border-box; }





.KNB_5020_8 .value_box {    flex: 1 1 220px;  width: 100%; float: left; border-right: 1px solid #d6d6d6; color: #333;  padding: 0 clamp(10px, 1.053vw, 20px);  box-sizing: border-box; text-align: center; display: flex; flex-direction: column; align-items: center; }

.KNB_5020_8 .value_container .value_box:last-child { border:none;}

@media (max-width: 1199px) {
  .KNB_5020_8 .value_container { grid-template-columns: repeat(2, 1fr); margin: 180px auto 60px auto;}
  .KNB_5020_8 .value_container .value_box:nth-of-type(even) { border:none;}
}

@media (max-width: 767px) {
  .KNB_5020_8 .value_container { grid-template-columns: 1fr; margin: 160px auto 50px auto; }
  .KNB_5020_8 .value_container .value_box { width:100%; max-width: 100%; border-bottom: 1px solid #d6d6d6!important; border-right: none!important; padding-bottom: 10px;}
  .KNB_5020_8 .value_container .value_box:last-child { border-bottom: none!important;}
  
}





.KNB_5020_8 .sign_img { width:140px;height: 140px; float: left; border-radius: 100%; border: 2px solid rgba(255, 255, 255, 0.6);display: flex; align-items: center; flex-direction: column; justify-content: center; background-color:  #fff; z-index: 99;}

.KNB_5020_8 .sign_img img {width:55px;}



.KNB_5020_8 .work_list_tx{ width:  clamp(52px, 5.625vw, 72px); height: clamp(52px, 5.625vw, 72px); float: left; font-size: calc(var(--tit-mds-size) * 1.2); color: #fff; background-color: #414141; border-radius: clamp(10px, 1.053vw, 20px); font-weight:500; letter-spacing: -1.5px; text-align: center; margin-bottom: clamp(10px, 1.053vw, 20px); display: flex; justify-content: center; align-items: center; }	



.KNB_5020_8 .work_list_tx2{ width:100%; float: left; font-size: calc(var(--tit-mds-size) * 1.2); color: #000; font-weight:600; letter-spacing: -1.0px; text-align: center;  line-height: 130%;margin-bottom: clamp(10px, 1.053vw, 20px);}	



.KNB_5020_8 .work_list_tx3{ width:100%; float: left; font-size: var(--tx-sm-size); color: #7d7d7d; font-weight:400; line-height: 140%!important; letter-spacing: -1px;  text-align: center; }