@charset "UTF-8";
/*
    Theme Name: Swisstrade
    Theme URI: 
    Author: Team WP MD
    Author URI: 
    Description: A starter theme
    Version: 1.0
    Text Domain: corex
    Tags: theme, starter theme,
*/
@font-face {
  font-family: "AvertaStd-Regular.otf";
  src: url("./assets/fonts/AvertaStd-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AvertaStd-Semibold.otf";
  src: url("./assets/fonts/AvertaStd-Semibold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ganh-type-regular.otf";
  src: url("./assets/fonts/ganh-type-regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
}

button,
input,
select,
textarea {
  margin: 0;
  outline: none;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: left;
}

html,
body {
  margin: 0;
  padding: 0;
  color: var(--GREYSCALE-grey-600, #545454);
  /* BODY 1 */
  font-family: "AvertaStd-Regular.otf";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 1024px) {
  html,
  body {
    font-size: 15px;
  }
}

.site-container {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.typography html,
.typography body,
.typography p,
.typography ol,
.typography ul,
.typography li,
.typography dl,
.typography dt,
.typography dd,
.typography blockquote,
.typography figure,
.typography fieldset,
.typography legend,
.typography textarea,
.typography pre,
.typography iframe,
.typography hr,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin: 0;
  padding: 0;
}
.typography ul {
  list-style: none;
}

@keyframes draw2 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 2000;
  }
}
@keyframes signature1 {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes colorTextWhite {
  0% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  50% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  100% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
}
@keyframes colorTextBlack {
  0% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  50% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  100% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-moz-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-o-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes drawLine {
  from {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
  }
  to {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes draw2 {
  0% {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1500;
  }
}
@keyframes draw22 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes bounceY {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}
.btn-see-more {
  border-radius: 6px;
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
  width: 180px;
  display: flex;
  height: 48px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: var(--greyscale-grey-0-white, #FFF);
  position: relative;
  overflow: hidden;
  font-family: "AvertaStd-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  line-height: 16px;
  letter-spacing: 1px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1024px) {
  .btn-see-more {
    height: 45px;
    font-size: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .btn-see-more {
    height: 40px;
  }
}
.btn-see-more::before {
  content: "";
  width: 0;
  height: 200px;
  background-color: hsla(0, 0%, 100%, 0.45);
  position: absolute;
  transform: rotate(-45deg);
  box-shadow: 0 0 20px 20px hsla(0, 0%, 100%, 0.4509803922);
  animation: future 3s linear infinite;
  top: -90%;
}
@media only screen and (min-width: 1025px) {
  .btn-see-more:hover {
    letter-spacing: 2px;
  }
}

.cm-banner {
  width: 100%;
  padding: 0 1.3888888889%;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 1024px) {
  .cm-banner {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner {
    padding: 0;
  }
}
.cm-banner svg {
  position: absolute;
  width: 24px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.2967032967%;
  z-index: 1;
}
.cm-banner .img {
  overflow: hidden;
  aspect-ratio: 1.9230769231;
}
@media only screen and (max-width: 1024px) {
  .cm-banner .img {
    aspect-ratio: 2;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner .img {
    aspect-ratio: 1.44;
  }
}
.cm-banner .img > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  animation: zoomOut 2s ease-in-out;
}
.cm-banner:after {
  opacity: 0.25;
  background: #000;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 1.3888888889%;
  width: calc(100% - 2 * 1.3888888889%);
  height: 100%;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .cm-banner:after {
    left: 15px;
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner:after {
    width: 100%;
    left: 0;
  }
}
.cm-banner .title {
  position: absolute;
  color: var(--White, #FFF);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: max-content;
}
@media only screen and (max-width: 1280px) {
  .cm-banner .title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .cm-banner .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner .title {
    font-size: 30px;
  }
}

.title-def {
  color: var(--GREYSCALE-grey-900, #272727);
  font-family: "ganh-type-regular.otf";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 116.667% */
  letter-spacing: -0.24px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1367px) {
  .title-def {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .title-def {
    font-size: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .title-def {
    font-size: 25px;
    line-height: 40px;
  }
}

.cm-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 117px;
}
@media (max-width: 1280px) {
  .cm-container {
    padding: 0 60px;
  }
}
@media (max-width: 1024px) {
  .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .cm-container {
    padding: 0 15px;
  }
}

.header-inner {
  display: flex;
  align-items: center;
  background-color: transparent;
  padding: 10px 6.25% 0;
  justify-content: space-between;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
}
@media only screen and (max-width: 1367px) {
  .header-inner {
    padding: 10px 3.4722222222% 0;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner {
    padding: 10px 15px;
  }
}
.header-inner.active_mb {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.header-inner.down, .header-inner.downPage {
  background: #ffffff;
  padding: 5px 6.25% 0;
}
.header-inner.down.bonus, .header-inner.downPage.bonus {
  border-bottom: 1px solid var(--GREYSCALE-grey-50, #EFEFEF);
}
@media only screen and (max-width: 1367px) {
  .header-inner.down, .header-inner.downPage {
    padding: 5px 3.4722222222% 0;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner.down, .header-inner.downPage {
    padding: 10px 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner.down, .header-inner.downPage {
    padding: 5px 15px 0;
  }
}
.header-inner.down .logo img, .header-inner.downPage .logo img {
  filter: brightness(1) invert(0);
  -webkit-filter: brightness(1) invert(0);
}
.header-inner.down .right ul li a, .header-inner.downPage .right ul li a {
  color: var(--GREYSCALE-grey-900, #272727);
}
.header-inner.down .right .language li:first-child:after, .header-inner.downPage .right .language li:first-child:after {
  background: #272727;
}
.header-inner.down .language li:first-child:after, .header-inner.downPage .language li:first-child:after {
  background: #272727;
}
.header-inner.hSticky-down {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  opacity: 0;
  visibility: hidden;
}
.header-inner:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1.5px;
  content: "";
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
  transition: all 700ms ease;
}
.header-inner.activeMenu::after {
  width: 100%;
}
.header-inner.activeMenu .right {
  opacity: 1;
  transform: translateY(0);
}
.header-inner .logo {
  width: 110px;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .header-inner .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 90px;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .logo {
    width: 80px;
  }
}
.header-inner .logo img {
  width: 100%;
}
.header-inner > .humberger, .header-inner .mb {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .header-inner > .humberger, .header-inner .mb {
    display: flex;
    z-index: 10;
  }
}
.header-inner .mb {
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .header-inner .mb .cloud, .header-inner .mb .lang {
    display: none;
  }
}
.header-inner .humberger {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
  height: 57px;
}
.header-inner .humberger span {
  width: 30px;
  height: 3px;
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
  display: block;
  transition: all 0.5s ease;
  margin-bottom: 0.48828125vw;
}
@media (max-width: 576px) {
  .header-inner .humberger span {
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
  }
}
.header-inner .humberger span:nth-child(3) {
  margin-bottom: 0;
}
.header-inner .right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .header-inner .right {
    position: absolute;
    left: 0;
    right: 0;
    height: 100vh;
    top: 0;
    opacity: 0;
    background: #fff;
    width: 100%;
    transition: all 700ms ease;
    transform: translateY(-100%);
    border-radius: 0 0 50px 50px;
    padding-top: 80px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.header-inner .right ul {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .header-inner .right ul {
    flex-direction: column;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .right ul {
    width: 100%;
  }
}
.header-inner .right ul li {
  margin-right: 40px;
}
@media only screen and (max-width: 1280px) {
  .header-inner .right ul li {
    margin-right: 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner .right ul li {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.header-inner .right ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .header-inner .right ul li:last-child {
    margin-bottom: 0;
  }
}
.header-inner .right ul li.current_page_item a, .header-inner .right ul li.current_menu_item a {
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-inner .right ul li a {
  text-transform: uppercase;
  font-family: "AvertaStd-Semibold.otf";
  color: var(--greyscale-grey-0-white, #FFF);
  font-style: normal;
  line-height: 16px; /* 100% */
  letter-spacing: 1px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1024px) {
  .header-inner .right ul li a {
    color: var(--GREYSCALE-grey-900, #272727);
  }
}
.header-inner .right .language {
  margin-left: 40px;
}
@media only screen and (max-width: 1280px) {
  .header-inner .right .language {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner .right .language {
    display: none;
  }
}
.header-inner .right .language li {
  margin-right: 0px;
  padding: 0 5px;
}
.header-inner .right .language li:first-child {
  padding-left: 0;
  position: relative;
}
.header-inner .right .language li:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 60%;
  background: #FFF;
}
.header-inner .right .language li:last-child {
  padding-right: 0;
}
.header-inner .right .language li.current-lang a {
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-inner > .language {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .header-inner > .language {
    position: absolute;
    right: 30px;
    display: flex;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner > .language {
    right: 15px;
  }
}
.header-inner > .language li {
  padding: 0 5px;
}
.header-inner > .language li:first-child {
  padding-left: 0;
  position: relative;
}
.header-inner > .language li:first-child:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 60%;
  background: #FFF;
}
.header-inner > .language li:last-child {
  padding-right: 0;
}
.header-inner > .language li.current-lang a {
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-inner > .language li a {
  text-transform: uppercase;
  font-family: "AvertaStd-Semibold.otf";
  color: var(--greyscale-grey-0-white, #FFF);
  font-style: normal;
  line-height: 16px; /* 100% */
  letter-spacing: 1px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1024px) {
  .header-inner > .language li a {
    color: var(--GREYSCALE-grey-900, #272727);
  }
}

.footer {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .footer {
    flex-direction: column;
  }
}
.footer .left {
  width: 53.4375%;
  display: flex;
  padding: 60px 0px 60px 6.25%;
  background: var(--Blue-blue-900, #151F42);
  position: relative;
  display: flex;
  align-items: center;
  z-index: 0;
}
@media only screen and (max-width: 1367px) {
  .footer .left {
    padding: 60px 0px 60px 3.4722222222%;
  }
}
@media only screen and (max-width: 1024px) {
  .footer .left {
    padding: 40px 0px 40px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .footer .left {
    width: 100%;
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .footer .left {
    flex-direction: column;
    padding: 30px 15px;
  }
}
.footer .left .decor {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.footer .left .item1 {
  width: 66.1988304094%;
  padding-right: 60px;
}
@media only screen and (max-width: 576px) {
  .footer .left .item1 {
    width: 100%;
    padding-right: 0;
  }
}
.footer .left .item1 .logo {
  width: 128px;
  margin-bottom: 29px;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .footer .left .item1 .logo {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .footer .left .item1 .logo {
    margin: 0 auto 10px;
  }
}
.footer .left .item1 > p {
  color: var(--greyscale-grey-0-white, #FFF);
  margin-bottom: 61px;
}
@media only screen and (max-width: 1024px) {
  .footer .left .item1 > p {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .footer .left .item1 > p {
    margin-bottom: 20px;
  }
}
.footer .left .item1 ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.footer .left .item1 ul li {
  width: 100%;
  margin-bottom: 14px;
}
.footer .left .item1 ul li:last-child {
  margin-bottom: 0;
}
.footer .left .item1 ul li:nth-child(3) a img {
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.footer .left .item1 ul li a {
  width: 100%;
  display: flex;
  align-items: center;
}
.footer .left .item1 ul li .icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.footer .left .item1 ul li p {
  width: calc(100% - 32px);
  color: var(--greyscale-grey-0-white, #FFF);
  line-height: 22px; /* 157.143% */
}
.footer .left .item2 {
  width: 33.8011695906%;
}
@media only screen and (max-width: 576px) {
  .footer .left .item2 {
    width: 100%;
    margin-top: 30px;
  }
}
.footer .left .item2 ul {
  display: flex;
  flex-direction: column;
}
.footer .left .item2 ul li {
  margin-bottom: 31px;
}
@media only screen and (max-width: 1024px) {
  .footer .left .item2 ul li {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .footer .left .item2 ul li {
    margin-bottom: 20px;
  }
}
.footer .left .item2 ul li:last-child {
  margin-bottom: 0;
}
.footer .left .item2 ul li.current_page_item a, .footer .left .item2 ul li.current_menu_item a {
  background: linear-gradient(95deg, #B32436 0%, #324A9E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.footer .left .item2 ul a {
  color: var(--greyscale-grey-0-white, #FFF);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  line-height: 16px; /* 100% */
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .footer .left .item2 ul a {
    font-size: 15px;
  }
}
.footer .right {
  width: 46.5625%;
  aspect-ratio: 745/467;
}
@media only screen and (max-width: 768px) {
  .footer .right {
    width: 100%;
  }
}
.footer .right img, .footer .right iframe {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}

.h_ss1 {
  position: relative;
  overflow: hidden;
  height: 100vh;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  .h_ss1 {
    height: 65vh;
  }
}
.h_ss1:after {
  content: "";
  position: absolute;
  width: 100%;
  opacity: 0.9;
  background: linear-gradient(180deg, rgba(11, 16, 43, 0) 36.11%, #0B102B 97.92%);
  height: 80%;
  left: 0;
  bottom: 0;
  z-index: 0;
  display: none;
}
@media only screen and (max-width: 576px) {
  .h_ss1:after {
    display: block;
  }
}
.h_ss1 > img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 100%;
  animation: zoomOut 4s ease-in-out;
}
.h_ss1 .abs {
  width: 50%;
  position: absolute;
  left: 6.25%;
  bottom: 94px;
  z-index: 1;
}
@media only screen and (max-width: 1367px) {
  .h_ss1 .abs {
    left: 3.4722222222%;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .abs {
    left: 30px;
    bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .abs {
    width: 70%;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs {
    width: 100%;
    padding: 0% 15px;
    left: 0;
    bottom: 15px;
  }
}
.h_ss1 .abs h1 {
  color: var(--greyscale-grey-0-white, #FFF);
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
  font-family: "ganh-type-regular.otf";
  font-size: 96px;
  font-style: normal;
  font-weight: 400;
  line-height: 102px; /* 106.25% */
  letter-spacing: -1.44px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1367px) {
  .h_ss1 .abs h1 {
    font-size: 70px;
    line-height: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .abs h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs h1 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 5px;
  }
}
.h_ss1 .abs p {
  color: var(--greyscale-grey-0-white, #FFF);
  /* H6 */
  font-family: "AvertaStd-Semibold.otf";
  font-size: 20px;
  font-style: normal;
  line-height: 26px;
  margin-bottom: 17px;
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .abs p {
    font-size: 17px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .abs p {
    font-size: 16px;
  }
  .h_ss1 .abs p br {
    display: none;
  }
}

.h_ss2 {
  padding: 100px 6.25%;
}
@media only screen and (max-width: 1367px) {
  .h_ss2 {
    padding: 100px 3.4722222222%;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss2 {
    padding: 70px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 {
    padding: 50px 15px;
  }
}
.h_ss2 > img {
  border-radius: 12px;
  width: 100%;
  display: block;
}
.h_ss2 .top {
  display: flex;
  margin-bottom: 66px;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .top {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top .title-def {
    text-align: center;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .top .title-def {
    margin-bottom: 6px;
  }
}
.h_ss2 .top p {
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .top p {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .top p {
    width: 100%;
  }
}
.h_ss2 .mid {
  display: flex;
  margin-bottom: 64px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .mid {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .mid {
    margin-bottom: 0px;
  }
}
.h_ss2 .mid .item {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid .item {
    width: 50%;
    margin-bottom: 20px;
  }
}
.h_ss2 .mid .item .icon {
  width: 32px;
  height: 32px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
  .h_ss2 .mid .item .icon {
    margin-bottom: 5px;
  }
}
.h_ss2 .mid .item p {
  color: var(--GREYSCALE-grey-600, #545454);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}
.h_ss2 .mid .item p.p {
  color: var(--GREYSCALE-grey-900, #272727);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 20px;
  font-style: normal;
  line-height: 26px; /* 130% */
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .mid .item p.p {
    font-size: 17px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 .mid .item p.p {
    font-size: 15px;
    line-height: 22px;
  }
}

.h_ss3 .title-def {
  width: 100%;
  padding: 0 6.25% 40px;
}
@media only screen and (max-width: 1367px) {
  .h_ss3 .title-def {
    padding: 0px 3.4722222222% 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .title-def {
    padding: 0px 30px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .title-def {
    padding: 0px 30px 10px;
    text-align: center;
  }
}
.h_ss3 .swiper {
  padding-bottom: 0px;
}
.h_ss3 .swiper .swiper-pagination {
  bottom: 0 !important;
}
.h_ss3 .swiper .swiper-pagination .swiper-pagination-bullet {
  background: #fff !important;
}
.h_ss3 .swiper-slide {
  aspect-ratio: 533/637;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .h_ss3 .swiper-slide:hover:after {
    height: 0;
  }
  .h_ss3 .swiper-slide:hover img {
    transform: scale(1.1);
  }
  .h_ss3 .swiper-slide:hover .abs p:nth-child(1) {
    opacity: 1;
  }
}
.h_ss3 .swiper-slide:after {
  position: absolute;
  width: 100%;
  height: 50.7064364207%;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(50, 74, 158, 0) 0%, #C0212C 100%);
  transition: all 0.5s ease;
}
.h_ss3 .swiper-slide .abs {
  width: calc(100% - 80px);
  padding: 40px;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .swiper-slide .abs {
    width: calc(100% - 40px);
    padding: 20px 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .swiper-slide .abs {
    width: calc(100% - 40px);
    padding: 20px 20px 50px;
  }
}
.h_ss3 .swiper-slide .abs p:nth-child(1) {
  font-family: "AvertaStd-Semibold.otf";
  font-size: 64px;
  font-style: normal;
  line-height: 70px; /* 109.375% */
  letter-spacing: -0.32px;
  opacity: 0.5;
  background: linear-gradient(180deg, #FFF 15.71%, rgba(255, 255, 255, 0) 87.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .swiper-slide .abs p:nth-child(1) {
    font-size: 45px;
    line-height: 45px;
  }
}
.h_ss3 .swiper-slide .abs p:nth-child(2) {
  margin: 8px 0;
  color: var(--greyscale-grey-0-white, #FFF);
  font-size: 24px;
  font-style: normal;
  font-family: "AvertaStd-Semibold.otf";
  line-height: 30px; /* 125% */
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .swiper-slide .abs p:nth-child(2) {
    font-size: 18px;
    margin: 3px 0 5px;
  }
}
.h_ss3 .swiper-slide .abs p:nth-child(3) {
  color: var(--greyscale-grey-0-white, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .swiper-slide .abs p:nth-child(3) {
    font-size: 15px;
    line-height: 20px;
  }
}
.h_ss3 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.5s ease;
}

.document {
  display: flex;
  position: relative;
  cursor: pointer;
}
.document .left {
  width: calc(100% - 173px);
  display: flex;
}
@media only screen and (max-width: 768px) {
  .document .left {
    width: calc(100% - 98px);
  }
}
@media only screen and (max-width: 576px) {
  .document .left {
    width: 100%;
    flex-direction: column;
  }
}
.document .left .item1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--Blue-blue-500, #324A9E);
  width: 103px;
  height: 103px;
  margin-right: 20px;
}
@media only screen and (max-width: 576px) {
  .document .left .item1 {
    width: 80px;
    height: 80px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.document .left .item1 span {
  opacity: 0.3;
  background: #FFF;
  width: 54px;
  height: 1px;
  margin-top: 8px;
  display: block;
}
@media only screen and (max-width: 576px) {
  .document .left .item1 span {
    margin-top: 5px;
  }
}
.document .left .item1 p:nth-child(1) {
  color: var(--greyscale-grey-0-white, #FFF);
  text-align: center;
  font-family: "AvertaStd-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0.2px;
}
@media only screen and (max-width: 1367px) {
  .document .left .item1 p:nth-child(1) {
    font-size: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .document .left .item1 p:nth-child(1) {
    font-size: 13px;
  }
}
.document .left .item1 p:nth-child(3) {
  color: var(--greyscale-grey-0-white, #FFF);
  font-size: 48px;
  font-style: normal;
  line-height: 54px; /* 112.5% */
}
@media only screen and (max-width: 1367px) {
  .document .left .item1 p:nth-child(3) {
    font-size: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .document .left .item1 p:nth-child(3) {
    font-size: 30px;
    line-height: 35px;
  }
}
.document .left .item2 {
  width: calc(100% - 123px);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .document .left .item2 {
    width: 100%;
  }
}
.document .left .item2 p:nth-child(1) {
  color: var(--GREYSCALE-grey-900, #272727);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 24px;
  font-style: normal;
  line-height: 30px; /* 125% */
}
@media only screen and (max-width: 1367px) {
  .document .left .item2 p:nth-child(1) {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 768px) {
  .document .left .item2 p:nth-child(1) {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 576px) {
  .document .left .item2 p:nth-child(1) {
    margin-bottom: 10px;
  }
}
.document .left .item2 p:nth-child(2) {
  display: flex;
  margin-top: auto;
}
.document .left .item2 p:nth-child(2) span {
  border-radius: 6px;
  background: var(--BG-0, #F5F5F5);
  margin-right: 8px;
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  color: var(--GREYSCALE-grey-400, #7D7D7D);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1367px) {
  .document .left .item2 p:nth-child(2) span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .document .left .item2 p:nth-child(2) span {
    font-size: 12px;
  }
}
.document .left .item2 p:nth-child(2) span:last-child {
  margin-right: 0;
}
.document .right {
  width: 48px;
  margin-left: 125px;
}
@media only screen and (max-width: 768px) {
  .document .right {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 576px) {
  .document .right {
    width: 40px;
    position: absolute;
    margin-left: 0;
    top: 0;
    right: 0;
  }
}

.bgr_form {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000000;
  width: 100%;
  height: 100vh;
  padding: 0 25%;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.5s;
}
@media (max-width: 1280px) {
  .bgr_form {
    padding: 0 8.3333333333%;
  }
}
@media (max-width: 768px) {
  .bgr_form {
    padding: 0 30px;
  }
}
@media (max-width: 576px) {
  .bgr_form {
    padding: 0 15px;
  }
}
.bgr_form.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.bgr_form .bgr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  pointer-events: none;
  background: #000;
  opacity: 0.5;
  transition: all 0.5s ease;
  z-index: -1;
}

.form-contact {
  width: 100%;
  background: var(--Blue-blue-500, #324A9E);
  padding: 100px;
  position: relative;
}
@media (max-width: 1440px) {
  .form-contact {
    padding: 50px;
  }
}
@media (max-width: 1280px) {
  .form-contact {
    padding: 50px 25px;
  }
}
@media (max-width: 576px) {
  .form-contact {
    padding: 30px 15px;
  }
}
.form-contact .close {
  position: absolute;
  top: 0px;
  right: 0;
  cursor: pointer;
  font-size: 15px;
  color: var(--Blue-blue-500, #324A9E);
  background: #fff;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 111;
}
.form-contact ._form_contact {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-contact ._form_contact h3 {
  color: #F2E7DB;
  font-size: 22px;
  font-style: normal;
  font-weight: 590;
  line-height: 23px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (max-width: 1366px) {
  .form-contact ._form_contact h3 {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .form-contact ._form_contact h3 {
    font-size: 16px;
  }
}
.form-contact ._form_contact .form-field-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-contact ._form_contact .form-field-all ._form_group {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 480px) {
  .form-contact ._form_contact .form-field-all ._form_group {
    margin-bottom: 15px;
  }
}
.form-contact ._form_contact .form-field-all ._form_group ._error_msg {
  position: absolute;
  left: 0;
  top: 100%;
  font-style: italic;
  font-size: 12px;
  color: #fff;
}
.form-contact ._form_contact .form-field-all ._form_group label {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 5px;
  display: block;
}
.form-contact ._form_contact .form-field-all ._form_group input[type=text], .form-contact ._form_contact .form-field-all ._form_group input[type=number] {
  width: 100%;
  height: 44px;
  background: transparent;
  padding: 10px 0 12px 20px;
  box-shadow: none;
  border: 0;
  outline: none;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  border: #fff solid 1px;
}
.form-contact ._form_contact .form-field-all ._form_group input::placeholder {
  color: #fff;
  opacity: 0.75;
}
.form-contact ._form_contact .form-field-all ._form_group.input {
  position: relative;
}
.form-contact ._form_contact .form-field-all ._form_group.input input {
  padding: 10px 0 12px 60px;
}
.form-contact ._form_contact button {
  margin: 20px auto 0;
  outline: none;
  border: 0;
  cursor: pointer;
}

.new_detail .banner {
  width: 100%;
  aspect-ratio: 2.5714285714;
  overflow: hidden;
  position: relative;
  margin-top: 64px;
}
.new_detail .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  animation: zoomOut 2s ease-in-out;
}
.new_detail .content {
  padding: 60px 5.5555555556% 80px;
  display: flex;
  position: relative;
  z-index: 0;
}
@media (max-width: 1280px) {
  .new_detail .content {
    padding: 60px 30px;
  }
}
@media (max-width: 768px) {
  .new_detail .content {
    padding: 50px 15px;
    flex-direction: column;
  }
}
.new_detail .content .decor_t_new {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 170px;
}
@media (max-width: 576px) {
  .new_detail .content .decor_t_new {
    width: 130px;
  }
}
.new_detail .content .decor_b_new {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 200px;
}
.new_detail .content .left {
  width: 75.234375%;
  margin-right: 6.015625%;
}
@media (max-width: 1280px) {
  .new_detail .content .left {
    margin-right: 4.453125%;
  }
}
@media (max-width: 768px) {
  .new_detail .content .left {
    width: 100%;
    margin-right: 0;
  }
}
.new_detail .content .left .top {
  display: flex;
  align-items: center;
  color: var(--Brown, #272727);
  font-size: 14px;
  font-style: normal;
  line-height: 150%; /* 21px */
  margin-bottom: 20px;
}
@media (max-width: 1280px) {
  .new_detail .content .left .top {
    margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  .new_detail .content .left .top {
    margin-bottom: 5px;
  }
}
.new_detail .content .left .top .time {
  width: 15px;
  height: 15px;
  margin-right: 4px;
}
.new_detail .content .left .title {
  color: var(--Red, #272727);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 32px !important;
  font-style: normal;
  line-height: 150%; /* 48px */
  text-transform: uppercase;
  margin-bottom: 38px;
}
@media (max-width: 1280px) {
  .new_detail .content .left .title {
    font-size: 28px !important;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .new_detail .content .left .title {
    font-size: 24px !important;
  }
}
@media (max-width: 576px) {
  .new_detail .content .left .title {
    font-size: 22px !important;
    margin-bottom: 20px;
  }
}
.new_detail .content .left .the_content {
  color: var(--Dark, #1E0D06);
  text-align: justify;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  padding-bottom: 57px;
  border-bottom: #272727 solid 1px;
}
@media (max-width: 1440px) {
  .new_detail .content .left .the_content {
    padding-bottom: 30px;
  }
}
@media (max-width: 1280px) {
  .new_detail .content .left .the_content {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 576px) {
  .new_detail .content .left .the_content {
    text-align: justify;
    font-size: 15px;
    line-height: 24px;
    word-break: break-word;
  }
}
.new_detail .content .left .the_content p, .new_detail .content .left .the_content ul, .new_detail .content .left .the_content ol, .new_detail .content .left .the_content .wp-caption, .new_detail .content .left .the_content h2, .new_detail .content .left .the_content h3 {
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .new_detail .content .left .the_content p, .new_detail .content .left .the_content ul, .new_detail .content .left .the_content ol, .new_detail .content .left .the_content .wp-caption, .new_detail .content .left .the_content h2, .new_detail .content .left .the_content h3 {
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .new_detail .content .left .the_content p, .new_detail .content .left .the_content ul, .new_detail .content .left .the_content ol, .new_detail .content .left .the_content .wp-caption, .new_detail .content .left .the_content h2, .new_detail .content .left .the_content h3 {
    margin-bottom: 10px;
  }
}
.new_detail .content .left .the_content ul, .new_detail .content .left .the_content ol {
  padding-left: 20px;
}
.new_detail .content .left .the_content ul li, .new_detail .content .left .the_content ol li {
  padding-bottom: 2px;
}
.new_detail .content .left .the_content ul li:last-child, .new_detail .content .left .the_content ol li:last-child {
  padding-bottom: 0;
}
.new_detail .content .left .the_content ul li {
  list-style: disc;
}
.new_detail .content .left .the_content ol li {
  list-style: decimal;
}
.new_detail .content .left .the_content .wp-block-image,
.new_detail .content .left .the_content .wp-caption {
  width: 100% !important;
  margin-bottom: 40px;
}
@media (max-width: 576px) {
  .new_detail .content .left .the_content .wp-block-image,
  .new_detail .content .left .the_content .wp-caption {
    margin-bottom: 20px;
  }
}
.new_detail .content .left .the_content .wp-block-image img,
.new_detail .content .left .the_content .wp-caption img {
  margin: 0 auto 15px;
  display: block;
  max-width: 100%;
}
.new_detail .content .left .the_content .wp-block-image p, .new_detail .content .left .the_content .wp-block-image figcaption,
.new_detail .content .left .the_content .wp-caption p,
.new_detail .content .left .the_content .wp-caption figcaption {
  font-style: italic;
  font-size: 14px;
  text-align: center;
  margin: 0;
}
.new_detail .content .left .the_content p:last-child {
  margin-bottom: 0;
}
.new_detail .content .left .the_content h2, .new_detail .content .left .the_content h3 {
  font-weight: 700;
}
.new_detail .content .left .the_content strong {
  font-weight: 700;
}
.new_detail .content .left .the_content img {
  margin: 10px auto 40px;
  display: block;
  max-width: 100%;
}
@media (max-width: 576px) {
  .new_detail .content .left .the_content img {
    margin: 15px auto 20px;
  }
}
.new_detail .content .left .the_content a {
  color: #1E0D06;
  text-decoration: underline;
}
.new_detail .content .left .bottom {
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--Brown, #272727);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 12px;
  line-height: normal;
  letter-spacing: 0.27px;
  text-transform: uppercase;
}
@media (max-width: 576px) {
  .new_detail .content .left .bottom {
    flex-direction: column;
  }
}
.new_detail .content .left .bottom .back {
  display: flex;
  align-items: center;
  color: var(--Brown, #272727);
}
@media (max-width: 576px) {
  .new_detail .content .left .bottom .back {
    margin-bottom: 15px;
  }
}
.new_detail .content .left .bottom .back svg {
  display: block;
  width: 6px;
  margin-right: 6px;
}
.new_detail .content .left .bottom .bottom_right {
  display: flex;
  align-items: center;
}
.new_detail .content .left .bottom .bottom_right a {
  color: var(--Brown, #272727);
  display: block;
  margin-left: 19.5px;
}
.new_detail .content .left .bottom .bottom_right a.coppy svg {
  width: 12.75px;
}
.new_detail .content .left .bottom .bottom_right a svg {
  width: 6.75px;
}
.new_detail .content .right {
  width: 18.75%;
  padding-left: 40px;
  border-left: #272727 solid 1px;
}
@media (max-width: 1280px) {
  .new_detail .content .right {
    padding-left: 20px;
    width: 20.3125%;
  }
}
@media (max-width: 768px) {
  .new_detail .content .right {
    width: 100%;
    padding-left: 0;
    border-left: none;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.new_detail .content .right > p {
  color: var(--Red, #272727);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 15px;
  font-style: normal;
  line-height: 150%; /* 22.5px */
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin-bottom: 24px;
  width: 100%;
}
@media (max-width: 768px) {
  .new_detail .content .right > p {
    text-align: center;
  }
}
.new_detail .content .right a {
  display: flex;
  flex-direction: column;
  padding: 24px 0;
  border-top: #272727 1px solid;
}
@media (max-width: 1280px) {
  .new_detail .content .right a {
    padding: 18px 0;
  }
}
@media (max-width: 768px) {
  .new_detail .content .right a {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 576px) {
  .new_detail .content .right a {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .new_detail .content .right a:hover .img img {
    transform: scale(1.3);
  }
}
.new_detail .content .right a:nth-child(2) {
  padding: 0 0 24px;
  border-top: none;
}
@media (max-width: 768px) {
  .new_detail .content .right a:nth-child(2) {
    padding: 18px 0;
    border-top: #272727 1px solid;
  }
}
.new_detail .content .right a .img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.6666666667;
  margin-bottom: 12px;
}
.new_detail .content .right a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.5s ease;
}
.new_detail .content .right a h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: var(--Brown, #272727);
  font-size: 12px;
  font-family: "AvertaStd-Semibold.otf";
  font-style: normal;
  line-height: 150%; /* 18px */
  letter-spacing: 0.36px;
  text-transform: uppercase;
}
.new_detail .h_ss10 .decor {
  display: none;
}

.news_page .js-home-s9 {
  margin: 41px 0;
}
@media only screen and (max-width: 1367px) {
  .news_page .js-home-s9 {
    margin: 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .news_page .js-home-s9 {
    margin: 20px 0;
  }
}
.news_page .js-home-s9 .swiper-slide {
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news_page .js-home-s9 .swiper-slide img {
  display: block;
  max-height: 100%;
}
@media only screen and (max-width: 1367px) {
  .news_page .js-home-s9 .swiper-slide img {
    max-width: 85%;
  }
}
.news_page .ss3 {
  padding: 0 6.25% 100px;
}
@media only screen and (max-width: 1367px) {
  .news_page .ss3 {
    padding: 0px 3.4722222222% 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .news_page .ss3 {
    padding: 0px 30px 70px;
  }
}
@media only screen and (max-width: 768px) {
  .news_page .ss3 {
    padding: 0px 30px 50px;
  }
}
@media only screen and (max-width: 576px) {
  .news_page .ss3 {
    padding: 0px 15px 50px;
  }
}
.news_page .ss3 .title-def {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .news_page .ss3 .title-def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .news_page .ss3 .title-def {
    margin-bottom: 15px;
    text-align: center;
  }
}
.news_page .ss3 > img {
  display: block;
  width: 100%;
  margin: 24px 0;
  border-radius: 12px;
}
@media only screen and (max-width: 576px) {
  .news_page .ss3 > img {
    margin: 15px 0;
  }
}
.news_page .ss3 .pagination_list_def {
  margin: 0 0 40px;
}
@media only screen and (max-width: 768px) {
  .news_page .ss3 .pagination_list_def {
    margin: 0 0 20px;
  }
}
.news_page .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .news_page .list {
    margin-bottom: 0px;
  }
}
.news_page .list a {
  width: calc((100% - 24px) / 2);
  margin-right: 24px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .news_page .list a {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 20px;
  }
}
.news_page .list a .img {
  width: 100%;
  aspect-ratio: 688/387;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
  .news_page .list a .img:hover img {
    transform: scale(1.3);
  }
}
@media only screen and (max-width: 576px) {
  .news_page .list a .img {
    margin-bottom: 10px;
    aspect-ratio: 488/387;
  }
}
.news_page .list a .img img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.news_page .list a .date {
  color: var(--GREYSCALE-grey-900, #272727);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 14px;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.14px;
  display: flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: var(--GREYSCALE-grey-50, #EFEFEF);
  width: max-content;
  margin-bottom: 12px;
}
@media only screen and (max-width: 576px) {
  .news_page .list a .date {
    margin-bottom: 10px;
    font-size: 12px;
    padding: 4px 8px;
  }
}
.news_page .list a h3 {
  color: var(--GREYSCALE-grey-900, #272727);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 125% */
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
}
@media only screen and (max-width: 768px) {
  .news_page .list a h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 576px) {
  .news_page .list a h3 {
    font-size: 18px;
    line-height: 22px;
  }
}
.news_page .list a .exp {
  color: var(--GREYSCALE-grey-600, #545454);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-style: normal;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 576px) {
  .news_page .list a .exp {
    font-size: 14px;
    line-height: 20px;
  }
}
.news_page .list a:nth-of-type(2n + 2) {
  margin-right: 0;
}
.news_page .ss4 {
  padding: 0px 3.375% 100px;
}
@media only screen and (max-width: 1367px) {
  .news_page .ss4 {
    padding: 0px 3.4722222222% 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .news_page .ss4 {
    padding: 0px 30px 70px;
  }
}
@media only screen and (max-width: 768px) {
  .news_page .ss4 {
    padding: 0px 30px 50px;
  }
}
@media only screen and (max-width: 576px) {
  .news_page .ss4 {
    padding: 0px 15px 50px;
  }
}
.news_page .ss4 .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 0 2.875%;
}
@media only screen and (max-width: 1367px) {
  .news_page .ss4 .top {
    padding: 0px;
  }
}
@media only screen and (max-width: 1024px) {
  .news_page .ss4 .top {
    margin-bottom: 20px;
  }
}
.news_page .ss4 .top .tabs {
  display: flex;
  align-items: center;
}
.news_page .ss4 .top .tabs a {
  color: var(--GREYSCALE-grey-900, #272727);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  line-height: 16px; /* 100% */
  letter-spacing: 1px;
  padding: 12px 16px;
  border-radius: 6px;
  background: var(--BG-0, #F5F5F5);
  margin-right: 12px;
  text-transform: uppercase;
}
@media only screen and (max-width: 576px) {
  .news_page .ss4 .top .tabs a {
    font-size: 14px;
    padding: 8px 12px;
  }
}
.news_page .ss4 .top .tabs a.is-active {
  background: var(--Red-red-50, #F9E9EA);
  color: var(--Red-red-500, #C0212C);
}
.news_page .ss4 .top .tabs a:last-child {
  margin-right: 0;
}
.news_page .ss4 .tab_content {
  position: relative;
  padding: 0 2.875%;
}
@media only screen and (max-width: 1367px) {
  .news_page .ss4 .tab_content {
    padding: 0 3.75%;
  }
}
.news_page .ss4 .tab_content .swiper-button-prev, .news_page .ss4 .tab_content .swiper-button-next {
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  width: 27px !important;
}
@media only screen and (max-width: 1367px) {
  .news_page .ss4 .tab_content .swiper-button-prev, .news_page .ss4 .tab_content .swiper-button-next {
    width: 22px !important;
  }
}
.news_page .ss4 .tab_content .swiper-button-prev::after, .news_page .ss4 .tab_content .swiper-button-next::after {
  display: none;
}
.news_page .ss4 .tab_content .swiper-button-prev {
  left: 0 !important;
}
.news_page .ss4 .tab_content .swiper-button-next {
  right: 0 !important;
}
.news_page .ss4 .tab_content .swiper-slide {
  aspect-ratio: 451/268;
  overflow: hidden;
  border-radius: 12px;
}
@media only screen and (min-width: 1025px) {
  .news_page .ss4 .tab_content .swiper-slide:hover img {
    transform: scale(1.3);
  }
}
.news_page .ss4 .tab_content .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  transition: all 0.5s ease;
}

.document {
  display: flex;
  position: relative;
  cursor: pointer;
}
.document .left {
  width: calc(100% - 173px);
  display: flex;
}
@media only screen and (max-width: 768px) {
  .document .left {
    width: calc(100% - 98px);
  }
}
@media only screen and (max-width: 576px) {
  .document .left {
    width: 100%;
    flex-direction: column;
  }
}
.document .left .item1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--Blue-blue-500, #324A9E);
  width: 103px;
  height: 103px;
  margin-right: 20px;
}
@media only screen and (max-width: 576px) {
  .document .left .item1 {
    width: 80px;
    height: 80px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.document .left .item1 span {
  opacity: 0.3;
  background: #FFF;
  width: 54px;
  height: 1px;
  margin-top: 8px;
  display: block;
}
@media only screen and (max-width: 576px) {
  .document .left .item1 span {
    margin-top: 5px;
  }
}
.document .left .item1 p:nth-child(1) {
  color: var(--greyscale-grey-0-white, #FFF);
  text-align: center;
  font-family: "AvertaStd-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0.2px;
}
@media only screen and (max-width: 1367px) {
  .document .left .item1 p:nth-child(1) {
    font-size: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .document .left .item1 p:nth-child(1) {
    font-size: 13px;
  }
}
.document .left .item1 p:nth-child(3) {
  color: var(--greyscale-grey-0-white, #FFF);
  font-size: 48px;
  font-style: normal;
  line-height: 54px; /* 112.5% */
}
@media only screen and (max-width: 1367px) {
  .document .left .item1 p:nth-child(3) {
    font-size: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .document .left .item1 p:nth-child(3) {
    font-size: 30px;
    line-height: 35px;
  }
}
.document .left .item2 {
  width: calc(100% - 123px);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  .document .left .item2 {
    width: 100%;
  }
}
.document .left .item2 p:nth-child(1) {
  color: var(--GREYSCALE-grey-900, #272727);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 24px;
  font-style: normal;
  line-height: 30px; /* 125% */
}
@media only screen and (max-width: 1367px) {
  .document .left .item2 p:nth-child(1) {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 768px) {
  .document .left .item2 p:nth-child(1) {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 576px) {
  .document .left .item2 p:nth-child(1) {
    margin-bottom: 10px;
  }
}
.document .left .item2 p:nth-child(2) {
  display: flex;
  margin-top: auto;
}
.document .left .item2 p:nth-child(2) span {
  border-radius: 6px;
  background: var(--BG-0, #F5F5F5);
  margin-right: 8px;
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  color: var(--GREYSCALE-grey-400, #7D7D7D);
  font-family: "AvertaStd-Semibold.otf";
  font-size: 16px;
  font-style: normal;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1367px) {
  .document .left .item2 p:nth-child(2) span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .document .left .item2 p:nth-child(2) span {
    font-size: 12px;
  }
}
.document .left .item2 p:nth-child(2) span:last-child {
  margin-right: 0;
}
.document .right {
  width: 48px;
  margin-left: 125px;
}
@media only screen and (max-width: 768px) {
  .document .right {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 576px) {
  .document .right {
    width: 40px;
    position: absolute;
    margin-left: 0;
    top: 0;
    right: 0;
  }
}

.bgr_form {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000000;
  width: 100%;
  height: 100vh;
  padding: 0 25%;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.5s;
}
@media (max-width: 1280px) {
  .bgr_form {
    padding: 0 8.3333333333%;
  }
}
@media (max-width: 768px) {
  .bgr_form {
    padding: 0 30px;
  }
}
@media (max-width: 576px) {
  .bgr_form {
    padding: 0 15px;
  }
}
.bgr_form.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.bgr_form .bgr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  pointer-events: none;
  background: #000;
  opacity: 0.5;
  transition: all 0.5s ease;
  z-index: -1;
}

.form-contact {
  width: 100%;
  background: var(--Blue-blue-500, #324A9E);
  padding: 100px;
  position: relative;
}
@media (max-width: 1440px) {
  .form-contact {
    padding: 50px;
  }
}
@media (max-width: 1280px) {
  .form-contact {
    padding: 50px 25px;
  }
}
@media (max-width: 576px) {
  .form-contact {
    padding: 30px 15px;
  }
}
.form-contact .close {
  position: absolute;
  top: 0px;
  right: 0;
  cursor: pointer;
  font-size: 15px;
  color: var(--Blue-blue-500, #324A9E);
  background: #fff;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 111;
}
.form-contact ._form_contact {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-contact ._form_contact h3 {
  color: #F2E7DB;
  font-size: 22px;
  font-style: normal;
  font-weight: 590;
  line-height: 23px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
@media (max-width: 1366px) {
  .form-contact ._form_contact h3 {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .form-contact ._form_contact h3 {
    font-size: 16px;
  }
}
.form-contact ._form_contact .form-field-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-contact ._form_contact .form-field-all ._form_group {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 480px) {
  .form-contact ._form_contact .form-field-all ._form_group {
    margin-bottom: 15px;
  }
}
.form-contact ._form_contact .form-field-all ._form_group ._error_msg {
  position: absolute;
  left: 0;
  top: 100%;
  font-style: italic;
  font-size: 12px;
  color: #fff;
}
.form-contact ._form_contact .form-field-all ._form_group label {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 5px;
  display: block;
}
.form-contact ._form_contact .form-field-all ._form_group input[type=text], .form-contact ._form_contact .form-field-all ._form_group input[type=number] {
  width: 100%;
  height: 44px;
  background: transparent;
  padding: 10px 0 12px 20px;
  box-shadow: none;
  border: 0;
  outline: none;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  border: #fff solid 1px;
}
.form-contact ._form_contact .form-field-all ._form_group input::placeholder {
  color: #fff;
  opacity: 0.75;
}
.form-contact ._form_contact .form-field-all ._form_group.input {
  position: relative;
}
.form-contact ._form_contact .form-field-all ._form_group.input input {
  padding: 10px 0 12px 60px;
}
.form-contact ._form_contact button {
  margin: 20px auto 0;
  outline: none;
  border: 0;
  cursor: pointer;
}

.doc_page .doc_ss3 {
  padding: 0 6.25% 100px;
}
@media only screen and (max-width: 1367px) {
  .doc_page .doc_ss3 {
    padding: 0px 3.4722222222%;
  }
}
@media only screen and (max-width: 1024px) {
  .doc_page .doc_ss3 {
    padding: 0px 30px 70px;
  }
}
@media only screen and (max-width: 768px) {
  .doc_page .doc_ss3 {
    padding: 0px 30px 50px;
  }
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 {
    padding: 0px 15px 50px;
  }
}
.doc_page .doc_ss3 .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .top {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .top .title-def {
    margin-bottom: 10px;
    text-align: center;
  }
}
.doc_page .doc_ss3 .top form {
  position: relative;
  display: flex;
  align-items: center;
  width: 360px;
  border-radius: 6px;
  background: var(--BG-0, #F5F5F5);
  padding: 11px 12px;
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .top form {
    width: 100%;
  }
}
.doc_page .doc_ss3 .top form input {
  width: calc(100% - 20px);
  padding-right: 10px;
  height: 100%;
  background: transparent;
  outline: none;
  border: none;
}
.doc_page .doc_ss3 .top form input::placeholder {
  color: var(--GREYSCALE-grey-300, #929292);
  font-family: "AvertaStd-Regular.otf";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 122.222% */
}
@media only screen and (max-width: 1367px) {
  .doc_page .doc_ss3 .top form input::placeholder {
    font-size: 16px;
  }
}
.doc_page .doc_ss3 .top form button {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: 0;
  background: transparent;
  padding: 0;
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .top form button {
    width: 16px;
    height: 16px;
  }
}
.doc_page .doc_ss3 .top form button svg {
  width: 100%;
}
.doc_page .doc_ss3 .drop {
  position: relative;
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .drop {
    margin-bottom: 30px;
  }
}
.doc_page .doc_ss3 .drop > p {
  justify-content: space-between;
  min-width: 75%;
  display: none;
  align-items: center;
  border-radius: 6px;
  background: var(--BG-0, #F5F5F5);
  padding: 12px;
  color: var(--GREYSCALE-grey-900, #272727);
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .drop > p {
    display: flex;
  }
}
.doc_page .doc_ss3 .drop > p.active img {
  transform: rotate(180deg);
}
.doc_page .doc_ss3 .drop > p img {
  width: 12px;
  transition: all 0.5s ease;
}
.doc_page .doc_ss3 .list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .list {
    margin-bottom: 0px;
    position: absolute;
    top: 53px;
    left: 0;
    z-index: 1;
    background: var(--Blue-blue-500, #324A9E);
    border-radius: 0 0 12px 12px;
    width: 100%;
  }
}
.doc_page .doc_ss3 .list a {
  border-radius: 6px;
  background: var(--BG-0, #F5F5F5);
  padding: 16px;
  color: var(--GREYSCALE-grey-900, #272727);
  font-size: 16px;
  font-style: normal;
  font-family: "AvertaStd-Semibold.otf";
  line-height: 16px; /* 100% */
  letter-spacing: 1px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1367px) {
  .doc_page .doc_ss3 .list a {
    padding: 12px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .list a {
    width: calc((100% - 0px) / 2);
    text-align: center;
    padding: 10px;
    font-size: 12px;
    background: transparent !important;
    color: #FFF;
    border-top: 1px solid rgba(255, 255, 255, 0.1019607843);
    border-radius: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .list a:nth-child(1), .doc_page .doc_ss3 .list a:nth-child(2) {
    border-top: none;
  }
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .list a:nth-of-type(2n + 2) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .list a:nth-of-type(2n + 1) {
    border-right: 1px solid rgba(255, 255, 255, 0.1019607843);
  }
}
.doc_page .doc_ss3 .list a.active {
  color: var(--Red-red-500, #C0212C);
  background: var(--Red-red-50, #F9E9EA);
}
.doc_page .doc_ss3 .list a:last-child {
  margin-right: 0;
}
.doc_page .doc_ss3 .detail {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
}
.doc_page .doc_ss3 .detail .document {
  padding: 40px 0;
  border-bottom: 1px rgba(0, 0, 0, 0.1019607843) solid;
}
@media only screen and (max-width: 1367px) {
  .doc_page .doc_ss3 .detail .document {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .detail .document {
    padding: 20px 0;
  }
}
.doc_page .doc_ss3 .detail .document:first-child {
  padding-top: 0;
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .detail .document:first-child .right {
    top: 0px;
  }
}
.doc_page .doc_ss3 .detail .document:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
@media only screen and (max-width: 576px) {
  .doc_page .doc_ss3 .detail .document .right {
    top: 20px;
  }
}

.pagination_list_def {
  margin-top: 16px;
}
@media only screen and (max-width: 768px) {
  .pagination_list_def {
    margin-top: 10px;
  }
}
.pagination_list_def .paginate_links {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination_list_def .paginate_links a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--GREYSCALE-grey-900, #272727);
  /* BUTTON1 */
  font-family: "Averta Std";
  font-size: 16px;
  font-style: normal;
  font-family: "AvertaStd-Semibold.otf";
  line-height: 16px; /* 100% */
  letter-spacing: 1px;
  margin: 0 4px;
  border-radius: 6px;
  background: var(--BG-0, #F5F5F5);
}
.pagination_list_def .paginate_links a.current {
  background: var(--Blue-blue-500, #324A9E);
  color: #fff;
  pointer-events: none;
}

.intro_page {
  padding-top: 64px;
}
.intro_page .img {
  width: 100%;
  aspect-ratio: 1600/347;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .intro_page .img {
    aspect-ratio: 1260/347;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .img {
    aspect-ratio: unset;
  }
}
.intro_page .img img {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 100%;
  animation: zoomOut 4s ease-in-out;
}
.intro_page .h_ss2.bonus {
  padding: 60px 6.25% 0;
}
@media only screen and (max-width: 1367px) {
  .intro_page .h_ss2.bonus {
    padding: 60px 3.4722222222% 0;
  }
}
@media only screen and (max-width: 1024px) {
  .intro_page .h_ss2.bonus {
    padding: 50px 30px 0;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .h_ss2.bonus {
    padding: 50px 30px 0;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .h_ss2.bonus {
    padding: 50px 15px 0;
  }
}
.intro_page .h_ss2 .breacum {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .intro_page .h_ss2 .breacum {
    margin-bottom: 20px;
  }
}
.intro_page .h_ss2 .breacum img {
  display: block;
  margin: 0 12px;
}
.intro_page .h_ss2 .breacum a {
  color: var(--GREYSCALE-grey-400, #7D7D7D);
  font-size: 14px;
  font-style: normal;
  font-family: "AvertaStd-Semibold.otf";
  line-height: 14px; /* 100% */
  letter-spacing: 0.14px;
}
.intro_page .h_ss2 .breacum a:nth-child(3) {
  color: var(--GREYSCALE-grey-900, #272727);
}
.intro_page .h_ss2 .mid {
  margin-bottom: 0;
}
.intro_page .h_ss3 .swiper-slide .abs {
  width: calc(100% - 48px);
  padding: 24px;
}
.intro_page .h_ss3 .swiper-slide .abs p:nth-child(2) {
  text-transform: unset;
}
.intro_page .ss_4 {
  padding: 100px 6.25%;
}
@media only screen and (max-width: 1367px) {
  .intro_page .ss_4 {
    padding: 100px 3.4722222222%;
  }
}
@media only screen and (max-width: 1024px) {
  .intro_page .ss_4 {
    padding: 70px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss_4 {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 {
    padding: 50px 15px;
  }
}
.intro_page .ss_4 .title-def {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .intro_page .ss_4 .title-def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss_4 .title-def {
    text-align: center;
    margin-bottom: 10px;
  }
}
.intro_page .ss_4 .list {
  display: flex;
  flex-direction: column;
}
.intro_page .ss_4 .list .item {
  border-radius: 12px;
  background: linear-gradient(90deg, #E0EFFF 0%, #FFEFEF 84.85%);
  padding: 40px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1367px) {
  .intro_page .ss_4 .list .item {
    padding: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item {
    padding: 15px;
  }
}
.intro_page .ss_4 .list .item:last-child {
  margin-bottom: 0;
}
.intro_page .ss_4 .list .item .label {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 33px;
}
@media only screen and (max-width: 1367px) {
  .intro_page .ss_4 .list .item .label {
    margin-bottom: 15px;
  }
}
.intro_page .ss_4 .list .item .label .icon {
  width: 32px;
  height: 32px;
  margin-right: 20px;
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss_4 .list .item .label .icon {
    width: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .label .icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }
}
.intro_page .ss_4 .list .item .label p {
  width: calc(100% - 52px);
  color: var(--GREYSCALE-grey-900, #272727);
  font-size: 24px;
  font-style: normal;
  font-family: "AvertaStd-Semibold.otf";
  line-height: 30px; /* 125% */
}
@media only screen and (max-width: 1280px) {
  .intro_page .ss_4 .list .item .label p {
    font-size: 20px;
    width: calc(100% - 48px);
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .label p {
    font-size: 16px;
    width: calc(100% - 35px);
  }
}
.intro_page .ss_4 .list .item .child {
  padding: 0 52px;
  display: flex;
}
@media only screen and (max-width: 1367px) {
  .intro_page .ss_4 .list .item .child {
    padding: 0px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss_4 .list .item .child {
    padding: 0px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .child {
    flex-direction: column;
  }
}
.intro_page .ss_4 .list .item .child p {
  width: 33.3333333333%;
  color: var(--GREYSCALE-grey-900, #272727);
  font-size: 16px;
  font-style: normal;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .intro_page .ss_4 .list .item .child p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .child p {
    width: 100%;
  }
}
.intro_page .ss_4 .list .item .child p:nth-child(1) {
  padding-right: 72px;
}
@media only screen and (max-width: 1367px) {
  .intro_page .ss_4 .list .item .child p:nth-child(1) {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss_4 .list .item .child p:nth-child(1) {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .child p:nth-child(1) {
    padding: 0px 0 20px 0;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .child p:nth-child(1)::after {
    display: none;
  }
}
.intro_page .ss_4 .list .item .child p:nth-child(2) {
  padding: 0 72px;
}
@media only screen and (max-width: 1367px) {
  .intro_page .ss_4 .list .item .child p:nth-child(2) {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss_4 .list .item .child p:nth-child(2) {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .child p:nth-child(2) {
    padding: 20px 0;
  }
}
.intro_page .ss_4 .list .item .child p:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #FFF;
  content: "";
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .child p:after {
    width: 100%;
    bottom: 0;
    height: 2px;
  }
}
.intro_page .ss_4 .list .item .child p:last-child {
  padding-left: 72px;
}
@media only screen and (max-width: 1367px) {
  .intro_page .ss_4 .list .item .child p:last-child {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .ss_4 .list .item .child p:last-child {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .child p:last-child {
    padding: 20px 0 0;
  }
}
.intro_page .ss_4 .list .item .child p:last-child::after {
  display: none;
}
@media only screen and (max-width: 576px) {
  .intro_page .ss_4 .list .item .child p:last-child::after {
    display: block;
  }
}
.intro_page .ss_4 .list .item:nth-of-type(2n + 2) {
  background: linear-gradient(90deg, #FFEFEF 15.15%, #E0EFFF 100%);
}
.intro_page .intro_ss1 {
  padding: 0 6.25% 100px;
  display: flex;
}
@media only screen and (max-width: 1367px) {
  .intro_page .intro_ss1 {
    padding: 0px 3.4722222222% 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .intro_page .intro_ss1 {
    padding: 0px 30px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .intro_page .intro_ss1 {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .intro_page .intro_ss1 {
    padding: 0px 15px 50px;
  }
}
.intro_page .intro_ss1 .left {
  width: 42.3571428571%;
}
@media only screen and (max-width: 768px) {
  .intro_page .intro_ss1 .left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.intro_page .intro_ss1 .left > p {
  color: var(--GREYSCALE-grey-900, #272727);
  margin-top: 24px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 768px) {
  .intro_page .intro_ss1 .left > p {
    margin-top: 5px;
  }
}
.intro_page .intro_ss1 .left a {
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 6px;
  background: var(--BG-0, #F5F5F5);
  width: max-content;
  margin-bottom: 6px;
}
@media only screen and (max-width: 576px) {
  .intro_page .intro_ss1 .left a {
    padding: 15px 10px;
    width: auto;
  }
}
.intro_page .intro_ss1 .left a:last-child {
  margin-bottom: 0;
}
.intro_page .intro_ss1 .left a:last-child img {
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.intro_page .intro_ss1 .left a .icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
@media only screen and (max-width: 576px) {
  .intro_page .intro_ss1 .left a .icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
  }
}
.intro_page .intro_ss1 .left a p {
  width: calc(100% - 32px);
  color: var(--GREYSCALE-grey-600, #545454);
  font-size: 14px;
  font-style: normal;
  line-height: 22px; /* 157.143% */
  letter-spacing: 0.035px;
}
@media only screen and (max-width: 576px) {
  .intro_page .intro_ss1 .left a p {
    width: calc(100% - 22px);
  }
}
.intro_page .intro_ss1 .right {
  border-radius: 12px;
  width: 57.6428571429%;
}
@media only screen and (max-width: 768px) {
  .intro_page .intro_ss1 .right {
    width: 100%;
  }
}
.intro_page .intro_ss1 .right img {
  border-radius: 12px;
}

/*# sourceMappingURL=style.css.map */