@media (min-width: 1024.1px) {
  .top-banner {
    padding: calc(  var(--header-height) + 100px) 0 10.41667rem;
    min-height: 42.29167rem; } }

.top-banner .img-bg {
  height: 100%;
  width: 100%; }
  .top-banner .img-bg::after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: -webkit-linear-gradient(right, rgba(226, 248, 255, 0) 43.54%, rgba(226, 248, 255, 0.362148) 49.64%, rgba(226, 248, 255, 0.666479) 56.58%, rgba(226, 248, 255, 0.860435) 74.95%, #DFF8FF 92.21%);    background: linear-gradient(270deg, rgba(226, 248, 255, 0) 43.54%, rgba(226, 248, 255, 0.362148) 49.64%, rgba(226, 248, 255, 0.666479) 56.58%, rgba(226, 248, 255, 0.860435) 74.95%, #DFF8FF 92.21%); }
  .top-banner .img-bg a {
  height: 100%;
  width: 100%; }
    .top-banner .img-bg a img {
  height: 100%;
  width: 100%; }

@media (max-width: 1023px) {
  .top-banner .img-bg a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 85.71429%; }
    .top-banner .img-bg a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

.top-banner .heading-4 {
  background: -webkit-linear-gradient(left, rgba(0, 179, 92, 0.2) 0%, rgba(0, 179, 92, 0) 100%);
  background: linear-gradient(90deg, rgba(0, 179, 92, 0.2) 0%, rgba(0, 179, 92, 0) 100%); }

@media screen and (max-width: 1024px) {
  .top-banner .row {
    margin-bottom: 0; }
    .top-banner .row .col {
    margin: 0; } }

.top-banner .heading-1-up {
  font-size: clamp(44px, calc(56 / 1920 * 100vw), 2.9166666666666665rem);
  line-height: 1.15;
  line-height: 130%; }

@media (min-width: 1200.1px) {
  .top-banner .heading-1-up {
    font-size: clamp(48px, calc(60 / 1920 * 100vw), 3.125rem);
    line-height: 1;
    line-height: 125%; } }

.page-template-template_about .rank-math-breadcrumb p a {
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity, 1)); }
  .page-template-template_about .rank-math-breadcrumb p a:first-child:before {
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity, 1)); }

