.bg_dark_gray {
  background: #4B4747;
}

main {
  background-color: #f9f9f9;
}

.breadcrumb {
  padding: 14px 20px;
}
.breadcrumb a {
  font-size: 14px;
}

@media (min-width: 1171px) {
  .nav_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .nav_box li:not(:last-of-type)::after {
    position: absolute;
    content: "";
    right: 0;
    width: 1px;
    height: 20px;
    background: #d5d5d5;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
  }
  nav .submenu a {
    min-width: 173px;
  }
  nav .submenu a:not(:last-of-type) {
    border-bottom: 1px solid #eaeaea;
  }
}
@media (min-width: 1300px) {
  header nav li > a {
    padding: 0 35px;
  }
  nav .submenu {
    padding: 0 45px;
  }
  nav .submenu a {
    padding: 17px 0;
  }
}
@media (min-width: 1171px) {
  header nav li {
    padding: 37px 0;
  }
  header.fixed nav li {
    padding: 23px 0;
  }
}
header .container {
  max-width: 100%;
}
@media (min-width: 601px) {
  header .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1171px) {
  [class*=_banner], body > div:not(.fancybox-container) {
    margin-top: 98px;
  }
}
@media (max-width: 1170px) {
  [class*=_banner], body > div:not(.fancybox-container) {
    margin-top: 70px;
  }
}

/* body>div{height: 53px;line-height: 53px;
    a{font-size: 14px;line-height: 53px}
} */
@media (min-width: 601px) {
  .all_banner {
    height: 308px;
  }
}
.all_banner .h1 {
  line-height: 0.93;
}
@media (max-width: 600px) {
  .all_banner .h1 {
    font-size: 42px;
  }
}
.all_banner .h9 {
  letter-spacing: 10.08px;
  line-height: 0.995;
}

