/* ELLIPSIS */
/* / */
#main-container .section-tit > span {
  display: block;
  font-family: var(--eng);
  font-size: 24rem;
  color: #95A2AF;
  text-align: center;
}
#main-container .section-tit > strong {
  display: block;
  margin-top: 10rem;
  font-weight: 600;
  font-size: 60rem;
  text-align: center;
}
#main-container .section-tit > p {
  margin-top: 25rem;
  line-height: 1.2;
  font-size: 18rem;
  color: #50545B;
  text-align: center;
}
#main-container .section-tit.wh span {
  color: #C2C2C2;
}
#main-container .section-tit.wh strong {
  color: #fff;
}
#main-container .section-tit.wh p {
  color: var(--back_neutral);
}
#main-container .section-tit.left span, #main-container .section-tit.left strong, #main-container .section-tit.left p {
  text-align: left;
}
@media screen and (max-width: 1280px) {
  #main-container .section-tit {
    padding: 0 20rem;
  }
  #main-container .section-tit span {
    font-size: 14rem;
  }
  #main-container .section-tit strong {
    margin-top: 16rem;
    font-size: 22rem;
  }
  #main-container .section-tit p {
    margin-top: 24rem;
    line-height: 18rem;
    font-size: 14rem;
  }
}
#main-container .main-visual-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #444;
}
#main-container .main-visual-wrap .main-visual-slide {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
#main-container .main-visual-wrap .main-visual-slide .slide {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100vh;
}
#main-container .main-visual-wrap .main-visual-slide .slide .main-visual-text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 130rem;
  background: linear-gradient(180deg, rgba(24, 30, 42, 0.35) 0%, rgba(21, 25, 31, 0.3) 56.73%, rgba(18, 19, 20, 0.5) 68.41%, rgba(18, 19, 20, 0.85) 100%);
}
#main-container .main-visual-wrap .main-visual-slide .slide .main-visual-text strong {
  display: block;
  line-height: 74rem;
  font-family: var(--eng);
  font-weight: 700;
  font-size: 70rem;
  color: #fff;
  text-transform: uppercase;
  transform: translateY(150rem);
}
#main-container .main-visual-wrap .main-visual-slide .slide .main-visual-text p {
  margin-top: 50rem;
  font-size: 18rem;
  color: #C3C3C3;
  text-transform: uppercase;
  transform: translateY(150rem);
}
#main-container .main-visual-wrap .main-visual-slide .slide video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 42% center;
     object-position: 42% center;
}
#main-container .scroll-down {
  position: absolute;
  bottom: 60rem;
  right: 80rem;
  display: flex;
  align-items: center;
  gap: 12rem;
  font-size: 18rem;
  color: #fff;
  animation: upDownAnimation 3s infinite;
  z-index: 1;
}
@keyframes upDownAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20rem);
  }
  100% {
    transform: translateY(0);
  }
}
#main-container .about-section {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: url(/images/main/more_about_section_bg.png) center center no-repeat;
  background-size: cover;
}
#main-container .about-section .text-fill {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(18, 19, 20, 0.7) 0%, rgba(18, 19, 20, 0.7) 100%), linear-gradient(180deg, rgba(16, 21, 32, 0.7) 5%, rgba(20, 26, 37, 0.39) 52.5%, rgba(24, 30, 42, 0) 100%);
}
#main-container .about-section .text-fill .text-fill-inner .line {
  position: relative;
  line-height: 1.3;
  font-family: var(--eng);
  font-weight: 600;
  font-size: 80rem;
  text-align: center;
  text-transform: uppercase;
}
#main-container .about-section .text-fill .text-fill-inner .line .base {
  color: #686868;
}
#main-container .about-section .text-fill .text-fill-inner .line .highlight {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  clip-path: inset(0 var(--clip, 100%) 0 0);
}
#main-container .about-section .tit {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 91rem;
  font-weight: 600;
  font-size: 80rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(0deg, rgba(18, 19, 20, 0.7) 0%, rgba(18, 19, 20, 0.7) 100%), linear-gradient(180deg, rgba(16, 21, 32, 0.7) 5%, rgba(20, 26, 37, 0.39) 52.5%, rgba(24, 30, 42, 0) 100%);
}
#main-container .about-section .about-menu-box {
  position: absolute;
  left: 50%;
  bottom: 50rem;
  width: 264rem;
  transform: translateX(-50%);
  transition: all 0.4s;
}
#main-container .about-section .about-menu-box.fix {
  position: fixed;
  bottom: 50rem;
  z-index: 9999;
}
#main-container .about-section .about-menu-box.hide {
  bottom: 0;
  opacity: 0;
  transition: all 0.4s;
}
#main-container .about-section .about-menu-box button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 4rem 4rem 4rem 24rem;
  font-family: var(--eng);
  font-weight: 500;
  font-size: 18rem;
  color: #fff;
  border-radius: 20rem;
  background: rgba(63, 67, 74, 0.3);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