.rank-math-breadcrumb {
  min-height: 58px;
  height: 100%;
  padding-top: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  padding-bottom: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start }
  .rank-math-breadcrumb p {
  position: relative;
  margin-bottom: 0;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .rank-math-breadcrumb p * {
  font-weight: 400; }
    .rank-math-breadcrumb p span {
  white-space: nowrap;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
      .rank-math-breadcrumb p span * {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
    .rank-math-breadcrumb p .separator {
      margin: 0;
      padding: 0 20px;
      font-size: 0;
      width: auto;
      position: relative }
      @media screen and (max-width: 576px) {
        .rank-math-breadcrumb p .separator {
    margin-left: 0;
    margin-right: 0; } }
      .rank-math-breadcrumb p .separator:first-child {
        margin-left: 24px !important; }
      .rank-math-breadcrumb p .separator:after {
        content: '';
        pointer-events: none;
        z-index: 10;
        display: block;
        --tw-bg-opacity: 1;
        background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
        font-weight: 400;        height: 18px;
        width: 1px; }
        @media screen and (max-width: 1024px) {
          .rank-math-breadcrumb p .separator:after {
            font-size: 14px; } }
        @media screen and (max-width: 576px) {
          .rank-math-breadcrumb p .separator:after {
    left: -6px; } }
    .rank-math-breadcrumb p .last {
      margin-top: 3px;
      white-space: normal;
      font-weight: 700;
      --tw-text-opacity: 1;
      color: rgb(0 179 92 / var(--tw-text-opacity, 1)) }
    .rank-math-breadcrumb p a {
  position: relative;
  white-space: nowrap;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      @media screen and (max-width: 576px) {
        .rank-math-breadcrumb p a {
    margin-top: clamp(3px, 0.20833333333333334vw, 0.20833333333333334rem); } }
      .rank-math-breadcrumb p a + .separator {
        margin: 0; }
      .rank-math-breadcrumb p a:first-child {
        width: 24px;
        height: 28px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;        font-size: 0 !important;
        margin-top: 0 !important; }
        .rank-math-breadcrumb p a:first-child:before {
          content: '\f015';
          font-family: 'Font Awesome 6 Pro';
          pointer-events: none;
          z-index: 10;
          display: block;
          font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);
          line-height: 1.4;
          font-weight: 900;
          --tw-text-opacity: 1;
          color: rgb(129 129 129 / var(--tw-text-opacity, 1)) }

header {
  height: var(--header-height);
  overflow: visible !important }
  header::before, header::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
  header::before {
    background: -webkit-linear-gradient(top, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); }
  header::after {
    background: -webkit-linear-gradient(top, #104891 0%, rgba(16, 72, 145, 0) 100%);
    background: linear-gradient(180deg, #104891 0%, rgba(16, 72, 145, 0) 100%);
    opacity: 0 }

.header-social {
  padding-left: clamp(35px, 3.3333333333333335vw, 3.3333333333333335rem); }
  .header-social em, .header-social i {
  font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    @media screen and (min-width: 1024px) and (max-width: 1400px) {
      .header-social em, .header-social i {
    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
    line-height: 1.4; } }
  .header-social img {
  max-width: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); }
  .header-social a {
  height: 40px;
  width: 40px;
  min-width: 40px;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: transparent;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
    @media screen and (min-width: 1024px) and (max-width: 1400px) {
      .header-social a {
    height: 32px;
    width: 32px;
    min-width: 32px; } }

@media (min-width: 1600px) {
  .header-social a {
    height: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    width: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    min-width: clamp(22px, 2.083333333333333vw, 2.083333333333333rem); } }
    .header-social a:hover {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px); }

@media (max-width: 1199px) {
  main {
    padding-top: var(--header-height); } }

.txt-grid {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: .4s grid-template-rows ease;
  transition: .4s grid-template-rows ease; }
  .txt-grid > div {
    overflow: hidden; }

@media (max-width: 575px) {
  .header-btn-group {
    bottom: 80px;
    left: 0;
    z-index: 50;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .header-btn-group .btn {
    width: 100%;
    border-radius: 0px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(16 72 145 / var(--tw-border-opacity, 1)); }
      .header-btn-group .btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
        .header-btn-group .btn:hover em, .header-btn-group .btn:hover span, .header-btn-group .btn:hover i {
    --tw-text-opacity: 1;
    color: rgb(16 72 145 / var(--tw-text-opacity, 1)); } }

.nav-brand a {
  height: 50px;
  width: auto;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }
  @media screen and (min-width: 1200px) {
    .nav-brand a {
      height: 4.16667rem; } }
  @media screen and (min-width: 1400px) {
    .nav-brand a {
    height: clamp(48px, 5vw, 5rem); } }
  .nav-brand a img, .nav-brand a svg {
    width: 100%;
    height: 100%;
    object-fit: contain; }

.mobile-nav-wrap {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1));  z-index: 70;
  padding: 1.5625rem;
  width: 320px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 575px) {
  .mobile-nav-wrap {
    width: 100%; } }
  @media screen and (min-width: 1200px) {
    .mobile-nav-wrap {
      width: 31.25rem;
      padding: 2.08333rem; } }

@media (max-width: 1199px) {
  .mobile-nav-wrap .block-wrap {
    width: 100%; } }

@media (min-width: 1200.1px) {
  .mobile-nav-wrap .block-wrap {
    padding-right: 1.5625rem; } }
  .mobile-nav-wrap.is-open {
    -webkit-transform: none;
            transform: none; }
  .mobile-nav-wrap::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.1;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    width: 19.27083rem;
    height: 14.58333rem;
    background: url("../img/overlay/menu-line.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left; }

@media (max-width: 1199px) {
  .mobile-nav-wrap::after {
    width: 10.41667rem;
    height: 7.8125rem; } }
  .mobile-nav-wrap .scrollbar-wrap {
    max-height: 28.64583rem;
    overflow-x: hidden }

.modulepager, .post-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: clamp(22px, 2.083333333333333vw, 2.083333333333333rem); }
  .modulepager ul, .post-nav ul {
    padding: 0;
    margin: 0;
    position: relative;
    gap: clamp(14px, 1.25vw, 1.25rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center }
    .modulepager ul li, .post-nav ul li {
      display: inline-block; }
      .modulepager ul li span, .modulepager ul li a, .post-nav ul li span, .post-nav ul li a {
        text-decoration: none;
        -webkit-transition: .3s all  ease-in-out;
        transition: .3s all  ease-in-out;
        overflow: hidden;
        border-radius: 9999px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(16 72 145 / var(--tw-border-opacity, 1));
        font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
        line-height: 1.4;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(16 72 145 / var(--tw-text-opacity, 1));
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;        width: 36px;
        min-width: 36px;
        height: 36px; }

@media (min-width: 1200.1px) {
  .modulepager ul li span, .modulepager ul li a, .post-nav ul li span, .post-nav ul li a {
    height: clamp(26px, 2.5vw, 2.5rem);
    width: clamp(26px, 2.5vw, 2.5rem);
    min-width: clamp(26px, 2.5vw, 2.5rem); } }
        .modulepager ul li span.active, .modulepager ul li span:hover, .modulepager ul li span.current, .modulepager ul li a.active, .modulepager ul li a:hover, .modulepager ul li a.current, .post-nav ul li span.active, .post-nav ul li span:hover, .post-nav ul li span.current, .post-nav ul li a.active, .post-nav ul li a:hover, .post-nav ul li a.current {
  --tw-bg-opacity: 1;
  background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .modulepager ul .next a, .post-nav ul .next a {
  white-space: nowrap; }

.culture-detail .container-fluid {
  padding: 0; }

.culture-detail .row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.culture-detail time {
  padding-left: 0;
  padding-right: 0;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
  .culture-detail time:before {
  display: none; }

.culture-detail #ez-toc-container ul li::before {
  display: none; }

.culture-detail .scrollbar-wrap {
  max-height: 10.41667rem; }

.culture-detail .block-wrap::before {
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;
  max-width: 10.416666666666668rem;  right: calc( 100% + 40px); }

.culture-other .news-item {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

.culture-other .prev, .culture-other .next {
  width: 2.39583rem !important;
  min-width: 2.39583rem !important;
  height: 2.08333rem !important;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(129 129 129 / var(--tw-border-opacity, 1)) }
  .culture-other .prev::before, .culture-other .next::before {
  font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

@media (min-width: 1200.1px) {
  .culture-other .prev::before, .culture-other .next::before {
    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
    line-height: 1.4; } }

.news-detail-page .top-banner {
  display: none; }

.news-detail time {
  padding-left: 0;
  padding-right: 0;
  font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666666rem);
  line-height: 1.4; }
  .news-detail time:before {
  display: none; }

.news-detail #ez-toc-container ul li::before {
  display: none; }

.news-detail .briefcontent {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 700; }
  .news-detail .briefcontent * {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 700; }

.news-other .news-item {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

.news-other .prev, .news-other .next {
  width: 2.39583rem !important;
  min-width: 2.39583rem !important;
  height: 2.08333rem !important;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(129 129 129 / var(--tw-border-opacity, 1)) }
  .news-other .prev::before, .news-other .next::before {
  font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

@media (min-width: 1200.1px) {
  .news-other .prev::before, .news-other .next::before {
    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
    line-height: 1.4; } }

.home-about::before {
  content: '';
  width: 26.04167rem;
  height: 23.17708rem;
  top: unset;
  bottom: 0;
  left: 0;
  background: url("../img/overlay/home-1.png");
  background-repeat: no-repeat !important;
  background-size: contain  !important;
  background-position: bottom left !important;
  pointer-events: none;
  position: absolute;
  z-index: 10;
  display: block;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }
  @media screen and (max-width: 1024px) {
    .home-about::before {
      width: 6.25rem;
      height: 6.25rem; } }

.home-about .block-wrap-center {
  position: relative;
  height: 100%; }

@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .home-about .scrollbar-wrap {
    max-height: 17.70833rem; } }

.home-about .swiper {
  margin: 0;
  height: 100%;
  padding: 0; }
  .home-about .swiper .swiper-slide {
  padding: 0; }

@media (min-width: 1200.1px) {
  .home-about .txt-wrap {
    padding-right: 8.33333rem; } }

.home-about .img-wrap {
  height: 100%; }
  .home-about .img-wrap::before, .home-about .img-wrap::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
  .home-about .img-wrap::before {
  opacity: 0;    height: 18.85417rem;
    background: -webkit-linear-gradient(top, rgba(0, 179, 92, 0) 0%, #00914A 93%);
    background: linear-gradient(180deg, rgba(0, 179, 92, 0) 0%, #00914A 93%); }
  .home-about .img-wrap::after {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 44.27%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.27%, rgba(0, 0, 0, 0.75) 100%);
    height: 13.54167rem; }
  @media screen and (min-width: 576px) and (max-width: 1200px) {
    .home-about .img-wrap {
      height: 50vh; } }
  @media screen and (max-width: 1200px) {
    .home-about .img-wrap a {
      position: relative;
      display: block;
      height: 0;
      overflow: hidden;
      padding-top: 200%; }
      .home-about .img-wrap a img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out all;
        transition: .3s ease-in-out all; } }
  @media screen and (max-width: 576px) {
    .home-about .img-wrap a {
      position: relative;
      display: block;
      height: 0;
      overflow: hidden;
      padding-top: 100%; }
      .home-about .img-wrap a img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out all;
        transition: .3s ease-in-out all; } }
  .home-about .img-wrap a {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
    .home-about .img-wrap a img {
  height: 100%;
  width: 100%;      object-fit: cover; }

.home-about .item {
  position: relative;
  height: 100%;  margin: .5px; }
  .home-about .item:hover .img-wrap::before {
  opacity: 1; }
  .home-about .item:hover .img-wrap::after {
  opacity: 0; }

.home-about .icon {
  margin-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;  height: 3.125rem;
  width: 3.125rem; }

@media (min-width: 1200.1px) {
  .home-about .icon {
    margin-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }
  .home-about .icon img {
    height: 3.125rem;
    width: 3.125rem; }

.home-about .txt {
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 30;
  width: 100%;
  padding: clamp(14px, 1.25vw, 1.25rem);  padding-top: 5.20833rem; }

@media screen and (max-width: 1200px) {
  .home-about .wrap-left {
    padding-bottom: clamp(14px, 1.25vw, 1.25rem); } }

.home-about .headline span {
  display: block; }
  .home-about .headline span + span {
  margin-top: clamp(3px, 0.20833333333333334vw, 0.20833333333333334rem); }

.primary-banner {
  position: relative;
  z-index: 10;
  overflow: hidden; }
  @media screen and (max-width: 1200px) {
    .primary-banner {
      padding: 0 !important; } }
  .primary-banner .wrap {
  position: relative; }
    @media screen and (max-width: 1024px) {
      .primary-banner .wrap {
    position: static; } }

@media (max-width: 1023px) {
  .primary-banner .pagination-wrap {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    padding-bottom: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem) !important; } }
  .primary-banner .container {
    padding-bottom: var(--banner-padding); }
  .primary-banner .swiper-slide {
  pointer-events: none;
  height: auto;    z-index: -1; }
    .primary-banner .swiper-slide.swiper-slide-active {
      z-index: 999;
      pointer-events: auto }
  .primary-banner .img {
  position: relative;
  z-index: 20; }
    .primary-banner .img::before {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 10;
      display: block;
      height: 100%;
      width: 100%;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
      max-height: 35.15625rem; }

@media (max-width: 767px) {
  .primary-banner .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 198.4375%; }
    .primary-banner .img a img, .primary-banner .img a picture, .primary-banner .img a video, .primary-banner .img a iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

@media (min-width: 768.1px) {
  .primary-banner .img a {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .primary-banner .img a img, .primary-banner .img a picture, .primary-banner .img a video {
      width: 100%;
      height: 100vh;
      object-fit: cover; } }
  .primary-banner .video a.pause::after {
  opacity: 1; }
  .primary-banner .video a::after {
    content: '\f04b';
    pointer-events: none;
    z-index: 50;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    font-family: 'Font Awesome 6 Pro';
    font-size: clamp(30px, calc(36 / 1920 * 100vw), 1.875rem);
    line-height: 1.3;
    line-height: .75rem;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    --tw-text-opacity: 1;
    opacity: 0;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 5.20833rem;
    height: 5.20833rem;
    min-width: 5.20833rem; }
    @media screen and (max-width: 1024px) {
      .primary-banner .video a::after {
        width: 3.33333rem;
        height: 3.33333rem;
        min-width: 3.33333rem;
        font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);
        line-height: 1.35 } }
  .primary-banner .desktop {
  display: none; }

@media (min-width: 768.1px) {
  .primary-banner .desktop {
    display: block; } }
  .primary-banner .mobile {
  display: block; }

@media (min-width: 768.1px) {
  .primary-banner .mobile {
    display: none; } }
  .primary-banner .paginaton-wrap {
    padding-bottom: var(--banner-padding); }
  .primary-banner .swiper-pagination {
  margin: 0 !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }
  .primary-banner .prev, .primary-banner .next {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2; }
    .primary-banner .prev::before, .primary-banner .next::before {
  z-index: 60;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-text-opacity: 1; }
  .primary-banner .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  height: 3px;
  width: 20px;
  min-width: 20px;
  border-radius: 0px;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  opacity: 0.5 !important;    border: none !important; }

@media (min-width: 1024.1px) {
  .primary-banner .swiper-pagination .swiper-pagination-bullet {
    height: 0.20833333333333334rem;
    width: 1.5625rem;
    min-width: 1.5625rem; } }
    .primary-banner .swiper-pagination .swiper-pagination-bullet::before, .primary-banner .swiper-pagination .swiper-pagination-bullet::after {
  display: none !important; }
    .primary-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1 !important; }

@media (min-width: 1024.1px) {
  .primary-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 3.9583333333333335rem;
    min-width: 3.9583333333333335rem; } }

.home-culture {
  background: #CEE3FF; }

@media (min-width: 1200.1px) {
  .home-culture {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;    padding-bottom: 1.5625rem; } }

@media (min-width: 1600px) {
  .home-culture {
    padding-bottom: 4.16667rem; } }

@media (max-width: 575px) {
  .home-culture .img a {
    padding-top: 100%; } }
  .home-culture .item {
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }

footer .footer {
  padding: 4.42708rem 0; }

@media (max-width: 1199px) {
  footer .footer {
    padding: 4.42708rem 0 2.08333rem; } }

.footer {
  background: url("../img/bg/footer.jpg"), -webkit-linear-gradient(top, #1259B4 0%, #022A5D 100%);
  background: url("../img/bg/footer.jpg"), linear-gradient(180deg, #1259B4 0%, #022A5D 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem) }
  .footer::before {
    content: '';
    width: 19.58333rem;
    height: 25.10417rem;
    top: unset;
    bottom: 0;
    right: 0;
    background: url("../img/overlay/footer.png");
    background-repeat: no-repeat !important;
    background-size: contain  !important;
    background-position: bottom right  !important;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    display: block;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
    @media screen and (max-width: 1024px) {
      .footer::before {
        width: 6.25rem;
        height: 6.25rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1400px) {
    .footer .heading-1-up {
    margin-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }

@media (max-width: 1023px) {
  .footer .img-wrap {
    display: none; } }
  .footer .img-wrap a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;    height: 46.35417rem;
    width: auto; }
    .footer .img-wrap a img {
      width: auto;
      height: 100%;
      object-fit: contain; }
  @media screen and (min-width: 1024px) and (max-width: 1400px) {
    .footer .network li {
    margin-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); }
      .footer .network li .text, .footer .network li .title {
    font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
    line-height: 1.4; } }

@media (max-width: 575px) {
  .footer .network li {
    margin-bottom: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem); } }
  .footer .network .title em {
  margin-right: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
    @media screen and (min-width: 1024px) and (max-width: 1400px) {
      .footer .network .title em {
    font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
    line-height: 1.4; } }
  .footer .network a:last-child {
  margin-bottom: 0; }
  .footer .network a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }
  .footer .network p {
  margin-bottom: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem); }
    .footer .network p:last-child {
  margin-bottom: 0; }

@media (min-width: 1600px) {
  .footer address {
    padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }
  .footer address p {
  margin-bottom: 0; }
  .footer address li {
  font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666666rem);
  line-height: 1.4;
  line-height: 140%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
    .footer address li:not(:last-child) {
  margin-bottom: clamp(8px, 0.625vw, 0.625rem); }
    .footer address li * {
  font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666666rem);
  line-height: 1.4; }
  @media screen and (min-width: 1024px) and (max-width: 1400px) {
    .footer address .label {
    font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
    line-height: 1.4; }
      .footer address .label * {
    font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
    line-height: 1.4; } }
  .footer address .txt {
  font-weight: 700; }
    .footer address .txt * {
  font-weight: 700; }
    @media screen and (min-width: 1024px) and (max-width: 1400px) {
      .footer address .txt {
    font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
    line-height: 1.4; }
        .footer address .txt * {
    font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
    line-height: 1.4; } }
  .footer address a:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }
  @media screen and (min-width: 1024px) and (max-width: 1400px) {
    .footer .copyright {
    font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
    line-height: 1.4; }
    .footer .social {
    padding-top: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
    padding-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); } }

@media (max-width: 575px) {
  .footer .social {
    padding-top: clamp(22px, 2.083333333333333vw, 2.083333333333333rem); } }
  .footer .social .ModuleContent {
  gap: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

@media (min-width: 1200.1px) {
  .footer .social .ModuleContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }
  .footer .social em, .footer .social i {
  font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
    @media screen and (min-width: 1024px) and (max-width: 1400px) {
      .footer .social em, .footer .social i {
    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
    line-height: 1.4; } }
  .footer .social img {
  max-width: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); }
  .footer .social a {
  height: 40px;
  width: 40px;
  min-width: 40px;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
    @media screen and (min-width: 1024px) and (max-width: 1400px) {
      .footer .social a {
    height: 32px;
    width: 32px;
    min-width: 32px; } }

@media (min-width: 1600px) {
  .footer .social a {
    height: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    width: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    min-width: clamp(22px, 2.083333333333333vw, 2.083333333333333rem); } }
    .footer .social a:hover {
      -webkit-transform: translateY(-4px);
              transform: translateY(-4px); }
  .footer .footer-menu li:hover a, .footer .footer-menu li.active a {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }
  .footer .footer-menu li:not(:last-child) {
  margin-bottom: clamp(8px, 0.625vw, 0.625rem); }

@media screen and (min-width: 1600px) {
  .footer-middle .heading-4 {
    max-width: 16.14583rem; } }

@media (max-width: 1199px) {
  .footer-middle .row .col:nth-child(1) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .footer-middle .row .col:nth-child(4) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; } }

@media (min-width: 1200.1px) {
  .footer-middle .row .col:nth-child(1), .footer-middle .row .col:nth-child(3) {
    width: 25%; }
  .footer-middle .row .col:nth-child(2) {
    width: 17.5%; }
  .footer-middle .row .col:nth-child(4) {
    width: 32.5%; } }

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .footer-middle .row .col:nth-child(1) .heading-4 {
    font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
    line-height: 1.4; } }

.home-field::before {
  content: '';
  width: 35.15625rem;
  height: 33.125rem;
  top: unset;
  bottom: 0;
  right: 0;
  background: url("../img/overlay/home-4.png");
  background-repeat: no-repeat !important;
  background-size: contain  !important;
  background-position: bottom right  !important;
  pointer-events: none;
  position: absolute;
  z-index: 10;
  display: block;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }
  @media screen and (max-width: 1024px) {
    .home-field::before {
      width: 6.25rem;
      height: 6.25rem; } }

@media (min-width: 1200.1px) {
  .home-field {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    padding-bottom: 5.20833rem !important; } }

@media (max-width: 575px) {
  .home-field .item .text {
    margin-top: 0; } }

@media (min-width: 1024.1px) {
  .flex-card-section-2 .img-wrap a {
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    height: 28.64583rem;
    width: auto; }
    .flex-card-section-2 .img-wrap a img {
      width: 100%;
      height: 100%;
      object-fit: cover; } }

@media screen and (max-width: 1024px) {
  .flex-card-section-2 .img-wrap a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 50.29412%; }
    .flex-card-section-2 .img-wrap a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

.flex-card-section-2 .item {
  position: relative;  height: inherit; }

.flex-card-section-2 .txt {
  pointer-events: none;
  z-index: 30;
  height: 100%;
  width: 100%;
  background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.8;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);  -webkit-transition: .4s all  ease-in-out;  transition: .4s all  ease-in-out; }
  .flex-card-section-2 .txt > .heading-5 {
    -webkit-transition: .5s all  ease-in-out;
    transition: .5s all  ease-in-out; }

.flex-card-section-2 .text {
  position: relative;
  z-index: 30;
  height: 100%;
  width: 100%;
  padding: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem);
  opacity: 0;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
  @media screen and (max-width: 1024px) {
    .flex-card-section-2 .text {
    opacity: 1; } }
  .flex-card-section-2 .text .headline {
    -webkit-transition: .5s all  ease-in-out;
    transition: .5s all  ease-in-out; }

.flex-card-section-2 .flex-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  height: 100%;
  width: 100% }
  @media screen and (max-width: 1024px) {
    .flex-card-section-2 .flex-options {
    display: none; } }

.flex-card-section-2 .card-option {
  -webkit-transform: scale(1);
          transform: scale(1);
  background-size: cover;
  position: relative;
  width: 12.5%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: .6s all ease-in-out;
  transition: .6s all ease-in-out;
  border: 10px solid transparent;
  height: 28.64583rem; }
  .flex-card-section-2 .card-option::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 33.18%, rgba(0, 0, 0, 0.5) 100%);    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.18%, rgba(0, 0, 0, 0.5) 100%); }
  .flex-card-section-2 .card-option:not(.active) {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .flex-card-section-2 .card-option.active {
    -webkit-box-flex: 10000;
    -webkit-flex-grow: 10000;
        -ms-flex-positive: 10000;
            flex-grow: 10000;
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 50%; }
    .flex-card-section-2 .card-option.active .card-label {
      box-shadow: 0px 0px 16px 0px #0000001A; }
    .flex-card-section-2 .card-option.active .img-wrap a {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;      height: 17.8125rem; }
    .flex-card-section-2 .card-option.active .text {
  opacity: 1; }
    .flex-card-section-2 .card-option.active .txt {
  opacity: 0; }
    .flex-card-section-2 .card-option.active .txt-wrap {
      height: 140px;
      width: 100% }
  .flex-card-section-2 .card-option .card-label {
  height: 100%;
  width: 100%;    -webkit-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95); }

@media (min-width: 1200.1px) {
  .flex-card-section-2 .two-swiper {
    display: none; } }

@media screen and (max-width: 1024px) {
  .flex-card-section-2 .two-swiper {
    display: block; } }

.flex-card-section-2 .desc {
  display: -webkit-box;
  font-size: clamp(0.83333rem, 0.9375rem, 0.9375rem);
  height: calc(0.9375rem * 1.4 * 3);
  min-height: calc(0.83333rem * 1.4 * 3);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.home-news {
  --tw-bg-opacity: 1;
  background-color: rgb(206 227 255 / var(--tw-bg-opacity, 1)); }
  .home-news .title-wrap .ModuleContent, .home-news .title-wrap .Module {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.news-list {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
  .news-list .news-big .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 56.41304%; }
    .news-list .news-big .img a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; }
  .news-list .news-big .txt {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;    height: -webkit-fill-available; }
  .news-list .news-big .title a {
  font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);
  line-height: 1.35; }
  .news-list .news-big .desc {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }

.news-big {
  display: block;
  height: 100%;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }

@media (min-width: 768.1px) {
  .news-big {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }
  .news-big .img {
  width: 100%; }

@media (min-width: 768.1px) {
  .news-big .img {
    height: 100%;    width: 66%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; } }

@media (max-width: 1023px) {
  .news-big .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
    .news-big .img a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

@media (min-width: 1024.1px) {
  .news-big .img a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;    width: 100%; }
    .news-big .img a img {
      width: 100%;
      height: 100%;
      object-fit: cover; } }
  .news-big .txt {
  margin-top: auto;
  margin-bottom: auto; }

@media (max-width: 767px) {
  .news-big .txt {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; } }

@media (min-width: 768.1px) {
  .news-big .txt {
    width: 34%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; } }

@media (max-width: 575px) {
  .news-big .desc {
    font-size: 14px; }
    .news-big .desc * {
      font-size: 14px; } }

.side-news {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }
  .side-news .img {
  position: relative;
  width: 100%;    -webkit-box-flex: 1;    -webkit-flex: 1 0 auto;    -ms-flex: 1 0 auto;    flex: 1 0 auto; }
    .side-news .img::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 40;
      display: block;
      height: 100%;
      width: 100%;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      max-height: 6.77083rem;
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }
    .side-news .img a {
  position: relative;
  z-index: 30;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;      height: 11.45833rem; }
      .side-news .img a img {
  height: 100%;
  width: 100%;        object-fit: cover; }
  .side-news .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 100% }
  .side-news .heading-5 a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.time-wrap .type::before {
  content: '';
  pointer-events: none;
  left: -10px;
  z-index: 10;
  display: block;
  height: 2px;
  width: 2px;
  min-width: 2px;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

.time-wrap time {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }
  .time-wrap time em, .time-wrap time span {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }

.side-figure {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }
  .side-figure:not(:last-child) {
  margin-bottom: clamp(22px, 2.083333333333333vw, 2.083333333333333rem); }
  .side-figure .img {
    height: 4.0625rem;
    width: 5.52083rem;
    min-width: 5.52083rem;
    max-width: 5.52083rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }

@media (max-width: 575px) {
  .side-figure .img {
    height: 6.25rem;
    width: 7.8125rem;
    min-width: 7.8125rem;
    max-width: 7.8125rem; } }
    .side-figure .img a {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
      .side-figure .img a img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .side-figure .txt {
  width: 100%;
  padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);    -webkit-box-flex: 0;    -webkit-flex: 0 1 auto;    -ms-flex: 0 1 auto;    flex: 0 1 auto; }

.news-item .title, .news-figure .title {
  display: -webkit-box;
  font-size: clamp(1.04167rem, 1.25rem, 1.25rem);
  height: calc(1.25rem * 1.35 * 2);
  min-height: calc(1.04167rem * 1.35 * 2);
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.news-item .desc, .news-figure .desc {
  display: -webkit-box;
  font-size: clamp(0.78125rem, 0.83333rem, 0.83333rem);
  height: calc(0.83333rem * 1.4 * 2);
  min-height: calc(0.78125rem * 1.4 * 2);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.culture-5 {
  background: -webkit-linear-gradient(top, #FFF 0%, #CEE3FF 100%);
  background: linear-gradient(180deg, #FFF 0%, #CEE3FF 100%); }
  .culture-5 .mobile-text {
  display: block; }

@media (min-width: 768.1px) {
  .culture-5 .mobile-text {
    display: none !important; } }
  .culture-5 .desktop-text {
  display: none !important; }

@media (min-width: 768.1px) {
  .culture-5 .desktop-text {
    display: block !important; } }

@media (max-width: 575px) {
  .culture-5 .init-swiper {
    --spv: 1; } }

@media (min-width: 768.1px) {
  .culture-5 .init-swiper {
    --spv: 3; } }
  @media screen and (min-width: 1024px) {
    .culture-5 .init-swiper {
      --spv: 3; } }
  @media screen and (min-width: 1200px) {
    .culture-5 .init-swiper {
      --spv: 4; } }
  .culture-5 .txt {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media (max-width: 767px) {
  .culture-5 .txt {
    border-radius: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
    --tw-bg-opacity: 1;
    background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1));
    padding: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); } }

@media (min-width: 768.1px) {
  .culture-5 .txt {
    max-height: 15.625rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1  auto;
        -ms-flex: 0 1  auto;
            flex: 0 1  auto;
    padding: 0 } }
    .culture-5 .txt::after {
      content: '';
      pointer-events: none;
      position: absolute;
      left: clamp(3px, 0.20833333333333334vw, 0.20833333333333334rem);
      bottom: 0;
      z-index: 10;
      display: none;
      height: 100%;
      width: 100%;
      border-radius: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
      --tw-bg-opacity: 1;
      background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1));
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out }

@media (min-width: 768.1px) {
  .culture-5 .txt::after {
    display: block;    min-width: 16.66667rem; } }

@media (min-width: 1024.1px) {
  .culture-5 .txt::after {
    min-width: 18.75rem; } }
      @media screen and (min-width: 1280px) {
        .culture-5 .txt::after {
          min-width: 10.9375rem; } }
    .culture-5 .txt::before {
      content: '';
      pointer-events: none;
      position: absolute;
      bottom: 0;
      z-index: 20;
      display: block;
      height: 100%;
      width: 100%;
      -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 150ms;
              transition-duration: 150ms;
      -webkit-transition: .4s all ease-in-out;
      transition: .4s all ease-in-out;      right: -6.51042rem;
      width: 10.46875rem;
      height: 9.63542rem;
      background: url("../img/overlay/culture-2.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: bottom right; }

@media (max-width: 767px) {
  .culture-5 .img img {
    width: auto;
    height: 100%;
    object-fit: contain;
    max-height: 20.83333rem;
    margin-left: auto;
    margin-right: auto } }

@media (min-width: 768.1px) {
  .culture-5 img {
    -webkit-shape-outside: var(--data-url);
            shape-outside: var(--data-url);
    -webkit-shape-margin: 1rem;
            shape-margin: 1rem;
    float: right;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 10.67708rem;
    object-fit: contain } }
  .culture-5 .desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666666rem);
  line-height: 1.4; }
    .culture-5 .desc * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666666rem);
  line-height: 1.4; }

@media (max-width: 767px) {
  .culture-5 .headline {
    margin-top: clamp(8px, 0.625vw, 0.625rem);
    margin-bottom: clamp(8px, 0.625vw, 0.625rem); } }

@media (min-width: 768.1px) {
  .culture-5 .headline {
    padding-left: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
    padding-top: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);    width: 6.25rem; } }
  .culture-5 .scrollbar-wrap {
    max-height: 5.20833rem; }