@media (min-width: 1171px) {
  .container {
    max-width: 100%;
    padding-left: calc(8.3333% - 22px);
    padding-right: calc(8.3333% - 22px);
  }
}
/* index */
.index_banner .h1 {
  line-height: 105%;
  letter-spacing: -1.6px;
}
@media (max-width: 600px) {
  .index_banner .h1 {
    margin-bottom: 30px;
  }
}
.index_banner a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.index_banner .slick-arrow {
  position: absolute;
  top: auto;
  height: 19px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
  text-indent: 0;
}
.index_banner .slick-arrow::before, .index_banner .slick-arrow::after {
  display: none;
}
.index_banner .slick-arrow span {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.index_banner .slider__counter {
  width: 118px;
  line-height: 19px;
}
.index_banner .slider__counter span {
  line-height: 19px;
  color: #fff;
  font-family: "Work Sans", sans-serif;
}
.index_banner .current::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 1px;
  height: 14px;
  background: #fff;
  transform: rotate(15deg);
  filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod="auto expand");
  zoom: 1;
  margin: -2px 13px 0;
}
.index_banner .slick-arrow [class*=slick-] {
  cursor: pointer;
  width: 21px;
  background: url(../images/icons/left-arrow.svg) center no-repeat;
}
.index_banner .slick-next {
  transform: scale(-1, -1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.index_banner .h5 {
  line-height: 1.5;
}
@media (min-width: 829px) {
  .index_banner .container {
    height: 100%;
  }
  .index_banner .text_animation {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
  }
  .index_banner .model {
    position: absolute;
    right: 0;
    width: 363px;
    background: rgba(0, 27, 81, 0.6);
    padding: 20px 30px;
  }
  .index_banner .model .h5 {
    margin-bottom: 4px;
  }
  .index_banner .slick-arrow {
    left: calc(8.3333% - 22px);
    bottom: 100px;
    width: 160px;
  }
}
@media (min-width: 1400px) {
  .index_banner .model {
    bottom: 75px;
  }
}
@media (max-width: 1399px) and (min-width: 1025px) {
  .index_banner .model {
    bottom: 30px;
  }
}
@media (max-width: 1024px) and (min-width: 829px) {
  .index_banner .text_animation {
    margin-top: -60px;
  }
  .index_banner .text_animation .h1 {
    font-size: 56px;
  }
  .index_banner .text_animation .h5 {
    font-size: 28px;
  }
  .index_banner .model {
    bottom: 35px;
  }
}
@media (max-width: 1024px) {
  .index_banner .h1 {
    margin-bottom: 20px;
  }
}
@media (max-width: 828px) {
  .index_banner .container {
    top: auto;
    bottom: 75px;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }
  .index_banner .slick-arrow {
    left: 0;
    bottom: 30px;
    width: 100%;
  }
  .index_banner .h1 {
    line-height: 1.2;
  }
  .index_banner .h5 br, .index_banner .h5 span.br {
    display: none;
  }
}

.index_slider .slick-arrow {
  display: none !important;
}
@media (max-width: 1599px) and (min-width: 1025px) {
  .index_slider {
    height: calc(100% + 70px);
  }
  .index_slider .container {
    margin-top: -35px;
  }
}
@media (max-width: 1024px) and (min-width: 829px) {
  .index_slider {
    height: calc(100% + 190px);
  }
}

.idx-application {
  display: flex;
  flex-flow: wrap;
}
.idx-application > div {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
@media (min-width: 992px) {
  .idx-application > div {
    width: 25%;
  }
}
@media (max-width: 991px) and (min-width: 641px) {
  .idx-application > div {
    width: 50%;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media (max-width: 640px) {
  .idx-application > div {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 1400px) {
  .idx-application > div div {
    padding: 40px 55px 10px;
  }
}
@media (max-width: 1399px) {
  .idx-application > div div {
    padding: 40px 30px 10px;
  }
}
@media (max-width: 640px) {
  .idx-application > div div {
    padding: 40px 30px 60px;
  }
}
.idx-application > div div, .idx-application > div img, .idx-application > div p {
  transition: all 0.5s ease;
}
.idx-application > div img {
  width: 100%;
  aspect-ratio: 480/358;
}
@media (min-width: 641px) {
  .idx-application > div:not(:hover) p:last-of-type {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  .idx-application > div:nth-of-type(odd) {
    background: #105CBA;
  }
  .idx-application > div:nth-of-type(even) {
    background: #004293;
  }
}
@media (max-width: 640px) {
  .idx-application > div:nth-of-type(odd) div {
    background: #105CBA;
  }
  .idx-application > div:nth-of-type(even) div {
    background: #004293;
  }
}
.idx-application p:last-of-type {
  display: block;
  margin: 0;
}
@media (max-width: 1349px) {
  .idx-application p.first-of-type {
    font-size: 28px;
  }
}

@media (min-width: 1300px) {
  .product-items {
    padding-left: calc(8.3333% - 22px);
    padding-right: calc(8.3333% - 22px);
  }
}
@media (max-width: 1299px) {
  .product-items {
    padding: 100px 40px;
  }
}
@media (max-width: 1170px) {
  .product-items {
    background: #fff;
  }
}
@media (max-width: 600px) {
  .product-items {
    padding: 50px 20px 80px;
  }
}
@media (max-width: 1399px) {
  .product-items .slick-dots {
    bottom: 50px;
  }
}
@media (max-width: 1299px) {
  .product-items .slick-dots {
    bottom: 40px;
  }
}
@media (max-width: 600px) {
  .product-items .slick-dots {
    bottom: 30px;
  }
}
.product-items .slick-track {
  display: flex;
}

.pro-item {
  position: relative;
  border: 1px solid #ababab;
  transition: all 0.5s ease;
  background: #fff;
}
@media (min-width: 641px) {
  .pro-item {
    margin-left: 9px;
    margin-right: 9px;
  }
}
.pro-item img, .pro-item .hover_block {
  transition: all 0.5s ease;
}
.pro-item .hover_block {
  position: relative;
  padding: 20px 5px;
  display: block;
}
@media (min-width: 1400px) {
  .pro-item .hover_block {
    left: 25px;
    width: calc(100% - 50px);
  }
}
@media (max-width: 1399px) {
  .pro-item .hover_block {
    left: 15px;
    width: calc(100% - 30px);
  }
}
.pro-item .hover_block::before {
  position: absolute;
  left: 50%;
  top: -35px;
  content: "";
  width: 50px;
  height: 1px;
  background: #2468C3;
  margin-left: -25px;
}
.pro-item:not(:hover) .hover_block::after {
  width: 0;
  margin: 0;
}

.items-box .series {
  display: block;
  color: #9a9a9a;
  margin-top: 10px;
  transition: all 0.5s ease;
}

.idx-vid {
  position: relative;
}
.idx-vid .h3 {
  line-height: 126%;
}
@media (min-width: 1400px) {
  .idx-vid > div:first-of-type {
    width: calc(100% - 680px);
  }
  .idx-vid > div:last-of-type {
    width: 680px;
    padding-left: 55px;
    padding-right: 10px;
  }
}
@media (min-width: 1300px) {
  .idx-vid {
    padding-left: calc(8.3333% - 22px);
    padding-right: calc(8.3333% - 22px);
  }
}
@media (max-width: 1399px) and (min-width: 1171px) {
  .idx-vid {
    padding-left: 50px;
    padding-right: 50px;
  }
  .idx-vid > div:first-of-type {
    width: 45%;
  }
  .idx-vid > div:last-of-type {
    width: 55%;
    padding-left: 70px;
  }
}
@media (min-width: 1171px) {
  .idx-vid {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1431" height="949" viewBox="0 0 1431 949" fill="none"><g style="mix-blend-mode:multiply"><path d="M471.411 0.469727L1431 0.469727V948.47H0L471.411 0.469727Z" fill="%23105CBA"/></g></svg>') no-repeat top right;
    background-size: auto 100%;
  }
}
@media (max-width: 1170px) {
  .idx-vid {
    background: #105CBA;
  }
  .idx-vid > div {
    width: 100%;
    padding: 80px 50px;
  }
  .idx-vid > div:first-of-type {
    background: #efefef;
  }
  .idx-vid > div:last-of-type {
    margin: 0 auto;
    display: block;
  }
}
@media (max-width: 600px) {
  .idx-vid > div {
    padding: 50px 30px;
  }
  .idx-vid .img-box {
    margin: 0;
  }
}
.idx-vid > div {
  z-index: 1;
  position: relative;
}
.idx-vid .arrow {
  width: 100%;
}
@media (min-width: 481px) {
  .idx-vid .arrow {
    max-width: 281px;
  }
}

@media (min-width: 1171px) {
  .idx-bottom {
    position: relative;
  }
  .idx-bottom::before {
    position: absolute;
    right: 56%;
    top: 0;
    content: "";
    width: 44%;
    height: 100%;
    background: #fff;
    transform-origin: 0 0;
    transform: skew(-26.5deg);
  }
  .vid-box {
    position: relative;
  }
  .vid-box .img-box {
    max-width: 863px;
  }
  .vid-box::before {
    position: absolute;
    left: 20px;
    top: 20px;
    content: "";
    width: 100%;
    max-width: 863px;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
  }
}
@media (max-width: 1170px) {
  .idx-icons {
    max-width: 635px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1171px), (max-width: 720px) {
  .idx-icons {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 601px) {
  .idx-icons > div {
    padding: 0 15px;
  }
}
@media (max-width: 600px) {
  .idx-icons {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .idx-icons > div {
    padding: 0 7.5px;
  }
}
@media (min-width: 481px) {
  .idx-icons > div {
    width: 25%;
  }
}
@media (max-width: 480px) {
  .idx-icons > div {
    width: 50%;
  }
}
.idx-icons > div:first-of-type span {
  background: url(../images/_temp/index/icon-1.svg) center no-repeat #fff;
  -ms-background-size: 50px;
  background-size: 50px;
}
.idx-icons > div:nth-of-type(2) span {
  background: url(../images/_temp/index/icon-2.svg) center no-repeat #fff;
  -ms-background-size: 50px;
  background-size: 50px;
}
.idx-icons > div:nth-of-type(3) span {
  background: url(../images/_temp/index/icon-3.svg) center no-repeat #fff;
  -ms-background-size: 50px;
  background-size: 50px;
}
.idx-icons > div:last-of-type span {
  background: url(../images/_temp/index/icon-4.svg) center no-repeat #fff;
  -ms-background-size: 50px;
  background-size: 50px;
}
.idx-icons > div > span {
  display: inline-block;
  border-radius: 50%;
  width: 100%;
  max-width: 125px;
  height: auto;
  aspect-ratio: 1/1;
}
@media (min-width: 1301px) {
  .idx-icons p {
    line-height: 118%;
  }
}

.select-nav {
  text-transform: capitalize;
}

/* fixed tabs_select */
@media (min-width: 1171px) {
  #tabs_select.fixed {
    top: 60px;
    height: 62px;
  }
}
#tabs_select .tabs {
  overflow: inherit;
}

@media (min-width: 1171px) {
  .row-tab {
    margin-top: 10px;
  }
  .row-tab:not(.fixed) a {
    line-height: 90px;
    font-size: 20px;
    padding: 32px 43px;
  }
  .row-tab.fixed a {
    font-size: 16px;
    padding: 21px 43px;
  }
  .row-tab a {
    position: relative;
  }
  .row-tab a::after {
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 0;
    background: #2769C0;
    content: "";
    z-index: -1;
    transition: all 0.5s ease;
  }
  .row-tab a.active, .row-tab a:hover {
    background: none !important;
  }
  .row-tab a.active::after, .row-tab a:hover::after {
    height: calc(100% + 10px);
  }
}
.second_title::before {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  content: "";
  margin: -8px 25px 0 0;
  background: #2468C3;
}
.second_title.white::before {
  background: #fff;
}

.check_title::before {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  content: "";
  background: url(../images/icons/check.svg) center no-repeat;
  margin: -8px 10px 0 0;
}

.bg_net {
  background-image: url(../images/_temp/about/bg_1.webp), url(../images/_temp/about/bg_2.webp);
  background-repeat: no-repeat, no-repeat;
  background-position: right top, left bottom;
}

/* flex */
@media (min-width: 1200px) {
  .about-img {
    margin-left: -39px;
    margin-right: -39px;
  }
  .about-img > div {
    width: calc(50% - 78px);
    margin-left: 39px;
    margin-right: 39px;
  }
  .design > div {
    width: calc(25% - 15px);
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .global > div {
    width: calc(33.33333% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 1199px) and (min-width: 601px) {
  .global > div {
    width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
  .design > div {
    width: calc(50% - 15px);
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
}
@media (min-width: 601px) {
  .global {
    margin-left: -15px;
    margin-right: -15px;
  }
  .design {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}
/* flex */
@media (min-width: 641px) {
  .design > div {
    padding: 40px 45px 65px;
  }
}
@media (max-width: 640px) {
  .design > div {
    padding: 40px 30px;
  }
}

.about-future {
  margin: 0;
}
.about-future > div {
  margin: 0;
}
@media (min-width: 1600px) {
  .about-future > div:last-of-type {
    padding: 124px 150px 65px;
  }
}
@media (max-width: 1599px) and (min-width: 1400px) {
  .about-future > div:last-of-type {
    padding: 100px 100px 40px;
  }
}
@media (max-width: 1399px) {
  .about-future > div:last-of-type {
    padding: 50px 60px 0;
  }
}
@media (max-width: 600px) {
  .about-future > div:last-of-type {
    padding: 40px 30px 0;
  }
}
@media (min-width: 1400px) {
  .about-future {
    min-height: 540px;
  }
}
@media (min-width: 992px) {
  .about-future > div {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .about-future > div {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .about-future .bg_primary {
    margin-top: -30px;
  }
}
.about-future img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1171px) {
  .col-s {
    width: 80%;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.mark_title::before {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 28px;
  content: "";
  margin: -8px 15px 0 0;
}

.global > div .mark_title {
  padding-bottom: 18px;
}
.global > div:first-of-type .mark_title {
  border-bottom: 1px solid #00BDFF;
}
.global > div:first-of-type .mark_title, .global > div:first-of-type .mark_title span {
  color: #00BDFF;
}
.global > div:first-of-type .mark_title::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="28" viewBox="0 0 21 28" fill="none"><path d="M20.3931 11.0619C20.3931 5.32447 15.976 0.69043 10.4546 0.69043C4.93327 0.69043 0.516174 5.32447 0.516174 11.0619C0.516174 13.2685 1.17871 15.3649 2.28299 17.0199L2.39346 17.1303C2.72474 17.5716 2.94558 17.9026 3.27686 18.3439L10.4546 27.281L17.522 18.3439C19.2888 16.4683 20.3931 13.9306 20.3931 11.0619Z" fill="%2300BDFF"/><path d="M10.4546 13.3787C12.5282 13.3787 14.2091 11.6992 14.2091 9.62736C14.2091 7.55553 12.5282 5.87598 10.4546 5.87598C8.38106 5.87598 6.70007 7.55553 6.70007 9.62736C6.70007 11.6992 8.38106 13.3787 10.4546 13.3787Z" fill="white"/></svg>');
}
.global > div:nth-of-type(2) .mark_title {
  border-bottom: 1px solid #008DDD;
}
.global > div:nth-of-type(2) .mark_title, .global > div:nth-of-type(2) .mark_title span {
  color: #008DDD;
}
.global > div:nth-of-type(2) .mark_title::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="28" viewBox="0 0 21 28" fill="none"><path d="M20.4656 11.0619C20.4656 5.32447 16.0485 0.69043 10.5271 0.69043C5.00572 0.69043 0.588623 5.32447 0.588623 11.0619C0.588623 13.2685 1.25116 15.3649 2.35544 17.0199L2.4659 17.1303C2.79719 17.5716 3.01803 17.9026 3.34931 18.3439L10.5271 27.281L17.5944 18.3439C19.3613 16.4683 20.4656 13.9306 20.4656 11.0619Z" fill="%23008DDD"/><path d="M10.5271 13.3787C12.6007 13.3787 14.2816 11.6992 14.2816 9.62736C14.2816 7.55553 12.6007 5.87598 10.5271 5.87598C8.45357 5.87598 6.77258 7.55553 6.77258 9.62736C6.77258 11.6992 8.45357 13.3787 10.5271 13.3787Z" fill="white"/></svg>');
}
.global > div:nth-of-type(3) .mark_title {
  border-bottom: 1px solid #005DBA;
}
.global > div:nth-of-type(3) .mark_title, .global > div:nth-of-type(3) .mark_title span {
  color: #005DBA;
}
.global > div:nth-of-type(3) .mark_title::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="28" viewBox="0 0 21 28" fill="none"><path d="M20.8545 11.0619C20.8545 5.32447 16.4374 0.69043 10.916 0.69043C5.39464 0.69043 0.977539 5.32447 0.977539 11.0619C0.977539 13.2685 1.64008 15.3649 2.74435 17.0199L2.85482 17.1303C3.1861 17.5716 3.40694 17.9026 3.73823 18.3439L10.916 27.281L17.9833 18.3439C19.7502 16.4683 20.8545 13.9306 20.8545 11.0619Z" fill="%23005DBA"/><path d="M10.9161 13.3787C12.9896 13.3787 14.6706 11.6992 14.6706 9.62736C14.6706 7.55553 12.9896 5.87598 10.9161 5.87598C8.84249 5.87598 7.1615 7.55553 7.1615 9.62736C7.1615 11.6992 8.84249 13.3787 10.9161 13.3787Z" fill="white"/></svg>');
}
@media (min-width: 401px) {
  .global > div > span {
    width: 50%;
  }
}
@media (max-width: 400px) {
  .global > div > span {
    display: block;
  }
}

/* strengths */
.strength {
  background: url(../images/_temp/strengths/bg.webp) right bottom no-repeat #fff;
  -ms-background-size: auto;
  background-size: auto;
}
.strength > span::after {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 1px;
  background: #e0e0e0;
  content: "";
  margin: -4px 0 0 14px;
}
.strength .title {
  border-bottom: 1px solid #d5d5d5;
}
.strength .title::before {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 50px;
  height: 1px;
  background: #2769C0;
  content: "";
}
@media (min-width: 1400px) {
  .strength {
    padding: 95px 14.16%;
  }
  .strength > span {
    margin: -4px 0 0 -108px;
  }
  .strength .title {
    padding-bottom: 55px;
    margin-bottom: 55px;
  }
}
@media (max-width: 1399px) and (min-width: 992px) {
  .strength {
    padding: 60px 110px;
  }
  .strength > span {
    margin: 4px 0 0 -85px;
  }
}
@media (max-width: 1399px) {
  .strength .title {
    padding-bottom: 25px;
    margin-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .strength > span {
    position: absolute;
  }
}
@media (max-width: 991px) and (min-width: 601px) {
  .strength {
    padding: 50px 50px 70px;
  }
}
@media (max-width: 991px) {
  .strength > span {
    display: block;
    margin: 0 0 10px;
  }
}
@media (max-width: 600px) and (min-width: 481px) {
  .strength {
    padding: 30px 30px 50px;
  }
}
@media (max-width: 480px) {
  .strength {
    margin-left: -30px;
    width: calc(100% + 60px);
    padding: 30px 50px 50px;
  }
}
.strength iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.strength img {
  position: relative;
  z-index: 2;
}
.strength .img-box {
  width: 100%;
  aspect-ratio: 860/482;
  height: auto;
  cursor: pointer;
}
.strength .img-box:not(.is--playing)::before {
  position: absolute;
  left: 50%;
  top: 50%;
  aspect-ratio: 1/1;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="82" height="82" viewBox="0 0 82 82" fill="none"><circle cx="41" cy="40.9058" r="40.6582" fill="%2300439C"/><path d="M53.5813 39.1744C54.9146 39.9442 54.9146 41.8687 53.5813 42.6385L36.2094 52.6682C34.8761 53.438 33.2094 52.4757 33.2094 50.9361L33.2094 30.8768C33.2094 29.3372 34.8761 28.3749 36.2094 29.1447L53.5813 39.1744Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-background-size: contain;
  background-size: contain;
  z-index: 3;
  pointer-events: none;
}
@media (min-width: 992px) {
  .strength .img-box:not(.is--playing)::before {
    width: 81px;
  }
}
@media (max-width: 991px) {
  .strength .img-box:not(.is--playing)::before {
    width: 70px;
  }
}
@media (max-width: 600px) {
  .strength .img-box:not(.is--playing)::before {
    width: 46px;
  }
}
.strength .img-box.is--playing img {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
}
.strength .img-box.is--playing iframe {
  z-index: 1;
}
@media (max-width: 600px) {
  .strength .img-box {
    margin: 30px 0 -10px;
  }
}
.strength._x {
  padding: 0;
}

@media (max-width: 480px) {
  .ctn_strength {
    padding-bottom: 0;
  }
}
/* applications */
.applications > div {
  position: relative;
}
.applications > div > img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .applications > div {
    display: flex;
  }
  .applications > div > img {
    position: absolute;
    width: 41.6666666667%;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .applications > div > img {
    width: 100%;
  }
}
@media (max-width: 991px) and (min-width: 601px) {
  .applications > div > img {
    height: 400px;
  }
}
@media (max-width: 600px) {
  .applications > div > img {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .applications > div > div {
    width: 58.3333333333%;
    padding-left: 8.3333333333%;
    padding-right: 8.3333333333%;
  }
}
@media (max-width: 991px) {
  .applications > div > div {
    width: 100%;
    padding: 40px 20px 30px;
  }
}
.applications > div > div > span {
  display: block;
}
.applications > div > div > span::after {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 1px;
  background: #e0e0e0;
  content: "";
  margin: -4px 0 0 14px;
}
@media (min-width: 601px) {
  .applications > div > div > span {
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .applications > div > div > span {
    margin-bottom: 10px;
  }
}
.applications > div:nth-of-type(odd) > img {
  left: 0;
}
@media (min-width: 992px) {
  .applications > div:nth-of-type(odd) > div {
    margin-left: 41.6666666667%;
  }
}
.applications > div:nth-of-type(even) > img {
  order: 2;
  right: 0;
}
.applications > div:nth-of-type(even) > div {
  order: 1;
}
.applications .box {
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.applications .box a {
  display: inline-flex;
  vertical-align: middle;
  border: 1px solid #d8d8d8;
  aspect-ratio: 1/1;
  margin: 0 12.5px 18px;
}
.applications .box a::before {
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/icons/search-plus.svg) center no-repeat rgba(39, 105, 192, 0.8);
  content: "";
}
@media (min-width: 641px) {
  .applications .box a {
    width: calc(25% - 25px);
    max-width: 177px;
  }
}
@media (max-width: 640px) {
  .applications .box a {
    width: calc(33.3333% - 25px);
  }
}
@media (max-width: 480px) {
  .applications .box a {
    width: calc(50% - 25px);
  }
}
.applications .box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .applications {
    padding: 0 !important;
  }
  .applications > div:last-of-type {
    margin: 0;
  }
}

/* products */
.ctn_detail_top img {
  width: 100%;
  height: 100%;
}
.ctn_detail_top .slider-for {
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 600px;
  height: auto;
}
@media (min-width: 1101px) {
  .ctn_detail_top .slider-for {
    float: right;
  }
}
.ctn_detail_top .slider-for img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1100px) {
  .ctn_detail_top .slider-for img {
    border: 1px solid #ededed;
  }
}
@media (max-width: 1100px) {
  .ctn_detail_top .slider-for {
    margin: 20px auto;
  }
}
.ctn_detail_top .slider-nav {
  /* @media (max-width:1100px){
      .slick-arrow{width:27px;height:100%}
  }
  @media (min-width:768px){
      .slick-arrow{
          @include opacity(0)
      }
  }
  @media (max-width:767px){
      .slick-arrow{background:transparent;
          &::before,&::after{background: $primary}
      }
      .slick-prev{left:-30px}
      .slick-next{right:-30px}
  } */
}
@media (min-width: 1101px) {
  .ctn_detail_top .slider-nav {
    display: inline-block;
    margin-top: -5px;
    margin-bottom: -5px;
    float: left;
    /* .slick-arrow{width:100%;height:30px;
        &::before,&::after{margin-top:0}
        &::before{margin-left:-3.5px}
        &::after{margin-left:3.5px}
        @media (min-width:601px){
            @include opacity(0)
        }
    }
    .slick-prev{top:5px}
    .slick-next{bottom:5px} */
  }
}
@media (max-width: 1100px) {
  .ctn_detail_top .slider-nav {
    max-width: 600px;
    margin: 0 auto 30px;
  }
  .ctn_detail_top .slider-nav .slick-dots {
    bottom: -45px;
  }
}
@media (max-width: 600px) {
  .ctn_detail_top + div:not(.fixed) {
    margin-top: -25px;
  }
}

@media (max-width: 1540px) and (min-width: 992px) {
  .pro-detail .h2 {
    font-size: 40px;
  }
  .pro-detail .h4 {
    font-size: 30px;
  }
}
@media (min-width: 1101px) {
  .pro-detail .col-left {
    position: relative;
  }
}
@media (min-width: 1101px) and (min-width: 1540px) {
  .pro-detail .col-left {
    padding: 0 35px 0 100px;
  }
}
@media (min-width: 1101px) and (max-width: 1539px) and (min-width: 992px) {
  .pro-detail .col-left {
    padding: 0 0 0 100px;
  }
}
@media (min-width: 1101px) {
  .pro-detail > div {
    width: 50%;
  }
}
@media (min-width: 1101px) and (min-width: 1540px) {
  .pro-detail > div:first-of-type {
    padding: 0 15px 0 calc(10% - 10px);
  }
}
@media (min-width: 1101px) and (max-width: 1539px) and (min-width: 1400px) {
  .pro-detail > div:first-of-type {
    padding-left: 60px;
  }
}
@media (min-width: 1101px) and (max-width: 1399px) and (min-width: 992px) {
  .pro-detail > div:first-of-type {
    padding-left: 45px;
  }
}
@media (min-width: 1101px) and (min-width: 1540px) {
  .pro-detail > div:first-of-type, .pro-detail .col-Btn {
    padding-left: calc(10% - 10px);
  }
}
@media (min-width: 1101px) and (max-width: 1539px) and (min-width: 1400px) {
  .pro-detail > div:first-of-type, .pro-detail .col-Btn {
    padding-left: 60px;
  }
}
@media (min-width: 1101px) and (max-width: 1399px) and (min-width: 992px) {
  .pro-detail > div:first-of-type, .pro-detail .col-Btn {
    padding-left: 45px;
  }
}
@media (min-width: 1101px) {
  .pro-detail .col-Btn {
    text-align: left;
    margin-top: 50px;
  }
}
@media (max-width: 1100px) {
  .pro-detail > div {
    width: 100%;
  }
}
@media (min-width: 601px) {
  .pro-detail .col-Btn {
    margin-bottom: 50px;
  }
}

.proimg-list {
  aspect-ratio: 1;
}

.img-dots {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.img-dots span {
  position: absolute;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: none;
}

.img-dots span, .dots-list span:first-of-type {
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 26px;
  background: #2E87FF;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #2E87FF;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  transition: all 0.5s ease;
}

@media (min-width: 1001px) {
  .img-dots span.active {
    width: 38px;
    height: 38px;
    line-height: 35px;
    font-size: 22px;
    background: #fff;
    color: #2E87FF;
    z-index: 1;
  }
  .img-dots span, .dots-list p {
    cursor: pointer;
  }
}
@media (max-width: 1000px) {
  .img-dots span {
    cursor: pointer;
  }
}
.img-focus {
  position: absolute;
  left: 100%;
  top: 50%;
  height: auto;
  aspect-ratio: 1/1;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 50%;
  overflow: hidden;
  border: 10px solid #fff;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  -ms-background-size: cover;
  background-size: cover;
}
@media (min-width: 1400px) {
  .img-focus {
    width: 304px;
  }
}
@media (max-width: 1399px) and (min-width: 1171px) {
  .img-focus {
    width: 270px;
  }
}
@media (max-width: 1170px) and (min-width: 1001px) {
  .img-focus {
    width: 250px;
  }
}
@media (max-width: 1000px) {
  .img-focus {
    display: none !important;
  }
}

.img-dots-box {
  position: relative;
}
@media (min-width: 1400px) {
  .img-dots-box {
    width: 455px;
  }
}
@media (max-width: 1399px) and (min-width: 1171px) {
  .img-dots-box {
    width: 420px;
  }
}
@media (max-width: 1170px) and (min-width: 1001px) {
  .img-dots-box {
    width: calc(50% - 100px);
    margin-right: 160px;
  }
}
@media (max-width: 1000px) {
  .img-dots-box {
    width: 100%;
    max-width: 457px;
    margin: 30px auto;
    display: table;
  }
}

@media (min-width: 1400px) {
  .dots-list {
    margin-left: 252px;
    width: calc(100% - 455px - 252px);
  }
}
@media (max-width: 1399px) and (min-width: 1171px) {
  .dots-list {
    margin-left: 202px;
    width: calc(100% - 420px - 202px);
  }
}
@media (max-width: 1170px) and (min-width: 1001px) {
  .dots-list {
    width: calc(50% - 60px);
  }
}
@media (min-width: 1001px) {
  .dots-list {
    max-width: 475px;
  }
  .dots-list img {
    display: none;
  }
}
.dots-list span {
  display: inline-block;
  vertical-align: top;
}
.dots-list span:first-of-type {
  margin: 0 12px 0 -42px;
}
.dots-list span:last-of-type {
  line-height: 30px;
}
.dots-list img {
  border-radius: 50%;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}
.dots-list p {
  border-bottom: 1px solid #DCDCDC;
  transition: all 0.5s ease;
}
@media (min-width: 1171px) {
  .dots-list p {
    padding: 31px 30px 31px 65px;
  }
}
@media (min-width: 1001px) and (max-width: 1170px) {
  .dots-list p {
    padding: 24px 30px 24px 65px;
  }
}
@media (min-width: 1001px) {
  .dots-list p.active {
    background: #2E87FF;
    color: #fff;
  }
  .dots-list p.active span:first-of-type {
    border: 2px solid #2E87FF;
    background: #fff;
    color: #2E87FF;
  }
}
@media (max-width: 1000px) {
  .dots-list p {
    display: inline-block;
    width: calc(33.33333% - 20px);
    padding: 30px 10px 30px 42px;
  }
}
@media (max-width: 1000px) and (min-width: 451px) {
  .dots-list p {
    margin: 0 10px 20px;
  }
}
@media (max-width: 600px) {
  .dots-list p {
    width: calc(50% - 20px);
  }
}
@media (max-width: 450px) {
  .dots-list p {
    width: -moz-fit-content;
    width: fit-content;
    display: table;
    margin: 0 auto 30px;
  }
}
@media (max-width: 1000px) {
  .dots-list {
    width: 100%;
  }
  .dots-list img {
    width: calc(100% + 42px);
    max-width: inherit;
    margin: 20px 0 0 -42px;
  }
}
@media (max-width: 450px) {
  .dots-list img {
    max-width: 300px;
  }
}

.btn_border::after {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.btn_border.arrow::after {
  background-position: right center;
}

.pro-tab #tab1 .container {
  max-width: 1536px;
}

.tb-spec {
  font-family: "Work Sans", sans-serif;
}
.tb-spec th {
  background: #2E87FF;
  font-size: 20px;
  font-weight: 400;
  white-space: nowrap;
}
.tb-spec th:first-of-type {
  text-align: left;
}
.tb-spec th, .tb-spec td {
  font-size: 18px;
  line-height: 32px;
  padding: 19px 5px;
}
@media (min-width: 1171px) {
  .tb-spec th:first-of-type, .tb-spec td:first-of-type {
    padding-left: 40px;
  }
}
.tb-spec th:first-of-type, .tb-spec td:first-of-type {
  min-width: 143px;
}
.tb-spec th:not(:last-of-type), .tb-spec td:not(:last-of-type) {
  border-right: 1px solid #fff;
}
.tb-spec tr:nth-of-type(even) {
  background: #EDEDED;
}
.tb-spec td:not(:first-of-type) {
  text-align: center;
}
@media (max-width: 1170px) {
  .tb-spec th, .tb-spec td {
    padding: 10px;
    font-size: 16px;
    line-height: 26px;
  }
}

.th_fixed {
  margin-top: -5px;
}
.th_fixed .tb-spec th {
  display: inline-block;
  padding: 0 5px;
}
.th_fixed .tb-spec th:first-of-type {
  padding-left: 40px;
}

/* news */
@media (min-width: 1200px) {
  .news-box {
    margin-left: -14px;
    margin-right: -14px;
  }
  .news-box > div {
    margin-left: 14px;
    margin-right: 14px;
    width: calc(33.33333% - 28px);
  }
}
.news-box > div {
  position: relative;
  background: #fff;
  border: 1px solid #e6e6e6;
  transition: all 0.5s ease;
}
@media (min-width: 1171px) {
  .news-box > div {
    margin-bottom: 56px;
    padding: 42px 55px 40px 50px;
  }
}
@media (max-width: 1170px) {
  .news-box > div {
    margin-bottom: 40px;
    padding: 30px;
  }
}
@media (max-width: 1199px) and (min-width: 641px) {
  .news-box > div {
    width: calc(50% - 20px);
  }
}
.news-box > div p {
  position: relative;
  z-index: 1;
  transition: all 0.5s ease;
  pointer-events: none;
}
.news-box > div > p:first-of-type {
  color: #2468C3;
  line-height: 125% !important;
}
@media (min-width: 641px) {
  .news-box > div > p:first-of-type {
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 1400px) {
  .news-box > div > p:first-of-type {
    min-height: 95px;
  }
}
@media (max-width: 1399px) and (min-width: 829px) {
  .news-box > div > p:first-of-type {
    min-height: 88px;
  }
}
@media (max-width: 828px) and (min-width: 641px) {
  .news-box > div > p:first-of-type {
    min-height: 80px;
  }
}
.news-box > div > p:nth-of-type(2):not(.third) {
  color: #666;
  line-height: 24px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (hover: hover) and (pointer: fine) {
  .news-box > div:hover {
    background: #2468C3;
  }
  .news-box > div:hover p:first-of-type, .news-box > div:hover p:nth-of-type(2):not(.third) {
    color: #fff;
  }
  .news-box > div:hover .exit-info p {
    color: #fff;
  }
}
.news-box a {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.news-box a::after {
  position: absolute;
  content: "";
  height: auto;
  aspect-ratio: 42/58;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="58" viewBox="0 0 42 58" fill="none"><path d="M28.5487 16.8395L40.3799 28.6722L28.5487 40.5048" stroke="%23C9E0FF" stroke-width="2" stroke-miterlimit="10"/><path d="M40.373 28.6721L1.08134 28.6721" stroke="%23C9E0FF" stroke-width="2" stroke-miterlimit="10"/></svg>') center no-repeat;
  -ms-background-size: contain;
  background-size: contain;
}
@media (min-width: 1171px) {
  .news-box a::after {
    right: 50px;
    bottom: 38px;
  }
}
@media (max-width: 1170px) {
  .news-box a::after {
    right: 30px;
    bottom: 20px;
  }
}
@media (min-width: 768px) {
  .news-box a::after {
    width: 42px;
  }
}
@media (max-width: 767px) {
  .news-box a::after {
    width: 30px;
  }
}
.exit-info {
  min-height: 86px;
}
.exit-info p:not(.h11) {
  margin-bottom: 7px;
  padding-left: 42px;
  color: #666;
}
.exit-info p:not(.h11) span {
  margin: 0 10px 0 -42px;
}
.exit-info p.h11 {
  border-bottom: 1px solid #d5d5d5;
  padding: 23px 0;
  padding-left: 137px;
}
.exit-info p.h11 span {
  position: relative;
  width: 104px;
  margin: 0 33px 0 -137px;
}
.exit-info p.h11 span::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 1px;
  height: 15px;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  background: rgba(102, 102, 102, 0.5);
}
.exit-info p.h11:first-of-type {
  border-top: 1px solid #d5d5d5;
}
.exit-info:lang(en) p:not(.h11) {
  padding-left: 72px;
}
.exit-info:lang(en) p:not(.h11) span {
  margin-left: -72px;
}

.pagination a {
  font-family: "arial", sans-serif;
}

.news-detail, .privacy {
  max-width: 1474px;
}

.news-detail .h5 {
  line-height: 130%;
}
.news-detail .arrow {
  width: 600px;
  max-width: calc(100% - 60px);
}
.news-detail .arrow::after {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: scale(-1, 1) translate(0, -50%);
}

.clock {
  line-height: 30px;
  border-left: 1px solid #cacaca;
  margin-left: 22px;
}
.clock::before {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin: 0 0 0 12px;
  padding-left: 22px;
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"><path d="M17.9999 9.46195C17.9999 14.2516 14.1022 18.1343 9.29416 18.1343C4.48609 18.1343 0.588379 14.2516 0.588379 9.46195C0.588379 4.67232 4.48609 0.789551 9.29416 0.789551C14.1022 0.789551 17.9999 4.67232 17.9999 9.46195ZM2.17665 9.46195C2.17665 13.3778 5.36327 16.5522 9.29416 16.5522C13.2251 16.5522 16.4117 13.3778 16.4117 9.46195C16.4117 5.54613 13.2251 2.37173 9.29416 2.37173C5.36327 2.37173 2.17665 5.54613 2.17665 9.46195Z" fill="%238E8E8E"/><path d="M9.29436 3.94312C8.85725 3.94312 8.50293 4.29609 8.50293 4.73151V9.82986C8.50293 9.82986 8.50293 10.0354 8.6032 10.19C8.67032 10.3211 8.77495 10.435 8.91242 10.5141L12.5687 12.617C12.9472 12.8347 13.4313 12.7055 13.6498 12.3284C13.8683 11.9513 13.7387 11.4691 13.3601 11.2514L10.0858 9.36825V4.73151C10.0858 4.2961 9.73147 3.94312 9.29436 3.94312Z" fill="%238E8E8E"/></svg>') center no-repeat;
}

/* catalog */
.catalog-box > div {
  position: relative;
}
@media (min-width: 1500px) {
  .catalog-box > div {
    padding: 50px 45px 40px;
  }
}
@media (max-width: 1499px) {
  .catalog-box > div {
    padding: 30px;
  }
}
@media (max-width: 1399px) and (min-width: 992px) {
  .catalog-box > div {
    width: calc(33.333% - 20px);
  }
}
.catalog-box img, .catalog-box .hover_block {
  transition: all 0.5s ease;
}
.catalog-box .hover_block {
  width: 100%;
  white-space: initial;
  line-height: 118%;
  padding: 20px 10px;
}

/* contact */
@media (min-width: 1400px) {
  .sj_form.inquiry_box {
    max-width: 1200px;
  }
}
@media (max-width: 991px) {
  .sj_form.inquiry_box {
    width: 100%;
  }
}

.SJ_feild_submit > div:last-of-type {
  position: relative;
}
.SJ_feild_submit > div:last-of-type::after {
  position: absolute;
  right: 26px;
  top: 50%;
  content: "";
  width: 22.5px;
  height: 15px;
  background: url(../images/icons/thick-right-arrow.svg) left center no-repeat;
  transition: all 0.5s ease;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

@media (min-width: 768px) {
  .main-contact {
    background-image: url(../images/_temp/contact/bg_1.webp), url(../images/_temp/contact/bg_2.webp);
    background-repeat: no-repeat, no-repeat;
    background-position: right top, left top;
  }
}
@media (max-width: 767px) {
  .main-contact {
    background: url(../images/_temp/contact/bg_2.webp) left top no-repeat;
    background-attachment: fixed;
  }
}
@media (max-width: 600px) {
  .main-contact {
    padding-bottom: 65px;
  }
}

/* footer */
@media (max-width: 1399px) and (min-width: 601px) {
  footer .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1200px) {
  .ctn-footer > div:last-of-type, .ctn-footer > div:first-of-type {
    width: 355px;
  }
  .ctn-footer > div:last-of-type {
    float: right;
  }
  .ctn-footer > div:nth-of-type(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width: calc(100% - 710px - 60px);
  }
  .ctn-footer > div:nth-of-type(2):lang(en) {
    max-width: calc(100% - 710px - 40px);
  }
}
@media (min-width: 1200px) {
  .ctn-footer > div:nth-of-type(2) {
    display: flex;
    margin-top: 20px;
    margin-left: 0;
    margin-right: -30px;
    padding: 0 30px;
  }
  .ctn-footer > div:nth-of-type(2):lang(en) {
    margin-right: -20px;
    padding: 0 20px;
  }
  .ctn-footer > div:nth-of-type(2) div {
    margin: 0 30px;
  }
}
@media (max-width: 1339px) {
  .ctn-footer > div:nth-of-type(2) {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .ctn-footer > div:nth-of-type(2) {
    width: 100%;
  }
}
@media (max-width: 1199px) and (min-width: 721px) {
  .ctn-footer > div:nth-of-type(2) div {
    margin: 0 15px;
  }
}
.ctn-footer > div:nth-of-type(2) [class*=icon-]::before {
  display: inline-block;
  vertical-align: top;
  content: "";
  background-image: url(../images/icons/footer-icons.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  -ms-background-size: 400%;
  background-size: 400%;
}
@media (min-width: 1200px) {
  .ctn-footer > div:nth-of-type(2) [class*=icon-]::before {
    width: 29px;
    height: 29px;
    margin: 0 15px 0 -44px;
  }
}
@media (max-width: 1199px) {
  .ctn-footer > div:nth-of-type(2) [class*=icon-]::before {
    width: 24px;
    height: 24px;
    margin: 0 15px 0 -39px;
  }
}
@media (min-width: 721px) {
  .ctn-footer > div:nth-of-type(2) {
    text-align: center;
  }
  .ctn-footer > div:nth-of-type(2) div {
    text-align: left;
    max-width: 310px;
  }
}
@media (max-width: 720px) {
  .ctn-footer > div:nth-of-type(2) {
    text-align: left;
  }
}
.ctn-footer > div:nth-of-type(2) p {
  margin: 0 0 18px;
  padding-left: 49px;
}
@media (max-width: 1199px) {
  .ctn-footer > div:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
.ctn-footer .icon-phone, .ctn-footer .icon-fax {
  white-space: nowrap;
}
.ctn-footer .icon-mark::before {
  background-position-x: 0;
}
.ctn-footer .icon-mail::before {
  background-position-x: 33%;
}
.ctn-footer .icon-phone::before {
  background-position-x: 66%;
}
.ctn-footer .icon-fax::before {
  background-position-x: 100%;
}
.ctn-footer .social a {
  width: 39px;
  height: 39px;
  background-image: url(../images/icons/social-icons.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  margin: 0 11px 10px;
  transition: all 0.5s ease;
}
.ctn-footer .social .icon-wechat {
  background-position-x: 0;
}
.ctn-footer .social .icon-skype {
  background-position-x: 50%;
}
.ctn-footer .social .icon-line {
  background-position-x: 100%;
}
@media (min-width: 1200px) {
  .ctn-footer .social {
    margin-bottom: 20px;
  }
  .ctn-footer .copyright {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ctn-footer {
    text-align: center;
    padding: 30px 20px;
  }
  .ctn-footer img {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (hover: hover) and (pointer: fine) and (min-width: 641px) {
  .idx-application > div:hover img {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  .idx-application > div:hover div {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 55px;
  }
  .idx-application > div:hover p:last-of-type {
    margin: 85px 0 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .pro-item:hover {
    border-color: #2468C3;
  }
  .catalog-box > div:hover {
    border-color: #105CBA;
  }
  .pro-item:hover img, .catalog-box > div:hover img {
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
  }
  .pro-item:hover .hover_block, .catalog-box > div:hover .hover_block {
    background: #105CBA;
    color: #fff;
  }
  .items-box > div:hover .series {
    color: #fff;
  }
  .btn_border.arrow:hover::after {
    filter: brightness(0) invert(1);
  }
  .news-detail a:not([class*=btn_]):hover {
    color: #105CBA;
  }
  .ctn-footer .social a:hover {
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
  }
}
.gpt-ai {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
}
.gpt-ai img {
  display: block;
  max-width: 100%;
}
.gpt-ai a {
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}
.gpt-ai a:hover {
  background: rgba(0, 0, 0, 0.5);
  transition: 0.85s;
}

.gpt-btn {
  display: block;
  padding: 0;
  position: absolute;
  height: auto;
  background: transparent !important;
}
.gpt-btn a {
  position: absolute;
  width: calc(50% - 1px);
  height: 100%;
  bottom: 0;
  aspect-ratio: 212/45;
}
.gpt-btn a:first-of-type {
  left: 0;
  border-radius: 0 0 0 20px;
}
.gpt-btn a:last-of-type {
  right: 0;
  border-radius: 0 0 20px 0;
}
.gpt-btn img {
  height: 19px;
  max-height: calc(100% - 10px);
}

.gpt-close {
  position: absolute;
  border-radius: 50%;
  display: block;
  cursor: pointer;
}

.gpt-pc .gpt-close {
  width: 40px;
  height: 40px;
  top: 19%;
  right: 0.6%;
}

.gpt-phone .gpt-close {
  width: 35px;
  height: 35px;
  top: 17%;
  right: 0.4%;
}
.gpt-phone > img {
  width: 357px;
}

.bigWrap .gpt-btn {
  left: 6.33%;
  bottom: 1.3%;
  width: 93%;
  aspect-ratio: 427/45;
}
.bigWrap a {
  transition: all 0.5s ease;
}
.bigWrap a:first-of-type {
  background-image: url(../images/gpt-asia.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.bigWrap a:last-of-type {
  background-image: url(../images/gpt-usa.svg);
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 411px) {
  .bigWrap a {
    background-size: auto 19px !important;
  }
}
@media (max-width: 410px) and (min-width: 375px) {
  .bigWrap a {
    background-size: auto calc(100% - 15px) !important;
  }
}
@media (max-width: 374px) {
  .bigWrap a {
    background-size: auto calc(100% - 13px) !important;
  }
}

.smallWrap {
  display: none;
  position: relative;
}
.smallWrap .gpt-btn {
  left: 0;
  bottom: 0;
  width: 100%;
  aspect-ratio: 220/30;
}
.smallWrap .gpt-close {
  width: 35px;
  height: 35px;
  top: 0;
  right: 0;
}
.smallWrap a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

@media (min-width: 1025px) {
  .gpt-pc {
    display: block;
  }
  .gpt-phone {
    display: none;
  }
  .smallWrap > img {
    width: 220px;
  }
}
@media (max-width: 1024px) {
  .gpt-ai {
    right: 30px;
  }
  .gpt-pc {
    display: none;
  }
  .gpt-phone {
    display: block;
  }
  .smallWrap > img {
    width: 280px;
  }
}
@media (max-width: 400px) {
  .gpt-ai {
    right: 10px;
  }
}/*# sourceMappingURL=scss.css.map */