/* sub-page */
.sub-banner {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  margin: 80px 0;
}
.sub-banner h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 58px;
  color: #FFFFFF;
}

.sub-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
}
.sub-title h3 {
  padding: 12px 12px 0px;
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  color: #000;
  border-top: 4px solid #990033;
}


/* about */
.about-banner {
  background: url(../img/about-banner.jpg) no-repeat center center;
}

/* overview */
.overview-banner {
  background: url(../img/overview-banner.jpg) no-repeat center center;
}

/* products and solutions */
.product-banner {
  background: url(../img/product-banner.jpg) no-repeat center center;
}

/* job opening */
.job-banner {
  background: url(../img/job-banner.jpg) no-repeat center center;
}

/* contact us */
.contact-banner {
  background: url(../img/contact-banner.jpg) no-repeat center center;
}

/* company */
.company-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.company-section01 .content-wrap {
  width: 100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
  display: flex;
  align-items: flex-start;
  gap: 60px;
}
.company-section01 .content-wrap .right {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.company-section01 .content-wrap .right .content h3 {
  font-weight: 800;
  font-size: 50px;
  line-height: 34px;
  color: #000;
  margin-bottom: 40px;
}
.company-section01 .content-wrap .right .content h3 span {
  color: #990033;
}
.company-section01 .content-wrap .right .content p {
  font-weight: 400;
  font-size: 28px;
  line-height: 40px;
  color: #000000;
  margin-top: 24px;
}
.company-section01 .content-wrap .right h4{
  color: red;
}

.company-section02 {
  width: 100%;
  margin-bottom: 80px;
}
.company-section02  h4 {
  padding-top: 80px;
  margin-bottom: 50px;
  text-align: center;
  font-size: 50px;
  font-weight: 800;
 color: #990033; 
}
.company-section02 .content-wrap {
  /* width: 73.5688%; */
  width: 100%;
    padding: 0 40px;
  max-width: 1600px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.company-section02 .content-wrap .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
    text-align: center;
}
.company-section02 .content-wrap .content img {
  /* width: 100%; */
  margin-bottom: 40px;
}
.company-section02 .content-wrap .content h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 34px;
  color: #000;
  text-align: center;
  margin-bottom: 24px;
}
.company-section02 .content-wrap .content p {
  max-width: 390px;
  font-weight: 400;
  font-size: 25px;
  line-height: 33px;
  text-align: left;
  color: #000;
  
}

/* members */
.members-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.members-section01 .content-wrap {
  width: 73.5688%;
  margin: auto;
}
.members-section01 .content-wrap img {
  width: 100%;
}

.members-section02 {
  width: 100%;
  margin-bottom: 80px;
}
.members-section02 .content-wrap {
  width: 73.5688%;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 60px;
}
.members-section02 .content-wrap .left {
  width: 43.072%;
}
.members-section02 .content-wrap .left img {
  width: 100%;
}
.members-section02 .content-wrap .right p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #737373;
}
.members-section02 .content-wrap .right p span {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  color: #990033;
}

/* news */
.news-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.news-section01 .content-wrap {
  width: 73.5688%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px 24px;
}
.news-section01 .content-wrap .content {
  width: 100%;
  position: relative;
}
.news-section01 .content-wrap .content a {
  overflow: hidden;
  display: block;
  margin-bottom: 24px;
  position: relative;
  padding-bottom:67%;
  height: 0;
  border: 1px solid #eee;
}
.news-section01 .content-wrap .content a img {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}
.news-section01 .content-wrap .content a span {
  position: absolute;
  z-index: 2;
  display: table;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  padding: 16px 32px;
  background: #990033;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
}
.news-section01 .content-wrap .content a span svg {
  margin-left: 16px;
  position: relative;
  top: 2px;
}
.news-section01 .content-wrap .content a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
.news-section01 .content-wrap .content a:hover span {
  visibility: visible;
  opacity: 1;
}
.news-section01 .content-wrap .content a:hover::after {
  visibility: visible;
  opacity: 1;
}
.news-section01 .content-wrap .content h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #000;
  margin-bottom: 16px;
}
.news-section01 .content-wrap .content p:nth-child(3) {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin-bottom: 16px;
}
.news-section01 .content-wrap .content p:nth-child(4) {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #737373;
}

.news-detail-section01 .content-wrap {
  width: 73.5688%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px 24px;
}

.news-section01 .content-wrap .news_contents_detail{
  width: 100%;
}

.news-section01 .content-wrap .news_contents_detail .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #DDDDDD;
  background: #F6F6F6;
}
.news-section01 .content-wrap .news_contents_detail .top h3{
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #000000;
}
.news-section01 .content-wrap .news_contents_detail .top p{
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #999999;  
}

.news-section01 .content-wrap .news_contents_detail .bottom{
  padding: 20px 24px;
  border-bottom: 1px solid #999999;
  margin-bottom: 24px;
}
.news-section01 .content-wrap .news_contents_detail .bottom p{
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
}
.news-section01 .content-wrap .news_contents_detail .bottom p img{
  width: 40% !important;
}
.news-section01 .content-wrap .news_contents_detail a{
  display: inline-block;
  padding: 10px 40px;
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  transition: 0.3s;
  border: 1px solid #000000;
}