@media (min-width: 768.1px) {
  .culture-5 .scrollbar-wrap {
    padding-left: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
    padding-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); } }

@media (max-width: 575px) {
  .culture-5 .scrollbar-wrap {
    max-height: 100%; } }
  .culture-5 .caption {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
    .culture-5 .caption * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }

@media (max-width: 575px) {
  .culture-5 .caption {
    text-align: left; } }
  .culture-5 .prev, .culture-5 .next {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2; }
    .culture-5 .prev::before, .culture-5 .next::before {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

@media (max-width: 1199px) {
  .home-project-sample {
    padding-top: 0 !important;
    padding-bottom: 0 !important; } }

@media screen and (max-width: 1200px) {
  .home-project-sample .swiper-pagination {
    bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem) !important;
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important; } }

.home-project-sample .heading-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .home-project-sample .heading-1 span {
  font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);
  line-height: 1.4;
  font-weight: 400; }

.home-project-sample .btn-wrap .btn {
  pointer-events: auto; }

.flex-card-section .container-fluid {
  padding: 0; }

@media (min-width: 1200.1px) {
  .flex-card-section .img-wrap a {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;    width: auto; }
    .flex-card-section .img-wrap a img {
      width: 100%;
      height: 100%;
      object-fit: cover; } }

@media screen and (max-width: 1200px) {
  .flex-card-section .img-wrap a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 95.2381%; }
    .flex-card-section .img-wrap a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

.flex-card-section .headline {
  white-space: nowrap !important;
  text-transform: capitalize; }
  .flex-card-section .headline span {
  display: block;
  font-weight: 300; }

.flex-card-section .item {
  position: relative;  height: inherit; }
  .flex-card-section .item::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;    -webkit-transition: .4s all  ease-in-out;    transition: .4s all  ease-in-out;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(270deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); }

.flex-card-section .txt {
  pointer-events: none;
  z-index: 30;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  padding: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);  -webkit-box-align: start;  -webkit-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start;
  -webkit-transition: .4s all  ease-in-out;
  transition: .4s all  ease-in-out; }

@media (min-width: 1200.1px) {
  .flex-card-section .txt {
    padding: 0 0 0.20833rem 2.60417rem; } }

@media (max-width: 1199px) {
  .flex-card-section .txt {
    padding-bottom: clamp(33px, 3.125vw, 3.125rem); } }
  .flex-card-section .txt > .headline {
    -webkit-transition: .5s all  ease-in-out;
    transition: .5s all  ease-in-out;
    -webkit-transform-origin: 0;
            transform-origin: 0; }

@media (min-width: 1200.1px) {
  .flex-card-section .txt > .headline {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); } }

.flex-card-section .desc {
  margin: 1.04167rem 0; }

.flex-card-section .flex-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
  height: 100%;
  width: 100% }
  @media screen and (max-width: 1200px) {
    .flex-card-section .flex-options {
    display: none; } }

.flex-card-section .card-option {
  -webkit-transform: scale(1);
          transform: scale(1);
  background-size: cover;
  position: relative;
  width: 12.81%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: .6s all ease-in-out;
  transition: .6s all ease-in-out; }
  .flex-card-section .card-option::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 33.18%, rgba(0, 0, 0, 0.5) 100%);    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33.18%, rgba(0, 0, 0, 0.5) 100%); }
  .flex-card-section .card-option:not(.active) {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .flex-card-section .card-option:not(.active) .heading-1 {
  font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);
  line-height: 1.35;
  font-weight: 700; }
    .flex-card-section .card-option:not(.active) .headline {
      text-transform: none; }
  .flex-card-section .card-option.active {
    -webkit-box-flex: 10000;
    -webkit-flex-grow: 10000;
        -ms-flex-positive: 10000;
            flex-grow: 10000;
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 61.5%; }
    .flex-card-section .card-option.active::after {
  opacity: 1; }
    .flex-card-section .card-option.active .heading-1 {
  font-weight: 800; }
    .flex-card-section .card-option.active .container {
  opacity: 1; }
    .flex-card-section .card-option.active .sub-title {
      text-transform: none; }
    .flex-card-section .card-option.active .txt {
      padding: 0 0 3.125rem 2.60417rem;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start }
      .flex-card-section .card-option.active .txt .headline, .flex-card-section .card-option.active .txt .sub-title {
        -webkit-writing-mode: unset !important;
            -ms-writing-mode: unset !important;
                writing-mode: unset !important;
        -webkit-transform: rotate(0);
                transform: rotate(0);
        white-space: nowrap }
      .flex-card-section .card-option.active .txt .headline {
  text-transform: uppercase; }
    .flex-card-section .card-option.active .txt-wrap {
      height: 140px;
      width: 100% }
  .flex-card-section .card-option .card-label {
  height: 100%;
  width: 100%;    -webkit-transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95); }

