.hero_vtd{background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
  url('/fnc_images/fml_sub/fml-vtd.png') center/cover no-repeat fixed;
}
.vtd_bg{background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
  url('/fnc_images/fml_sub/vtd-bg.png') center/cover no-repeat fixed;}
/*섹션 1: VTD는 디지털 트윈 도로 위에서 자율주행을 검증합니다*/
.fine-txt{color:#D4EEFF;}
.vtd{line-height: normal; color: white;}
.vtdintro{max-width: 400px;}
.vtd .dets{margin-top:50px; display:flex; flex-wrap:wrap; justify-content:space-between;}

.intro-dets{width: 100%; padding-bottom: 100px; margin-top:10px;
display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.intro-dets .cats{ width:210px; display: flex; flex-direction:column; justify-content:center; align-items:center;
  gap:20px; text-align:center; line-height:normal; padding:20px; color: white;}
.cat-img{position:relative; display: flex; justify-content:center; align-items:center;}
.cat-img img{width: 170px;}
.cat-img h2{position: absolute; text-align: center; margin-left:20px; font-weight: 700; font-size:36px;}
@media(max-width:640px){
.intro-dets{justify-content: space-evenly;}
.cat-img img{width: 120px;}
.cat-img h2{position: absolute; text-align: center; margin-left:15px; font-weight: 600; font-size:24px;}
}

.plat-box{height:auto; min-height:fit-content; background: white; border-radius: 10px; margin-bottom: 50px;
display: flex; flex-direction:column; justify-content: center; padding: 5%; gap: 30px; text-align:center;}
.plat{display:flex; flex-wrap:wrap; justify-content: space-between;}
.plat-item{margin-bottom:20px; min-width: 150px; width: 5vw; height:200px; background:#03355B; border-radius:10px; padding:10px;
color:white; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:15px;}
.plat-item img{width: 40px;}
.plat-box .mini-title{margin-bottom:20px; color:#03355B;}
.plat-box .item-list{display:flex; flex-wrap:wrap; justify-content:center; align-items: center; gap:3%;}
.ev-item{margin-bottom:20px; min-width: 200px; width:20vw; height:150px; background:#03355B; border-radius:10px; padding:10px;
color:white; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.plat-box .arrow-move{display: flex; justify-content: center;}
.plat-box .arrow{width:40px; transform:rotate(90deg);}
.plat-box h1{text-align:center; margin-top: 20px;}
@media(max-width:640px){
  .plat-item{flex-direction: row; margin-bottom:8px; min-width: 220px; width: 5vw; height:80px; padding: 5px 15px;}
  .plat-item .text{margin-left:auto; text-align:right;}
  .plat-icon{margin-bottom: 0;}

}

.sectz_vtd{ background: white; padding-bottom:100px;}
.sectz_vtd ul{margin-top:30px; display:flex; justify-content:space-between; 
  align-items: center; flex-wrap:wrap;}
.sectz_vtd li{margin-bottom:30px; padding: 10px;}
.sectz_vtd h2{font-size: 36px; font-weight: 600; color:#03355B; margin-bottom: 10px;}
.fine-txt2{font-size: 14px;  color: #03355B; margin-bottom: 10px;}
.up-det{width:130px; height:45px; font-size:20px; color:#03355B; 
  background:#88C8F3; margin-bottom:10px; border-radius:5px; border: solid 1pX #007BDC;
  display:flex; align-items:center; justify-content:center;}
@media(max-width:640px){
  .sectz_vtd h2{font-size: 24px; font-weight: 600;}
}
.sectz_vtd .width{width: 344px;}




.sect2_vtd{ padding-top:50px; padding-bottom: 50px; align-items: center; color: white;
  text-align:center; width: 100vw; height: auto; min-height: fit-content;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)),
              url('/fnc_images/fml_sub/fml-vtd.png') center/cover no-repeat fixed;
}
/*자율주행 제어기 가속 검증 파이프라인*/
.pipe-sect h1{margin-bottom: 50px;}
.pipe-text{display:flex; flex-direction: column;}
.pipe-title{position: relative; display: grid; grid-template-columns: 145px 1fr; width: 210px; 
  align-items: center; margin-bottom:10px;}
.pipeline{display: flex; align-items: center; flex-wrap: wrap; gap:3%; width:100%; color: white;}
.pipeline .spec{width:200px; margin-right:30px;}
.pipeline h2{line-height: normal;}
.pipeline li{margin-bottom: 50px;}
.pipeline li .arrow{width: 50px;}
.pipeline li span{position: absolute; text-align: right; font-size: 54px; color: #88C8F3; line-height: 0; right:0;}
@media(max-width:640px){.pipeline li .arrow{transform: rotate(90deg);}}