#main-container .about-section .about-menu-box button span {
  position: relative;
  display: block;
  width: 52rem;
  height: 52rem;
  border-radius: 17rem;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  background: rgba(106, 111, 118, 0.24);
}
#main-container .about-section .about-menu-box button span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/images/main/more_icn1.svg) center center no-repeat;
  transition: transform 0.2s;
}
#main-container .about-section .about-menu-box button.active span::after {
  transform: rotate(45deg);
}
#main-container .about-section .about-menu-box ul {
  padding: 20rem 4rem 20rem 24rem;
  border-radius: 20rem;
  background: rgba(156, 158, 163, 0.24);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
  transition: all 0.3s;
}
#main-container .about-section .about-menu-box ul li {
  margin-bottom: 18rem;
}
#main-container .about-section .about-menu-box ul li a {
  display: block;
  font-family: var(--eng);
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.3s;
}
#main-container .about-section .about-menu-box ul li a:hover, #main-container .about-section .about-menu-box ul li a:active, #main-container .about-section .about-menu-box ul li a:focus {
  color: var(--white);
}
#main-container .about-section .about-menu-box ul :last-child {
  margin-bottom: 0;
}
#main-container .about-section .about-menu-box ul.active {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
#main-container .why-camos-section {
  padding: 170rem 0 290rem;
  background: linear-gradient(180deg, #000810 0.06%, #101520 67.77%, #141B27 83.85%, #1B2635 99.94%);
}
#main-container .why-camos-section .section-tit {
  margin-bottom: 100rem;
}
#main-container .why-camos-section .card .card-tit {
  display: block;
  line-height: 1.2;
  font-weight: 600;
  font-size: 60rem;
  color: #fff;
}
#main-container .why-camos-section .card .img {
  width: 100%;
  border-radius: 20rem;
  overflow: hidden;
}
#main-container .why-camos-section .card .txt1 {
  line-height: 1.3;
  font-size: 18rem;
  color: #C7CACC;
}
#main-container .why-camos-section .card .btn {
  margin-top: 100rem;
}
#main-container .why-camos-section .card .mobile {
  display: none;
}
#main-container .why-camos-section .card1 {
  display: flex;
  align-items: flex-end;
  gap: 58rem;
  padding-right: 122rem;
}
#main-container .why-camos-section .card1 .img {
  width: 1175rem;
  flex-shrink: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#main-container .why-camos-section .card1 .text {
  padding-bottom: 60rem;
}
#main-container .why-camos-section .card2 {
  display: flex;
  justify-content: flex-end;
  gap: 70rem;
  padding: 220rem 100rem 0 0;
}
#main-container .why-camos-section .card2 .lf .card-tit {
  text-align: right;
}
#main-container .why-camos-section .card2 .img {
  margin-bottom: 22rem;
  border-radius: 20rem;
}
#main-container .why-camos-section .card2 .img img {
  width: 550rem;
}
#main-container .why-camos-section .card3 .img {
  margin-bottom: 50rem;
}
#main-container .why-camos-section .card3 .txt1 {
  margin-top: 60rem;
}
#main-container .why-camos-section .card3-left {
  position: relative;
  z-index: 1;
  margin-top: -250rem;
  padding-left: 100rem;
}
#main-container .why-camos-section .card3-left .img {
  width: 631rem;
}
#main-container .why-camos-section .card3-left .bg-marquee {
  position: absolute;
  top: 360rem;
  left: 0;
  z-index: -1;
}
#main-container .why-camos-section .card3-left .bg-marquee .marquee-inner {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
#main-container .why-camos-section .card3-left .bg-marquee .marquee-inner span {
  font-weight: 700;
  font-size: 200rem;
  color: rgba(255, 255, 255, 0.03);
  text-transform: uppercase;
}
#main-container .why-camos-section .card3-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: -700rem;
  padding-right: 160rem;
}
#main-container .why-camos-section .card3-right .img {
  width: 771rem;
}
#main-container .why-camos-section .card3-right .text {
  width: 100%;
}
@media screen and (max-width: 1280px) {
  #main-container .why-camos-section {
    padding: 80rem 0 90rem;
  }
  #main-container .why-camos-section .section-tit {
    margin-bottom: 60rem;
  }
  #main-container .why-camos-section .card .card-tit {
    font-size: 22rem;
  }
  #main-container .why-camos-section .card .img {
    border-radius: 12rem;
  }
  #main-container .why-camos-section .card .txt1 {
    font-size: 14rem;
  }
  #main-container .why-camos-section .card .btn {
    height: auto;
    margin-top: 40rem;
    padding: 9rem 10rem;
  }
  #main-container .why-camos-section .card .mobile {
    display: inline-flex;
  }
  #main-container .why-camos-section .card1 {
    padding-right: 20rem;
  }
  #main-container .why-camos-section .card1 .img {
    width: 600rem;
    border-radius: 0 12rem 12rem 0;
  }
  #main-container .why-camos-section .card1 .text {
    padding-bottom: 30rem;
  }
  #main-container .why-camos-section .card2 {
    align-items: flex-end;
    padding: 90rem 0 90rem 0;
  }
  #main-container .why-camos-section .card2 .rg {
    width: 800rem;
  }
  #main-container .why-camos-section .card2 .rg .img {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #main-container .why-camos-section .card2 .rg .img img {
    width: 100%;
  }
  #main-container .why-camos-section .card2 .rg .text {
    padding-right: 20rem;
  }
  #main-container .why-camos-section .card2 .rg .text .txt1 {
    margin-top: 16rem;
  }
  #main-container .why-camos-section .card3 .txt1 {
    margin-top: 16rem;
  }
  #main-container .why-camos-section .card3-left {
    margin-top: 0;
    padding: 0 20rem 90rem 0;
  }
  #main-container .why-camos-section .card3-left .img {
    margin-bottom: 30rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #main-container .why-camos-section .card3-left .img img {
    width: 100%;
  }
  #main-container .why-camos-section .card3-left .text {
    padding: 0 0 0 20rem;
  }
  #main-container .why-camos-section .card3-left .bg-marquee {
    top: 170rem;
  }
  #main-container .why-camos-section .card3-left .bg-marquee .marquee-inner span {
    font-size: 70rem;
  }
  #main-container .why-camos-section .card3-right {
    margin-top: 0;
    padding-right: 0;
    padding-left: 44rem;
  }
  #main-container .why-camos-section .card3-right .card-inner {
    width: 100%;
  }
  #main-container .why-camos-section .card3-right .card-inner .img {
    width: 100%;
    margin-bottom: 30rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
  }
  #main-container .why-camos-section .card3-right .card-inner .img img {
    width: 100%;
  }
  #main-container .why-camos-section .card3-right .card-inner .text {
    padding-right: 20rem;
  }
}
@media screen and (max-width: 1023px) {
  #main-container .why-camos-section .card1 {
    flex-direction: column;
    gap: 30rem;
    padding-right: 40rem;
  }
  #main-container .why-camos-section .card1 .img {
    width: 100%;
  }
  #main-container .why-camos-section .card1 .img img {
    width: 100%;
  }
  #main-container .why-camos-section .card1 .text {
    padding-left: 20px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #main-container .why-camos-section .card2 {
    gap: 0;
    padding: 90rem 0 90rem 54rem;
  }
  #main-container .why-camos-section .card2 .rg {
    width: 100%;
  }
  #main-container .why-camos-section .card3-left .img {
    width: 250rem;
  }
}
#main-container .products-section .section-tit {
  margin-top: -1rem;
  background: #1B2635;
}
#main-container .products-section .products-cont {
  position: relative;
}
#main-container .products-section .products-cont .truck-area {
  width: 100%;
  height: 100vh;
  background: url(/images/main/products_bg_img.png) center center no-repeat;
  background-size: cover;
  margin-top: -1rem;
}
#main-container .products-section .products-cont .truck-area .point {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50rem;
  height: 50rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(153, 153, 153, 0.2) 100%);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 100%;
}
#main-container .products-section .products-cont .truck-area .point::after {
  content: "";
  display: block;
  width: 26rem;
  height: 26rem;
  background: var(--white);
  border-radius: 100%;
}
#main-container .products-section .products-cont .truck-area .point img {
  display: none;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(1) {
  top: 328rem;
  left: 869rem;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(1) img {
  bottom: 21rem;
  left: 24rem;
  width: 264rem;
  height: 185rem;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(2) {
  top: 180rem;
  left: 836rem;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(2) img {
  bottom: -15rem;
  left: 24rem;
  width: 297rem;
  height: 39rem;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(3) {
  top: 363rem;
  left: 738rem;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(3) img {
  bottom: 21rem;
  left: 24rem;
  width: 395rem;
  height: 65rem;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(4) {
  top: 312rem;
  left: 623rem;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(4) img {
  top: 31rem;
  left: 24rem;
  width: 510rem;
  height: 69rem;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(5) {
  top: 462rem;
  left: 448rem;
}
#main-container .products-section .products-cont .truck-area .point:nth-child(5) img {
  top: 23rem;
  left: 27rem;
  width: 680rem;
  height: 2rem;
}
#main-container .products-section .products-cont .truck-area .point.active img {
  display: block;
}
#main-container .products-section .products-cont .info-area {
  position: absolute;
  top: 110rem;
  right: 160rem;
  display: flex;
  flex-direction: column;
  gap: 14rem;
  width: 604rem;
}
#main-container .products-section .products-cont .info-area .item {
  position: relative;
  z-index: 1;
  padding: 20rem 42rem;
  border-radius: 20rem;
}
#main-container .products-section .products-cont .info-area .item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(138, 143, 154, 0.22);
  -webkit-backdrop-filter: blur(17.5rem);
          backdrop-filter: blur(17.5rem);
  z-index: -1;
}
#main-container .products-section .products-cont .info-area .item::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(140deg, #BCCCDE 0%, rgba(188, 204, 222, 0) 50%, #BCCCDE 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#main-container .products-section .products-cont .info-area .item strong {
  display: block;
  font-family: var(--eng);
  font-weight: 600;
  font-size: 22rem;
  color: var(--white);
}
#main-container .products-section .products-cont .info-area .item .item-cont {
  display: flex;
  align-items: center;
  gap: 36rem;
  height: 0;
  padding: 0 48rem;
  overflow: hidden;
  border-radius: 12rem;
  transition: height 0.3s;
}
#main-container .products-section .products-cont .info-area .item .item-cont .text p {
  line-height: 23rem;
  margin-bottom: 18rem;
  font-weight: 300;
  font-size: 18rem;
  color: #F0F0F0;
}
#main-container .products-section .products-cont .info-area .item .item-cont .img {
  flex-shrink: 0;
}
#main-container .products-section .products-cont .info-area .item .item-cont .img img {
  width: 127rem;
}
#main-container .products-section .products-cont .info-area .item:nth-child(1) .item-cont {
  background: url("/images/main/products_item_bg1.png") center center no-repeat;
}
#main-container .products-section .products-cont .info-area .item:nth-child(2) .item-cont {
  background: url("/images/main/products_item_bg2.png") center center no-repeat;
}
#main-container .products-section .products-cont .info-area .item:nth-child(3) .item-cont {
  background: url("/images/main/products_item_bg3.png") center center no-repeat;
}
#main-container .products-section .products-cont .info-area .item:nth-child(4) .item-cont {
  background: url("/images/main/products_item_bg4.png") center center no-repeat;
}
#main-container .products-section .products-cont .info-area .item:nth-child(5) .item-cont {
  background: url("/images/main/products_item_bg5.png") center center no-repeat;
}
#main-container .products-section .products-cont .info-area .item.active::after {
  background: linear-gradient(140deg, #87919C 0%, rgba(135, 145, 156, 0) 50%, #87919C 100%);
}
#main-container .products-section .products-cont .info-area .item.active .item-cont {
  margin-top: 20rem;
  height: 180rem;
  transition: height 0.3s;
}
@media screen and (max-width: 1280px) {
  #main-container .products-section .section-tit {
    padding: 40rem 0 13rem;
  }
  #main-container .products-section .products-cont {
    height: auto;
  }
  #main-container .products-section .products-cont .truck-area {
    position: relative;
    height: 580rem;
    background-position: left center;
    background-size: cover;
  }
  #main-container .products-section .products-cont .truck-area::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300rem;
    background: linear-gradient(180deg, rgba(32, 35, 42, 0) 0%, #20232A 95.83%);
  }
  #main-container .products-section .products-cont .truck-area .point {
    width: 30rem;
    height: 30rem;
  }
  #main-container .products-section .products-cont .truck-area .point.active::after {
    background: rgb(255, 255, 255);
  }
  #main-container .products-section .products-cont .truck-area .point::after {
    width: 14rem;
    height: 14rem;
    background: rgba(255, 255, 255, 0.5);
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(1) {
    top: 208rem;
    left: 547rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(2) {
    top: 115rem;
    left: 535rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(3) {
    top: 231rem;
    left: 470rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(4) {
    top: 195rem;
    left: 392rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(5) {
    top: 288rem;
    left: 281rem;
  }
  #main-container .products-section .products-cont .truck-area .point.active img {
    display: none;
  }
  #main-container .products-section .products-cont .info-area-mo {
    position: relative;
    z-index: 1;
    padding: 0 20rem 62rem;
    background: #20232A;
  }
  #main-container .products-section .products-cont .info-area-mo .drop-list .select-opt {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13rem 20rem;
    font-family: var(--eng);
    font-weight: 600;
    font-size: 15rem;
    color: #fff;
    background: rgba(138, 143, 154, 0.22);
    -webkit-backdrop-filter: blur(17.5px);
            backdrop-filter: blur(17.5px);
    border: 1px solid #4D555E;
    border-radius: 12rem;
  }
  #main-container .products-section .products-cont .info-area-mo .drop-list .select-opt::after {
    content: "";
    position: absolute;
    top: 12rem;
    right: 20rem;
    width: 16rem;
    height: 16rem;
    background: url(/images/main/products_mo_select_arr.svg) center center no-repeat;
  }
  #main-container .products-section .products-cont .info-area-mo .drop-list > div {
    position: absolute;
    top: 48rem;
    left: 0;
    width: 100%;
    padding: 0 20rem;
    z-index: 10;
    visibility: hidden;
  }
  #main-container .products-section .products-cont .info-area-mo .drop-list > div.active {
    visibility: visible;
  }
  #main-container .products-section .products-cont .info-area-mo .drop-list > div.active > ul {
    opacity: 1;
    z-index: 20;
  }
  #main-container .products-section .products-cont .info-area-mo .drop-list > div > ul {
    display: flex;
    flex-direction: column;
    gap: 24rem;
    width: 100%;
    padding: 15rem 20rem 20rem 20rem;
    background: rgba(138, 143, 154, 0.22);
    -webkit-backdrop-filter: blur(17rem);
            backdrop-filter: blur(17rem);
    border: 1px solid #4D555E;
    border-radius: 12rem;
    opacity: 0;
    transition: all 0.3s;
  }
  #main-container .products-section .products-cont .info-area-mo .drop-list > div > ul li button {
    font-family: var(--eng);
    font-weight: 600;
    font-size: 15rem;
    color: #fff;
  }
  #main-container .products-section .products-cont .info-area-mo .item-cont {
    position: relative;
    z-index: 1;
    margin-top: 12rem;
  }
  #main-container .products-section .products-cont .info-area-mo .item-cont .item {
    display: none;
    gap: 14rem;
    padding: 25rem 26rem;
    border: 1px solid #3B3D3F;
    background: rgba(138, 143, 154, 0.1);
    -webkit-backdrop-filter: blur(17.5px);
            backdrop-filter: blur(17.5px);
    border-radius: 12rem;
  }
  #main-container .products-section .products-cont .info-area-mo .item-cont .item .img {
    flex-shrink: 0;
    width: 80rem;
  }
  #main-container .products-section .products-cont .info-area-mo .item-cont .item .img img {
    width: auto;
    margin: 0 auto;
  }
  #main-container .products-section .products-cont .info-area-mo .item-cont .item .text {
    width: 100%;
  }
  #main-container .products-section .products-cont .info-area-mo .item-cont .item .text p {
    line-height: 18rem;
    font-weight: 300;
    font-size: 14rem;
    color: var(--white);
  }
  #main-container .products-section .products-cont .info-area-mo .item-cont .item .text .btn {
    justify-content: center;
    width: 100%;
    margin-top: 14rem;
  }
  #main-container .products-section .products-cont .info-area-mo .item-cont .item.active {
    display: flex;
  }
}
@media screen and (max-width: 680px) {
  #main-container .products-section .products-cont .truck-area {
    height: 400rem;
  }
  #main-container .products-section .products-cont .truck-area::after {
    height: 77rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(1) {
    top: 141rem;
    left: 373rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(2) {
    top: 71rem;
    left: 352rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(3) {
    top: 153rem;
    left: 314rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(4) {
    top: 130rem;
    left: 262rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(5) {
    top: 196rem;
    left: 190rem;
  }
}
@media screen and (max-width: 460px) {
  #main-container .products-section .products-cont .truck-area {
    height: 286rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(1) {
    top: 93rem;
    left: 246rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(2) {
    top: 49rem;
    left: 252rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(3) {
    top: 113rem;
    left: 217rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(4) {
    top: 84rem;
    left: 182rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(5) {
    top: 117rem;
    left: 132rem;
  }
}
@media screen and (max-width: 360px) {
  #main-container .products-section .products-cont .truck-area {
    height: 340rem;
    background-position: 20% center;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(1) {
    top: 114rem;
    left: 233rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(2) {
    top: 62rem;
    left: 228rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(3) {
    top: 130rem;
    left: 190rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(4) {
    top: 107rem;
    left: 138rem;
  }
  #main-container .products-section .products-cont .truck-area .point:nth-child(5) {
    top: 149rem;
    left: 93rem;
  }
}
#main-container .global-network-section {
  padding: 150rem 0 160rem;
  background: linear-gradient(180deg, #F0F0F0 0%, #FFF 21.17%);
}
#main-container .global-network-section .section-tit {
  text-align: center;
}
#main-container .global-network-section .section-tit .btn {
  margin-top: 70rem;
  font-weight: 500;
}
#main-container .global-network-section .camos-map-wrap {
  margin-top: 50rem;
}
#main-container .global-network-section .network-list {
  display: flex;
  justify-content: center;
  width: 1620rem;
  margin: 0 auto;
  padding-top: 58rem;
  gap: 20rem;
}
#main-container .global-network-section .network-list li {
  flex: auto;
  padding: 24rem 22rem;
  background: #fff;
  border-radius: 20rem;
  box-shadow: 0 10px 20px 0 rgba(202, 205, 210, 0.35);
}
#main-container .global-network-section .network-list li strong {
  display: flex;
  align-items: center;
  gap: 13rem;
  font-family: var(--eng);
  font-weight: 600;
  font-size: 19rem;
  color: #121314;
}
#main-container .global-network-section .network-list li strong span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40rem;
  height: 40rem;
  background: #4D84BE;
  border-radius: 8rem;
}
#main-container .global-network-section .network-list li strong span img {
  width: 25rem;
}
#main-container .global-network-section .network-list li p {
  margin-top: 20rem;
  color: #50545B;
}
#main-container .news-event-section {
  padding: 150rem 180rem;
  background: #F7F7F7;
}
#main-container .news-event-section .news-event-card {
  display: flex;
  gap: 60rem;
  width: 1510rem;
  margin: 110rem auto 0;
}
#main-container .news-event-section .news-event-card .card {
  flex: 1;
  position: relative;
  z-index: 1;
  display: flex;
  height: 548rem;
  background: #fff;
  border-radius: 20rem;
  overflow: hidden;
}
#main-container .news-event-section .news-event-card .card .text {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 50rem 300rem 50rem 50rem;
}
#main-container .news-event-section .news-event-card .card .text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.3s;
}
#main-container .news-event-section .news-event-card .card .text .eng {
  display: block;
  font-family: var(--eng);
  font-size: 24rem;
  color: #788FA7;
}
#main-container .news-event-section .news-event-card .card .text .ti {
  display: block;
  margin: 42px 0 65px;
  font-family: var(--eng);
  font-weight: 600;
  font-size: 30rem;
  color: #121314;
}
#main-container .news-event-section .news-event-card .card .text .txt {
  font-size: 18rem;
  color: var(--text_dark-gray);
}
#main-container .news-event-section .news-event-card .card .text .btn {
  font-weight: 500;
}
#main-container .news-event-section .news-event-card .card .text .btn .arr {
  margin-left: 0;
}
#main-container .news-event-section .news-event-card .card .img {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  flex-shrink: 0;
  width: 250rem;
  overflow: hidden;
  transition: all 0.3s;
}
#main-container .news-event-section .news-event-card .card .img img {
  width: 560rem;
}
#main-container .news-event-section .news-event-card .card.active .text::after {
  background: rgba(113, 118, 128, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 5;
}
#main-container .news-event-section .news-event-card .card.active .img {
  width: 560rem;
  z-index: 10;
}
#main-container .person-section {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  padding: 120rem 160rem;
  overflow: hidden;
  background: url(/images/main/person_bg.png) center center no-repeat;
  background-size: cover;
}
#main-container .person-section strong {
  display: block;
  line-height: 92rem;
  font-family: var(--eng);
  font-weight: 700;
  font-size: 80rem;
  color: var(--white);
  text-transform: uppercase;
  transform: translateY(100rem);
  transition: all 0.4s;
}
#main-container .person-section.active strong {
  transform: translateY(0);
  transition: all 0.4s;
}
#main-container .partners-section {
  padding: 140rem 0 180rem;
  background: #080A12;
}
#main-container .partners-section .section-tit strong {
  font-family: var(--eng);
  color: #E1E3E6;
}
#main-container .partners-section .partners-marquee {
  margin-top: 100rem;
  white-space: nowrap;
}
#main-container .partners-section .partners-marquee .marquee-inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 55rem;
}
#main-container .partners-section .partners-marquee .marquee-inner li {
  flex-shrink: 0;
}
#main-container .inquiry-section {
  padding: 120rem 110rem 160rem 120rem;
  background: url(/images/main/inquiry_bg.png) no-repeat;
  background-size: cover;
}
#main-container .inquiry-section .section-tit strong {
  font-size: 50rem;
}
#main-container .inquiry-section .section-tit p {
  margin-top: 40rem;
}
#main-container .inquiry-section .inner {
  display: flex;
  gap: 116rem;
}
#main-container .inquiry-section .inner .inquiry-info {
  display: flex;
  flex-direction: column;
  gap: 40rem;
  margin-top: 120rem;
}
#main-container .inquiry-section .inner .inquiry-info li {
  display: flex;
  align-items: center;
  gap: 20rem;
}
#main-container .inquiry-section .inner .inquiry-info li .icn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60rem;
  height: 60rem;
  border-radius: 12rem;
  background: var(--white);
}
#main-container .inquiry-section .inner .inquiry-info li .icn img {
  width: 24rem;
}
#main-container .inquiry-section .inner .inquiry-info li .text {
  font-size: 18rem;
}
#main-container .inquiry-section .inner .inquiry-info li .text strong {
  display: block;
  margin-bottom: 2rem;
  font-weight: 400;
  color: var(--text_gray);
}
#main-container .inquiry-section .inner .inquiry-info li .text a, #main-container .inquiry-section .inner .inquiry-info li .text p {
  font-weight: 500;
  color: var(--white);
}
#main-container .inquiry-section .inner .inquiry-form {
  position: relative;
  width: 720rem;
  padding: 80rem 50rem;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  border-radius: 24rem;
}
#main-container .inquiry-section .inner .inquiry-form::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(140deg, #BCCCDE 0%, rgba(188, 204, 222, 0) 50%, #BCCCDE 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
#main-container .inquiry-section .inner .inquiry-form .form-tit {
  display: block;
  margin-bottom: 40rem;
  font-family: var(--eng);
  font-weight: 500;
  font-size: 28rem;
  color: var(--white);
}
#main-container .inquiry-section .inner .inquiry-form form {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
#main-container .inquiry-section .inner .inquiry-form form .row {
  display: flex;
  gap: 10rem;
}
#main-container .inquiry-section .inner .inquiry-form form .row .input-box1 {
  flex: 1;
}
#main-container .inquiry-section .inner .inquiry-form form .row .input-box1 input {
  font-weight: 300;
}
#main-container .inquiry-section .inner .inquiry-form form .agree-robot {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin: 12rem 0 60rem;
}
#main-container .inquiry-section .inner .inquiry-form form .agree-robot .checkbox-box1 label {
  display: flex;
  gap: 12rem;
}
#main-container .inquiry-section .inner .inquiry-form form .agree-robot .checkbox-box1 label .policy-btn {
  display: block;
  font-weight: 500;
  color: #FF8282;
  text-decoration: underline;
}
#main-container .inquiry-section .inner .inquiry-form form .agree-robot .robot {
  margin-top: 34rem;
}