.flex-card-section .txt-wrap {
  height: 0;
  overflow: hidden;  -webkit-transition: .4s all  ease-in-out;  transition: .4s all  ease-in-out; }
  .flex-card-section .txt-wrap .desc {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

@media (min-width: 1200.1px) {
  .flex-card-section .two-swiper {
    display: none; } }

@media screen and (max-width: 1200px) {
  .flex-card-section .two-swiper {
    display: block; } }

.home-partner {
  background: var(--bg-url), #CEE3FF;
  background-repeat: no-repeat;
  background-position: center; }

@media (min-width: 1200.1px) {
  .home-partner {
    background-size: 100% 100%; } }

@media (max-width: 1023px) {
  .home-partner {
    padding-bottom: 150px !important; } }
  .home-partner .row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .home-partner .img a {
    height: 6.66667rem; }
    .home-partner .img a img {
      width: auto;
      height: 100%;
      object-fit: contain; }
  .home-partner .swiper-nav {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

@media (max-width: 1023px) {
  .home-partner .swiper-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .home-partner .nav-wrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);    bottom: -40px; } }
  .home-partner .scrollbar-wrap {
    max-height: 100%; }

.sliding-text-swiper {
  bottom: 0;
  width: 100vw;
  padding-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  .sliding-text-swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear; }
  .sliding-text-swiper .swiper-slide {
  pointer-events: none;
  height: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .sliding-text-swiper span {
    font-size: 3.75rem; }

@media (min-width: 1200.1px) {
  .sliding-text-swiper span {
    font-size: 5rem; } }

@media (min-width: 1600px) {
  .sliding-text-swiper span {
    font-size: 6.66667rem; } }
  .sliding-text-swiper .txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.intro {
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;  z-index: 999999 !important; }
  @media screen and (max-width: 1200px) {
    .intro {
      display: none !important; } }
  .intro .image-svg {
  max-width: 90%; }
  @media (min-width: 576.1px) {
  .intro .image-svg {
    max-width: 50%; } }
  .intro img {
  opacity: 0; }
  .intro .svg-generate {
  height: 200px; }
    .intro .svg-generate svg {
  height: 100%;
  width: 100%; }
    @media screen and (max-width: 1024px) {
      .intro .svg-generate {
    height: 150px; } }

.home-recruit {
  background-position: center bottom !important; }

@media (min-width: 1200.1px) {
  .home-recruit {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    padding-bottom: clamp(24px, 2.2916666666666665vw, 2.2916666666666665rem) !important; } }

@media (min-width: 1024.1px) {
  .home-recruit .col:nth-child(1) {
    width: 65%; }
  .home-recruit .col:nth-child(2) {
    width: 35%; } }
  .home-recruit .scrollbar-wrap {
    max-height: 26.61458rem; }

.recruit-news {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }

@media (min-width: 576.1px) {
  .recruit-news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }
  .recruit-news .img {
  margin: 0;    -webkit-box-flex: 1;    -webkit-flex: 1 0 auto;    -ms-flex: 1 0 auto;    flex: 1 0 auto; }
    .recruit-news .img a {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
      .recruit-news .img a img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

@media (max-width: 575px) {
  .recruit-news .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 56.22896%; }
    .recruit-news .img a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

@media (min-width: 576.1px) {
  .recruit-news .img a {
    width: 15.46875rem;
    min-width: 15.46875rem;
    max-width: 15.46875rem;
    height: 8.69792rem; } }
  .recruit-news .txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
  .recruit-news:not(:last-child) {
  margin-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); }

.home-number::before {
  content: '';
  width: 32.8125rem;
  height: 30.20833rem;
  top: unset;
  bottom: 0;
  left: 0;
  background: url("../img/overlay/home-2.svg");
  background-repeat: no-repeat !important;
  background-size: contain  !important;
  background-position: bottom left !important;
  pointer-events: none;
  position: absolute;
  z-index: 10;
  display: block;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }
  @media screen and (max-width: 1024px) {
    .home-number::before {
      width: 6.25rem;
      height: 6.25rem; } }

.home-number::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%); }

.home-number .img a {
  max-height: 40.625rem; }
  .home-number .img a img {
    object-fit: contain; }

.home-number .counter sup {
  top: -12px; }

@media screen and (max-width: 1600px) {
  .home-number .counter {
    font-size: clamp(30px, calc(36 / 1920 * 100vw), 1.875rem);
    line-height: 1.3; } }

@media (min-width: 576.1px) {
  .home-number .scrollbar-wrap {
    max-height: 7.29167rem; } }

.other-recruit-wrap {
  position: -webkit-sticky;
  position: sticky; }

@media (min-width: 768.1px) {
  .recruit-detail .row .col:nth-child(1) {
    width: 37.5%; }
  .recruit-detail .row .col:nth-child(2) {
    width: 58%; } }

.recruit-detail .table-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .recruit-detail .table-wrap td {
  width: 100%;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
  padding-top: clamp(8px, 0.625vw, 0.625rem);
  padding-bottom: clamp(8px, 0.625vw, 0.625rem);
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }

@media (min-width: 576.1px) {
  .recruit-detail .table-wrap td {
    padding-top: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
    padding-bottom: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem); } }

@media (min-width: 768.1px) {
  .recruit-detail .table-wrap td {
    width: 50%; } }
  @media screen and (max-width: 1024px) {
    .recruit-detail .table-wrap table {
    white-space: normal; } }
  @media screen and (max-width: 768px) {
    .recruit-detail .table-wrap table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      .recruit-detail .table-wrap table tr td {
    display: block;
    width: 100%; } }
  .recruit-detail .table-wrap table tr td {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
    .recruit-detail .table-wrap table tr td:first-child {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 700; }
  .recruit-detail .table-wrap table tr:last-child td {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1)); }
    .recruit-detail .table-wrap table tr:last-child td:first-child {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
  .recruit-detail .table-wrap table tr p {
  margin-bottom: 0;
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4; }
    .recruit-detail .table-wrap table tr p span, .recruit-detail .table-wrap table tr p strong {
  display: inline-block;
  width: 50%; }
    .recruit-detail .table-wrap table tr p * {
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4; }

.recruit-detail .btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.other-recruit .recruit-item {
  border-bottom: 1px solid #d9d9d9; }
  .other-recruit .recruit-item:last-child {
  border-bottom-color: transparent; }

.other-recruit .timeline em {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;  color: #2F2D30; }

.other-recruit .timeline span {
  margin-left: clamp(8px, 0.625vw, 0.625rem);
  margin-right: clamp(8px, 0.625vw, 0.625rem);  color: #2F2D30; }

.other-recruit .timeline strong {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }

.form-apply iframe {
  width: 100%;
  height: 410px; }
  @media screen and (min-width: 1200px) and (max-width: 1800px) {
    .form-apply iframe {
      height: 400px; } }

@media (min-width: 1200.1px) {
  .form-apply iframe {
    width: 100%; } }

.form-apply .container-fluid {
  padding: 0 !important; }

#ctl00_phMain_jobApply_upContact {
  margin-bottom: 0 !important; }

.recruit-container {
  padding: 0 !important; }

.apply-frm {
  margin: 0 !important;
  overflow: hidden;
  background: #fff !important;
  width: 100%;
  height: 100%; }
  .apply-frm .alert-success {
  display: block;
  width: 100%;
  text-align: center;
  font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);
  line-height: 1.35;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
    .apply-frm .alert-success * {
  font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);
  line-height: 1.35; }
  @media screen and (max-width: 576px) {
    .apply-frm {
      overflow: hidden;
      width: 100%; } }
  .apply-frm .btn-wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
    @media screen and (max-width: 600px) {
      .apply-frm .btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;        -webkit-box-align: start;        -webkit-align-items: flex-start;        -ms-flex-align: start;        align-items: flex-start; } }
    .apply-frm .btn-wrap .form-group {
  width: 100%; }
    .apply-frm .btn-wrap .frm-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
      @media screen and (min-width: 600px) {
        .apply-frm .btn-wrap .frm-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }
  .apply-frm .btn-submit {
  height: 48px;
  border-radius: 9999px;
  --tw-border-opacity: 1;
  border-color: rgb(20 72 102 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(20 72 102 / var(--tw-bg-opacity, 1));
  padding-left: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem);
  padding-right: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem);
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;    min-width: 240px; }
  .apply-frm .recruitment-container {
    min-width: 1110px !important; }
  .apply-frm .frm-captcha {
  margin-top: clamp(14px, 1.25vw, 1.25rem);
  margin-bottom: clamp(14px, 1.25vw, 1.25rem); }