/* location */
.location-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.location-section01 .content-wrap {
  width: 73.5688%;
  margin: auto;
}
.location-section01 .content-wrap iframe {
  width: 100%;
  height: 612px;
  margin-bottom: 40px;
}
.location-section01 .content-wrap .content {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.location-section01 .content-wrap .content svg {
  margin-right: 24px;
}
.location-section01 .content-wrap .content p {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: #000;
}
.location-section01 .content-wrap .content a {
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: #000;
}
.location-section01 .content-wrap .content:last-child {
  margin-bottom: 0;
}

/* fundamentals */
.fundamentals-section01 {
  width: 100%;
}
.fundamentals-section01 .content-wrap {
  padding: 0 100px;
  display: flex;
  margin: 0 auto;/*24.01.16*/
  width: 100%;
  max-width: 1920px;/*24.01.16*/
}
.fundamentals-section01 .content-wrap .content {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-bottom: 80px;
}
.fundamentals-section01 .content-wrap .content.mr{
  margin-right:30px ;
}
.fundamentals-section01 .content-wrap .content h3 {
  font-weight: 800;
  font-size: 36px;
  color: #990033;
  margin-bottom: 24px;
}
.fundamentals-section01 .content-wrap .content .video {
  position: relative;
  width: 100%;
  max-width: 845px;
  aspect-ratio: 169/100;
}
.fundamentals-section01 .content-wrap .content .video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.fundamentals-section01 .content-wrap .center-cont {
display: flex;
align-items: center;
justify-content: center;
}
.fundamentals-section01 .content-wrap .content .text-box {
display: flex;
align-items: center;
justify-content: center;
padding: 22px 33px;
background: #990033;
text-align: center;
font-size: 20px;
line-height: 1.1;
color: #fff;
}
.fundamentals-section01 .content-wrap .content p {
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  color: #000;
  margin-bottom: 40px;
}

.fundamentals-section01 .content-wrap .content .img-box {
  position: relative;
  margin-top: auto;
  padding-bottom: 49.71%;
  width: 100%;
  height: 0;
}

.fundamentals-section01 .content-wrap .content .img-box img{
  position: absolute;
  width: 100%;
  height: 100%;
}

.fundamentals-section01 .content-wrap .content .img-box.h-img {
  padding-bottom: 80%;
}


/* applications */
.applications-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.applications-section01 .content-wrap {
  width:100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
}
.applications-section01 .content-wrap > h3 {
  font-weight: 800;
  font-size: 36px;
  line-height: 1.1;
  color: #990033;
  margin-bottom: 40px;
}
.applications-section01 .content-wrap .content-box {
  display: flex;
  gap: 24px;
}
.applications-section01 .content-wrap .content-box .content {
  padding: 40px;
  background: #4D4D4D;
}
.applications-section01 .content-wrap .content-box .content > h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
  color: #FFFFFF;
  margin-bottom: 24px;
}
.applications-section01 .content-wrap .content-box .content > p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #fff;
  display: block;
  width: 100%;
}
.applications-section01 .content-wrap .content-box .content:nth-child(1) {
  width: 45%;
}
.applications-section01 .content-wrap .content-box .content:nth-child(2) {
  width: 27.5%;
}
.applications-section01 .content-wrap .content-box .content:nth-child(3) {
  width: 27.5%;
}

.applications-section02 {
  width:100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
  margin-bottom: 80px;
}
.applications-section02 > h3 {
  font-weight: 800;
  font-size: 36px;
  line-height: 1.1;
  color: #990033;
  margin-bottom: 24px;
}
.applications-section02 > p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #000;
}

.applications-section03 {
  width:100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
  margin-bottom: 80px;
}
.applications-section03 > h3 {
  font-weight: 800;
  font-size: 36px;
  line-height: 1.1;
  color: #990033;
  margin-bottom: 24px;
}
.applications-section03 > p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000;
}

.applications-section04 {
  width:100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
  margin-bottom: 80px;
}
.applications-section04 > h3 {
  font-weight: 800;
  font-size: 36px;
  line-height: 1.1;
  color: #990033;
  margin-bottom: 40px;
}
.applications-section04 .icon-card {
  display: flex;
flex-wrap: wrap;
gap: 20px 60px;
}
.applications-section04 .icon-card >li {
  padding: 30px;
  width: calc(50% - 30px);
  border: 1px solid #d3d3d3;
}
.applications-section04 .icon-card dl {
display: flex;
flex-direction: column;
gap: 30px;
margin-top: 20px;
}
.applications-section04 .icon-card dt {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
  color: #990033;
}
.applications-section04 .icon-card .num-list  {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.applications-section04 .icon-card .num-list li {
    font-weight: 400;
  font-size: 24px;
  line-height: 1.2;
  color: #000;
  word-break: keep-all;
  list-style: decimal;
  margin-left: 30px;
}

/* competitiveness */
.competitiveness-section01 {
  width: 100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
  margin-bottom: 80px;
}
.competitiveness-section01 > h3 {
  font-weight: 800;
  font-size: 36px;
  color: #990033;
  margin-bottom: 24px;
}
.competitiveness-section01 > p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.1;
  color: #000;
}

.competitiveness-section02 {
  width: 100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
  margin-bottom: 80px;
}
.competitiveness-section02 > h3 {
  font-weight: 800;
  font-size: 36px;
  color: #990033;
  margin-bottom: 24px;
}
.competitiveness-section02 > p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.1;
  color: #000;
}

.competitiveness-section03 {
  width: 100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
  margin-bottom: 80px;
}
.competitiveness-section03 > h3 {
  font-weight: 800;
  font-size: 36px;
  color: #990033;
  margin-bottom: 24px;
}
.competitiveness-section03 > img {
  width: 60%;
  margin-bottom: 24px;
}
.competitiveness-section03 > p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.1;
  color: #000;
}

.competitiveness-section04 {
  width: 100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
  margin-bottom: 80px;
}
.competitiveness-section04 > h3 {
  font-weight: 800;
  font-size: 36px;
  color: #990033;
  margin-bottom: 24px;
}

