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

.KNB_5020_7 .sub_stit2{ width:100%; float: left; font-size: calc(var(--tit-md-size) * 1.2); color: #fff; font-weight:700; line-height: 100%; letter-spacing: -1px; text-align: center;  z-index: 9999; position: absolute; left: 0; top: 240px; }	

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


.KNB_5020_7 .box_bg_blue { width:100%; float: left; background-color: #3b82d1; border-radius: 20px;  z-index: 0; display: flex; justify-content: center; position: relative; }
.KNB_5020_7 .box_bg_blue::after { width: 100%; height: 300px; content: ""; background-size: clamp(75%, 7.813vw, 100%); background-image: url("/_img/img/vision_img03.png"); background-repeat: no-repeat; background-position: center top; position: absolute; left: 0; top: -120px; z-index: 999;}

.KNB_5020_7 .object_container { width: 100%; max-width: 1080px; float: left; display: flex; justify-content: center; gap: 20px; padding: 50px 20px 80px 20px; margin: 130px auto 0 auto; box-sizing: border-box; }






.KNB_5020_7 .box_wrap { width: 100%; float: left; display: flex; flex-direction: column; align-items: center; }

.KNB_5020_7 .object_box { background-color: transparent; border: 2px solid #fff; color: #333; border-radius: 10px; padding: 30px 20px; box-sizing: border-box; text-align: center; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin-top: -70px; }




.KNB_5020_7 .sign_img { width:clamp(90px, 10.938vw, 140px); height: clamp(90px, 10.938vw, 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_7 .sign_img img {width:clamp(36px, 4.297vw, 55px); }


.KNB_5020_7 .work_list_tx{ width:100%; float: left; font-size: calc(var(--tit-mds-size) * 0.9); color: #fff; font-weight:500; letter-spacing: -1.5px; position: relative;text-align: center; margin-top: 70px; line-height: 130%;}	



.KNB_5020_7 .work_list_tx2{ width:100%; float: left; font-size: var(--tx-sm-size); color: #fff; font-weight:400; line-height: 140%!important; letter-spacing: -1px; position: relative; margin-top: 20px; text-align: left; padding: 15px 0;}	


.KNB_5020_7 .work_list_tx2 ul.dot { width:100%; float: left;display: flex;flex-direction: column; grid-gap: 5px; margin-bottom: 10px }	
.KNB_5020_7 .work_list_tx2 ul.dot>li{ width:100%; float: left; font-size: var(--tx-sm-size);color: #fff; font-weight:400; line-height: 140%!important; letter-spacing: -1px; padding-left: clamp(10px, 1.172vw, 15px); position: relative; padding-left: 10px }	
.KNB_5020_7 .work_list_tx2 ul.dot>li:before{ position: absolute; left: 5px; top: 15px; content: "";    width: 3px; height: 3px; border-radius: 100%; background-color: #fff; }	

.KNB_5020_7 .work_list_tx2 ul.dot>li em{ font-weight: 700; color: #fff }



.KNB_5020_7 .object_container .box_wrap:nth-child(2) .object_box {background-color:  #fff!important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15)!important;}

.KNB_5020_7 .object_container .box_wrap:nth-child(2) .sign_img{background-color: #3b82d1!important;}

.KNB_5020_7 .object_container .box_wrap:nth-child(2) .work_list_tx{ color: #202020!important;}
.KNB_5020_7 .object_container .box_wrap:nth-child(2) .work_list_tx2{ color: #202020!important;}

.KNB_5020_7 .object_container .box_wrap:nth-child(2) ul.dot>li { color: #202020!important;}
.KNB_5020_7 .object_container .box_wrap:nth-child(2) ul.dot>li:before {color: #202020!important;}
.KNB_5020_7 .object_container .box_wrap:nth-child(2) .work_list_tx2 ul.dot>li:before{ position: absolute; left: 5px; top: 15px; content: "";    width: 3px; height: 3px; border-radius: 100%; background-color: #202020; }	

	

@media (max-width: 1199px) {
.KNB_5020_7 .sub_stit2{  top:90px!important; }	
.KNB_5020_7 .sign_img { width:clamp(90px, 10.938vw, 140px); height: clamp(90px, 10.938vw, 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_7 .box_bg_blue::after { width: 100%; height: 130px; content: ""; background-size: clamp(75%, 7.813vw, 100%); background-image: url("/_img/img/vision_img03.png"); background-repeat: no-repeat; background-position: center top;  position: absolute; left: 0; top: -65px; z-index: 999;}
	
	
.KNB_5020_7 .timeline-line { padding:40px clamp(20px, 3.906vw, 50px) 0 clamp(20px, 3.906vw, 50px); }	
.KNB_5020_7 .work_list_tx{ margin-top: 50px; l}	
	
.KNB_5020_7 .object_container {margin: 50px auto 0 auto; flex-direction: column!important; padding: 50px 20px 20px 20px!important;}

	
.KNB_5020_7 .object_box { margin-top: -45px; padding: 20px;}	
		
}


@media (max-width: 767px) {
.KNB_5020_7 .box_bg_blue::after { width: 100%; height: 130px; content: ""; background-size: clamp(75%, 7.813vw, 100%); background-image: url("/_img/img/vision_img03.png"); background-repeat: no-repeat; background-position: center top; position: absolute; left: 0; top: -55px; z-index: 999;}
  
}