@media (min-width: 1024.1px) {
  .apply-frm .frm-captcha {
    position: absolute;
    right: 0;
    padding-right: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem);    bottom: 0;
    width: auto !important;
    margin-top: 0 !important; } }
  .apply-frm h4 {
  display: none; }
  @media screen and (max-width: 1024px) {
    .apply-frm .frm-captcha {
      margin-top: 20px !important; } }
  @media screen and (max-width: 576px) {
    .apply-frm .frm-captcha .frm-captcha-input {
    margin-top: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }
  .apply-frm .frm-captcha .frm-captcha-input input {
  height: 44px;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 1px;
  --tw-text-opacity: 1;
  color: rgb(41 41 41 / var(--tw-text-opacity, 1));    width: 14.58333rem;
    max-width: 14.58333rem !important; }
    .apply-frm .frm-captcha .frm-captcha-input input::-webkit-input-placeholder {
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .frm-captcha .frm-captcha-input input::-moz-placeholder {
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .frm-captcha .frm-captcha-input input:-ms-input-placeholder {
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .frm-captcha .frm-captcha-input input::-ms-input-placeholder {
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .frm-captcha .frm-captcha-input input::placeholder {
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
  .apply-frm input[type="file"] {
    left: 0; }
  .apply-frm > div {
    width: 100%; }
  .apply-frm .RadUpload_Simple {
    width: 100%;
    height: 100%; }
    .apply-frm .RadUpload_Simple input {
      width: 100%;
      height: 100%; }
  .apply-frm .RadUpload {
    width: 100%;
    height: 100%;
    pointer-events: auto;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));    min-height: 46px;
    height: 46px; }
    .apply-frm .RadUpload .ruButton {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  text-transform: uppercase;
  opacity: 0;      font-family: 'Nunito Sans', sans-serif; }
    .apply-frm .RadUpload .ruInputs {
      width: 100%;
      position: relative; }
    .apply-frm .RadUpload .ruRemove {
      position: absolute;
      bottom: -77px;
      right: 0;
      opacity: 1;
      font-size: 12px;
      color: #ff0000;
      width: auto !important;
      display: block;
      height: 20px !important;
      background-position: 0px -62px; }
    .apply-frm .RadUpload .ruBrowse {
  display: none; }
  .apply-frm #ctl00_phMain_jobApply_pnlNewComment {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .apply-frm #ctl00_phMain_jobApply_pnlNewComment > .form-group {
      width: 100%;
      margin-top: -10px;
      position: relative; }
    .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-left, .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-right {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-left > .form-group, .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-right > .form-group {
        margin-bottom: 30px; }
      @media (min-width: 576px) {
        .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-left, .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-right {
          margin: 0 -10px; }
          .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-left > .form-group, .apply-frm #ctl00_phMain_jobApply_pnlNewComment .col-right > .form-group {
            padding: 0 10px; } }
  .apply-frm .fa-exclamation-triangle {
  position: absolute;
  font-weight: 400;    bottom: -22px;
    left: 20px;
    color: #f30000;
    font-size: 12px; }
  .apply-frm .label {
    display: none;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    margin-bottom: 4px; }
    .apply-frm .label .required {
      color: red; }
  .apply-frm textarea {
    height: 90px; }

@media (min-width: 1200.1px) {
  .apply-frm textarea {
    height: 130px; } }
  .apply-frm .RadAsyncUpload .ruDropZone {
    display: none; }
  .apply-frm .RadAsyncUpload .ruFileWrap {
    position: static;
    display: block;
    height: auto !important;
    max-height: 50px; }
    .apply-frm .RadAsyncUpload .ruFileWrap .ruUploadProgress {
      position: absolute;
      bottom: -70px;
      left: 10px; }
  .apply-frm .RadAsyncUpload .ruFileInput, .apply-frm .RadAsyncUpload .rugreyse {
    text-transform: uppercase;
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #333;
    background: #333;
    height: 50px;
    width: 250px; }
    .apply-frm .RadAsyncUpload .ruFileInput:hover, .apply-frm .RadAsyncUpload .rugreyse:hover {
      background: white !important;
      color: #333 !important; }
  .apply-frm .RadAsyncUpload .ruFileInput {
    border: 1px solid #333;
    pointer-events: auto;
    top: 0 !important;
    left: 0;
    padding: 0 !important;
    bottom: 10px;
    position: absolute;
    opacity: 0;
    height: 40px;
    width: 100% !important;
    cursor: pointer; }
    .apply-frm .RadAsyncUpload .ruFileInput:hover {
      background: white !important;
      color: #333 !important; }
  @media screen and (max-width: 1024px) {
    .apply-frm .form-group-btn {
    margin-top: clamp(14px, 1.25vw, 1.25rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }

@media (min-width: 1024.1px) {
  .apply-frm .form-group-btn {
    position: absolute;
    right: 20px;
    bottom: 0; } }
  .apply-frm .frm-btnwrap {
  margin-top: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem);
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
    @media screen and (max-width: 576px) {
      .apply-frm .frm-btnwrap {
        position: static !important; } }
  .apply-frm .attachfile1 {
  position: relative;
  display: block; }
    .apply-frm .attachfile1 .left {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;      z-index: 99; }
    .apply-frm .attachfile1 label {
  pointer-events: none;
  position: relative;
  width: 100%;
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
  padding-left: 20px;
  padding-right: 20px;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;      margin-top: 0;
      height: 46px;
      font-weight: 400 !important; }
      @media screen and (max-width: 1024px) {
        .apply-frm .attachfile1 label {
          word-break: break-normal; } }
      .apply-frm .attachfile1 label * {
  --tw-text-opacity: 1 !important;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)) !important;        font: inherit; }
      .apply-frm .attachfile1 label input[type='file'] {
  height: 100%;
  width: 100%;
  cursor: pointer; }
      .apply-frm .attachfile1 label input[type='file']::-webkit-file-upload-button {
        cursor: pointer; }
      .apply-frm .attachfile1 label input[type='file']::file-selector-button {
        cursor: pointer; }
      .apply-frm .attachfile1 label input[type='file']::-webkit-file-upload-button {
        cursor: pointer; }
      .apply-frm .attachfile1 label ::-webkit-file-upload-button {
        cursor: pointer; }
  .apply-frm .attachfile2 {
    display: none; }
  .apply-frm .form-group {
    position: relative; }
    .apply-frm .form-group.disable-input input {
  pointer-events: none;      background: #F1F1F1;
      border: none; }
  .apply-frm .wrap-form {
  width: 100%; }
    @media screen and (max-width: 1024px) {
      .apply-frm .wrap-form .form-group {
        grid-column: span 1 / span 1; } }
    @media screen and (max-width: 768px) {
      .apply-frm .wrap-form .form-group {
        grid-column: span 2 / span 2; } }
    @media screen and (min-width: 768px) and (max-width: 1200px) {
      .apply-frm .wrap-form .form-group.col-span-2 {
        grid-column: span 2 / span 2 !important; } }
    .apply-frm .wrap-form .form-group input, .apply-frm .wrap-form .form-group textarea, .apply-frm .wrap-form .form-group select {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);      min-height: 46px;
      height: 46px; }
      .apply-frm .wrap-form .form-group input::-webkit-input-placeholder, .apply-frm .wrap-form .form-group textarea::-webkit-input-placeholder, .apply-frm .wrap-form .form-group select::-webkit-input-placeholder {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      .apply-frm .wrap-form .form-group input::-moz-placeholder, .apply-frm .wrap-form .form-group textarea::-moz-placeholder, .apply-frm .wrap-form .form-group select::-moz-placeholder {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      .apply-frm .wrap-form .form-group input:-ms-input-placeholder, .apply-frm .wrap-form .form-group textarea:-ms-input-placeholder, .apply-frm .wrap-form .form-group select:-ms-input-placeholder {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      .apply-frm .wrap-form .form-group input::-ms-input-placeholder, .apply-frm .wrap-form .form-group textarea::-ms-input-placeholder, .apply-frm .wrap-form .form-group select::-ms-input-placeholder {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
      .apply-frm .wrap-form .form-group input::placeholder, .apply-frm .wrap-form .form-group textarea::placeholder, .apply-frm .wrap-form .form-group select::placeholder {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }
    .apply-frm .wrap-form .form-group textarea {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  padding-top: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);      height: 120px !important; }
    .apply-frm .wrap-form .frm-btnwrap {
  margin-top: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem) !important; }

.recruit-page .modulepager {
  display: none; }

.recruit-1 .row {
  margin: 0;
  padding: 0; }
  .recruit-1 .row .col {
  margin: 0;
  padding: 0; }

.recruit-1 .fullcontent h4, .recruit-1 .fullcontent h5, .recruit-1 .fullcontent h6 {
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }

.recruit-1 .container-fluid {
  padding: 0; }
  .recruit-1 .container-fluid:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
    .recruit-1 .container-fluid:nth-child(odd) .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

@media (min-width: 1024.1px) {
  .recruit-1 .container-fluid:nth-child(odd) .txt {
    margin-left: auto;
    padding-left: 0;
    padding-right: clamp(22px, 2.083333333333333vw, 2.083333333333333rem); } }

@media (min-width: 1200.1px) {
  .recruit-1 .container-fluid:nth-child(odd) .txt {
    padding-right: clamp(40px, 4.166666666666666vw, 4.166666666666666rem); } }

@media (max-width: 1023px) {
  .recruit-1 .txt {
    padding-left: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    padding-right: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    padding-top: clamp(33px, 3.125vw, 3.125rem);
    padding-bottom: clamp(33px, 3.125vw, 3.125rem); } }

.recruit-1 .scrollbar-wrap {
  max-height: 14.0625rem;
  padding-right: clamp(3px, 0.20833333333333334vw, 0.20833333333333334rem) }

@media (max-width: 1023px) {
  .recruit-1 .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 63.54167%; }
    .recruit-1 .img a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

@media (min-width: 1024.1px) {
  .recruit-1 .img a {
    height: 31.77083rem;
    width: 100% }
    .recruit-1 .img a img {
      width: 100%;
      height: 100%;
      object-fit: cover; } }

.recruit-2 .desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
  .recruit-2 .desc * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
  .recruit-2 .desc.desc-expanded {
    height: 100%;
    -webkit-line-clamp: unset; }
    .recruit-2 .desc.desc-expanded * {
      height: 100%;
      -webkit-line-clamp: unset; }

.recruit-2 .heading-2 {
  display: -webkit-box;
  font-size: clamp(1.04167rem, 1.25rem, 1.25rem);
  height: calc(1.25rem * 1.35 * 2);
  min-height: calc(1.04167rem * 1.35 * 2);
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.recruit-2 .btn span {
  font-weight: 400; }

.recruit-2 .btn em::before, .recruit-2 .btn i::before {
  content: "\f078"; }

.otgs-development-site-front-end {
  display: none !important; }

.recruit-list .filter-table-wrap tbody tr {
  display: none; }

.recruit-list .ajax-btn-wrap.disble-btn {
  display: none; }

.recruit-list .btn span {
  white-space: nowrap; }

.recruit-list table {
  border-collapse: collapse;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .recruit-list table thead th {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1));
  padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  padding-top: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
  padding-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
  text-align: center;
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .recruit-list table thead th * {
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .recruit-list table thead th:nth-child(1) {
  text-align: center;      width: 90px;
      max-width: 90px; }
    .recruit-list table thead th:nth-child(2) {
      width: 42.5%;
      text-align: left }
    .recruit-list table thead th:nth-child(3), .recruit-list table thead th:nth-child(4), .recruit-list table thead th:nth-child(5) {
      width: 17.4%; }

@media (min-width: 1200.1px) {
  .recruit-list table thead th:nth-child(4) {
    padding-left: clamp(3px, 0.20833333333333334vw, 0.20833333333333334rem);
    padding-right: clamp(3px, 0.20833333333333334vw, 0.20833333333333334rem); }
  .recruit-list table thead th {
    font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);
    line-height: 1.35; }
    .recruit-list table thead th * {
    font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);
    line-height: 1.35; } }
  .recruit-list table tbody tr:hover td:nth-child(1), .recruit-list table tbody tr:hover .title {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
    .recruit-list table tbody tr:hover td:nth-child(1) *, .recruit-list table tbody tr:hover .title * {
      font: inherit; }
  .recruit-list table tbody tr td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
  padding-left: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  padding-right: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
  padding-top: clamp(8px, 0.625vw, 0.625rem);
  padding-bottom: clamp(8px, 0.625vw, 0.625rem);
  text-align: center;
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
    .recruit-list table tbody tr td * {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
    .recruit-list table tbody tr td:nth-child(1) {
  text-align: center;
  font-weight: 700;      width: 90px;
      max-width: 90px; }
    .recruit-list table tbody tr td:nth-child(2) {
      width: 42.5%;
      text-align: left }
    .recruit-list table tbody tr td:nth-child(3), .recruit-list table tbody tr td:nth-child(4), .recruit-list table tbody tr td:nth-child(5) {
      width: 17.4%; }
    .recruit-list table tbody tr td:hover a {
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }

.recruit-list .table-wrap {
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .recruit-list .table-wrap {
    overflow-x: auto; }
      .recruit-list .table-wrap table {
    width: 100%;        white-space: nowrap; } }

.recruit-list .btn-tertiary {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .recruit-list .btn-tertiary span {
  font-size: clamp(14px, calc(14 / 1920 * 100vw), 0.7291666666666666rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
  .recruit-list .btn-tertiary em, .recruit-list .btn-tertiary i {
  margin-left: 0;
  margin-right: 0;
  margin-right: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }

.recruit-list .ajax-btn-wrap .btn.btn-primary span, .recruit-list .ajax-btn-wrap .btn.btn-primary em, .recruit-list .ajax-btn-wrap .btn.btn-primary i {
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4;
  font-weight: 400; }

.recruit-list .ajax-btn-wrap .btn.btn-primary span {
  text-transform: none !important; }

.recruit-list .ajax-btn-wrap .btn.btn-primary:hover span {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

@media (max-width: 1023px) {
  .project-detail .row-order-detail .col:first-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .project-detail .row-order-detail .col:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; } }

@media (min-width: 768.1px) {
  .project-detail .product-thumb {
    padding: 0 3.64583rem; } }

.project-detail .bg-wrap p {
  margin-bottom: 0; }

.project-detail .prev, .project-detail .next {
  width: 2.39583rem !important;
  min-width: 2.39583rem !important;
  height: 2.08333rem !important;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(129 129 129 / var(--tw-border-opacity, 1)) }
  .project-detail .prev::before, .project-detail .next::before {
  font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

@media (min-width: 1200.1px) {
  .project-detail .prev::before, .project-detail .next::before {
    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
    line-height: 1.4; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .project-detail .prev, .project-detail .next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }

.project-detail .prev {
  left: 0; }

@media (max-width: 1023px) {
  .project-detail .prev {
    left: calc(clamp(8px, 0.625vw, 0.625rem) * -1); } }

.project-detail .next {
  right: 0; }

@media (max-width: 1023px) {
  .project-detail .next {
    right: calc(clamp(8px, 0.625vw, 0.625rem) * -1); } }

.project-detail .swiper-slide-thumb-active .img {
  --tw-border-opacity: 1;
  border-color: rgb(236 27 36 / var(--tw-border-opacity, 1)); }

.project-detail .img a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 6.51042rem;
  width: 100%; }
  .project-detail .img a img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.project-other .project-item {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
  .project-other .project-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1)); }

.project-other .prev, .project-other .next {
  width: 2.39583rem !important;
  min-width: 2.39583rem !important;
  height: 2.08333rem !important;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(129 129 129 / var(--tw-border-opacity, 1)) }
  .project-other .prev::before, .project-other .next::before {
  font-size: clamp(14px, calc(12 / 1920 * 100vw), 0.625rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

@media (min-width: 1200.1px) {
  .project-other .prev::before, .project-other .next::before {
    font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
    line-height: 1.4; } }

.project-list .block-swiper .item {
  margin-top: 0;
  margin-bottom: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1)); }
  .project-list .block-swiper .item .col {
  margin-top: 0;
  margin-bottom: 0; }

.project-list .item {
  height: 100%; }

@media (max-width: 1023px) {
  .project-list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; } }
  .project-list .item .list li:not(:last-child) {
  margin-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); }
  .project-list .item .list .icon em, .project-list .item .list .icon i {
  font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
  @media screen and (max-width: 1400px) {
    .project-list .item .heading-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; } }

@media (max-width: 1023px) {
  .project-list .item .col:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;    -webkit-box-flex: 0;    -webkit-flex: 0 1  auto;    -ms-flex: 0 1  auto;    flex: 0 1  auto;    height: auto; }
  .project-list .item .col:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;    -webkit-box-flex: 0;    -webkit-flex: 0 0 auto;    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: 100%; } }

.project-list .scrollbar-wrap {
  max-height: 9.375rem; }

@media (max-width: 575px) {
  .project-list .scrollbar-wrap {
    max-height: 100%; } }

.zone-nav {
  overflow-x: auto; }
  .zone-nav li a {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4; }
  .zone-nav li.active a {
  --tw-bg-opacity: 1;
  background-color: rgb(0 179 92 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  @media screen and (min-width: 1800px) {
    .zone-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }
  .zone-nav ul {
  white-space: nowrap;
  padding-bottom: clamp(3px, 0.20833333333333334vw, 0.20833333333333334rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;    -webkit-box-pack: start;    -webkit-justify-content: flex-start;    -ms-flex-pack: start;    justify-content: flex-start; }
    .zone-nav ul li:first-child {
  padding-left: 0; }

@media screen and (min-width: 1400px) {
  .news-list-nav ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media screen and (min-width: 1600px) {
  .term-du-an-thi-cong .zone-nav ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media screen and (min-width: 768px) {
  .term-du-an-dau-tu .zone-nav ul, .term-32 .zone-nav ul, .term-33 .zone-nav ul, .term-31 .zone-nav ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.zone-nav {
  overflow-x: auto; }

.zone-nav::-webkit-scrollbar {
  background: #D9D9D9;
  height: 4px !important;
  border-radius: 4px; }

.zone-nav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #D9D9D9;
  background-color: #D9D9D9;
  border-radius: 4px; }

.zone-nav::-webkit-scrollbar-thumb {
  background-color: #104891; }

@-moz-document url-prefix() {
  .zone-nav {
    scrollbar-width: thin;
    scrollbar-color: #12171d #D9D9D9; } }

.category-to-chuc-chinh-tri-xa-hoi .zone-nav ul, .category-27 .zone-nav ul {
  padding-bottom: 0;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.sticky-nav {
  top: 0 !important; }
  .sticky-nav.scroll-to-fixed-fixed {
    top: var(--header-height) !important; }
  .sticky-nav.reached-limit {
    top: unset !important;
    position: static !important; }

@media (max-width: 1023px) {
  .project-list .modulepager {
    padding-top: clamp(40px, 4.166666666666666vw, 4.166666666666666rem); } }

.project-item {
  height: 100%; }
  .project-item .icon em, .project-item .icon i {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
  .project-item .list li:not(:last-child) {
  margin-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); }
  .project-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1)); }
    .project-item:hover .heading-2 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .project-item:hover .icon img {
      -webkit-filter: brightness(0) invert(1);
              filter: brightness(0) invert(1); }
    .project-item:hover .icon em, .project-item:hover .icon i {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
    .project-item:hover .body-3 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

:root {
  --image-ratio: 142%;
  --swiper-width: 20%;
  --scalingx: .8;
  --scalingy: .8; }

.ability-7 {
  position: relative;
  z-index: 50;  margin-top: -1px; }
  .ability-7::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/bg/ability-3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top; }
    @media screen and (max-width: 1024px) {
      .ability-7::after {
        background-size: cover;
        height: 50% } }

@media (min-width: 1024.1px) {
  .ability-7 .block-wrap {
    padding: 0 5.20833rem; } }
  .ability-7 .body-1, .ability-7 .headline {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }
    .ability-7 .body-1 *, .ability-7 .headline * {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }
  .ability-7 .prev {
  left: calc(clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem) * -1); }

@media (min-width: 1024.1px) {
  .ability-7 .prev {
    top: 38%; } }

@media (min-width: 1600px) {
  .ability-7 .prev {
    top: 40%; } }
  .ability-7 .next {
  right: calc(clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem) * -1); }

@media (min-width: 1024.1px) {
  .ability-7 .next {
    top: 38%; } }

@media (min-width: 1600px) {
  .ability-7 .next {
    top: 40%; } }

@media (max-width: 1023px) {
  .ability-7 .swiper-nav {
    margin-top: clamp(22px, 2.083333333333333vw, 2.083333333333333rem); } }
  .ability-7 .swiper-button-disabled-custom {
  pointer-events: none; }
  .ability-7 .item {
  position: relative; }
  .ability-7 .txt {
    -webkit-transition: .3s all  ease-in-out;
    transition: .3s all  ease-in-out; }

@media (min-width: 1024.1px) {
  .ability-7 .txt {
    top: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out; }
  .ability-7 .prev, .ability-7 .next {
    top: 36%; } }

@media (max-width: 1023px) {
  .ability-7 .swiper {
    margin-bottom: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem); } }

@media (min-width: 1024.1px) {
  .ability-7 .swiper {
    padding-bottom: 120px; } }

@media (min-width: 1600px) {
  .ability-7 .swiper {
    padding-bottom: clamp(50px, 5.208333333333334vw, 5.208333333333334rem); } }
  .ability-7 .large-center-swiper {
  position: relative; }

@media (min-width: 576.1px) {
  .ability-7 .large-center-swiper {
    margin-top: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    padding-left: 20px;
    padding-right: 20px; } }
    .ability-7 .large-center-swiper .img {
  height: 100%;
  width: 100%; }
      .ability-7 .large-center-swiper .img a {
        position: relative;
        display: block;
        height: 0;
        overflow: hidden;
        padding-top: var(--image-ratio); }
        .ability-7 .large-center-swiper .img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);          width: 100%;
          height: 100%;
          object-fit: contain;
          -webkit-transition: .3s ease-in-out all;
          transition: .3s ease-in-out all; }
  .ability-7 .swiper-slide {
    width: var(--swiper-width);
    padding: 0;
    -webkit-transition: .3s all  ease-in-out;
    transition: .3s all  ease-in-out; }
    .ability-7 .swiper-slide .img {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
      .ability-7 .swiper-slide .img img {
  opacity: 0.5; }
    .ability-7 .swiper-slide .item {
      -webkit-transition: .3s all  ease-in-out;
      transition: .3s all  ease-in-out; }
      .ability-7 .swiper-slide .item .wrap {
        -webkit-transition: .3s all  ease-in-out;
        transition: .3s all  ease-in-out; }
    .ability-7 .swiper-slide .item {
      -webkit-transform: scale(var(--scalingx), var(--scalingy)) translateZ(0);
              transform: scale(var(--scalingx), var(--scalingy)) translateZ(0); }
      .ability-7 .swiper-slide .item .wrap .box {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        height: auto;
        text-align: center;
        overflow: hidden }
        .ability-7 .swiper-slide .item .wrap .box img {
          -webkit-transform: scale(1, 1) translate(-50%, -50%);
                  transform: scale(1, 1) translate(-50%, -50%);
          object-fit: cover }
    .ability-7 .swiper-slide.swiper-slide-active .txt {
  opacity: 1; }
    .ability-7 .swiper-slide.swiper-slide-active .item {
      -webkit-transform: scale(1) translateZ(0) !important;
              transform: scale(1) translateZ(0) !important; }
      .ability-7 .swiper-slide.swiper-slide-active .item .img {
  opacity: 1; }
      .ability-7 .swiper-slide.swiper-slide-active .item .wrap {
        -webkit-transform: scale(1) !important;
                transform: scale(1) !important; }
        .ability-7 .swiper-slide.swiper-slide-active .item .wrap img {
          -webkit-transform: scale(1) translate(-50%, -50%) !important;
                  transform: scale(1) translate(-50%, -50%) !important; }

.ability-1::after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 29.17%, rgba(255, 255, 255, 0.2) 53.24%, rgba(255, 255, 255, 0.85385) 72.85%, #FFFFFF 100%);  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 29.17%, rgba(255, 255, 255, 0.2) 53.24%, rgba(255, 255, 255, 0.85385) 72.85%, #FFFFFF 100%); }

@media (min-width: 1200.1px) {
  .ability-1 {
    padding: calc(  var(--header-height) + 30px) 0 0 0; } }

.ability-1 .img-bg {
  height: 100%;
  width: 100%; }
  .ability-1 .img-bg a {
  height: 100%;
  width: 100%; }
    .ability-1 .img-bg a img {
  height: 100%;
  width: 100%; }

@media (max-width: 1023px) {
  .ability-1 .img-bg a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 42.29167%; }
    .ability-1 .img-bg a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

.ability-1 .txt-wrap {
  margin: 6.77083rem 0; }

.ability-1 .container, .ability-1 .block-wrap {
  position: relative;
  z-index: 50; }

.ability-1 .item {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
  .ability-1 .item:last-child {
  border-color: transparent; }
  .ability-1 .item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1)); }

.ability-1 .block-wrap {
  background: rgba(0, 28, 65, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px); }

.ability-2 {
  padding-bottom: 15.625rem; }

@media (max-width: 1199px) {
  .ability-2 {
    background-position: right center !important; } }

@media (min-width: 1200.1px) {
  .ability-2 {
    padding-bottom: 24.47917rem; } }
  .ability-2 .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.ability-3 {
  position: relative; }
  .ability-3::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); }
  .ability-3 .container {
  position: relative;
  z-index: 60; }
  .ability-3 .tab-nav li:hover a, .ability-3 .tab-nav li.active a {
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;    text-shadow: 1px 0 0 #fff; }

@media (min-width: 1024.1px) {
  .ability-3 .swiper-nav {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; } }
  .ability-3 .prev {
  margin-right: clamp(14px, 1.25vw, 1.25rem) !important; }
  .ability-3 .item {
  height: 100%; }
    .ability-3 .item .img {
  position: relative;
  width: 100%;      -webkit-box-flex: 0;      -webkit-flex: 0 1 auto;      -ms-flex: 0 1 auto;      flex: 0 1 auto; }

@media (min-width: 768.1px) {
  .ability-3 .item .img {
    width: 57.7%; } }
    .ability-3 .item .txt {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }

@media (min-width: 768.1px) {
  .ability-3 .item .txt {
    width: 42.3%; } }
  .ability-3 table {
  width: 100%; }
    .ability-3 table td {
  border-top-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 0.2;
  padding-top: clamp(8px, 0.625vw, 0.625rem);
  padding-bottom: clamp(8px, 0.625vw, 0.625rem);
  font-size: clamp(16px, calc(18 / 1920 * 100vw), 0.9375rem);
  line-height: 1.4;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
      .ability-3 table td:first-child {
  text-align: left; }
      .ability-3 table td:last-child {
  text-align: right;
  font-weight: 700; }
  .ability-3 .scrollbar-wrap {
    max-height: 12.5rem; }

@media (max-width: 575px) {
  .ability-3 .scrollbar-wrap {
    max-height: 100%; } }

@media (min-width: 1200.1px) {
  .ability-4 {
    min-height: 33.33333rem; } }

.ability-4 .row {
  margin: 0;
  padding: 0; }
  .ability-4 .row .col {
  margin: 0;
  padding: 0; }

.ability-4 .tab-item {
  height: 100%; }

.ability-4 .img {
  height: 100%;
  width: 100%; }
  .ability-4 .img a {
  height: 100%;
  width: 100%; }
    .ability-4 .img a img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

.ability-4 .container-fluid {
  padding: 0; }

.ability-4 .toggle-item {
  -webkit-transition: .3s all  ease-in-out;
  transition: .3s all  ease-in-out;
  pointer-events: auto;
  position: relative;  list-style: none; }
  .ability-4 .toggle-item .wrap {
  cursor: pointer; }
  .ability-4 .toggle-item .title {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
  .ability-4 .toggle-item em, .ability-4 .toggle-item i {
  font-size: clamp(20px, calc(24 / 1920 * 100vw), 1.25rem);
  line-height: 1.35;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
  .ability-4 .toggle-item .article {
  display: none; }
  .ability-4 .toggle-item.is-toggle {
  padding-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); }
    .ability-4 .toggle-item.is-toggle .title {
  border-color: rgb(16 72 145 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
      .ability-4 .toggle-item.is-toggle .title * {
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
      .ability-4 .toggle-item.is-toggle .title em, .ability-4 .toggle-item.is-toggle .title i {
  font-weight: 300;        -webkit-transform: rotateX(180deg);        transform: rotateX(180deg); }
  .ability-4 .toggle-item.is-toggle .article {
  display: block; }
  .ability-4 .toggle-item .desc a:hover {
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }
  .ability-4 .toggle-item .desc table {
  margin-top: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  margin-bottom: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  width: 100%; }
    .ability-4 .toggle-item .desc table tr td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  padding-left: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
  padding-right: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
  padding-top: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  padding-bottom: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
  text-align: left; }
      .ability-4 .toggle-item .desc table tr td:first-child {
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 700; }
    .ability-4 .toggle-item .desc table p {
  margin-bottom: 0; }

.ability-4 .scrollbar-wrap {
  max-height: 7.29167rem; }

@media (max-width: 575px) {
  .ability-4 .scrollbar-wrap {
    max-height: 100%; } }

@media (max-width: 1023px) {
  .ability-4 .block-wrapper {
    padding-left: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    padding-right: clamp(22px, 2.083333333333333vw, 2.083333333333333rem); } }

@media (min-width: 1024.1px) {
  .ability-4 .block-wrapper {
    max-width: 40.625rem;
    padding: 4.16667rem 0 4.16667rem 3.33333rem; } }

@media (min-width: 1200.1px) {
  .ability-4 .block-wrapper {
    max-width: 41.14583rem;
    padding: 4.16667rem 0 4.16667rem 3.33333rem; } }

@media (min-width: 1600px) {
  .ability-4 .block-wrapper {
    max-width: 34.375rem; } }

.ability-5 {
  background-repeat: no-repeat !important;
  background-position: bottom center !important;
  position: relative;
  z-index: 20 }

@media (min-width: 1200.1px) {
  .ability-5 {
    padding: 6.77083rem 0 13.75rem !important; } }
  .ability-5 .tab-nav {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

@media (max-width: 767px) {
  .ability-5 .tab-nav {
    margin-left: auto;
    margin-right: auto; } }
    .ability-5 .tab-nav li.active a, .ability-5 .tab-nav li:hover a {
  --tw-bg-opacity: 1;
  background-color: rgb(0 179 92 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
  .ability-5 .item {
  height: 100%; }

@media (min-width: 768.1px) {
  .ability-5 .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }
    .ability-5 .item .img {
  position: relative;
  width: 100%;      -webkit-box-flex: 0;      -webkit-flex: 0 1 auto;      -ms-flex: 0 1 auto;      flex: 0 1 auto; }

@media (min-width: 768.1px) {
  .ability-5 .item .img {
    width: 50%; } }
    .ability-5 .item .txt {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }

@media (max-width: 767px) {
  .ability-5 .item .txt {
    margin-top: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem); } }

@media (min-width: 768.1px) {
  .ability-5 .item .txt {
    width: 50%; } }
  .ability-5 .logo {
    height: 4.6875rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem);
    padding-right: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem) }
    .ability-5 .logo img {
      width: auto;
      height: 100%;
      object-fit: contain; }
  .ability-5 .scrollbar-wrap {
  padding-right: clamp(6px, 0.4166666666666667vw, 0.4166666666666667rem); }

@media (max-width: 575px) {
  .ability-5 .scrollbar-wrap {
    max-height: 100%; } }

@media (min-width: 576.1px) {
  .ability-5 .scrollbar-wrap {
    max-height: 18.75rem; } }

@media (min-width: 768.1px) {
  .ability-5 .scrollbar-wrap {
    padding: 0 4px 0 2.08333rem !important; } }

@media (min-width: 1024.1px) {
  .ability-5 .scrollbar-wrap {
    max-height: 25.52083rem; } }

@media (min-width: 1600px) {
  .ability-5 .scrollbar-wrap {
    max-height: 22.39583rem; } }
  .ability-5 .list li {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
    .ability-5 .list li:not(:last-child) {
  margin-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); }

.about-1 {
  position: relative; }

@media (min-width: 1024.1px) {
  .about-1::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: -webkit-linear-gradient(left, white 43%, rgba(255, 255, 255, 0.35) 60%, rgba(255, 255, 255, 0) 75%);    background: linear-gradient(90deg, white 43%, rgba(255, 255, 255, 0.35) 60%, rgba(255, 255, 255, 0) 75%); } }

@media (max-width: 1199px) {
  .about-1 {
    padding-top: 0 !important; } }

@media (min-width: 1200.1px) {
  .about-1 {
    padding: calc(  var(--header-height) + 30px) 0 10.41667rem; } }
  .about-1 .img-bg {
  height: 100%;
  width: 100%; }

@media (min-width: 1024.1px) {
  .about-1 .img-bg {
    max-width: 58.33333rem; } }
    .about-1 .img-bg a {
  height: 100%;
  width: 100%; }
      .about-1 .img-bg a img {
  height: 100%;
  width: 100%; }

@media (max-width: 1023px) {
  .about-1 .img-bg a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 85.71429%; }
    .about-1 .img-bg a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }
  .about-1 .heading-4 {
    background: -webkit-linear-gradient(left, rgba(0, 179, 92, 0.2) 0%, rgba(0, 179, 92, 0) 100%);
    background: linear-gradient(90deg, rgba(0, 179, 92, 0.2) 0%, rgba(0, 179, 92, 0) 100%); }
  @media screen and (max-width: 1024px) {
    .about-1 .row {
    margin-bottom: 0; }
      .about-1 .row .col {
    margin: 0; } }
  .about-1 .container {
  position: relative;
  z-index: 60; }

.about-2 {
  background: -webkit-linear-gradient(top, #F2F7FF 0%, #CEE3FF 100%);
  background: linear-gradient(180deg, #F2F7FF 0%, #CEE3FF 100%); }
  .about-2 .container::before {
    content: '';
    pointer-events: none;
    position: absolute;
    right: 100%;
    bottom: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem);
    z-index: 100;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/icon/title-1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 7.08333rem;
    max-height: 37.5rem; }
  .about-2 .container::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem);
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/overlay/about-1.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    max-width: 40.625rem; }
  .about-2 .img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
    .about-2 .img img {
  height: 100%;
  object-fit: contain; }
      @media screen and (max-width: 1400px) {
        .about-2 .img img {
    height: auto; } }

@media (max-width: 1199px) {
  .about-2 .img img {
    max-height: 20.83333rem; }
  .about-2 .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }
  .about-2 .quotes-txt::before {
    content: '';
    pointer-events: none;
    position: absolute;
    left: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    z-index: 100;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/icon/open-quote.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 2.70833rem;
    height: 2.1875rem;
    top: -0.83333rem; }
  .about-2 .info::before {
    content: '';
    pointer-events: none;
    position: absolute;
    right: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    z-index: 100;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background: url("../img/icon/close-quote.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 2.70833rem;
    height: 2.1875rem;
    top: -1.25rem; }
  .about-2 .name {
    font-family: '1FTV VIP Alishanty Signature'; }
  .about-2 .bg-wrap::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.8;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    -webkit-backdrop-filter: blur(25.3px);    backdrop-filter: blur(25.3px); }

.about-3 .history-swiper::after {
  content: '';
  pointer-events: none;
  z-index: 10;
  display: block;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }

@media (max-width: 1023px) {
  .about-3 .history-swiper::after {
    display: none; } }

.about-3 .history-swiper .swiper {
  position: relative;
  z-index: 40; }

@media (min-width: 1024.1px) {
  .about-3 .txt {
    height: 100%;
    width: 100%;    -webkit-box-flex: 1;    -webkit-flex: 1 1 auto;    -ms-flex: 1 1 auto;    flex: 1 1 auto; }
  .about-3 .img {
    height: 100%;
    width: 100%;    -webkit-box-flex: 1;    -webkit-flex: 1 1 auto;    -ms-flex: 1 1 auto;    flex: 1 1 auto; } }

.about-3 .img a {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 50%; }
  .about-3 .img a img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all; }

.about-3 .swiper-slide {
  height: auto; }
  .about-3 .swiper-slide .desc {
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
    @media screen and (max-width: 1024px) {
      .about-3 .swiper-slide .desc {
    margin-bottom: clamp(12px, 1.0416666666666665vw, 1.0416666666666665rem);
    opacity: 0; } }
    .about-3 .swiper-slide .desc strong {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
  .about-3 .swiper-slide.swiper-slide-active .desc {
  opacity: 1; }
  .about-3 .swiper-slide.swiper-slide-active .year {
  --tw-text-opacity: 1;
  color: rgb(0 179 92 / var(--tw-text-opacity, 1)); }
  .about-3 .swiper-slide.swiper-slide-active .item::after {
    width: 1.875rem;
    height: 1.875rem;
    border-color: transparent;    background: url("../img/icon/dot.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

.about-3 .item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;  min-height: 20.83333rem; }

@media (min-width: 1024.1px) {
  .about-3 .item {
    gap: 4.16667rem;
    min-height: 31.25rem; } }
  @media screen and (min-width: 1400px) {
    .about-3 .item {
      min-height: 31.25rem;
      gap: 3.38542rem; } }

@media (min-width: 1600px) {
  .about-3 .item {
    min-height: 20.83333rem; } }
  .about-3 .item::after {
    content: '';
    pointer-events: none;
    left: 1px;
    z-index: 30;
    display: block;
    height: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
    width: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
    min-width: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1));
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
    @media screen and (max-width: 1024px) {
      .about-3 .item::after {
    display: none; } }

.about-3 .year {
  margin-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
  font-weight: 700; }

.about-3 .desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; }

@media (min-width: 1024.1px) {
  .about-3 .swiper-slide:nth-child(odd) .txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .apply-frm #ctl00_phMain_jobApply_pnlNewComment .about-3 .swiper-slide:nth-child(odd) .txt {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .apply-frm #ctl00_phMain_jobApply_pnlNewComment .about-3 .swiper-slide:nth-child(odd) .txt > .form-group {
        margin-bottom: 30px; }
      @media (min-width: 576px) {
        .apply-frm #ctl00_phMain_jobApply_pnlNewComment .about-3 .swiper-slide:nth-child(odd) .txt {
          margin: 0 -10px; }
          .apply-frm #ctl00_phMain_jobApply_pnlNewComment .about-3 .swiper-slide:nth-child(odd) .txt > .form-group {
            padding: 0 10px; } }
  .about-3 .swiper-slide:nth-child(odd) .txt {    -webkit-box-pack: end;    -webkit-justify-content: flex-end;    -ms-flex-pack: end;    justify-content: flex-end; }
    .about-3 .swiper-slide:nth-child(odd) .txt .year {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0;
    padding-top: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); }
    .about-3 .swiper-slide:nth-child(odd) .txt .desc {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .about-3 .swiper-slide:nth-child(even) .img {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .about-3 .swiper-slide:nth-child(even) .img a {
    width: 100%; }
  .about-3 .swiper-slide:nth-child(even) .txt {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    padding-bottom: 0; } }

@media (max-width: 1023px) {
  .about-3 .swiper-nav {
    margin-top: clamp(22px, 2.083333333333333vw, 2.083333333333333rem); } }

.about-4 .item {
  box-shadow: 0 4px 4px 0 rgba(31, 34, 39, 0.08); }

.about-4 .btn.btn-tertiary span, .about-4 .btn.btn-tertiary em, .about-4 .btn.btn-tertiary i {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.about-4 .swiper-slide:nth-child(1) .item {
  --tw-bg-opacity: 1;
  background-color: rgb(206 227 255 / var(--tw-bg-opacity, 1)); }

.about-4 .swiper-slide:nth-child(1) .btn.btn-tertiary span, .about-4 .swiper-slide:nth-child(1) .btn.btn-tertiary em, .about-4 .swiper-slide:nth-child(1) .btn.btn-tertiary i {
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

.about-4 .swiper-slide:nth-child(2) .heading-2, .about-4 .swiper-slide:nth-child(2) .desc, .about-4 .swiper-slide:nth-child(3) .heading-2, .about-4 .swiper-slide:nth-child(3) .desc {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

.about-4 .swiper-slide:nth-child(2) .item {
  --tw-bg-opacity: 1;
  background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1)); }

.about-4 .swiper-slide:nth-child(3) .item {
  --tw-bg-opacity: 1;
  background-color: rgb(0 179 92 / var(--tw-bg-opacity, 1)); }

.about-6 .prev, .about-6 .next {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.2; }
  .about-6 .prev:before, .about-6 .next:before {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

@media (max-width: 1023px) {
  .about-6 .prev, .about-6 .next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .about-6 .prev {
    left: calc(clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem) * -1); }
  .about-6 .next {
    right: calc(clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem) * -1); } }

.profile-item .img {
  position: relative; }
  .profile-item .img::before, .profile-item .img::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;    background-repeat: no-repeat !important; }
  .profile-item .img::before {
    background: url("../img/icon/line-1.png");
    background-size: contain !important;
    background-position: center left !important;
    height: 11.97917rem; }
  .profile-item .img::after {
  z-index: 60;    background: url("../img/icon/line-2.png");
    background-size: contain !important;
    background-position: bottom right !important;
    height: 5.20833rem; }
    @media screen and (max-width: 576px) {
      .profile-item .img::after {
        background-position: bottom center !important; } }
  .profile-item .img a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 15.72917rem;
    width: auto;
    position: relative;
    z-index: 30;
    margin-left: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center }
    .profile-item .img a img {
      width: auto;
      height: 100%;
      object-fit: contain; }

:root {
  --swiper-image-ratio: 75%;
  --swiper-width: 20%;
  --scalingx: .8;
  --scalingy: .8; }

.about-7 .item {
  position: relative; }

.about-7 .txt {
  -webkit-transition: .3s all  ease-in-out;
  transition: .3s all  ease-in-out; }

@media (min-width: 1024.1px) {
  .about-7 .txt {
    top: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out; }
  .about-7 .prev, .about-7 .next {
    top: 36%; } }

@media (max-width: 1023px) {
  .about-7 .swiper {
    margin-bottom: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem); } }

@media (min-width: 1024.1px) {
  .about-7 .swiper {
    padding-bottom: 120px; } }

@media (min-width: 1600px) {
  .about-7 .swiper {
    padding-bottom: clamp(50px, 5.208333333333334vw, 5.208333333333334rem); } }

.about-7 .large-center-swiper {
  position: relative; }

@media (min-width: 576.1px) {
  .about-7 .large-center-swiper {
    margin-top: clamp(22px, 2.083333333333333vw, 2.083333333333333rem);
    padding-left: 20px;
    padding-right: 20px; } }
  .about-7 .large-center-swiper .img {
  height: 100%;
  width: 100%; }
    .about-7 .large-center-swiper .img a {
      position: relative;
      display: block;
      height: 0;
      overflow: hidden;
      padding-top: var(--swiper-image-ratio); }
      .about-7 .large-center-swiper .img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);        width: 100%;
        height: 100%;
        object-fit: contain;
        -webkit-transition: .3s ease-in-out all;
        transition: .3s ease-in-out all; }