.competitiveness-section04 .column-box{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.competitiveness-section04 .column-box .img-wrap{
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 134%;
  width: 100%;
  height: 0;
  font-size: 0;
  border: 1px solid #f3f3f3;
}
.competitiveness-section04 .column-box .img-wrap img{
  width: 100%;
}
.competitiveness-section04 .column-box .img-wrap.line{
  border: 1px solid #f3f3f3;
}

.competitiveness-section04 .column-box .tit{
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000;
}
.competitiveness-section05 {
  width: 100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
  margin-bottom: 80px;
}
.competitiveness-section05 > h3 {
  font-weight: 800;
  font-size: 36px;
  color: #990033;
  margin-bottom: 24px;
}
.competitiveness-section05 .table-wrap{
  overflow-x: auto;
  width: 100%;
  border: 2px solid #4d4d4d;
}

.competitiveness-section05 .table-wrap table{
  min-width: 700px;
}
.competitiveness-section05 .table-wrap caption{
  display: none;
}
.competitiveness-section05 .table-wrap table{
  width: 100%;
  table-layout: fixed;
  border-collapse: 0;
  border-spacing: 0;
}

.competitiveness-section05 .table-wrap table th,
.competitiveness-section05 .table-wrap table td{
  padding: 10px;
  border-right: 1px solid #4d4d4d;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
}

.competitiveness-section05 .table-wrap table th:last-child,
.competitiveness-section05 .table-wrap table td:last-child{
  border-right: 0 none;
}
  .competitiveness-section05 .table-wrap td:not(:nth-of-type(2)){
  text-align: center;
}

/* scanners */
.img_box{
  display: flex;
  /* width: 73.5688%; */
  margin: auto;
  gap: 30px;
}
.img_box .box{
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  width: 25%;
}
.img_box .box dt {
font-size: 28px;
  font-weight: 700;
  text-align: left;
}
.img_box .box dd {
font-size: 22px;
  font-weight: 600;
  text-align: left;
}
.img_box a img{
  width: 100%;
}
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  border: 0;
  cursor: pointer;
  transition: all 0.3s;
  margin: auto;
  margin-top: 48px;
  margin-bottom: 75px;
  gap: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.button a{
  display: block;
  width: 500px;
  text-align: center;
  font-weight: 500;
  font-size: 22px;
  line-height: 20px;
  color: #FFFFFF;
  background: #990033;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
  padding: 30px 10px;
}
.button a:hover {
  background: #2C2C2C;
}

.txt-wrap{
  /* width: 73.5688%; */
  margin: 60px auto;
  font-size: 20px;
}
.txt-wrap .txt h3{
  font-size: 24px;
}
.txt-wrap .txt div{
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.scanners-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.scanners-section01 .content-wrap {
  width: 100%;
  max-width: 1600px;
  padding: 0 40px;
  margin: auto;
}
.scanners-section01 .content-wrap .top {
  margin-bottom: 60px;
}
.scanners-section01 .content-wrap .top > h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #990033;
  margin-bottom: 24px;
}
.scanners-section01 .content-wrap .top > p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000;
}
.scanners-section01 .content-wrap .bottom > h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #990033;
  margin-bottom: 40px;
}
.scanners-section01 .content-wrap .bottom .content-top {
  width: 100%;
  /* display: flex;
  justify-content: space-around;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
.scanners-section01 .content-wrap .bottom .content-top02{
  grid-template-columns: 1fr 1fr;
}
.scanners-section01 .content-wrap .bottom .content-top .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.scanners-section01 .content-wrap .bottom .content-top .content .img-box {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-bottom: 24px;
}
.scanners-section01 .content-wrap .bottom .content-top .content .img-box img {
  display: block;
  width: 100%;
}
.scanners-section01 .content-wrap .bottom .content-top02 .content .img-box img {
  display: block;
  width: 100%;
}
.scanners-section01 .content-wrap .bottom .content-top .content > img {
  display: block;
  width: 144px;
  margin-bottom: 24px;
}
.scanners-section01 .content-wrap .bottom .content-top .content > p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  text-align: center;
  margin-bottom: 24px;
}
.scanners-section01 .content-wrap .bottom .content-top .content > a {
  background: #990033;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 20px;
  transition: all 0.3s;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
  text-align: center;
}
.scanners-section01 .content-wrap .bottom .content-top .content > a svg {
  margin-left: 16px;
}
.scanners-section01 .content-wrap .bottom .content-top .content > a:hover {
  background: #2C2C2C;
}
.scanners-section01 .content-wrap .bottom .content-bottom {
  width: 100%;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-flex .table-wrap:last-child table tbody tr td {
  padding: 8.3px 14px;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap {
  margin-top: 60px;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap > h3 {
  font-weight: 800;
  font-size: 36px;
  line-height: 28px;
  color: #990033;
  margin-bottom: 24px;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table {
  border-collapse: collapse;
  width: 100%;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr {
  border: 2px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr th {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  text-align: center;
  padding: 10px 14px;
  border-right: 1px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr th:first-child {
  border-left: 1px solid #4D4D4D;
  text-align: start;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr th:last-child {
  border-right: 1px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr {
  border-bottom: 2px solid #4D4D4D;
  border-left: 2px solid #4D4D4D;
  border-right: 2px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  text-align: center;
  padding: 10px 14px;
  border-right: 1px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td:first-child {
  border-left: 1px solid #4D4D4D;
  text-align: start;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td.st{
  text-align: start;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td:nth-child(1){
  text-align: start;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td:last-child {
  border-right: 1px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(1) {
  border-bottom: 1px solid #DDDDDD;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(3) {
  border-bottom: 1px solid #DDDDDD;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(4) {
  border-bottom: 1px solid #DDDDDD;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(5) {
  border-bottom: 1px solid #DDDDDD;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(6) {
  border-bottom: 1px solid #DDDDDD;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(7) {
  border-bottom: 2px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(8) {
  border-bottom: 1px solid #DDDDDD;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(9) {
  border-bottom: 2px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(10) {
  border-bottom: 2px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(11) {
  border-bottom: 2px solid #4D4D4D;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr.gray {
  border-bottom: 1px solid #DDDDDD;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap .txt{
  margin-top: 30px;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap .txt h2{
  font-size: 20px;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap .red-bg {
  background: #970030;
  color: #fff;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap .pur-bg {
  background: #993366;
  color: #fff;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap .org-bg {
  background: #cc3300;
  color: #fff;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap .yel-bg {
  background: #cc6600;
  color: #fff;
}
.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap .redft {
  color: #993366;
    border-right: 1px solid #4D4D4D;
}

.scanners-section01 .content-wrap .bottom .content-bottom .table-wrap tbody th {
  padding-left: 10px;
  text-align: left;
      border-right: 1px solid #4D4D4D;
}
.scanners-section01:last-child .content-wrap .bottom h3{
  margin-bottom: 24px;
}

.scanners-section01 .img-wrap{
  width: 100%;
  max-width: 858px;
}


.scanners-section01 .img-wrap img{
  width: 100%;
}

/* .scanners-section01 .content-wrap .bottom .content-bottom .table-wrap .txt span{
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
} */

@media (max-width: 1740px) {
  .scanners-section01 .content-wrap .bottom .content-top {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
  }
}
/* drivers */
.drivers-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.drivers-section01 .content-wrap {
  width: 73.5688%;
  margin: auto;
}
.drivers-section01 .content-wrap .top {
  margin-bottom: 60px;
}
.drivers-section01 .content-wrap .top > h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #990033;
  margin-bottom: 24px;
}
.drivers-section01 .content-wrap .top > p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000;
}
.drivers-section01 .content-wrap .bottom .content-top {
  display: flex;
  margin-bottom: 40px;
}
.drivers-section01 .content-wrap .bottom .content-top .left {
  margin-right: 60px;
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap {
  position: relative;
  overflow: hidden;
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani {
  position: absolute;
  visibility: hidden;
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .bg {
  display: block;
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01 {
  left: 343px;
  bottom: -115px;
  z-index: 10;
  visibility: visible;
  -webkit-animation: ani01 8s infinite;
          animation: ani01 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01 {
  0% {
    bottom: -115px;
    left: 340px;
  }
  30% {
    bottom: 60px;
    left: 343px;
  }
  50% {
    bottom: 60px;
    left: 343px;
  }
  100% {
    bottom: 600px;
    left: 348px;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-01 {
  visibility: visible;
  -webkit-animation: ani01-01 8s infinite;
          animation: ani01-01 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-01 {
  0% {
    bottom: -105px;
    left: 323px;
    opacity: 0;
  }
  30% {
    bottom: 70px;
    left: 328px;
    opacity: 1;
  }
  50% {
    bottom: 70px;
    left: 328px;
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    bottom: 610px;
    left: 333px;
    opacity: 1;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-02 {
  display: none;
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-03 {
  visibility: visible;
  -webkit-animation: ani01-03 8s infinite;
          animation: ani01-03 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-03 {
  0% {
    bottom: -135px;
    left: 240px;
    opacity: 0;
  }
  30% {
    bottom: 40px;
    left: 245px;
    opacity: 1;
  }
  50% {
    bottom: 40px;
    left: 245px;
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    bottom: 580px;
    left: 248px;
    opacity: 1;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-04 {
  visibility: visible;
  -webkit-animation: ani01-04 8s infinite;
          animation: ani01-04 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-04 {
  0% {
    bottom: 0px;
    left: 245px;
    opacity: 0;
  }
  30% {
    bottom: 150px;
    left: 250px;
    opacity: 1;
  }
  50% {
    bottom: 150px;
    left: 250px;
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    bottom: 680px;
    left: 255px;
    opacity: 0;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-05 {
  visibility: visible;
  -webkit-animation: ani01-05 8s infinite;
          animation: ani01-05 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-05 {
  0% {
    bottom: -100px;
    left: 65px;
    opacity: 0;
  }
  30% {
    bottom: 30px;
    left: 65px;
    opacity: 1;
  }
  50% {
    bottom: 30px;
    left: 65px;
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    bottom: 550px;
    left: 65px;
    opacity: 0;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-06 {
  visibility: visible;
  -webkit-animation: ani01-06 8s infinite;
          animation: ani01-06 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-06 {
  0% {
    bottom: 0px;
    left: 365px;
    opacity: 0;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 180px;
    left: 365px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 180px;
    left: 365px;
    opacity: 0;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 720px;
    left: 370px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-07 {
  visibility: visible;
  -webkit-animation: ani01-07 8s infinite;
          animation: ani01-07 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-07 {
  0% {
    bottom: 10px;
    left: 366px;
    opacity: 0.5;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 190px;
    left: 366px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 190px;
    left: 366px;
    opacity: 0.5;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 730px;
    left: 371px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-08 {
  visibility: visible;
  -webkit-animation: ani01-08 8s infinite;
          animation: ani01-08 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-08 {
  0% {
    bottom: 20px;
    left: 366px;
    opacity: 0.5;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0;
  }
  30% {
    bottom: 200px;
    left: 366px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 200px;
    left: 366px;
    opacity: 0.5;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 740px;
    left: 371px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-09 {
  visibility: visible;
  -webkit-animation: ani01-09 8s infinite;
          animation: ani01-09 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-09 {
  0% {
    bottom: 30px;
    left: 366px;
    opacity: 0.5;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 210px;
    left: 366px;
    opacity: 0;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 210px;
    left: 366px;
    opacity: 0.5;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 750px;
    left: 371px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-10 {
  transform: rotate(90deg);
  visibility: visible;
  -webkit-animation: ani01-10 8s infinite;
          animation: ani01-10 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-10 {
  0% {
    bottom: -50px;
    left: 410px;
    opacity: 0;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 120px;
    left: 410px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 120px;
    left: 410px;
    opacity: 0;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 660px;
    left: 415px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-11 {
  transform: rotate(90deg);
  visibility: visible;
  -webkit-animation: ani01-11 8s infinite;
          animation: ani01-11 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-11 {
  0% {
    bottom: -50px;
    left: 420px;
    opacity: 0.5;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 120px;
    left: 420px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 120px;
    left: 420px;
    opacity: 0.5;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 660px;
    left: 425px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-12 {
  transform: rotate(90deg);
  visibility: visible;
  -webkit-animation: ani01-12 8s infinite;
          animation: ani01-12 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-12 {
  0% {
    bottom: -50px;
    left: 430px;
    opacity: 0.5;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0;
  }
  30% {
    bottom: 120px;
    left: 430px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 120px;
    left: 430px;
    opacity: 0.5;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 660px;
    left: 435px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-13 {
  transform: rotate(90deg);
  visibility: visible;
  -webkit-animation: ani01-13 8s infinite;
          animation: ani01-13 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-13 {
  0% {
    bottom: -50px;
    left: 440px;
    opacity: 0.5;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 120px;
    left: 440px;
    opacity: 0;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 120px;
    left: 440px;
    opacity: 0.5;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 660px;
    left: 445px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-14 {
  transform: rotate(-90deg);
  visibility: visible;
  -webkit-animation: ani01-14 8s infinite;
          animation: ani01-14 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-14 {
  0% {
    bottom: -50px;
    left: 320px;
    opacity: 0;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 120px;
    left: 320px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 120px;
    left: 320px;
    opacity: 0;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 660px;
    left: 325px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-15 {
  transform: rotate(-90deg);
  visibility: visible;
  -webkit-animation: ani01-15 8s infinite;
          animation: ani01-15 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-15 {
  0% {
    bottom: -50px;
    left: 310px;
    opacity: 0.5;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 120px;
    left: 310px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 120px;
    left: 310px;
    opacity: 0.5;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 660px;
    left: 315px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-16 {
  transform: rotate(-90deg);
  visibility: visible;
  -webkit-animation: ani01-16 8s infinite;
          animation: ani01-16 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-16 {
  0% {
    bottom: -50px;
    left: 300px;
    opacity: 0.5;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0;
  }
  30% {
    bottom: 120px;
    left: 300px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 120px;
    left: 300px;
    opacity: 0.5;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 660px;
    left: 305px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-17 {
  transform: rotate(-90deg);
  visibility: visible;
  -webkit-animation: ani01-17 8s infinite;
          animation: ani01-17 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-17 {
  0% {
    bottom: -50px;
    left: 290px;
    opacity: 0.5;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 120px;
    left: 290px;
    opacity: 0;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 120px;
    left: 290px;
    opacity: 0.5;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 660px;
    left: 295px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-18 {
  transform: rotate(180deg);
  visibility: visible;
  -webkit-animation: ani01-18 8s infinite;
          animation: ani01-18 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-18 {
  0% {
    bottom: -100px;
    left: 365px;
    opacity: 0;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 60px;
    left: 365px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 60px;
    left: 365px;
    opacity: 0;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 600px;
    left: 370px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-19 {
  transform: rotate(180deg);
  visibility: visible;
  -webkit-animation: ani01-19 8s infinite;
          animation: ani01-19 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-19 {
  0% {
    bottom: -110px;
    left: 365px;
    opacity: 0.5;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 50px;
    left: 365px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 50px;
    left: 365px;
    opacity: 0.5;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 590px;
    left: 370px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-20 {
  transform: rotate(180deg);
  visibility: visible;
  -webkit-animation: ani01-20 8s infinite;
          animation: ani01-20 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-20 {
  0% {
    bottom: -120px;
    left: 365px;
    opacity: 0.5;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0;
  }
  30% {
    bottom: 40px;
    left: 365px;
    opacity: 0.5;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 40px;
    left: 365px;
    opacity: 0.5;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0;
  }
  80% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 580px;
    left: 370px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani01-21 {
  transform: rotate(180deg);
  visibility: visible;
  -webkit-animation: ani01-21 8s infinite;
          animation: ani01-21 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani01-21 {
  0% {
    bottom: -130px;
    left: 365px;
    opacity: 0.5;
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    bottom: 30px;
    left: 365px;
    opacity: 0;
  }
  40% {
    opacity: 0.5;
  }
  50% {
    bottom: 30px;
    left: 365px;
    opacity: 0.5;
  }
  60% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.5;
  }
  80% {
    opacity: 0;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    bottom: 570px;
    left: 370px;
    opacity: 0.5;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani02 {
  z-index: 10;
  visibility: visible;
  -webkit-animation: ani02 8s infinite;
          animation: ani02 8s infinite;
}
@keyframes ani02 {
  0% {
    bottom: -115px;
    left: 356px;
  }
  50% {
    bottom: 380px;
    left: 360px;
  }
  80% {
    bottom: 380px;
    left: 360px;
  }
  100% {
    bottom: 600px;
    left: 366px;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani02-01 {
  visibility: visible;
  -webkit-animation: ani02-01 8s infinite;
          animation: ani02-01 8s infinite;
}
@keyframes ani02-01 {
  0% {
    bottom: -130px;
    left: 325px;
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  50% {
    bottom: 360px;
    left: 329px;
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  80% {
    bottom: 360px;
    left: 329px;
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    bottom: 580px;
    left: 335px;
    opacity: 1;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani03 {
  visibility: visible;
  -webkit-animation: ani03 8s infinite;
          animation: ani03 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@keyframes ani03 {
  0% {
    bottom: 150px;
    left: 367px;
    opacity: 0;
  }
  30% {
    bottom: 150px;
    left: 370px;
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  50% {
    bottom: 150px;
    left: 370px;
    opacity: 0.3;
  }
  60% {
    opacity: 0;
  }
  100% {
    bottom: 600px;
    left: 375px;
    opacity: 0;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani03-01 {
  visibility: visible;
  -webkit-animation: ani03-01 8s infinite;
          animation: ani03-01 8s infinite;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  z-index: 10;
}
@keyframes ani03-01 {
  0% {
    bottom: 350px;
    left: 377px;
    opacity: 0;
  }
  30% {
    bottom: 350px;
    left: 377px;
    opacity: 0;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    bottom: 350px;
    left: 377px;
    opacity: 0.8;
  }
  60% {
    opacity: 0;
  }
  100% {
    bottom: 600px;
    left: 377px;
    opacity: 0;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani04 {
  visibility: visible;
  -webkit-animation: ani04 5s infinite;
          animation: ani04 5s infinite;
}
@keyframes ani04 {
  0% {
    left: 468px;
    bottom: 600px;
  }
  100% {
    left: 498px;
    bottom: -150px;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani04-01 {
  visibility: visible;
  -webkit-animation: ani04-01 5s infinite;
          animation: ani04-01 5s infinite;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@keyframes ani04-01 {
  0% {
    left: 220px;
    bottom: -150px;
  }
  100% {
    left: 280px;
    bottom: 600px;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani04-02 {
  visibility: visible;
  -webkit-animation: ani04-02 7s infinite;
          animation: ani04-02 7s infinite;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
@keyframes ani04-02 {
  0% {
    left: 563px;
    bottom: 600px;
  }
  100% {
    left: 610px;
    bottom: -150px;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .left .animation-wrap .ani04-03 {
  visibility: visible;
  -webkit-animation: ani04-03 5s infinite;
          animation: ani04-03 5s infinite;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
@keyframes ani04-03 {
  0% {
    left: 468px;
    bottom: 600px;
  }
  100% {
    left: 498px;
    bottom: -150px;
  }
}
.drivers-section01 .content-wrap .bottom .content-top .right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.drivers-section01 .content-wrap .bottom .content-top .right h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #000;
  margin-bottom: 40px;
}
.drivers-section01 .content-wrap .bottom .content-top .right p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #737373;
  white-space: nowrap;
}
.drivers-section01 .content-wrap .bottom .content-bottom .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.drivers-section01 .content-wrap .bottom .content-bottom .content .img-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-bottom: 24px;
}

.drivers-section01 .content-wrap .bottom .content-bottom .content .img-box  dt {
font-size: 28px;
  font-weight: 700;
  text-align: center  ;
}
.drivers-section01 .content-wrap .bottom .content-bottom .content .img-box  dd {
font-size: 22px;
  font-weight: 600;
  text-align: center  ;
}
.drivers-section01 .content-wrap .bottom .content-bottom .content .img-box img {
  width: 100%;
}
.drivers-section01 .content-wrap .bottom .content-bottom .content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  margin-bottom: 0px;
  text-align: center;
}
.drivers-section01 .content-wrap .bottom .content-bottom .content a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  background: #990033;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  width: 680px;
  margin: auto;
  transition: all 0.3s;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
}
.drivers-section01 .content-wrap .bottom .content-bottom .content a svg {
  margin-left: 16px;
}
.drivers-section01 .content-wrap .bottom .content-bottom .content > a:hover {
  background: #2C2C2C;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap {
  margin-top: 60px;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap > h3 {
  font-weight: 800;
  font-size: 36px;
  color: #990033;
  margin-bottom: 24px;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid #4D4D4D;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr {
  border-top: 1px solid #4D4D4D;
  border-bottom: 2px solid #4D4D4D;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr.red{
  background: #990033;
  border: none;
} 
tr.red{
  background: #990033;
  border: none;
} 
tr.red th{
  color:#fff !important;
} 
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr.red th{
  color: #fff;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr th:nth-child(1){
  text-align: start;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr th {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  text-align: center;
  padding: 10px 14px;
  border-right: 1px solid #4D4D4D;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr th:first-child {
  border-left: 1px solid #4D4D4D;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr th:last-child {
  border-right: 1px solid #4D4D4D;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr.li{
  border-bottom: 2px solid #4D4D4D;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  /* text-align: center; */
  padding: 10px 14px;
  border-right: 1px solid #4D4D4D;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td span{
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td.left{
  display: flex;
  gap: 38px;
  align-items: center;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td.left .div{
    display: flex;
    flex-direction: column;
    text-align: start;
    white-space: nowrap;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td.left .div span:nth-child(1){
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td:first-child {
  border-left: 1px solid #4D4D4D;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td:last-child {
  border-right: 1px solid #DDDDDD;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(1) {
  border-bottom: 1px solid #DDDDDD;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(3) {
  border-bottom: 1px solid #DDDDDD;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(4) {
  border-bottom: 1px solid #DDDDDD;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(5) {
  border-bottom: 1px solid #DDDDDD;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(6) {
  border-bottom: 1px solid #DDDDDD;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(7) {
  border-bottom: 1px solid #DDDDDD;
}
.drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr:nth-child(9) {
  border-bottom: 1px solid #4d4d4d;
}
.drivers-section02{
  margin-bottom: 80px;
}
.drivers-section02 .content-wrap{
  width: 73.5688%;
  margin: auto;
}
.drivers-section02 .content-wrap > h3 {
  font-weight: 800;
  font-size: 36px;
  color: #990033;
  margin-bottom: 24px;
}
.drivers-section02 .content-wrap .video-wrap{
  display: flex;
  align-items: center;
  width: 100%;
  gap: 7.1%;
}

.drivers-section02 .content-wrap .video-wrap .video{
  width: 50%;
  min-width: 500px;
}
.drivers-section02 .content-wrap .video-wrap .txt-wrap{
  flex: 1 1 0;
}

.drivers-section02 .content-wrap .video-wrap .txt-wrap p{
  margin: 10px 0;
}
.drivers-section02 .content-wrap .video-wrap .txt-wrap .red{
  font-weight: 500;
  color: #ac0534;
}
.drivers-section02 .content-wrap .video-wrap .txt-wrap .blue{
  font-weight: 500;
  color: #1306a9;
}
.drivers-section02 .content-wrap .video-wrap .txt-wrap .black{
  font-weight: 500;
  color: #0a0000;
}
.drivers-section02 .content-wrap .video-wrap .txt-wrap .green {
  font-weight: 500;
  color: #4f8d61;
}



@media (max-width: 1600px) {
  .drivers-section01 .content-wrap .bottom .content-top {
    flex-wrap: wrap;
  }
  .drivers-section01 .content-wrap .bottom .content-top .right {
    margin-top: 24px;
  }
}
/* customer */
.customer-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.customer-section01 .content-wrap {
  width: 73.5688%;
  margin: auto;
}
.customer-section01 .content-wrap .top {
  margin-bottom: 60px;
}
.customer-section01 .content-wrap .top > h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #990033;
  margin-bottom: 24px;
}
.customer-section01 .content-wrap .top > p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000;
}
.customer-section01 .content-wrap .bottom {
  display: flex;
  gap: 60px;
}
.customer-section01 .content-wrap .bottom .left {
  width: 20%;
}
.customer-section01 .content-wrap .bottom .left img {
  width: 100%;
  display: block;
}
.customer-section01 .content-wrap .bottom .right {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.customer-section01 .content-wrap .bottom .right h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #000;
  margin-bottom: 40px;
}
.customer-section01 .content-wrap .bottom .right p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #737373;
  margin-bottom: 40px;
}
.customer-section01 .content-wrap .bottom .right a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  background: #990033;
  width: 50%;
  transition: all 0.3s;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
}
.customer-section01 .content-wrap .bottom .right a svg {
  margin-left: 16px;
}
.customer-section01 .content-wrap .bottom .right a:hover {
  background: #2C2C2C;
}
.customer-section01 .content-wrap .table-wrap {
  margin-top: 60px;
}
.customer-section01 .content-wrap .table-wrap > h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #990033;
  margin-bottom: 24px;
}
.customer-section01 .content-wrap .table-wrap table {
  border-collapse: collapse;
  width: 100%;
}
.customer-section01 .content-wrap .table-wrap table thead tr {
  border-top: 1px solid #4D4D4D;
  border-bottom: 2px solid #4D4D4D;
}
.customer-section01 .content-wrap .table-wrap table thead tr th {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  text-align: center;
  padding: 10px 14px;
  border-right: 1px solid #4D4D4D;
}
.customer-section01 .content-wrap .table-wrap table thead tr th:first-child {
  border-left: 1px solid #4D4D4D;
}
.customer-section01 .content-wrap .table-wrap table thead tr th:last-child {
  border-right: 1px solid #4D4D4D;
}
.customer-section01 .content-wrap .table-wrap table tbody tr {
  border-bottom: 2px solid #4D4D4D;
}
.customer-section01 .content-wrap .table-wrap table tbody tr td {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  text-align: center;
  padding: 10px 14px;
  border-right: 1px solid #4D4D4D;
}
.customer-section01 .content-wrap .table-wrap table tbody tr td:first-child {
  border-left: 1px solid #4D4D4D;
}
.customer-section01 .content-wrap .table-wrap table tbody tr td:last-child {
  border-right: 1px solid #4D4D4D;
}
.customer-section01 .content-wrap .table-wrap table tbody tr:nth-child(5) {
  border-bottom: 1px solid #4D4D4D;
}

/* reliability */
.reliability-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.reliability-section01 .content-wrap {
  width: 73.5688%;
  margin: auto;
}
.reliability-section01 .content-wrap .top {
  margin-bottom: 60px;
}
.reliability-section01 .content-wrap .top > h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #990033;
  margin-bottom: 24px;
}
.reliability-section01 .content-wrap .top > p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000;
}
.reliability-section01 .content-wrap .bottom {
  display: flex;
  gap: 40px;
  width: 100%;
}
.reliability-section01 .content-wrap .bottom .content {
  width: 33.333%;
}
.reliability-section01 .content-wrap .bottom .content .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.reliability-section01 .content-wrap .bottom .content .title-wrap h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #000;
  margin-right: 40px;
  white-space: nowrap;
}
.reliability-section01 .content-wrap .bottom .content .title-wrap span {
  width: 45%;
  height: 1px;
  background: #990033;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap {
  position: relative;
  margin-bottom: 24px;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  visibility: visible;
  opacity: 1;
  transition: all 0.3s;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap .bg img.active {
  display: block;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap .bg img {
  display: none;
  cursor: pointer;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap01 {
  width: 70%;
  height: 400px;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap02 {
  width: 300px;
  height: 412.3px;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap02 img {
  width: 100%;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap.active .bg {
  visibility: hidden;
  opacity: 0;
}
.reliability-section01 .content-wrap .bottom .content .video-wrap:hover .bg {
  visibility: visible;
  opacity: 1;
}
.reliability-section01 .content-wrap .bottom .content ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.reliability-section01 .content-wrap .bottom .content ul li h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #990033;
  margin-bottom: 8px;
}
.reliability-section01 .content-wrap .bottom .content ul li p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #737373;
}
.reliability-section01 .content-wrap .table-wrap {
  margin-top: 24px;
}
.reliability-section01 .content-wrap .table-wrap table {
  border-collapse: collapse;
  width: 100%;
}
.reliability-section01 .content-wrap .table-wrap table thead tr {
  border-top: 1px solid #4D4D4D;
  border-bottom: 2px solid #4D4D4D;
}
.reliability-section01 .content-wrap .table-wrap table thead tr th {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  text-align: center;
  padding: 10px 14px;
  border-right: 1px solid #4D4D4D;
}
.reliability-section01 .content-wrap .table-wrap table thead tr th:first-child {
  border-left: 1px solid #4D4D4D;
}
.reliability-section01 .content-wrap .table-wrap table thead tr th:nth-child(2) {
  width: 633.305px;
}
.reliability-section01 .content-wrap .table-wrap table thead tr th:last-child {
  border-right: 1px solid #4D4D4D;
  width: 633.305px;
}
.reliability-section01 .content-wrap .table-wrap table tbody tr {
  border-bottom: 2px solid #4D4D4D;
}
.reliability-section01 .content-wrap .table-wrap table tbody tr td {
  font-weight: 400;
  font-size: 20px;
  color: #000;
  text-align: center;
  padding: 10px 14px;
  border-right: 1px solid #4D4D4D;
}
.reliability-section01 .content-wrap .table-wrap table tbody tr td:first-child {
  border-left: 1px solid #4D4D4D;
}
.reliability-section01 .content-wrap .table-wrap table tbody tr td:last-child {
  border-right: 1px solid #4D4D4D;
}
.reliability-section01 .content-wrap .table-wrap table tbody tr:nth-child(5) {
  border-bottom: 1px solid #4D4D4D;
}

/* recruit */
.recruit-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.recruit-section01 > p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #000;
  margin-bottom: 60px;
}
.recruit-section01 > p span {
  color: #990033;
}
.recruit-section01 .content-wrap {
  width: 73.5688%;
  margin: auto;
}
.recruit-section01 .content-wrap > h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #990033;
  margin-bottom: 40px;
}
.recruit-section01 .content-wrap .content-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
}
.recruit-section01 .content-wrap .content-box .content {
  padding: 40px;
  border: 3px solid #990033;
  transition: all 0.3s;
  position: relative;
}
.recruit-section01 .content-wrap .content-box .content h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #000;
  margin-bottom: 24px;
  transition: all 0.3s;
}
.recruit-section01 .content-wrap .content-box .content > p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #737373;
  margin-bottom: 16px;
  transition: all 0.3s;
}
.recruit-section01 .content-wrap .content-box .content .btn-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recruit-section01 .content-wrap .content-box .content .btn-wrap > p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #737373;
  transition: all 0.3s;
}
.recruit-section01 .content-wrap .content-box .content .btn-wrap > a {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #990033;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
.recruit-section01 .content-wrap .content-box .content .btn-wrap > a svg {
  margin-left: 16px;
  transition: all 0.3s;
}
.recruit-section01 .content-wrap .content-box .content .bg-close {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
.recruit-section01 .content-wrap .content-box .content .bg-close h3 {
  color: #FFFFFF;
}
.recruit-section01 .content-wrap .content-box .content:hover {
  background: #990033;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
.recruit-section01 .content-wrap .content-box .content:hover h3 {
  color: #FFFFFF;
}
.recruit-section01 .content-wrap .content-box .content:hover > p {
  color: #D3D3D3;
}
.recruit-section01 .content-wrap .content-box .content:hover .btn-wrap p {
  color: #D3D3D3;
}
.recruit-section01 .content-wrap .content-box .content:hover .btn-wrap a {
  color: #FFFFFF;
}
.recruit-section01 .content-wrap .content-box .content:hover .btn-wrap a svg path {
  stroke: #FFFFFF;
}

.recruit-detail-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.recruit-detail-section01 .content-wrap {
  width: 73.5688%;
  margin: auto;
}
.recruit-detail-section01 .content-wrap .content {
  border-bottom: 1px solid #D3D3D3;
  margin-bottom: 24px;
}
.recruit-detail-section01 .content-wrap .content h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #990033;
  margin-bottom: 40px;
}
.recruit-detail-section01 .content-wrap .content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #737373;
  margin-bottom: 40px;
}
.recruit-detail-section01 .content-wrap .content ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 40px;
}
.recruit-detail-section01 .content-wrap .content ul li {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #737373;
}
.recruit-detail-section01 .content-wrap .content a {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  padding: 20px 40px;
  width: 338px;
  background: #990033;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-bottom: 80px;
}
.recruit-detail-section01 .content-wrap .content a svg {
  margin-right: 24px;
}
.recruit-detail-section01 .content-wrap .list-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  width: 195px;
  border: 1px solid #A9A9A9;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #A9A9A9;
}
.recruit-detail-section01 .content-wrap .list-btn a svg {
  margin-right: 16px;
}

/* contact us */
.contact-section01 {
  width: 100%;
  margin-bottom: 80px;
}
.contact-section01 > h3 {
  font-weight: 800;
  font-size: 36px;
  text-align: center;
  color: #990033;
  margin-bottom: 24px;
}
.contact-section01 > p {
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  color: #000;
  margin-bottom: 60px;
}
.contact-section01 .content-wrap {
  width: 784px;
  margin: auto;
  padding: 60px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.contact-section01 dl{
  display: flex; 
  margin: 20px 0;
  line-height: 1.5;
  font-size: 20px; 
}

.contact-section01 dt{
  position: relative;
  margin-right: 15px;
  min-width: 100px;
}

.contact-section01 dt::after{
  position: absolute;
  right: 0;
  content: ":";
}

.contact-section01 dd a{
  color: #000;
}

.history-section{
width: 100%;
max-width: 1600px;
padding: 0 40px;
  margin: auto;
  margin-bottom: 80px;
}
.history-section .content-wrap{
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.history-section .content-wrap .content{
  width: 100%;
  border-bottom: 1px solid #D3D3D3;
  padding-bottom: 40px;
}
.history-section .content-wrap .content:last-child{
  border-bottom: 0px;
  padding-bottom: 0px;
}
.history-section .content-wrap .content > h3{
  font-weight: 700;
  font-size: 50px;
  color: #990033;
  margin-bottom: 24px;
}
.history-section .content-wrap .content > ul{
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.history-section .content-wrap .content > ul li{
  display: flex;
  align-items: center;
  gap: 60px;
}
.history-section .content-wrap .content > ul li p{
  position: relative;
  width: 11.62%;
  min-width: 80px;
  max-width: 140px;
  margin-left: 31px;
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  color: #000;
}
.history-section .content-wrap .content > ul li p::after{
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #990033;
  left: -31px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.history-section .content-wrap .content > ul li span{
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  color: #000;
}

/* .history-section .content-wrap .content > ul li.last{
  opacity: 0.6;
} */
.history-section .content-wrap .content > ul li.last .div{
  display: flex;
  flex-direction: column;
}

.history-section .content-wrap .content .modal-open-btn{
  cursor: pointer;
}

.history-section .content-wrap .content .img-wrap{
  margin: 30px 0;
  max-width: 880px;
  width: 80%;
}
.history-section .content-wrap .content .img-wrap img{
  width: 100%;
}

.gallery-section01 {
  width: 67.263%;
  margin: auto;
  margin-bottom: 80px;
}

.gallery-section01 .content-wrap .news_contents{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}
.gallery-section01 .content-wrap .news_contents .news_contents_itme{
  width: 100%;
  border: 1px solid #DDDDDD;
}
.gallery-section01 .content-wrap .news_contents .news_contents_itme .news_contents_itme_img{
  overflow: hidden;
  height: 237px;
  border-bottom: 1px solid #DDDDDD;
}
.gallery-section01 .content-wrap .news_contents .news_contents_itme .news_contents_itme_img img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.gallery-section01 .content-wrap .news_contents .news_contents_itme .news_contents_itme_tbox{
  padding: 20px 24px;
}
.gallery-section01 .content-wrap .news_contents .news_contents_itme .news_contents_itme_tbox h4{
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #000000;
  margin-bottom: 12px;
}
.gallery-section01 .content-wrap .news_contents .news_contents_itme .news_contents_itme_tbox p{
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #999999;  
}


.gallery-section01 .news_contents_detail{
  width: 100%;
}

.gallery-section01 .news_contents_detail .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #DDDDDD;
  background: #F6F6F6;
}
.gallery-section01 .news_contents_detail .top h3{
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #000000;
}
.gallery-section01 .news_contents_detail .top p{
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #999999;  
}

.gallery-section01 .news_contents_detail .bottom{
  padding: 20px 24px;
  border-bottom: 1px solid #999999;
  margin-bottom: 24px;
}
.gallery-section01 .news_contents_detail .bottom img{
  width: 40%;
  margin-bottom: 24px;
}
.gallery-section01 .news_contents_detail .bottom p{
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
}
.gallery-section01 .news_contents_detail .bottom p img{
  width: 40% !important;
}
.gallery-section01 .news_contents_detail a{
  display: inline-block;
  padding: 10px 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #000000;
  transition: 0.3s;
  border: 1px solid #000000;
}

.gallery-section01 .but_box{
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.gallery-section01 .but_left,
.gallery-section01 .but_right{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDDDDD;
  cursor: pointer;

  font-weight: 500;
  font-size: 16px;
  color: #000000;
}
.gallery-section01 .but_number_box{
  display: flex;

}
.gallery-section01 .but_number{
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.1s;
}
/* .but_number:last-child{
  border-right:0 ;
} */
.gallery-section01 .but_number a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  margin-bottom: 0;
}
.gallery-section01 .but_number.active{
  height: 40px;
  border-bottom: 2px solid #990033;
}


.num_boxs{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
.num_boxs .num{
  width: 40px;
  height: 40px;
  border: 1.5px solid #dbdbdb;
}
.num_boxs .num a{
  font-size: 18px;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 37px;
}




/* under construction */
body.construction{
  overflow: unset;
}
.construction-wrap{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #000000a9;
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  opacity: 1;
  transition: all 1s;
}
.construction-wrap.hidden{
  visibility: hidden;
  opacity: 0;
}
.construction-wrap .text-box{
  position: relative;
  border: 4px solid #fff;
  width: 250px;
  height: 250px;
  background: #fff;
  transform: rotate(45deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.construction-wrap .text-box::after{
  position: absolute;
  content: "";
  border: 4px solid #990033;
  width: 230px;
  height: 230px;
}
.construction-wrap .text-box h3{
  position: relative;
  text-align: center;
  transform: rotate(-45deg);
  font-size: 26px;
  text-transform: uppercase;
  line-height: 30px;
  padding-top: 23px;
  color: #222222;
}
.construction-wrap .text-box h3 span{
  font-size: 58px;
}
.construction-wrap .close{
  top: 50px;
  right: 50px;
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.construction-wrap .close span{
  position: absolute;
  display: block;
  width: 30px;
  height: 3px;
  background: #fff;
}
.construction-wrap .close span:first-child{
  transform: rotate(45deg);
}
.construction-wrap .close span:last-child{
  transform: rotate(-45deg);
}


/* 모달 */
.modal-wrap{
  z-index: 5000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.modal-wrap .modal{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}

.modal-wrap .modal-con img{
  width: 100%;
}

.modal-wrap .modal.certified{
  max-width: 760px;
}

.modal-wrap .modal .modal-close{
  position: absolute;
  right: -50px;
  top:0;
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
}

.modal-wrap .modal .modal-close img{
  width: 100%;
}


.hash-wrap{
  overflow: hidden;
  opacity: 0;
  margin: 30px auto;
  width:1px;
  height: 1px;
  text-align: center;
  word-break: keep-all;
}