@media screen and (max-width: 1280px) {
  #main-container .main-visual-wrap .main-visual-slide .slide .main-visual-text {
    padding: 50rem 20rem;
  }
  #main-container .main-visual-wrap .main-visual-slide .slide .main-visual-text strong {
    line-height: 35rem;
    font-size: 32rem;
  }
  #main-container .main-visual-wrap .main-visual-slide .slide .main-visual-text p {
    margin-top: 20rem;
    line-height: 18rem;
    font-size: 15rem;
  }
  #main-container .main-visual-wrap .scroll-down {
    display: none;
  }
  #main-container .about-section .text-fill .text-fill-inner {
    padding: 0 20rem;
  }
  #main-container .about-section .text-fill .text-fill-inner .line {
    line-height: 38rem;
    font-size: 32rem;
  }
  #main-container .about-section .about-menu-box {
    display: none;
  }
  #main-container .global-network-section {
    padding: 80rem 0 60rem;
  }
  #main-container .global-network-section .section-tit .btn {
    height: auto;
    padding: 9rem 10rem;
    margin-top: 40rem;
  }
  #main-container .global-network-section .network-list {
    flex-direction: column;
    gap: 16rem;
    width: 100%;
    padding: 0 20rem;
    margin-top: 20rem;
  }
  #main-container .global-network-section .network-list li {
    padding: 18rem 20rem 16rem 14rem;
    border-radius: 12rem;
  }
  #main-container .global-network-section .network-list li strong {
    gap: 13rem;
    font-size: 16rem;
  }
  #main-container .global-network-section .network-list li strong .icn {
    width: 24rem;
    height: 24rem;
    border-radius: 6rem;
  }
  #main-container .global-network-section .network-list li strong .icn img {
    width: 13rem;
  }
  #main-container .global-network-section .network-list li p {
    margin-top: 12rem;
    font-size: 14rem;
  }
  #main-container .news-event-section {
    padding: 80rem 20rem 60rem;
  }
  #main-container .news-event-section .section-tit {
    padding: 0;
  }
  #main-container .news-event-section .news-event-card {
    flex-direction: column;
    gap: 24rem;
    width: 100%;
    margin: 40px 0 0;
  }
  #main-container .news-event-section .news-event-card .card {
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 12rem;
  }
  #main-container .news-event-section .news-event-card .card .img {
    position: relative;
    width: 100%;
    height: 144rem;
    border-radius: 8rem;
    overflow: hidden;
  }
  #main-container .news-event-section .news-event-card .card .img img {
    width: 100%;
  }
  #main-container .news-event-section .news-event-card .card .text {
    gap: 32rem;
    padding: 20rem 0 12rem;
  }
  #main-container .news-event-section .news-event-card .card .text .eng {
    font-size: 14rem;
  }
  #main-container .news-event-section .news-event-card .card .text .ti {
    margin: 10rem 0 20rem;
    font-size: 16rem;
  }
  #main-container .news-event-section .news-event-card .card .text .txt {
    font-size: 14rem;
  }
  #main-container .news-event-section .news-event-card .card .text .btn {
    height: auto;
    padding: 9rem 10rem 9rem 11rem;
  }
  #main-container .news-event-section .news-event-card .card .text .btn .arr {
    margin-left: 6rem;
  }
  #main-container .news-event-section .news-event-card .card.active .text::after {
    display: none;
  }
  #main-container .news-event-section .news-event-card .card.active .img {
    width: 100%;
  }
  #main-container .person-section {
    height: 500rem;
    padding: 50rem 20rem;
  }
  #main-container .person-section strong {
    line-height: 37rem;
    font-size: 30rem;
  }
  #main-container .partners-section {
    padding: 80rem 0;
  }
  #main-container .partners-section .partners-marquee {
    margin-top: 46rem;
  }
  #main-container .partners-section .partners-marquee.mo {
    margin-top: 20rem;
  }
  #main-container .partners-section .partners-marquee .marquee-inner li img {
    height: 22rem;
  }
  #main-container .inquiry-section {
    padding: 60rem 20rem 80rem;
  }
  #main-container .inquiry-section .section-tit strong {
    font-size: 22rem;
  }
  #main-container .inquiry-section .inner {
    flex-direction: column;
    gap: 60rem;
  }
  #main-container .inquiry-section .inner .section-tit {
    padding: 0;
  }
  #main-container .inquiry-section .inner .inquiry-info {
    margin-top: 40rem;
    gap: 16rem;
  }
  #main-container .inquiry-section .inner .inquiry-info li {
    gap: 14rem;
  }
  #main-container .inquiry-section .inner .inquiry-info li .icn {
    width: 42rem;
    height: 42rem;
    border-radius: 8rem;
  }
  #main-container .inquiry-section .inner .inquiry-info li .icn img {
    width: 22rem;
  }
  #main-container .inquiry-section .inner .inquiry-info li .text strong {
    margin-bottom: 0;
    font-size: 15rem;
  }
  #main-container .inquiry-section .inner .inquiry-info li .text a, #main-container .inquiry-section .inner .inquiry-info li .text p {
    font-size: 16rem;
  }
  #main-container .inquiry-section .inner .inquiry-form {
    width: 100%;
    padding: 30rem 20rem 40rem;
    border-radius: 16rem;
  }
  #main-container .inquiry-section .inner .inquiry-form .form-tit {
    margin-bottom: 40rem;
    font-size: 17rem;
  }
  #main-container .inquiry-section .inner .inquiry-form form .row {
    flex-direction: column;
  }
  #main-container .inquiry-section .inner .inquiry-form form .agree-robot {
    flex-direction: column;
    gap: 24rem;
    margin: 14rem 0 26rem;
  }
  #main-container .inquiry-section .inner .inquiry-form form .agree-robot .checkbox-box1 label {
    flex-direction: column;
    gap: 2rem;
  }
  #main-container .inquiry-section .inner .inquiry-form form .agree-robot .robot {
    margin-top: 0;
  }
}
@media screen and (max-width: 560px) {
  #main-container .inquiry-section .inner .inquiry-form form .agree-robot .robot .g-recaptcha {
    transform: scale(0.8);
    transform-origin: 0 0;
  }
}/*# sourceMappingURL=main.css.map */