.about-7 .swiper-slide {
  width: var(--swiper-width);
  padding: 0;
  -webkit-transition: .3s all  ease-in-out;
  transition: .3s all  ease-in-out; }
  .about-7 .swiper-slide .img {
  opacity: 0.3;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out; }
  .about-7 .swiper-slide .item {
    -webkit-transition: .3s all  ease-in-out;
    transition: .3s all  ease-in-out; }
    .about-7 .swiper-slide .item .wrap {
      -webkit-transition: .3s all  ease-in-out;
      transition: .3s all  ease-in-out; }
  .about-7 .swiper-slide .item {
    -webkit-transform: scale(var(--scalingx), var(--scalingy)) translateZ(0);
            transform: scale(var(--scalingx), var(--scalingy)) translateZ(0); }
    .about-7 .swiper-slide .item .wrap .box {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      height: auto;
      text-align: center;
      overflow: hidden }
      .about-7 .swiper-slide .item .wrap .box img {
        -webkit-transform: scale(1, 1) translate(-50%, -50%);
                transform: scale(1, 1) translate(-50%, -50%);
        object-fit: cover }
  .about-7 .swiper-slide.swiper-slide-active .txt {
  opacity: 1; }
  .about-7 .swiper-slide.swiper-slide-active .item {
    -webkit-transform: scale(1) translateZ(0) !important;
            transform: scale(1) translateZ(0) !important; }
    .about-7 .swiper-slide.swiper-slide-active .item .img {
  opacity: 1; }
    .about-7 .swiper-slide.swiper-slide-active .item .wrap {
      -webkit-transform: scale(1) !important;
              transform: scale(1) !important; }
      .about-7 .swiper-slide.swiper-slide-active .item .wrap img {
        -webkit-transform: scale(1) translate(-50%, -50%) !important;
                transform: scale(1) translate(-50%, -50%) !important; }

