@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #000;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

html:has(.header--mob--wrap.active) {
  overflow: hidden;
}
html:has(.header--mob--lang--wrap.active) {
  overflow: hidden;
}

* {
  font-family: "pretendard";
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.header--logo a{
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 1px;
	opacity: 0;
}
.header--wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: background-color 0.3s ease;
}
.header--wrap:hover {
  background-color: #fff; 
  border-bottom: 1px solid #DDD;
}
.header--wrap:hover .header--inner .header--logo {
  background-image: url(../img/logo.png);
}
.header--wrap:hover .header--inner:has(.header--mob--lang--btn.active) .header--logo {
  background-image: url(../img/logo.png);
}
.header--wrap:hover .header--inner:has(.header--mob--btn.active) .header--logo {
  background-image: url(../img/logo.png);
}
.header--wrap:hover .header--inner .header--mob--lang--btn {
  background-image: url(../img/ico--global--black.svg);
}
.header--wrap:hover .header--inner .header--mob--btn {
  background-image: url(../img/ico--header--black.svg);
}
.header--wrap:hover .header--inner .header--nav > ul > li > a {
  color: #000;
}
.header--wrap:hover .header--inner .header--lang--btn {
  background-color: #EC3237;
}
.header--wrap .header--inner {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.header--wrap .header--inner .header--nav{
	    margin-left: auto;
}
.header--wrap .header--inner .header--logo {
  display: flex;
  align-items: center;
  z-index: 100;
  width: 180px;
  height: 64px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/logo.png);
}
.header--wrap .header--inner .header--nav > ul {
  list-style: none;
  display: flex;
}
.header--wrap .header--inner .header--nav > ul > li {
  position: relative;
}
.header--wrap .header--inner .header--nav > ul > li > a {
  transition: all 0.3s;
  display: inline-block;
  text-transform: uppercase;
  padding: 40px 75px;
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  color: #CCC;
}
.header--wrap .header--inner .header--nav > ul > li:hover .sub--nav--wrap {
  max-height: 400px;
}
.header--wrap .header--inner .header--nav > ul > li:hover:nth-child(3) .sub--nav--wrap {
  max-height: 800px;
  transition: max-height 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.header--wrap .header--inner .header--nav > ul > li .sub--nav--wrap {
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  display: flex;
  left: 50%;
  min-width: 810px;
  transform: translateX(-50%);
  white-space: nowrap;
  background-color: #fff;
  overflow: hidden;
}
.header--wrap .header--inner .header--nav > ul > li .sub--nav--wrap .sub--nav {
  padding: 35px 30px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.header--wrap .header--inner .header--nav > ul > li .sub--nav--wrap .sub--nav > a {
  display: inline-block;
  font-weight: 400;
  color: #111;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
  transition: all 0.3s;
}
.header--wrap .header--inner .header--nav > ul > li .sub--nav--wrap .sub--nav > a:hover {
  color: #EC3237;
  font-weight: 500;
}
.header--wrap .header--inner .header--lang--btn {
  display: flex;
  align-items: center;
  width: 130px;
  color: #CCC;
  transition: all 0.3s;
  cursor: pointer;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 38px 20px;
  position: relative;
  margin-left: 155px;
}
.header--wrap .header--inner .header--lang--btn:hover .lang--select--wrap {
  height: 120px;
  border-top: 1px solid #FB484D;
}
.header--wrap .header--inner .header--lang--btn i {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.header--wrap .header--inner .header--lang--btn .ico--global {
  width: 24px;
  margin-right: 10px;
  height: 24px;
  background-image: url(../img/ico--global.svg);
}
.header--wrap .header--inner .header--lang--btn .ico--arrow {
  margin-left: auto;
  width: 14px;
  height: 14px;
  background-image: url(../img/ico--global--arrow.svg);
}
.header--wrap .header--inner .header--lang--btn .lang--select--wrap {
  height: 0;
  overflow: hidden;
  position: absolute;
  background: #EC3237;
  top: 100%;
  left: 0;
  transition: height 0.3s;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
}
.header--wrap .header--inner .header--lang--btn .lang--select--wrap li {
  width: 100%;
  transition: all 0.3s;
  text-align: center;
}
.header--wrap .header--inner .header--lang--btn .lang--select--wrap li a {
  padding: 10px 0;
  width: 100%;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
}
.header--wrap .header--inner .header--lang--btn .lang--select--wrap li:first-child a {
  padding-top: 25px;
}
.header--wrap .header--inner .header--lang--btn .lang--select--wrap li:last-child a {
  padding-bottom: 25px;
}
.header--wrap .header--inner .header--lang--btn .lang--select--wrap li:hover a {
  color: #ef0;
}
.header--wrap .header--inner .header--lang--btn .lang--select--wrap li.active a {
  color: #ef0;
}
.header--wrap .header--inner .header--mob--lang--btn {
  display: none;
  width: 26px;
  margin-left: auto;
  margin-right: 20px;
  z-index: 100;
  height: 26px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/ico--global.svg);
  cursor: pointer;
}
.header--wrap .header--inner .header--mob--lang--btn.active {
  margin-right: 0;
  background-image: url(../img/ico--close.svg) !important;
}
.header--wrap .header--inner .header--mob--lang--btn.hide {
  display: none;
}
.header--wrap .header--inner .header--mob--lang--wrap {
  position: fixed;
  background-color: #1a1b20;
  width: 100%;
  height: 100vh;
  right: -100%;
  z-index: 99;
  top: 0;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
.header--wrap .header--inner .header--mob--lang--wrap.active {
  right: 0;
}
.header--wrap .header--inner .header--mob--lang--wrap > ul {
  display: flex;
  width: 100%;
  flex-direction: column;
  list-style: none;
}
.header--wrap .header--inner .header--mob--lang--wrap > ul > li {
  width: 100%;
  text-align: center;
}
.header--wrap .header--inner .header--mob--lang--wrap > ul > li > a {
  text-decoration: none;
  width: 100%;
  padding: 45px 0;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: 25px;
}
.header--wrap .header--inner .header--mob--lang--wrap > ul > li.active > a {
  color: #ef0;
}
.header--wrap .header--inner .header--mob--btn {
  display: none;
  width: 26px;
  cursor: pointer;
  z-index: 100;
  height: 26px;
  background-image: url(../img/ico--header.svg);
  background-repeat: no-repeat;
}
.header--wrap .header--inner .header--mob--btn.active {
  background-image: url(../img/ico--close.svg) !important;
}
.header--wrap .header--inner .header--mob--btn.hide {
  display: none;
}
.header--wrap .header--inner .header--mob--wrap {
  position: fixed;
  background-color: #101014;
  width: 100%;
  height: 100vh;
  padding-top: 80px;
  right: -100%;
  z-index: 99;
  top: 0;
  display: flex;
  transition: all 0.3s;
}
.header--wrap .header--inner .header--mob--wrap.active {
  right: 0;
}
.header--wrap .header--inner .header--mob--wrap .mob--l {
  width: 40%;
  border-top: 1px solid #31313A;
  padding: 40px 0;
}
.header--wrap .header--inner .header--mob--wrap .mob--l ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.header--wrap .header--inner .header--mob--wrap .mob--l ul li a {
  line-height: 25px;
  height: 25px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 0 30px;
  transition: all 0.3s;
  position: relative;
}
.header--wrap .header--inner .header--mob--wrap .mob--l ul li a::after {
  content: "";
  position: absolute;
  width: 2px;
  right: 0;
  top: 0;
  display: inline-block;
  transition: all 0.3s;
  height: 100%;
  opacity: 0;
}
.header--wrap .header--inner .header--mob--wrap .mob--l ul li a:hover {
  color: #EC3237;
}
.header--wrap .header--inner .header--mob--wrap .mob--l ul li a:hover::after {
  opacity: 1;
}
.header--wrap .header--inner .header--mob--wrap .mob--l ul li a.active {
  color: #EC3237;
}
.header--wrap .header--inner .header--mob--wrap .mob--l ul li a.active::after {
  opacity: 1;
}
.header--wrap .header--inner .header--mob--wrap .mob--r {
  width: 60%;
  border-top: 1px solid #31313A;
  background-color: #344294;
  padding: 40px 10px 40px 30px;
}
.header--wrap .header--inner .header--mob--wrap .mob--r .sub--nav--wrap {
  height: 100%;
  overflow-y: auto;
}
.header--wrap .header--inner .header--mob--wrap .mob--r .sub--nav--wrap .sub--nav {
  display: none;
  flex-direction: column;
  gap: 40px;
}
.header--wrap .header--inner .header--mob--wrap .mob--r .sub--nav--wrap .sub--nav.active {
  display: flex;
}
.header--wrap .header--inner .header--mob--wrap .mob--r .sub--nav--wrap .sub--nav a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  width: 100%;
}
.header--wrap .header--inner .header--mob--wrap .mob--r .sub--nav--wrap .sub--nav a.active {
  color: #ec3237;
}
.header--wrap .header--inner .header--mob--wrap .mob--r .sub--nav--wrap .sub--nav a br {
  display: none;
}

.footer-wrap {
  z-index: 10;
  position: absolute;
  width: 100%;
  color: #fff;
  bottom: 0;
  left: 0;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 2px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: #333;
}

.footer-wrap .footer-inner{
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}

.footer-wrap .footer-inner .footer-left{
  text-align: left;
  width: 70%;
  display: inline-block;
}

.footer-wrap .footer-inner .footer-left div{
  padding: 4px;
}

.footer-wrap .footer-inner .footer-left .footer-tit{
  font-size: 1.2em;
  padding: 10px 4px;
  display: inline-block;
}

.footer-wrap .footer-inner .footer-left b{
  padding-right: 3px;
  color: #BBB;
}

.footer-wrap .footer-inner .footer-left span{
  padding-right: 15px;
}

.footer-wrap .footer-inner .footer-left .copy{
  color: #BBB;
  font-size: 0.8em; 
  padding-top: 15px;
}
.footer-wrap .footer-inner .footer-right{
  width:27%;
  display: inline-block;
  text-align: right;
}

.footer-wrap .footer-inner .footer-right p {
  width:30%;
  display: inline-block;
}

.footer-wrap .footer-inner .footer-right img {
  width:100%;
}


.container .image--section.global--section {
  background-color: #FFF;
}
.container .image--section.contact--section {
  background-image: url(../img/main--contact.png);
  background-size: cover;
}
.container .image--section.black3 {
  background-color: #15161A;
}
.container .image--section .section--container {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
.container .image--section .section--container .map--wrap {
  position: absolute;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
.container .image--section .section--container .map--wrap .map--img {
  position: relative;
}
.container .image--section .section--container .map--wrap .map--img img {
  -o-object-fit: none;
     object-fit: none;
  height: auto;
}
.container .image--section .section--container .map--wrap .map--dot--box {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots {
  position: relative;
  width: 100%;
  height: 100%;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot {
  width: 168px;
  height: 168px;
  border-radius: 100px;
  background: rgba(205, 25, 29, 0.6);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: center;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot .circle {
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  padding: 8px 10px;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot > p {
  margin-top: 10px;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot > p span {
  color: #fff;
  font-size: 32px;
  font-weight: 800;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot .txt {
  margin-top: 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot.dot1 {
  left: 7%;
  top: 24%;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot.dot2 {
  background: rgba(169, 9, 13, 0.6);
  left: 27%;
  bottom: 18%;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot.dot3 {
  background: rgba(235, 63, 68, 0.6);
  top: 19%;
  left: 44%;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot.dot4 {
  background: rgba(188, 106, 108, 0.6);
  right: 25%;
  bottom: 18%;
}
.container .image--section .section--container .map--wrap .map--dot--box .map--dots .dot.dot5 {
  background: rgba(166, 0, 4, 0.6);
  right: 9%;
  top: 21%;
}
.container .image--section .section--container .text--wrap {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 10%;
}
.container .image--section .section--container .text--wrap > h4 {
  color: #999;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.36px;
  margin-bottom: 50px;
}
.container .image--section .section--container .text--wrap > h4 span {
  color: #EC3237;
}
.container .image--section .section--container .text--wrap > h3 {
  font-size: 50px;
  color: rgba(255, 255, 255, 0.2);
  margin-bottom: 20px;
}
.container .image--section .section--container .text--wrap > p {
  color: #CCC;
  font-size: 19px;
  font-weight: 400;
  word-break: keep-all;
  letter-spacing: -0.38px;
  margin-bottom: 110px;
}
.container .image--section .section--container .text--wrap .btn--wrap a {
  display: flex;
  gap: 20px;
  align-items: center;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 20px 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 100px;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
}
.container .image--section .section--container .text--wrap .btn--wrap a .ico {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-image: url(../img/ico--arrow--white.svg);
}
.container .image--section .section--container .contact--wrap {
  width: 100%;
  gap: 30px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.container .image--section .section--container .contact--wrap .location--group {
  display: flex;
  flex-wrap: wrap;
  width: 52%;
  height: 80vh;
  max-height: 850px;
  gap: 2%;
}
.container .image--section .section--container .contact--wrap .location--group input[type=radio] {
  display: none;
}
.container .image--section .section--container .contact--wrap .location--group .location--item {
  display: flex;
  width: 18.4%;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 30px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.container .image--section .section--container .contact--wrap .location--group .location--item:hover {
  transform: scale(1.1);
}
.container .image--section .section--container .contact--wrap .location--group .location--item label {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.container .image--section .section--container .contact--wrap .location--group .location--item .image--area {
  cursor: pointer;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.container .image--section .section--container .contact--wrap .location--group .location--item .image--area:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(26, 27, 32, 0.5);
  top: 0;
  left: 0;
}
.container .image--section .section--container .contact--wrap .location--group .location--item .text--area {
  cursor: pointer;
  position: absolute;
  padding: 25px;
  font-weight: 600;
  font-size: 14px;
  z-index: 2;
  color: #fff;
  top: 0;
  left: 0;
}
.container .image--section .section--container .contact--wrap .location--group input[type=radio]:checked + label {
  border: 2px solid rgba(236, 50, 55, 0.5);
  box-shadow: 0 0 20px 0 rgba(25, 36, 77, 0.25);
}
.container .image--section .section--container .contact--wrap .location--group input[type=radio]:checked + label .image--area::before {
  display: none;
}
.container .image--section .section--container .contact--wrap .location--group label[for=holdings] .image--area {
  background-image: url(../img/contact1_holdings.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=hongkong] .image--area {
  background-image: url(../img/contact2_hongkong.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=darong] .image--area {
  background-image: url(../img/contact3_warehouse.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=shenzhen] .image--area {
  background-image: url(../img/contact4_shenzhen.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=foshan] .image--area {
  background-image: url(../img/contact5_foshan.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=xiamen] .image--area {
  background-image: url(../img/contact6_xiamen.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=chongqing] .image--area {
  background-image: url(../img/contact7_chongqing.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=guangzhou] .image--area {
  background-image: url(../img/contact8_guangzhou.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=shanghai] .image--area {
  background-image: url(../img/contact9_shanghai.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=tianjin] .image--area {
  background-image: url(../img/contact10_tianjin.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=qingdao] .image--area {
  background-image: url(../img/contact11_qingdao.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=japan] .image--area {
  background-image: url(../img/contact12_japan.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=thailand] .image--area {
  background-image: url(../img/contact13_thailand.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=vietnam] .image--area {
  background-image: url(../img/contact14_vietnam.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=hanoi] .image--area {
  background-image: url(../img/contact15_hanoi.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=manila] .image--area {
  background-image: url(../img/contact16_manila.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=taiwan] .image--area {
  background-image: url(../img/contact17_taiwan.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=pte] .image--area {
  background-image: url(../img/contact18_singapore.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=jakarta] .image--area {
  background-image: url(../img/contact19_jakarta.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=ningbo] .image--area {
  background-image: url(../img/contact20_ningbo.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=dalian] .image--area {
  background-image: url(../img/contact21_dalian.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=malaysia] .image--area {
  background-image: url(../img/contact22_malasia.png);
}
.container .image--section .section--container .contact--wrap .location--group label[for=pvt] .image--area {
  background-image: url(../img/contact23_india.png);
}
.container .image--section .section--container .contact--wrap .contact--tit--mo {
  display: none;
}
.container .image--section .section--container .contact--wrap .contact--btn--mo {
  display: none;
}
.container .image--section .section--container .contact--wrap .write-form {
  width: calc(48% - 30px);
}
.container .image--section .section--container .contact--wrap .contact--form {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 80vh;
  max-height: 850px;
  justify-content: space-between;
  background-color: #1a1b20;
  border-radius: 40px;
  padding: 50px;
}
.container .image--section .section--container .contact--wrap .contact--form .contact--tit {
  width: 100%;
  display: flex;
  color: #fff;
  justify-content: space-between;
}
.container .image--section .section--container .contact--wrap .contact--form .contact--tit h3 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 25px;
}
.container .image--section .section--container .contact--wrap .contact--form .contact--tit p {
  font-size: 16px;
  font-weight: 400;
}
.container .image--section .section--container .contact--wrap .contact--form .contact--tit .contact--btn {
  background-repeat: no-repeat;
  background-position: center;
  min-width: 70px;
  border: none;
  cursor: pointer;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #ec3237;
  background-image: url(../img/ico--contact.svg);
}
.container .image--section .section--container .contact--wrap .contact--form .contact--cont {
  width: 100%;
  color: #fff;
  display: flex;
  overflow-y: auto;
  height: calc(100% - 100px);
  flex-direction: column;
  gap: 15px;
}
.container .image--section .section--container .contact--wrap .contact--form .contact--cont .input--type2--wrap {
  display: flex;
  width: 100%;
  gap: 30px;
}
.container .image--section .section--container .contact--wrap .contact--form .contact--cont .input--type2--wrap .input--wrap {
  width: calc(50% - 15px);
}
.contact--form .contact--cont .input--wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #FFF;
}
.contact--form .contact--cont .input--wrap select {
  border-radius: 12px;
  border: 1px solid #323340;
  background-color: #262730;
  padding: 16px;
  font-size: 16px;
  cursor: pointer;
  color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../img/ico--select.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 16px 16px;
  padding-right: 50px;
}
.contact--form .contact--cont .input--wrap input {
  border-radius: 12px;
  border: 1px solid #323340;
  background-color: #262730;
  padding: 16px;
  font-size: 16px;
  color: #fff;
}
.contact--form .contact--cont .input--wrap textarea {
  resize: none;
  border-radius: 12px;
  border: 1px solid #323340;
  background-color: #262730;
  padding: 20px;
  font-size: 16px;
  color: #fff;
}
.container .image--section img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.container .image--section:nth-child(2) {
  z-index: 2;
}
.container .image--section:nth-child(3) {
  z-index: 3;
}
.container .image--section .main--swiper {
  position: relative;
}
.container .image--section .main--swiper .swiper-slide .img--wrap {
  position: relative;
}
.container .image--section .main--swiper .swiper-slide .img--wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 2;
  display: inline-block;
  height: 100%;
  background: linear-gradient(180deg, #1A1B20 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.4;
  top: 0;
  left: 0;
}
.container .image--section .main--swiper .swiper-slide .txt--wrap {
  position: absolute;
  display: flex;
  max-width: 1600px;
  width: 100%;
  left: 50%;
  top: 21%;
  z-index: 3;
  color : #FFF;
  transform: translateX(-50%);
  flex-direction: column;
}
.container .image--section .main--swiper .swiper-slide .txt--wrap > span {
  color: #fff;
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 35px;
  letter-spacing: -0.46px;
  text-transform: capitalize;
}
.container .image--section .main--swiper .swiper-slide .txt--wrap > h2 {
  font-size: 58px;
  color: #fff;
  margin-bottom: 35px;
  letter-spacing: -1px;
  max-width: 800px;
}
.container .image--section .main--swiper .swiper-slide .txt--wrap  p{font-size:28px}
.container .image--section .main--swiper .swiper-slide .txt--wrap > h2 strong {
  color: #a5cb44;
  display:block;
  padding-top: 15px;
}
.container .image--section .main--swiper .swiper-slide .txt--wrap .btn--wrap a {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 10px;
  color: #ec3237;
  font-size: 14px;
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  padding: 20px 30px;
  border-radius: 100px;
}
.container .image--section .main--swiper .swiper-slide .txt--wrap .btn--wrap a .ico {
  display: inline-block;
  background-image: url(../img/ico--arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 16px;
  height: 16px;
}
.container .image--section .main--swiper .swiper--btn--wrap {
  display: none;
  position: absolute;
  right: 20px;
  display: flex;
  gap: 15px;
  width: 143px;
  height: 64px;
  bottom: 30px;
}
.container .image--section .main--swiper .swiper--btn--wrap .swiper-button-next,
.container .image--section .main--swiper .swiper--btn--wrap .swiper-button-prev {
  display: none;
  margin-top: 0;
  top: 0;
  background-image: url(../img/ico--arrow--swiper.svg);
  background-size: 25px 25px;
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-position: center;
}
.container .image--section .main--swiper .swiper--btn--wrap .swiper-button-next::after,
.container .image--section .main--swiper .swiper--btn--wrap .swiper-button-prev::after {
  display: none;
}
.container .image--section .main--swiper .swiper--btn--wrap .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}
.container .image--section .main--swiper .swiper--btn--wrap .swiper-button-next {
  right: 0;
  left: auto;
}
.container .image--section .main--swiper .swiper--pag--wrap {
  display: none;
  position: absolute;
  width: calc(100% - 240px);
  height: 64px;
  bottom: 30px;
  left: 30px;
}
.container .image--section .main--swiper .swiper--pag--wrap .swiper--pag {
  position: relative;
  height: 100%;
  width: 100%;
}
.container .image--section .main--swiper .swiper--pag--wrap .swiper--pag p {
  font-weight: 700;
  font-size: 17px;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.container .image--section .main--swiper .swiper--pag--wrap .swiper--pag .pag--numb span {
  display: inline-block;
  position: absolute;
  z-index: 1;
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 700;
  bottom: 0;
}
.container .image--section .main--swiper .swiper--pag--wrap .swiper--pag .pag--numb span.active {
  color: #fff;
}
.container .image--section .main--swiper .swiper--pag--wrap .swiper--pag .pag--numb span.num--6 {
  right: 0;
}
.container .image--section .main--swiper .swiper--pag--wrap .swiper--pag .pag--numb .swiper-pagination {
  position: absolute;
  top: auto;
  border-radius: 100px;
  height: 5px;
  width: calc(100% - 60px);
  margin: 5px 0;
  left: 30px;
  overflow: hidden;
  bottom: 0;
  background-color: #4A494D;
}
.container .image--section .main--swiper .swiper--pag--wrap .swiper--pag .pag--numb .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
.container .image--section .main--swiper .main--swiper--tab {
  position: absolute;
  max-width: 1600px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  bottom: 50px;
  display: flex;
  z-index: 5;
  gap: 7px;
}
.container .image--section .main--swiper .main--swiper--tab .tab--wrap {
  cursor: pointer;
  transition: all 0.3s;
  word-break: keep-all;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  font-size: 0px;
  opacity: 0.5;
}
.container .image--section .main--swiper .main--swiper--tab .tab--wrap .tab--inner {
  padding-top: 20px;
  border-top: 1px solid #fff;
}
.container .image--section .main--swiper .main--swiper--tab .tab--wrap .tab--inner dt {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  height: 62px;
}
.container .image--section .main--swiper .main--swiper--tab .tab--wrap .tab--inner dd {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container .image--section .main--swiper .main--swiper--tab .tab--wrap.on {
  background-color: #ec3237;
}
.container .image--section .section--container .main-wrap{    padding-top: 100px;}
.container .image--section .section--container .main-wrap .d_flex{    
	flex-direction: row;
    align-items: flex-start;
    display: flex;
    padding: 50px 0px 0px;}
.container .image--section .section--container .main-wrap .d_flex .left_content{    flex: 1;}
.container .image--section .section--container .main-wrap .d_flex .left_content h3{
	font-size: 60px;
    font-weight: 800;
    padding-left: 10px;
    padding-bottom: 30px;
	letter-spacing: -1px;
	}
.container .image--section .section--container .main-wrap .d_flex .left_content p{
    padding-left: 10px;
    color: #555;
	}
.container .image--section .section--container .main-wrap .d_flex .right_content{
	flex: 0 0 calc((1000 / 1480)* 100%);
    padding-bottom: 50px;
    border-bottom: 1px solid #EEE;
    min-height: 700px;
	text-align: right;
	padding-right: 20px;
	}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li{
	display: inline-block;
    width: 49%;
    padding: 0% 0% 1% 1%;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div{
    background-position: center;
	display: inline-block;
    width: 100%;
	/*min-height: 34vh; */
	height: 365px;
	border-radius: 5px;
	position: relative;
	color: #FFF;
	text-align:left;
	transition: transform 0.3s ease; 
	}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div a{
	display: inline-block;
	height:100%;
	color : #FFF;
	text-decoration: none;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div a > b{
	display: block;
	font-size:44px;
	
    line-height: 1;
    padding: 50px 33px 10px ;
	    min-height: 185px;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div a > span{
	display: block;
	padding: 10px 33px;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .hover .link{
    font-weight: 700;
	padding: 30px 33px 1px;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .hover .link i{
	font-size:12px;
    font-style: normal;
    padding-left: 10px;
    font-weight: normal;
}

.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > .set1{
	background: url(../img/main_set1.png);
	background-size: cover;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > .set2{
	background: url(../img/main_set2.png);
		background-size: cover;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > .set3{
	background: url(../img/main_set3.png);
		background-size: cover;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > .set4{
	background: url(../img/main_set4.png);
		background-size: cover;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > .set5{
	background: url(../img/main_set5.png);
		background-size: cover;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > .set6{
	background: url(../img/main_set6.png);
		background-size: cover;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > .set7{
	background: url(../img/main_set7.png);
		background-size: cover;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > .set0{
	background: url(../img/logo-w.png) #a5cb44 no-repeat;
	background-size: 60%;
	background-position: center;
}

.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .txt{
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .txt > p{
   padding: 35px;
   font-size:36px;
   font-weight:700;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .txt > dd{
   padding: 35px 20px 35px 35px;
    display: block;
    width: 100%;
	 margin-top: 90px;
    background: rgba(0, 0, 0, 0.30);
  /*  backdrop-filter: blur(7.5px); */
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .txt > dd > b{
	font-size:26px;
   display: block;
       line-height: 2;
}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .hover{
    width: 100%;
    height: 100%;
	opacity: 0;
    z-index: 3;
	    position: absolute;
	}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .hover > a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 20px;
    left: 0;
	opacity: 0;
    box-sizing: border-box;
    z-index: 3;
	transition: transform 0.5s ease; 
	transform: translateY(0);
	}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .hover.active{
    background: #1472CF;
	border-radius: 5px;
	    opacity: 1;
	}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > div .hover.active > a{
	transform: translateY(-20px);
	opacity: 1;
	}
.container .image--section .section--container .main-wrap .d_flex .right_content ul > li > .set3 .hover.active{
	background-color: #EC3237;
}

.container .image--section .main--swiper .btn-wrap > div{
	position: absolute;
    display: flex;
    width: 450px;
	height: 275px;
    right: 16%;
    z-index: 9;
    flex-direction: column;
     background-image: url(../img/main-btn.png);
	}
.container .image--section .main--swiper .btn-wrap > div:hover{
	backdrop-filter: blur(7.5px);
	text-shadow: 0px 0px 3px #000000, 0 0 1em #777, 0 0 0.5em #777;
}
.container .image--section .main--swiper .btn-wrap p:hover{}
.container .image--section .main--swiper .btn-wrap .set1{
    top: 200px;
	}
.container .image--section .main--swiper .btn-wrap .set2{
    top: 500px;
	}
.container .image--section .main--swiper .btn-wrap a{
	text-align: center;   
	text-decoration: none;    
	color: #FFF;
    font-size: 18px;
	padding: 55px 20px 10px;
    height: 100%;
	}
.container .image--section .main--swiper .btn-wrap p{font-size: 80px;}
.container .image--section .main--swiper .btn-wrap p > span{font-size: 18px; padding-top:0px;   margin-top: -15px;}
.container .image--section .main--swiper .btn-wrap .set1 p em{font-style: normal; color: #EC3237;    font-family: math;}
.container .image--section .main--swiper .btn-wrap .set2 p em{font-style: normal; color: #a5cb44;}
.container .image--section .main--swiper .btn-wrap .set2 p{font-size: 72px;}
.container .image--section .main--swiper .btn-wrap span{padding-top: 15px;display: block;}
.container .image--section .main--swiper .btn-wrap span > i{
  display: inline-block;
  background-image: url(../img/ico--arrow--white.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  }

.container .image--section .ico_scroll{
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 2;
    width: 77px;
    height: 60px;
    background: url(../img/ico_scroll.svg) no-repeat center / 100% 100%;
    text-indent: -9999em;
    transform: translateX(-50%);
    animation: bounce .8s infinite linear;
	transform-origin: 50% 0%;
	}

.container .image--section .ico_scroll a > img{max-height:100px;display: inline-block;}
.container .image--section .ico_scroll a{    display: block;
    width: 100%;
    height: 100%;
	}

@keyframes bounce {
  0%   { transform: translateX(-50%) translateY(0); }
  50%  { transform: translateX(-50%) translateY(-10px); }
  100% { transform: translateX(-50%) translateY(0); }
}