.culture-1::before {
  content: '';
  width: 11.04167rem;
  height: 10.9375rem;
  top: unset;
  bottom: 0;
  right: 0;
  background: url("../img/overlay/culture-1.png");
  background-repeat: no-repeat !important;
  background-size: contain  !important;
  background-position: bottom right  !important;
  pointer-events: none;
  position: absolute;
  z-index: 10;
  display: block;
  -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out }
  @media screen and (max-width: 1024px) {
    .culture-1::before {
      width: 6.25rem;
      height: 6.25rem; } }

.culture-1 .row {
  margin: 0;
  padding: 0; }

.culture-1 .col {
  margin: 0;
  padding: 0; }

@media (min-width: 1200.1px) {
  .culture-1 .col:nth-child(1) {
    width: 33.33%; }
  .culture-1 .col:nth-child(2) {
    width: 66.67%; } }

.culture-1 .block-wrap {
  padding-top: clamp(33px, 3.125vw, 3.125rem);
  padding-bottom: clamp(33px, 3.125vw, 3.125rem);
  padding-left: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
  padding-right: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); }

@media (min-width: 1200.1px) {
  .culture-1 .block-wrap {
    padding: calc( var(--header-height) + 2.5rem) 0 2.08333rem 3.125rem; } }

.culture-1 .img {
  height: 100%;
  width: 100%; }
  .culture-1 .img a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100% }
    .culture-1 .img a img {
  height: 100%;
  width: 100%;      object-fit: cover; }

@media (max-width: 1199px) {
  .culture-1 .img a {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 100%; }
    .culture-1 .img a img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      -webkit-transition: .3s ease-in-out all;
      transition: .3s ease-in-out all; } }

.culture-1 .btn-tertiary:hover span, .culture-1 .btn-tertiary:hover em, .culture-1 .btn-tertiary:hover i {
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }

.culture-1 .btn-tertiary span, .culture-1 .btn-tertiary em, .culture-1 .btn-tertiary i {
  --tw-text-opacity: 1;
  color: rgb(129 129 129 / var(--tw-text-opacity, 1)); }

.culture-1 .title {
  display: -webkit-box;
  font-size: clamp(1.04167rem, 1.25rem, 1.25rem);
  height: calc(1.25rem * 1.35 * 2);
  min-height: calc(1.04167rem * 1.35 * 2);
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.culture-1 .desc {
  display: -webkit-box;
  font-size: clamp(0.78125rem, 0.83333rem, 0.83333rem);
  height: calc(0.83333rem * 1.4 * 2);
  min-height: calc(0.78125rem * 1.4 * 2);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.news-figure-big {
  height: 100%;  -webkit-box-align: start !important;  -webkit-align-items: flex-start !important;  -ms-flex-align: start !important;  align-items: flex-start !important; }

@media (max-width: 767px) {
  .news-figure-big {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; } }

@media (min-width: 768.1px) {
  .news-figure-big {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }
  .news-figure-big .img {
  width: 100%; }

@media (min-width: 768.1px) {
  .news-figure-big .img {
    height: 100%;    width: 47.77%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; } }
    .news-figure-big .img a {
      position: relative;
      display: block;
      height: 0;
      overflow: hidden;
      padding-top: 100%; }
      .news-figure-big .img a img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover;
        -webkit-transition: .3s ease-in-out all;
        transition: .3s ease-in-out all; }

@media (max-width: 767px) {
  .news-figure-big .txt {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; } }

@media (min-width: 768.1px) {
  .news-figure-big .txt {
    width: 52.23%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; } }

.contact-us .row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.contact-us .btn em, .contact-us .btn i {
  -webkit-transform: none !important;
          transform: none !important; }

.contact-us address {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-style: normal; }
  .contact-us address p {
  margin-bottom: 0; }
  .contact-us address li {
  margin-bottom: clamp(8px, 0.625vw, 0.625rem);
  font-size: clamp(14px, calc(16 / 1920 * 100vw), 0.8333333333333334rem);
  line-height: 1.4;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;    -webkit-box-align: start;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start; }
    .contact-us address li * {
      font: inherit; }
  .contact-us address em, .contact-us address i {
  display: inline-block;
  width: clamp(14px, 1.25vw, 1.25rem);
  min-width: clamp(14px, 1.25vw, 1.25rem);
  font-family: 'Font Awesome 6 Pro';
  font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);
  line-height: 1.4;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }
  .contact-us address .icon {
  margin-right: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem); }
    .contact-us address .icon img {
      max-width: 24px; }
  .contact-us address a {
  display: inline-block; }
    .contact-us address a:hover {
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline; }

.contact-us .frm-msg span {
  --tw-text-opacity: 1;
  color: rgb(16 72 145 / var(--tw-text-opacity, 1)); }

@media (min-width: 1024.1px) {
  .contact-us .wrap-form .form-group textarea {
    height: 120px; } }

@media (max-width: 767px) {
  .contact-us .wrap-form .frm-btnwrap {
    margin-top: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem); } }

.loader {
  margin-top: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
  margin-bottom: clamp(11px, 0.8333333333333334vw, 0.8333333333333334rem);
  display: none; }
  .loader svg {
  width: 40px; }

.map-wrap a {
  display: block;
  height: 450px;
  overflow: hidden;  text-align: center;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .map-wrap a {
      height: 400px; } }
  @media screen and (max-width: 576px) {
    .map-wrap a {
      height: 300px; } }
  .map-wrap a iframe {
  display: inline-block;
  height: 100%;
  width: 100%; }

.field-list {
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #CEE3FF 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #CEE3FF 100%); }
  .field-list::before {
    content: '';
    width: 27.23958rem;
    height: 43.95833rem;
    top: unset;
    bottom: 0;
    right: 0;
    background: url("../img/overlay/field-1.svg");
    background-repeat: no-repeat !important;
    background-size: contain  !important;
    background-position: bottom right  !important;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    display: block;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
    @media screen and (max-width: 1024px) {
      .field-list::before {
        width: 6.25rem;
        height: 6.25rem; } }

@media (min-width: 768.1px) {
  .field-list {
    padding-bottom: 8.33333rem; }
  .field-list .item {
    width: 19.79167rem;
    height: 19.79167rem;
    position: relative;
    display: inline-block;
    margin-bottom: -3.54167rem; }
    .field-list .item::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      -webkit-clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
              clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
      -webkit-transform: scale(1.077);
              transform: scale(1.077);
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s; } }
  .field-list .item:hover a::before {
  opacity: 0; }
  .field-list .item:hover a::after {
  opacity: 1; }
  .field-list .item:hover .txt-grid {
    grid-template-rows: 1fr; }
  .field-list .item a::before, .field-list .item a::after {
    content: '';
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
  .field-list .item a::before {
    background: -webkit-linear-gradient(top, rgba(16, 72, 145, 0) 0%, rgba(16, 72, 145, 0.8) 100%);
    background: linear-gradient(180deg, rgba(16, 72, 145, 0) 0%, rgba(16, 72, 145, 0.8) 100%); }

@media (min-width: 768.1px) {
  .field-list .item a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    -webkit-clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%);
            clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%); }
    .field-list .item a::after {
    background-color: rgb(16 72 145 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 0.8;
    opacity: 0; } }
  .field-list .item a img {
  height: 100%;
  width: 100%;
  object-fit: cover; }
  .field-list .title {
  font-size: clamp(18px, calc(20 / 1920 * 100vw), 1.0416666666666665rem);
  line-height: 1.4;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }

@media (min-width: 1200.1px) {
  .field-list .title {
    font-size: clamp(24px, calc(28 / 1920 * 100vw), 1.4583333333333333rem); } }

.honeycomb {
  display: grid; }

@media (max-width: 767px) {
  .honeycomb {
    grid-template-columns: repeat(3, 8.33333rem); }
    .honeycomb .item:nth-child(3n+1) {
      grid-column: 1; }
    .honeycomb .item:nth-child(3n+2) {
      grid-column: 3; }
    .honeycomb .item:nth-child(3n+0) {
      grid-column: 2; } }

@media (min-width: 768.1px) {
  .honeycomb {
    grid-template-columns: repeat(6, 9.89583rem); }
    .honeycomb .item:nth-child(5n+1) {
      grid-column: 1; }
    .honeycomb .item:nth-child(5n+2) {
      grid-column: 3; }
    .honeycomb .item:nth-child(5n+3) {
      grid-column: 5; }
    .honeycomb .item:nth-child(5n+4) {
      grid-column: 2; }
    .honeycomb .item:nth-child(5n+0) {
      grid-column: 4; } }

@media (max-width: 1023px) {
  .field-block-list {
    padding-bottom: clamp(40px, 4.166666666666666vw, 4.166666666666666rem);    background: -webkit-linear-gradient(305deg, #C8E0FF 2.47%, #D3E6FF 100%);    background: linear-gradient(145deg, #C8E0FF 2.47%, #D3E6FF 100%); } }

.field-block-list .row {
  margin: 0;
  padding: 0; }
  .field-block-list .row .col {
  margin: 0;
  padding: 0; }

@media (min-width: 1024.1px) {
  .field-block-list .container-fluid {
    padding: 0; } }

.field-block-list .container-fluid .col {
  position: relative; }

@media (max-width: 1023px) {
  .field-block-list .container {
    max-width: 100%; } }

@media (min-width: 1024.1px) {
  .field-block-list .txt {
    padding: 7.8125rem 4.16667rem; } }

.field-block-list .scrollbar-wrap {
  max-height: 6.25rem; }

@media (min-width: 1024.1px) {
  .field-block-list .img {
    padding-left: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem); } }

.field-block-list .block-wrap {
  background: -webkit-linear-gradient(305deg, #C8E0FF 2.47%, #D3E6FF 100%);
  background: linear-gradient(145deg, #C8E0FF 2.47%, #D3E6FF 100%); }

@media (max-width: 1023px) {
  .field-block-list .block-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .field-block-list .block-wrap:not(:last-child) {
    margin-bottom: clamp(33px, 3.125vw, 3.125rem); } }

@media (min-width: 1024.1px) {
  .field-block-list .block-wrap:nth-child(odd) .container-fluid .col:first-child::before {
    content: '';
    width: 34.89583rem;
    height: 42.23958rem;
    top: unset;
    bottom: 0;
    left: 0;
    background: url("../img/overlay/field-2.png");
    background-repeat: no-repeat !important;
    background-size: contain  !important;
    background-position: bottom left !important;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    display: block;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
    @media screen and (max-width: 1024px) {
      .field-block-list .block-wrap:nth-child(odd) .container-fluid .col:first-child::before {
        width: 6.25rem;
        height: 6.25rem; } }
  .field-block-list .block-wrap:nth-child(even) .container-fluid .col:first-child::before {
    content: '';
    width: 34.89583rem;
    height: 42.23958rem;
    top: unset;
    bottom: 0;
    right: 0;
    background: url("../img/overlay/field-2.png");
    background-repeat: no-repeat !important;
    background-size: contain  !important;
    background-position: bottom right  !important;
    pointer-events: none;
    position: absolute;
    z-index: 10;
    display: block;
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out }
    @media screen and (max-width: 1024px) {
      .field-block-list .block-wrap:nth-child(even) .container-fluid .col:first-child::before {
        width: 6.25rem;
        height: 6.25rem; } }
  .field-block-list .block-wrap:nth-child(even) .bg-wrap {
    padding-right: 0;
    padding-left: clamp(40px, 4.166666666666666vw, 4.166666666666666rem); }
  .field-block-list .block-wrap:nth-child(even) .img {
    padding-right: clamp(19px, 1.6666666666666667vw, 1.6666666666666667rem);
    padding-left: 0; } }
  .field-block-list .block-wrap:nth-child(even) .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.field-block-list .heading-1-up {
  font-weight: 800; }
  .field-block-list .heading-1-up * {
  font-weight: 800; }

/*# sourceMappingURL=main.min.css.map */