#Header {
  padding-top: 20px;
}

@media (min-width:1080px) {
  html.vc_desktop #Footer {
    padding-bottom: 180px;
  }
}

#TopFixed {
  opacity: 0;
  pointer-events: none;
}

#TopFixed.on {
  opacity: 1;
  pointer-events: initial;
}

#TopFixed .button-box {
  top: calc(100vh - 30px);
  transform: translateY(-100%);
}

#TopFixed .button-box .share-button,
#TopFixed .button-box .print-button {
  display: none;
}

.goal-head {
  position: relative;
  top: 0;
}

.index-overline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px;
  font-size: var(--font-size-s);
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.index-overline::before {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: var(--point-color);
}
.index-title {
  margin: 20px 0 0;
  font-size: var(--font-size-xxxl);
  line-height: 1.2;
  text-wrap: balance;
}
.index-title+.index-title {
  margin-top: 0;
}
.index-subtitle {
  margin: 34px 0 0;
  text-wrap: balance;
}

/************************************/
/*            #Gateway              */
/************************************/
#Index {
  opacity: 0;
}

#Gateway {
  display: none;
  background-color: rgb(var(--rgb-background2));
}

#Gateway .container {
  padding: 2vw 0 5vw;  
  width: 800px;
}

#Gateway .logo {
  margin: 0 0 1.5vw;
}

#Gateway .logo a {
  display: block;
}

#Gateway .logo img {
  display: block;
  margin: 0 auto;
  height: 140px;
}

#Gateway .bg-blue {
  background-color: #005ec7;
}

#Gateway a.bg-blue:hover {
  background-color: #003a7c;
}

#Gateway .bg-green {
  background-color: #34a11a;
}

#Gateway a.bg-green:hover {
  background-color: #1b7006;
}

#Gateway .bg-orange {
  background-color: rgb(var(--rgb-orange-main));
}

#Gateway a.bg-orange:hover {
  background-color: #c72e00;
}

#Gateway .menu {
  display: block;
  margin: 0 auto 2.5vw;
}

#Gateway .menu ul {
  display: flex;
  justify-content: center;
  gap: 12px;
}

#Gateway .menu a {
  display: block;
  padding: 12px 20px;
  color: #fff;
  font-size: var(--font-size-m);
  font-weight: 600;
  border-radius: var(--border-radius-l);
  text-align: center;
  white-space: nowrap;
  transition: all .2s ease;
}

#Gateway .link {
  display: block;
  margin: 0 auto 1vw;
  padding: 24px;
  border-radius: var(--border-radius-l);
  background: #fff;
  overflow: hidden;
}

#Gateway .link ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  font-size: var(--font-size);
  font-weight: 600;
  text-align: center;
}

#Gateway .link ul a {
  display: block;
  position: relative;
}

#Gateway .link ul h6 {
  margin: 2px 0 0;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size-s);
  font-weight: 420;
}
#Gateway .link ul .d-day {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  margin: 0;
  padding: 0;
  width: 4em;
  height: 3em;
  color: rgb(var(--rgb-text-white));
  font-size: var(--font-size-s);
  font-weight: 600;
  text-align: center;
  border-radius: var(--border-radius-pill);
  background-color: rgb(var(--color));
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}


#Gateway .link ul a div {
  display: block;
  margin: 0 0 .6em;
  width: 100%;
  border-radius: var(--border-radius);
  aspect-ratio: 2 / 1;
  overflow: hidden;
}

#Gateway .link ul a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .75s cubic-bezier(.2, .75, .5, 1), opacity .5s ease .3s;
}

#Gateway .link ul a:hover img {
  transform: scale(1.1);
}

#Gateway .sns {
  display: block;
  margin: 0 auto 1vw;
  padding: 16px;
  width: 100%;
  border-radius: var(--border-radius-l);
  background: #fff;
  overflow: hidden;
}

#Gateway .sns ul {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  font-size: var(--font-size-m);
  font-weight: 600;
}
#Gateway .sns a {
  white-space: nowrap;
}

#Gateway .family {
  display: block;
  margin: 0 auto;
  padding: 16px;
  width: 100%;
  border-radius: var(--border-radius-l);
  background: #fff;
  overflow: hidden;
}

#Gateway .family ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
  font-weight: 600;
}

/************************************/
/*          #IndexVisual            */
/************************************/

#IndexVisual {
  --swiper-theme-color: #fff;
  --swiper-navigation-size: 32px;
  --swiper-pagination-bottom: 30px;
  --swiper-pagination-bullet-size: 14px;
  --swiper-pagination-bullet-border-radius: 7px;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.8;
  position: relative;
  margin: -100px 0 0;
  height: 100vh;
  height: 100svh;
  /* border-radius: 0 0 40vh 0; */
  border-radius: var(--visual-border-radius);
  overflow: hidden;
}

#IndexVisualBg {
  width: 100%;
  height: 100%;
}

#IndexVisualBg .swiper-slide {
  background-color: rgb(var(--rgb-background2));
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}

#IndexVisualBg .swiper-slide-망::after {
  display: block;
  position: absolute;
  z-index: 2;
  inset: 0;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 3 3'><rect x='0' y='0' width='1' height='1' fill='black'/></svg>");
  background-repeat: repeat;
  background-size: 3px 3px;
  pointer-events: none;
  content: "";
  opacity: 0.1;
}

#IndexVisualBg .swiper-slide>img {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
}

#IndexVisualBg .swiper-slide-prev>img {
  transform: scale(1);
}

#IndexVisualBg .swiper-slide-next>img {
  transform: scale(1.2);
}

#IndexVisualBg .swiper-slide-active>img {
  animation-name: dj-index-visual;
  animation-duration: 7s;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-play-state: paused;
  transform: scale(1);
}

#IndexVisualBg.swiper.play .swiper-slide-active>img {
  animation-play-state: running;
}

@keyframes dj-index-visual {
  0% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

#IndexVisualBg .swiper-slide::before {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.5) 70%);
  content: '';
  transition: opacity 2s ease 1.5s;
  opacity: 0.3;
}

#IndexVisualBg .swiper-slide-ready::before {
  transition: opacity 2s ease;
  opacity: 1;
}

#IndexVisualBg .swiper-slide .container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  margin: 0 0 0 var(--container-outside);
  padding: 0;
  width: 900px;
  height: 100%;
  z-index: 3;
}


#IndexVisualBg .swiper-slide h2 {
  position: relative;
  z-index: 2;
  margin: 0 0 .2em;
  padding: 0;
  color: rgb(var(--rgb-text-white));
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.04em;
  transition: transform 0.7s ease .2s, opacity 1.2s ease .2s;
  transform: translate(0, 50px);
  opacity: 0;
}

#IndexVisualBg .swiper-slide-ready h2 {
  transition: transform 0.7s ease, opacity 1.2s ease;
  transform: translate(0, 0px);
  opacity: 1;
}

#IndexVisualBg .swiper-slide h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  color: rgb(var(--rgb-text-white));
  font-size: var(--font-size-l);
  font-weight: 450;
  line-height: 1.3;
  transition: transform 0.7s ease .2s, opacity 0.7s ease .2s;
  transform: translate(0, 50px);
  opacity: 0;
}

#IndexVisualBg .swiper-slide-ready h3 {
  transition: transform 0.7s ease 0.2s, opacity 0.7s ease 0.2s;
  transform: translate(0, 0px);
  opacity: 0.9;
}

#IndexVisualBg .swiper-slide h3 strong {
  color: rgb(var(--rgb-blue-main));
}

#IndexVisualBg .swiper-slide .location {
  display: flex;
  justify-content: space-between;
  margin: 28px 0 0;
  padding: 28px 0 60px;
  width: 800px;
  color: #fff;
  border-top: 1px solid #fff7;
  transition: transform 0.7s ease 0.6s, opacity 0.7s ease 0.6s;
  transform: translate(0, 50px);
  opacity: 0;
}

#IndexVisualBg .swiper-slide-ready .location {
  transition: transform 0.7s ease 0.6s, opacity 0.7s ease 0.6s;
  transform: translate(0, 0px);
  opacity: 1;
}


#IndexVisualList {
  position: absolute;
  bottom: max(50%, 370px);
  right: var(--container-outside);
  z-index: 10;
  padding: 2px;
  transform: translateY(60%);
}

#IndexVisualList .swiper-wrapper {
  display: flex;
  flex-direction: column;
}

#IndexVisualList .swiper-slide {
  color: #fff;
}

#IndexVisualList .swiper-slide {
  display: block;
  width: 100%;
  height: auto;
}

#IndexVisualList .swiper-slide::before {
  content: '';
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 24px;
  background-color: #fff;
}

#IndexVisualList .swiper-slide button {
  display: block;
  position: relative;
  padding: 0.8em 0 0.8em 0.8em;
  width: 100%;
  color: rgba(255, 255, 255, 1);
  font-size: var(--font-size);
  font-weight: 500;
  text-align: left;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  background: transparent;
  cursor: pointer;
  transition: color 0.25s ease, padding 0.25s ease;
}

#IndexVisualList .swiper-slide.is-active::before {
  display: block;
}

/* #IndexVisualList .swiper-slide.is-active button {
  color: rgba(255, 255, 255, 1);
} */

#IndexVisualList .swiper-button-prev,
#IndexVisualList .swiper-button-next {
  --swiper-navigation-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: auto 0 0 auto;
  opacity: 1;
  transform: rotate(270deg);
  margin: 0;
  width: 38px;
  height: 40px;
}

#IndexVisualList .swiper-button-prev {
  inset: auto auto 0 0;
}

#IndexVisualList .swiper-button-prev>svg,
#IndexVisualList .swiper-button-next>svg {
  width: 16px;
  height: 16px;
}

#IndexVisualList .swiper-button-next:hover,
#IndexVisualList .swiper-button-prev:hover {
  color: rgb(var(--rgb-blue-main));
  opacity: 1;
}

#IndexVisualList .swiper-btns {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  padding: 0 2px;
}

#IndexVisualList .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
  transform: none;
  left: 0;
  right: 0;
  top: 0;
  margin: 20px 0 0;
}

#IndexVisualList .swiper-pagination-bullet {
  position: relative;
  margin: 0;
  overflow: hidden;
  transition: .3s ease;
}

#IndexVisualList .swiper-pagination-bullet:hover {
  background-color: rgb(var(--rgb-blue-main));
  opacity: 1;
}

#IndexVisualList .swiper-pagination-bullet-active {
  width: 50px;
  background-color: rgb(var(--rgb-blue-main));
}

#IndexVisualList .label-text:hover {
  color: rgb(var(--rgb-blue-main));
}

#IndexVisualList .label-text::before {
  display: block;
  position: absolute;
  top: 0px;
  left: -15px;
  right: -15px;
  height: 100%;
  border-radius: var(--border-radius);
  z-index: -1;
  content: '';
  transition: transform 300ms ease, opacity 300ms linear, background 300ms linear;
  transform: scale(0.3);
  opacity: 0;
  background-color: rgba(255, 255, 255, 0);
}

#IndexVisualList .label-text:hover::before {
  transition: transform 300ms ease, opacity 0ms linear, background 300ms linear;
  transform: scale(1);
  background-color: rgba(255, 255, 255, 1);
  opacity: 1;
}

#IndexVisualList .btn-stop {
  display: flex;
  position: relative;
  width: 40px;
  height: 40px;
  opacity: var(--swiper-pagination-bullet-inactive-opacity);
  cursor: pointer;
  user-select: none;
}

#IndexVisualList .btn-stop.play {
  opacity: 1;
}

#IndexVisualList .btn-stop::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  /* 흰색 재생 이미지 */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iMTEiIGRhdGEtbmFtZT0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5Mi44MyAxOTIuODMiPgogIDxwb2x5Z29uIGZpbGw9IiNmZmZmZmYiIHBvaW50cz0iMTM2LjM3IDk2LjQyIDEzNS4zNSA5NS43OSAxMzQuMzQgOTUuMTcgMTMzLjMzIDk0LjU1IDEzMi4zMiA5My45MiAxMzEuMzEgOTMuMyAxMzAuMjkgOTIuNjggMTI5LjI4IDkyLjA2IDEyOC4yNyA5MS40MyAxMjcuMjYgOTAuODEgMTI2LjI1IDkwLjE5IDEyNS4yMyA4OS41NiAxMjQuMjIgODguOTQgMTIzLjIxIDg4LjMyIDEyMi4yIDg3LjY5IDEyMS4xOSA4Ny4wNyAxMjAuMTcgODYuNDUgMTE5LjE2IDg1LjgyIDExOC4xNSA4NS4yIDExNy4xNCA4NC41OCAxMTYuMTMgODMuOTYgMTE1LjExIDgzLjMzIDExNC4xIDgyLjcxIDExMy4wOSA4Mi4wOSAxMTIuMDggODEuNDYgMTExLjA3IDgwLjg0IDExMC4wNSA4MC4yMiAxMDkuMDQgNzkuNTkgMTA4LjAzIDc4Ljk3IDEwNy4wMiA3OC4zNSAxMDYuMDEgNzcuNzMgMTA0Ljk5IDc3LjEgMTAzLjk4IDc2LjQ4IDEwMi45NyA3NS44NiAxMDEuOTYgNzUuMjMgMTAwLjk1IDc0LjYxIDk5LjkzIDczLjk5IDk4LjkyIDczLjM2IDk3LjkxIDcyLjc0IDk2LjkgNzIuMTIgOTUuODkgNzEuNSA5NC44NyA3MC44NyA5My44NiA3MC4yNSA5Mi44NSA2OS42MyA5MS44NCA2OSA5MC44MyA2OC4zOCA4OS44MSA2Ny43NiA4OC44IDY3LjEzIDg3Ljc5IDY2LjUxIDg2Ljc4IDY1Ljg5IDg1Ljc3IDY1LjI3IDg0Ljc1IDY0LjY0IDgzLjc0IDY0LjAyIDgyLjczIDYzLjQgODEuNzIgNjIuNzcgODAuNzEgNjIuMTUgNzkuNjkgNjEuNTMgNzguNjggNjAuOSA3Ny42NyA2MC4yOCA3Ni42NiA1OS42NiA3NS42NSA1OS4wNCA3NC42MyA1OC40MSA3My42MiA1Ny43OSA3Mi42MSA1Ny4xNyA3MS42IDU2LjU0IDcxLjYgNTcuNzkgNzEuNiA1OS4wNCA3MS42IDYwLjI4IDcxLjYgNjEuNTMgNzEuNiA2Mi43NyA3MS42IDY0LjAyIDcxLjYgNjUuMjcgNzEuNiA2Ni41MSA3MS42IDY3Ljc2IDcxLjYgNjkgNzEuNiA3MC4yNSA3MS42IDcxLjUgNzEuNiA3Mi43NCA3MS42IDczLjk5IDcxLjYgNzUuMjMgNzEuNiA3Ni40OCA3MS42IDc3LjczIDcxLjYgNzguOTcgNzEuNiA4MC4yMiA3MS42IDgxLjQ2IDcxLjYgODIuNzEgNzEuNiA4My45NiA3MS42IDg1LjIgNzEuNiA4Ni40NSA3MS42IDg3LjY5IDcxLjYgODguOTQgNzEuNiA5MC4xOSA3MS42IDkxLjQzIDcxLjYgOTIuNjggNzEuNiA5My45MiA3MS42IDk1LjE3IDcxLjYgOTYuNDIgNzEuNiA5Ny42NiA3MS42IDk4LjkxIDcxLjYgMTAwLjE1IDcxLjYgMTAxLjQgNzEuNiAxMDIuNjUgNzEuNiAxMDMuODkgNzEuNiAxMDUuMTQgNzEuNiAxMDYuMzggNzEuNiAxMDcuNjMgNzEuNiAxMDguODggNzEuNiAxMTAuMTIgNzEuNiAxMTEuMzcgNzEuNiAxMTIuNjEgNzEuNiAxMTMuODYgNzEuNiAxMTUuMTEgNzEuNiAxMTYuMzUgNzEuNiAxMTcuNiA3MS42IDExOC44NCA3MS42IDEyMC4wOSA3MS42IDEyMS4zNCA3MS42IDEyMi41OCA3MS42IDEyMy44MyA3MS42IDEyNS4wNyA3MS42IDEyNi4zMiA3MS42IDEyNy41NyA3MS42IDEyOC44MSA3MS42IDEzMC4wNiA3MS42IDEzMS4zIDcxLjYgMTMyLjU1IDcxLjYgMTMzLjggNzEuNiAxMzUuMDQgNzEuNiAxMzYuMjkgNzIuNjEgMTM1LjY3IDczLjYyIDEzNS4wNCA3NC42MyAxMzQuNDIgNzUuNjUgMTMzLjggNzYuNjYgMTMzLjE3IDc3LjY3IDEzMi41NSA3OC42OCAxMzEuOTMgNzkuNjkgMTMxLjMgODAuNzEgMTMwLjY4IDgxLjcyIDEzMC4wNiA4Mi43MyAxMjkuNDQgODMuNzQgMTI4LjgxIDg0Ljc1IDEyOC4xOSA4NS43NyAxMjcuNTcgODYuNzggMTI2Ljk0IDg3Ljc5IDEyNi4zMiA4OC44IDEyNS43IDg5LjgxIDEyNS4wNyA5MC44MyAxMjQuNDUgOTEuODQgMTIzLjgzIDkyLjg1IDEyMy4yMSA5My44NiAxMjIuNTggOTQuODcgMTIxLjk2IDk1Ljg5IDEyMS4zNCA5Ni45IDEyMC43MSA5Ny45MSAxMjAuMDkgOTguOTIgMTE5LjQ3IDk5LjkzIDExOC44NCAxMDAuOTUgMTE4LjIyIDEwMS45NiAxMTcuNiAxMDIuOTcgMTE2Ljk4IDEwMy45OCAxMTYuMzUgMTA0Ljk5IDExNS43MyAxMDYuMDEgMTE1LjExIDEwNy4wMiAxMTQuNDggMTA4LjAzIDExMy44NiAxMDkuMDQgMTEzLjI0IDExMC4wNSAxMTIuNjEgMTExLjA3IDExMS45OSAxMTIuMDggMTExLjM3IDExMy4wOSAxMTAuNzUgMTE0LjEgMTEwLjEyIDExNS4xMSAxMDkuNSAxMTYuMTMgMTA4Ljg4IDExNy4xNCAxMDguMjUgMTE4LjE1IDEwNy42MyAxMTkuMTYgMTA3LjAxIDEyMC4xNyAxMDYuMzggMTIxLjE5IDEwNS43NiAxMjIuMiAxMDUuMTQgMTIzLjIxIDEwNC41MiAxMjQuMjIgMTAzLjg5IDEyNS4yMyAxMDMuMjcgMTI2LjI1IDEwMi42NSAxMjcuMjYgMTAyLjAyIDEyOC4yNyAxMDEuNCAxMjkuMjggMTAwLjc4IDEzMC4yOSAxMDAuMTUgMTMxLjMxIDk5LjUzIDEzMi4zMiA5OC45MSAxMzMuMzMgOTguMjkgMTM0LjM0IDk3LjY2IDEzNS4zNSA5Ny4wNCAxMzYuMzcgOTYuNDIiLz4KPC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: '';
}

#IndexVisualList .btn-stop:hover::before {
  /* 갈색 재생 이미지 */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iMTEiIGRhdGEtbmFtZT0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5Mi44MyAxOTIuODMiPgogIDxwb2x5Z29uIGZpbGw9IiNDMjc0NDAiIHBvaW50cz0iMTM2LjM3IDk2LjQyIDEzNS4zNSA5NS43OSAxMzQuMzQgOTUuMTcgMTMzLjMzIDk0LjU1IDEzMi4zMiA5My45MiAxMzEuMzEgOTMuMyAxMzAuMjkgOTIuNjggMTI5LjI4IDkyLjA2IDEyOC4yNyA5MS40MyAxMjcuMjYgOTAuODEgMTI2LjI1IDkwLjE5IDEyNS4yMyA4OS41NiAxMjQuMjIgODguOTQgMTIzLjIxIDg4LjMyIDEyMi4yIDg3LjY5IDEyMS4xOSA4Ny4wNyAxMjAuMTcgODYuNDUgMTE5LjE2IDg1LjgyIDExOC4xNSA4NS4yIDExNy4xNCA4NC41OCAxMTYuMTMgODMuOTYgMTE1LjExIDgzLjMzIDExNC4xIDgyLjcxIDExMy4wOSA4Mi4wOSAxMTIuMDggODEuNDYgMTExLjA3IDgwLjg0IDExMC4wNSA4MC4yMiAxMDkuMDQgNzkuNTkgMTA4LjAzIDc4Ljk3IDEwNy4wMiA3OC4zNSAxMDYuMDEgNzcuNzMgMTA0Ljk5IDc3LjEgMTAzLjk4IDc2LjQ4IDEwMi45NyA3NS44NiAxMDEuOTYgNzUuMjMgMTAwLjk1IDc0LjYxIDk5LjkzIDczLjk5IDk4LjkyIDczLjM2IDk3LjkxIDcyLjc0IDk2LjkgNzIuMTIgOTUuODkgNzEuNSA5NC44NyA3MC44NyA5My44NiA3MC4yNSA5Mi44NSA2OS42MyA5MS44NCA2OSA5MC44MyA2OC4zOCA4OS44MSA2Ny43NiA4OC44IDY3LjEzIDg3Ljc5IDY2LjUxIDg2Ljc4IDY1Ljg5IDg1Ljc3IDY1LjI3IDg0Ljc1IDY0LjY0IDgzLjc0IDY0LjAyIDgyLjczIDYzLjQgODEuNzIgNjIuNzcgODAuNzEgNjIuMTUgNzkuNjkgNjEuNTMgNzguNjggNjAuOSA3Ny42NyA2MC4yOCA3Ni42NiA1OS42NiA3NS42NSA1OS4wNCA3NC42MyA1OC40MSA3My42MiA1Ny43OSA3Mi42MSA1Ny4xNyA3MS42IDU2LjU0IDcxLjYgNTcuNzkgNzEuNiA1OS4wNCA3MS42IDYwLjI4IDcxLjYgNjEuNTMgNzEuNiA2Mi43NyA3MS42IDY0LjAyIDcxLjYgNjUuMjcgNzEuNiA2Ni41MSA3MS42IDY3Ljc2IDcxLjYgNjkgNzEuNiA3MC4yNSA3MS42IDcxLjUgNzEuNiA3Mi43NCA3MS42IDczLjk5IDcxLjYgNzUuMjMgNzEuNiA3Ni40OCA3MS42IDc3LjczIDcxLjYgNzguOTcgNzEuNiA4MC4yMiA3MS42IDgxLjQ2IDcxLjYgODIuNzEgNzEuNiA4My45NiA3MS42IDg1LjIgNzEuNiA4Ni40NSA3MS42IDg3LjY5IDcxLjYgODguOTQgNzEuNiA5MC4xOSA3MS42IDkxLjQzIDcxLjYgOTIuNjggNzEuNiA5My45MiA3MS42IDk1LjE3IDcxLjYgOTYuNDIgNzEuNiA5Ny42NiA3MS42IDk4LjkxIDcxLjYgMTAwLjE1IDcxLjYgMTAxLjQgNzEuNiAxMDIuNjUgNzEuNiAxMDMuODkgNzEuNiAxMDUuMTQgNzEuNiAxMDYuMzggNzEuNiAxMDcuNjMgNzEuNiAxMDguODggNzEuNiAxMTAuMTIgNzEuNiAxMTEuMzcgNzEuNiAxMTIuNjEgNzEuNiAxMTMuODYgNzEuNiAxMTUuMTEgNzEuNiAxMTYuMzUgNzEuNiAxMTcuNiA3MS42IDExOC44NCA3MS42IDEyMC4wOSA3MS42IDEyMS4zNCA3MS42IDEyMi41OCA3MS42IDEyMy44MyA3MS42IDEyNS4wNyA3MS42IDEyNi4zMiA3MS42IDEyNy41NyA3MS42IDEyOC44MSA3MS42IDEzMC4wNiA3MS42IDEzMS4zIDcxLjYgMTMyLjU1IDcxLjYgMTMzLjggNzEuNiAxMzUuMDQgNzEuNiAxMzYuMjkgNzIuNjEgMTM1LjY3IDczLjYyIDEzNS4wNCA3NC42MyAxMzQuNDIgNzUuNjUgMTMzLjggNzYuNjYgMTMzLjE3IDc3LjY3IDEzMi41NSA3OC42OCAxMzEuOTMgNzkuNjkgMTMxLjMgODAuNzEgMTMwLjY4IDgxLjcyIDEzMC4wNiA4Mi43MyAxMjkuNDQgODMuNzQgMTI4LjgxIDg0Ljc1IDEyOC4xOSA4NS43NyAxMjcuNTcgODYuNzggMTI2Ljk0IDg3Ljc5IDEyNi4zMiA4OC44IDEyNS43IDg5LjgxIDEyNS4wNyA5MC44MyAxMjQuNDUgOTEuODQgMTIzLjgzIDkyLjg1IDEyMy4yMSA5My44NiAxMjIuNTggOTQuODcgMTIxLjk2IDk1Ljg5IDEyMS4zNCA5Ni45IDEyMC43MSA5Ny45MSAxMjAuMDkgOTguOTIgMTE5LjQ3IDk5LjkzIDExOC44NCAxMDAuOTUgMTE4LjIyIDEwMS45NiAxMTcuNiAxMDIuOTcgMTE2Ljk4IDEwMy45OCAxMTYuMzUgMTA0Ljk5IDExNS43MyAxMDYuMDEgMTE1LjExIDEwNy4wMiAxMTQuNDggMTA4LjAzIDExMy44NiAxMDkuMDQgMTEzLjI0IDExMC4wNSAxMTIuNjEgMTExLjA3IDExMS45OSAxMTIuMDggMTExLjM3IDExMy4wOSAxMTAuNzUgMTE0LjEgMTEwLjEyIDExNS4xMSAxMDkuNSAxMTYuMTMgMTA4Ljg4IDExNy4xNCAxMDguMjUgMTE4LjE1IDEwNy42MyAxMTkuMTYgMTA3LjAxIDEyMC4xNyAxMDYuMzggMTIxLjE5IDEwNS43NiAxMjIuMiAxMDUuMTQgMTIzLjIxIDEwNC41MiAxMjQuMjIgMTAzLjg5IDEyNS4yMyAxMDMuMjcgMTI2LjI1IDEwMi42NSAxMjcuMjYgMTAyLjAyIDEyOC4yNyAxMDEuNCAxMjkuMjggMTAwLjc4IDEzMC4yOSAxMDAuMTUgMTMxLjMxIDk5LjUzIDEzMi4zMiA5OC45MSAxMzMuMzMgOTguMjkgMTM0LjM0IDk3LjY2IDEzNS4zNSA5Ny4wNCAxMzYuMzcgOTYuNDIiLz4KPC9zdmc+)
}

#IndexVisualList .btn-stop.play::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIuODMgMTkyLjgzIj4KICA8cG9seWdvbiBmaWxsPSIjZmZmIiBwb2ludHM9IjczLjEgNTIuNSA3My4xIDE0MC4zMyAxNDMuMSA5Ni40MiIvPgo8L3N2Zz4=");
}

#IndexVisualList .btn-stop.play:hover::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIuODMgMTkyLjgzIj4KICA8cG9seWdvbiBmaWxsPSIjQzI3NDQwIiBwb2ludHM9IjczLjEgNTIuNSA3My4xIDE0MC4zMyAxNDMuMSA5Ni40MiIvPgo8L3N2Zz4=");
}

#IndexVisualList .btn-stop.stop::before {

  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIuODMgMTkyLjgzIj4NCiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgcG9pbnRzPSI4Ny43MiAxMjkuOTkgODcuNDUgMTI5Ljk5IDg3LjE4IDEyOS45OSA4Ni45MSAxMjkuOTkgODYuNjUgMTI5Ljk5IDg2LjM4IDEyOS45OSA4Ni4xMSAxMjkuOTkgODUuODQgMTI5Ljk5IDg1LjU3IDEyOS45OSA4NS4zIDEyOS45OSA4NS4wMyAxMjkuOTkgODQuNzcgMTI5Ljk5IDg0LjUgMTI5Ljk5IDg0LjIzIDEyOS45OSA4My45NiAxMjkuOTkgODMuNjkgMTI5Ljk5IDgzLjQyIDEyOS45OSA4My4xNSAxMjkuOTkgODIuODkgMTI5Ljk5IDgyLjYyIDEyOS45OSA4Mi4zNSAxMjkuOTkgODIuMDggMTI5Ljk5IDgxLjgxIDEyOS45OSA4MS41NCAxMjkuOTkgODEuMjcgMTI5Ljk5IDgxLjAxIDEyOS45OSA4MC43NCAxMjkuOTkgODAuNDcgMTI5Ljk5IDgwLjIgMTI5Ljk5IDc5LjkzIDEyOS45OSA3OS42NiAxMjkuOTkgNzkuMzkgMTI5Ljk5IDc5LjEzIDEyOS45OSA3OC44NiAxMjkuOTkgNzguNTkgMTI5Ljk5IDc4LjMyIDEyOS45OSA3OC4wNSAxMjkuOTkgNzcuNzggMTI5Ljk5IDc3LjUxIDEyOS45OSA3Ny4yNSAxMjkuOTkgNzYuOTggMTI5Ljk5IDc2LjcxIDEyOS45OSA3Ni40NCAxMjkuOTkgNzYuMTcgMTI5Ljk5IDc1LjkgMTI5Ljk5IDc1LjYzIDEyOS45OSA3NS4zNyAxMjkuOTkgNzUuMSAxMjkuOTkgNzQuODMgMTI5Ljk5IDc0LjU2IDEyOS45OSA3NC4yOSAxMjkuOTkgNzQuMDIgMTI5Ljk5IDczLjc1IDEyOS45OSA3My40OSAxMjkuOTkgNzMuMjIgMTI5Ljk5IDcyLjk1IDEyOS45OSA3Mi42OCAxMjkuOTkgNzIuNDEgMTI5Ljk5IDcyLjE0IDEyOS45OSA3MS44NyAxMjkuOTkgNzEuNjEgMTI5Ljk5IDcxLjM0IDEyOS45OSA3MS4wNyAxMjkuOTkgNzAuOCAxMjkuOTkgNzAuNTMgMTI5Ljk5IDcwLjUzIDEyOC45NCA3MC41MyAxMjcuODkgNzAuNTMgMTI2Ljg0IDcwLjUzIDEyNS43OSA3MC41MyAxMjQuNzQgNzAuNTMgMTIzLjcgNzAuNTMgMTIyLjY1IDcwLjUzIDEyMS42IDcwLjUzIDEyMC41NSA3MC41MyAxMTkuNSA3MC41MyAxMTguNDUgNzAuNTMgMTE3LjQgNzAuNTMgMTE2LjM1IDcwLjUzIDExNS4zIDcwLjUzIDExNC4yNSA3MC41MyAxMTMuMiA3MC41MyAxMTIuMTUgNzAuNTMgMTExLjEgNzAuNTMgMTEwLjA2IDcwLjUzIDEwOS4wMSA3MC41MyAxMDcuOTYgNzAuNTMgMTA2LjkxIDcwLjUzIDEwNS44NiA3MC41MyAxMDQuODEgNzAuNTMgMTAzLjc2IDcwLjUzIDEwMi43MSA3MC41MyAxMDEuNjYgNzAuNTMgMTAwLjYxIDcwLjUzIDk5LjU2IDcwLjUzIDk4LjUxIDcwLjUzIDk3LjQ3IDcwLjUzIDk2LjQyIDcwLjUzIDk1LjM3IDcwLjUzIDk0LjMyIDcwLjUzIDkzLjI3IDcwLjUzIDkyLjIyIDcwLjUzIDkxLjE3IDcwLjUzIDkwLjEyIDcwLjUzIDg5LjA3IDcwLjUzIDg4LjAyIDcwLjUzIDg2Ljk3IDcwLjUzIDg1LjkyIDcwLjUzIDg0Ljg3IDcwLjUzIDgzLjgzIDcwLjUzIDgyLjc4IDcwLjUzIDgxLjczIDcwLjUzIDgwLjY4IDcwLjUzIDc5LjYzIDcwLjUzIDc4LjU4IDcwLjUzIDc3LjUzIDcwLjUzIDc2LjQ4IDcwLjUzIDc1LjQzIDcwLjUzIDc0LjM4IDcwLjUzIDczLjMzIDcwLjUzIDcyLjI4IDcwLjUzIDcxLjI0IDcwLjUzIDcwLjE5IDcwLjUzIDY5LjE0IDcwLjUzIDY4LjA5IDcwLjUzIDY3LjA0IDcwLjUzIDY1Ljk5IDcwLjUzIDY0Ljk0IDcwLjUzIDYzLjg5IDcwLjUzIDYyLjg0IDcwLjggNjIuODQgNzEuMDcgNjIuODQgNzEuMzQgNjIuODQgNzEuNjEgNjIuODQgNzEuODcgNjIuODQgNzIuMTQgNjIuODQgNzIuNDEgNjIuODQgNzIuNjggNjIuODQgNzIuOTUgNjIuODQgNzMuMjIgNjIuODQgNzMuNDkgNjIuODQgNzMuNzUgNjIuODQgNzQuMDIgNjIuODQgNzQuMjkgNjIuODQgNzQuNTYgNjIuODQgNzQuODMgNjIuODQgNzUuMSA2Mi44NCA3NS4zNyA2Mi44NCA3NS42MyA2Mi44NCA3NS45IDYyLjg0IDc2LjE3IDYyLjg0IDc2LjQ0IDYyLjg0IDc2LjcxIDYyLjg0IDc2Ljk4IDYyLjg0IDc3LjI1IDYyLjg0IDc3LjUxIDYyLjg0IDc3Ljc4IDYyLjg0IDc4LjA1IDYyLjg0IDc4LjMyIDYyLjg0IDc4LjU5IDYyLjg0IDc4Ljg2IDYyLjg0IDc5LjEzIDYyLjg0IDc5LjM5IDYyLjg0IDc5LjY2IDYyLjg0IDc5LjkzIDYyLjg0IDgwLjIgNjIuODQgODAuNDcgNjIuODQgODAuNzQgNjIuODQgODEuMDEgNjIuODQgODEuMjcgNjIuODQgODEuNTQgNjIuODQgODEuODEgNjIuODQgODIuMDggNjIuODQgODIuMzUgNjIuODQgODIuNjIgNjIuODQgODIuODkgNjIuODQgODMuMTUgNjIuODQgODMuNDIgNjIuODQgODMuNjkgNjIuODQgODMuOTYgNjIuODQgODQuMjMgNjIuODQgODQuNSA2Mi44NCA4NC43NyA2Mi44NCA4NS4wMyA2Mi44NCA4NS4zIDYyLjg0IDg1LjU3IDYyLjg0IDg1Ljg0IDYyLjg0IDg2LjExIDYyLjg0IDg2LjM4IDYyLjg0IDg2LjY1IDYyLjg0IDg2LjkxIDYyLjg0IDg3LjE4IDYyLjg0IDg3LjQ1IDYyLjg0IDg3LjcyIDYyLjg0IDg3LjcyIDYzLjg5IDg3LjcyIDY0Ljk0IDg3LjcyIDY1Ljk5IDg3LjcyIDY3LjA0IDg3LjcyIDY4LjA5IDg3LjcyIDY5LjE0IDg3LjcyIDcwLjE5IDg3LjcyIDcxLjI0IDg3LjcyIDcyLjI4IDg3LjcyIDczLjMzIDg3LjcyIDc0LjM4IDg3LjcyIDc1LjQzIDg3LjcyIDc2LjQ4IDg3LjcyIDc3LjUzIDg3LjcyIDc4LjU4IDg3LjcyIDc5LjYzIDg3LjcyIDgwLjY4IDg3LjcyIDgxLjczIDg3LjcyIDgyLjc4IDg3LjcyIDgzLjgzIDg3LjcyIDg0Ljg3IDg3LjcyIDg1LjkyIDg3LjcyIDg2Ljk3IDg3LjcyIDg4LjAyIDg3LjcyIDg5LjA3IDg3LjcyIDkwLjEyIDg3LjcyIDkxLjE3IDg3LjcyIDkyLjIyIDg3LjcyIDkzLjI3IDg3LjcyIDk0LjMyIDg3LjcyIDk1LjM3IDg3LjcyIDk2LjQyIDg3LjcyIDk3LjQ3IDg3LjcyIDk4LjUxIDg3LjcyIDk5LjU2IDg3LjcyIDEwMC42MSA4Ny43MiAxMDEuNjYgODcuNzIgMTAyLjcxIDg3LjcyIDEwMy43NiA4Ny43MiAxMDQuODEgODcuNzIgMTA1Ljg2IDg3LjcyIDEwNi45MSA4Ny43MiAxMDcuOTYgODcuNzIgMTA5LjAxIDg3LjcyIDExMC4wNiA4Ny43MiAxMTEuMSA4Ny43MiAxMTIuMTUgODcuNzIgMTEzLjIgODcuNzIgMTE0LjI1IDg3LjcyIDExNS4zIDg3LjcyIDExNi4zNSA4Ny43MiAxMTcuNCA4Ny43MiAxMTguNDUgODcuNzIgMTE5LjUgODcuNzIgMTIwLjU1IDg3LjcyIDEyMS42IDg3LjcyIDEyMi42NSA4Ny43MiAxMjMuNyA4Ny43MiAxMjQuNzQgODcuNzIgMTI1Ljc5IDg3LjcyIDEyNi44NCA4Ny43MiAxMjcuODkgODcuNzIgMTI4Ljk0IDg3LjcyIDEyOS45OSIvPg0KICA8cG9seWdvbiBmaWxsPSIjZmZmIiBwb2ludHM9IjEyMi4zIDEzMCAxMjIuMDMgMTMwIDEyMS43NiAxMzAgMTIxLjUgMTMwIDEyMS4yMyAxMzAgMTIwLjk2IDEzMCAxMjAuNjkgMTMwIDEyMC40MiAxMzAgMTIwLjE1IDEzMCAxMTkuODggMTMwIDExOS42MiAxMzAgMTE5LjM1IDEzMCAxMTkuMDggMTMwIDExOC44MSAxMzAgMTE4LjU0IDEzMCAxMTguMjcgMTMwIDExOCAxMzAgMTE3LjczIDEzMCAxMTcuNDcgMTMwIDExNy4yIDEzMCAxMTYuOTMgMTMwIDExNi42NiAxMzAgMTE2LjM5IDEzMCAxMTYuMTIgMTMwIDExNS44NSAxMzAgMTE1LjU5IDEzMCAxMTUuMzIgMTMwIDExNS4wNSAxMzAgMTE0Ljc4IDEzMCAxMTQuNTEgMTMwIDExNC4yNCAxMzAgMTEzLjk3IDEzMCAxMTMuNzEgMTMwIDExMy40NCAxMzAgMTEzLjE3IDEzMCAxMTIuOSAxMzAgMTEyLjYzIDEzMCAxMTIuMzYgMTMwIDExMi4wOSAxMzAgMTExLjgyIDEzMCAxMTEuNTYgMTMwIDExMS4yOSAxMzAgMTExLjAyIDEzMCAxMTAuNzUgMTMwIDExMC40OCAxMzAgMTEwLjIxIDEzMCAxMDkuOTQgMTMwIDEwOS42OCAxMzAgMTA5LjQxIDEzMCAxMDkuMTQgMTMwIDEwOC44NyAxMzAgMTA4LjYgMTMwIDEwOC4zMyAxMzAgMTA4LjA2IDEzMCAxMDcuOCAxMzAgMTA3LjUzIDEzMCAxMDcuMjYgMTMwIDEwNi45OSAxMzAgMTA2LjcyIDEzMCAxMDYuNDUgMTMwIDEwNi4xOCAxMzAgMTA1LjkxIDEzMCAxMDUuNjUgMTMwIDEwNS4zOCAxMzAgMTA1LjExIDEzMCAxMDUuMTEgMTI4Ljk1IDEwNS4xMSAxMjcuOSAxMDUuMTEgMTI2Ljg1IDEwNS4xMSAxMjUuOCAxMDUuMTEgMTI0Ljc1IDEwNS4xMSAxMjMuNyAxMDUuMTEgMTIyLjY1IDEwNS4xMSAxMjEuNiAxMDUuMTEgMTIwLjU1IDEwNS4xMSAxMTkuNSAxMDUuMTEgMTE4LjQ1IDEwNS4xMSAxMTcuNCAxMDUuMTEgMTE2LjM2IDEwNS4xMSAxMTUuMzEgMTA1LjExIDExNC4yNiAxMDUuMTEgMTEzLjIxIDEwNS4xMSAxMTIuMTYgMTA1LjExIDExMS4xMSAxMDUuMTEgMTEwLjA2IDEwNS4xMSAxMDkuMDEgMTA1LjExIDEwNy45NiAxMDUuMTEgMTA2LjkxIDEwNS4xMSAxMDUuODYgMTA1LjExIDEwNC44MSAxMDUuMTEgMTAzLjc2IDEwNS4xMSAxMDIuNzEgMTA1LjExIDEwMS42NiAxMDUuMTEgMTAwLjYxIDEwNS4xMSA5OS41NiAxMDUuMTEgOTguNTEgMTA1LjExIDk3LjQ3IDEwNS4xMSA5Ni40MiAxMDUuMTEgOTUuMzcgMTA1LjExIDk0LjMyIDEwNS4xMSA5My4yNyAxMDUuMTEgOTIuMjIgMTA1LjExIDkxLjE3IDEwNS4xMSA5MC4xMiAxMDUuMTEgODkuMDcgMTA1LjExIDg4LjAyIDEwNS4xMSA4Ni45NyAxMDUuMTEgODUuOTIgMTA1LjExIDg0Ljg3IDEwNS4xMSA4My44MiAxMDUuMTEgODIuNzcgMTA1LjExIDgxLjcyIDEwNS4xMSA4MC42NyAxMDUuMTEgNzkuNjIgMTA1LjExIDc4LjU4IDEwNS4xMSA3Ny41MyAxMDUuMTEgNzYuNDggMTA1LjExIDc1LjQzIDEwNS4xMSA3NC4zOCAxMDUuMTEgNzMuMzMgMTA1LjExIDcyLjI4IDEwNS4xMSA3MS4yMyAxMDUuMTEgNzAuMTggMTA1LjExIDY5LjEzIDEwNS4xMSA2OC4wOCAxMDUuMTEgNjcuMDMgMTA1LjExIDY1Ljk4IDEwNS4xMSA2NC45MyAxMDUuMTEgNjMuODggMTA1LjExIDYyLjgzIDEwNS4zOCA2Mi44MyAxMDUuNjUgNjIuODMgMTA1LjkxIDYyLjgzIDEwNi4xOCA2Mi44MyAxMDYuNDUgNjIuODMgMTA2LjcyIDYyLjgzIDEwNi45OSA2Mi44MyAxMDcuMjYgNjIuODMgMTA3LjUzIDYyLjgzIDEwNy44IDYyLjgzIDEwOC4wNiA2Mi44MyAxMDguMzMgNjIuODMgMTA4LjYgNjIuODMgMTA4Ljg3IDYyLjgzIDEwOS4xNCA2Mi44MyAxMDkuNDEgNjIuODMgMTA5LjY4IDYyLjgzIDEwOS45NCA2Mi44MyAxMTAuMjEgNjIuODMgMTEwLjQ4IDYyLjgzIDExMC43NSA2Mi44MyAxMTEuMDIgNjIuODMgMTExLjI5IDYyLjgzIDExMS41NiA2Mi44MyAxMTEuODIgNjIuODMgMTEyLjA5IDYyLjgzIDExMi4zNiA2Mi44MyAxMTIuNjMgNjIuODMgMTEyLjkgNjIuODMgMTEzLjE3IDYyLjgzIDExMy40NCA2Mi44MyAxMTMuNzEgNjIuODMgMTEzLjk3IDYyLjgzIDExNC4yNCA2Mi44MyAxMTQuNTEgNjIuODMgMTE0Ljc4IDYyLjgzIDExNS4wNSA2Mi44MyAxMTUuMzIgNjIuODMgMTE1LjU5IDYyLjgzIDExNS44NSA2Mi44MyAxMTYuMTIgNjIuODMgMTE2LjM5IDYyLjgzIDExNi42NiA2Mi44MyAxMTYuOTMgNjIuODMgMTE3LjIgNjIuODMgMTE3LjQ3IDYyLjgzIDExNy43MyA2Mi44MyAxMTggNjIuODMgMTE4LjI3IDYyLjgzIDExOC41NCA2Mi44MyAxMTguODEgNjIuODMgMTE5LjA4IDYyLjgzIDExOS4zNSA2Mi44MyAxMTkuNjIgNjIuODMgMTE5Ljg4IDYyLjgzIDEyMC4xNSA2Mi44MyAxMjAuNDIgNjIuODMgMTIwLjY5IDYyLjgzIDEyMC45NiA2Mi44MyAxMjEuMjMgNjIuODMgMTIxLjUgNjIuODMgMTIxLjc2IDYyLjgzIDEyMi4wMyA2Mi44MyAxMjIuMyA2Mi44MyAxMjIuMyA2My44OCAxMjIuMyA2NC45MyAxMjIuMyA2NS45OCAxMjIuMyA2Ny4wMyAxMjIuMyA2OC4wOCAxMjIuMyA2OS4xMyAxMjIuMyA3MC4xOCAxMjIuMyA3MS4yMyAxMjIuMyA3Mi4yOCAxMjIuMyA3My4zMyAxMjIuMyA3NC4zOCAxMjIuMyA3NS40MyAxMjIuMyA3Ni40OCAxMjIuMyA3Ny41MyAxMjIuMyA3OC41OCAxMjIuMyA3OS42MiAxMjIuMyA4MC42NyAxMjIuMyA4MS43MiAxMjIuMyA4Mi43NyAxMjIuMyA4My44MiAxMjIuMyA4NC44NyAxMjIuMyA4NS45MiAxMjIuMyA4Ni45NyAxMjIuMyA4OC4wMiAxMjIuMyA4OS4wNyAxMjIuMyA5MC4xMiAxMjIuMyA5MS4xNyAxMjIuMyA5Mi4yMiAxMjIuMyA5My4yNyAxMjIuMyA5NC4zMiAxMjIuMyA5NS4zNyAxMjIuMyA5Ni40MiAxMjIuMyA5Ny40NyAxMjIuMyA5OC41MSAxMjIuMyA5OS41NiAxMjIuMyAxMDAuNjEgMTIyLjMgMTAxLjY2IDEyMi4zIDEwMi43MSAxMjIuMyAxMDMuNzYgMTIyLjMgMTA0LjgxIDEyMi4zIDEwNS44NiAxMjIuMyAxMDYuOTEgMTIyLjMgMTA3Ljk2IDEyMi4zIDEwOS4wMSAxMjIuMyAxMTAuMDYgMTIyLjMgMTExLjExIDEyMi4zIDExMi4xNiAxMjIuMyAxMTMuMjEgMTIyLjMgMTE0LjI2IDEyMi4zIDExNS4zMSAxMjIuMyAxMTYuMzYgMTIyLjMgMTE3LjQgMTIyLjMgMTE4LjQ1IDEyMi4zIDExOS41IDEyMi4zIDEyMC41NSAxMjIuMyAxMjEuNiAxMjIuMyAxMjIuNjUgMTIyLjMgMTIzLjcgMTIyLjMgMTI0Ljc1IDEyMi4zIDEyNS44IDEyMi4zIDEyNi44NSAxMjIuMyAxMjcuOSAxMjIuMyAxMjguOTUgMTIyLjMgMTMwIi8+DQo8L3N2Zz4=);
}

#IndexVisualList .btn-stop.stop:hover::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIuODMgMTkyLjgzIj4NCiAgPHBvbHlnb24gZmlsbD0iI0MyNzQ0MCIgcG9pbnRzPSI4Ny43MiAxMjkuOTkgODcuNDUgMTI5Ljk5IDg3LjE4IDEyOS45OSA4Ni45MSAxMjkuOTkgODYuNjUgMTI5Ljk5IDg2LjM4IDEyOS45OSA4Ni4xMSAxMjkuOTkgODUuODQgMTI5Ljk5IDg1LjU3IDEyOS45OSA4NS4zIDEyOS45OSA4NS4wMyAxMjkuOTkgODQuNzcgMTI5Ljk5IDg0LjUgMTI5Ljk5IDg0LjIzIDEyOS45OSA4My45NiAxMjkuOTkgODMuNjkgMTI5Ljk5IDgzLjQyIDEyOS45OSA4My4xNSAxMjkuOTkgODIuODkgMTI5Ljk5IDgyLjYyIDEyOS45OSA4Mi4zNSAxMjkuOTkgODIuMDggMTI5Ljk5IDgxLjgxIDEyOS45OSA4MS41NCAxMjkuOTkgODEuMjcgMTI5Ljk5IDgxLjAxIDEyOS45OSA4MC43NCAxMjkuOTkgODAuNDcgMTI5Ljk5IDgwLjIgMTI5Ljk5IDc5LjkzIDEyOS45OSA3OS42NiAxMjkuOTkgNzkuMzkgMTI5Ljk5IDc5LjEzIDEyOS45OSA3OC44NiAxMjkuOTkgNzguNTkgMTI5Ljk5IDc4LjMyIDEyOS45OSA3OC4wNSAxMjkuOTkgNzcuNzggMTI5Ljk5IDc3LjUxIDEyOS45OSA3Ny4yNSAxMjkuOTkgNzYuOTggMTI5Ljk5IDc2LjcxIDEyOS45OSA3Ni40NCAxMjkuOTkgNzYuMTcgMTI5Ljk5IDc1LjkgMTI5Ljk5IDc1LjYzIDEyOS45OSA3NS4zNyAxMjkuOTkgNzUuMSAxMjkuOTkgNzQuODMgMTI5Ljk5IDc0LjU2IDEyOS45OSA3NC4yOSAxMjkuOTkgNzQuMDIgMTI5Ljk5IDczLjc1IDEyOS45OSA3My40OSAxMjkuOTkgNzMuMjIgMTI5Ljk5IDcyLjk1IDEyOS45OSA3Mi42OCAxMjkuOTkgNzIuNDEgMTI5Ljk5IDcyLjE0IDEyOS45OSA3MS44NyAxMjkuOTkgNzEuNjEgMTI5Ljk5IDcxLjM0IDEyOS45OSA3MS4wNyAxMjkuOTkgNzAuOCAxMjkuOTkgNzAuNTMgMTI5Ljk5IDcwLjUzIDEyOC45NCA3MC41MyAxMjcuODkgNzAuNTMgMTI2Ljg0IDcwLjUzIDEyNS43OSA3MC41MyAxMjQuNzQgNzAuNTMgMTIzLjcgNzAuNTMgMTIyLjY1IDcwLjUzIDEyMS42IDcwLjUzIDEyMC41NSA3MC41MyAxMTkuNSA3MC41MyAxMTguNDUgNzAuNTMgMTE3LjQgNzAuNTMgMTE2LjM1IDcwLjUzIDExNS4zIDcwLjUzIDExNC4yNSA3MC41MyAxMTMuMiA3MC41MyAxMTIuMTUgNzAuNTMgMTExLjEgNzAuNTMgMTEwLjA2IDcwLjUzIDEwOS4wMSA3MC41MyAxMDcuOTYgNzAuNTMgMTA2LjkxIDcwLjUzIDEwNS44NiA3MC41MyAxMDQuODEgNzAuNTMgMTAzLjc2IDcwLjUzIDEwMi43MSA3MC41MyAxMDEuNjYgNzAuNTMgMTAwLjYxIDcwLjUzIDk5LjU2IDcwLjUzIDk4LjUxIDcwLjUzIDk3LjQ3IDcwLjUzIDk2LjQyIDcwLjUzIDk1LjM3IDcwLjUzIDk0LjMyIDcwLjUzIDkzLjI3IDcwLjUzIDkyLjIyIDcwLjUzIDkxLjE3IDcwLjUzIDkwLjEyIDcwLjUzIDg5LjA3IDcwLjUzIDg4LjAyIDcwLjUzIDg2Ljk3IDcwLjUzIDg1LjkyIDcwLjUzIDg0Ljg3IDcwLjUzIDgzLjgzIDcwLjUzIDgyLjc4IDcwLjUzIDgxLjczIDcwLjUzIDgwLjY4IDcwLjUzIDc5LjYzIDcwLjUzIDc4LjU4IDcwLjUzIDc3LjUzIDcwLjUzIDc2LjQ4IDcwLjUzIDc1LjQzIDcwLjUzIDc0LjM4IDcwLjUzIDczLjMzIDcwLjUzIDcyLjI4IDcwLjUzIDcxLjI0IDcwLjUzIDcwLjE5IDcwLjUzIDY5LjE0IDcwLjUzIDY4LjA5IDcwLjUzIDY3LjA0IDcwLjUzIDY1Ljk5IDcwLjUzIDY0Ljk0IDcwLjUzIDYzLjg5IDcwLjUzIDYyLjg0IDcwLjggNjIuODQgNzEuMDcgNjIuODQgNzEuMzQgNjIuODQgNzEuNjEgNjIuODQgNzEuODcgNjIuODQgNzIuMTQgNjIuODQgNzIuNDEgNjIuODQgNzIuNjggNjIuODQgNzIuOTUgNjIuODQgNzMuMjIgNjIuODQgNzMuNDkgNjIuODQgNzMuNzUgNjIuODQgNzQuMDIgNjIuODQgNzQuMjkgNjIuODQgNzQuNTYgNjIuODQgNzQuODMgNjIuODQgNzUuMSA2Mi44NCA3NS4zNyA2Mi44NCA3NS42MyA2Mi44NCA3NS45IDYyLjg0IDc2LjE3IDYyLjg0IDc2LjQ0IDYyLjg0IDc2LjcxIDYyLjg0IDc2Ljk4IDYyLjg0IDc3LjI1IDYyLjg0IDc3LjUxIDYyLjg0IDc3Ljc4IDYyLjg0IDc4LjA1IDYyLjg0IDc4LjMyIDYyLjg0IDc4LjU5IDYyLjg0IDc4Ljg2IDYyLjg0IDc5LjEzIDYyLjg0IDc5LjM5IDYyLjg0IDc5LjY2IDYyLjg0IDc5LjkzIDYyLjg0IDgwLjIgNjIuODQgODAuNDcgNjIuODQgODAuNzQgNjIuODQgODEuMDEgNjIuODQgODEuMjcgNjIuODQgODEuNTQgNjIuODQgODEuODEgNjIuODQgODIuMDggNjIuODQgODIuMzUgNjIuODQgODIuNjIgNjIuODQgODIuODkgNjIuODQgODMuMTUgNjIuODQgODMuNDIgNjIuODQgODMuNjkgNjIuODQgODMuOTYgNjIuODQgODQuMjMgNjIuODQgODQuNSA2Mi44NCA4NC43NyA2Mi44NCA4NS4wMyA2Mi44NCA4NS4zIDYyLjg0IDg1LjU3IDYyLjg0IDg1Ljg0IDYyLjg0IDg2LjExIDYyLjg0IDg2LjM4IDYyLjg0IDg2LjY1IDYyLjg0IDg2LjkxIDYyLjg0IDg3LjE4IDYyLjg0IDg3LjQ1IDYyLjg0IDg3LjcyIDYyLjg0IDg3LjcyIDYzLjg5IDg3LjcyIDY0Ljk0IDg3LjcyIDY1Ljk5IDg3LjcyIDY3LjA0IDg3LjcyIDY4LjA5IDg3LjcyIDY5LjE0IDg3LjcyIDcwLjE5IDg3LjcyIDcxLjI0IDg3LjcyIDcyLjI4IDg3LjcyIDczLjMzIDg3LjcyIDc0LjM4IDg3LjcyIDc1LjQzIDg3LjcyIDc2LjQ4IDg3LjcyIDc3LjUzIDg3LjcyIDc4LjU4IDg3LjcyIDc5LjYzIDg3LjcyIDgwLjY4IDg3LjcyIDgxLjczIDg3LjcyIDgyLjc4IDg3LjcyIDgzLjgzIDg3LjcyIDg0Ljg3IDg3LjcyIDg1LjkyIDg3LjcyIDg2Ljk3IDg3LjcyIDg4LjAyIDg3LjcyIDg5LjA3IDg3LjcyIDkwLjEyIDg3LjcyIDkxLjE3IDg3LjcyIDkyLjIyIDg3LjcyIDkzLjI3IDg3LjcyIDk0LjMyIDg3LjcyIDk1LjM3IDg3LjcyIDk2LjQyIDg3LjcyIDk3LjQ3IDg3LjcyIDk4LjUxIDg3LjcyIDk5LjU2IDg3LjcyIDEwMC42MSA4Ny43MiAxMDEuNjYgODcuNzIgMTAyLjcxIDg3LjcyIDEwMy43NiA4Ny43MiAxMDQuODEgODcuNzIgMTA1Ljg2IDg3LjcyIDEwNi45MSA4Ny43MiAxMDcuOTYgODcuNzIgMTA5LjAxIDg3LjcyIDExMC4wNiA4Ny43MiAxMTEuMSA4Ny43MiAxMTIuMTUgODcuNzIgMTEzLjIgODcuNzIgMTE0LjI1IDg3LjcyIDExNS4zIDg3LjcyIDExNi4zNSA4Ny43MiAxMTcuNCA4Ny43MiAxMTguNDUgODcuNzIgMTE5LjUgODcuNzIgMTIwLjU1IDg3LjcyIDEyMS42IDg3LjcyIDEyMi42NSA4Ny43MiAxMjMuNyA4Ny43MiAxMjQuNzQgODcuNzIgMTI1Ljc5IDg3LjcyIDEyNi44NCA4Ny43MiAxMjcuODkgODcuNzIgMTI4Ljk0IDg3LjcyIDEyOS45OSIvPg0KICA8cG9seWdvbiBmaWxsPSIjQzI3NDQwIiBwb2ludHM9IjEyMi4zIDEzMCAxMjIuMDMgMTMwIDEyMS43NiAxMzAgMTIxLjUgMTMwIDEyMS4yMyAxMzAgMTIwLjk2IDEzMCAxMjAuNjkgMTMwIDEyMC40MiAxMzAgMTIwLjE1IDEzMCAxMTkuODggMTMwIDExOS42MiAxMzAgMTE5LjM1IDEzMCAxMTkuMDggMTMwIDExOC44MSAxMzAgMTE4LjU0IDEzMCAxMTguMjcgMTMwIDExOCAxMzAgMTE3LjczIDEzMCAxMTcuNDcgMTMwIDExNy4yIDEzMCAxMTYuOTMgMTMwIDExNi42NiAxMzAgMTE2LjM5IDEzMCAxMTYuMTIgMTMwIDExNS44NSAxMzAgMTE1LjU5IDEzMCAxMTUuMzIgMTMwIDExNS4wNSAxMzAgMTE0Ljc4IDEzMCAxMTQuNTEgMTMwIDExNC4yNCAxMzAgMTEzLjk3IDEzMCAxMTMuNzEgMTMwIDExMy40NCAxMzAgMTEzLjE3IDEzMCAxMTIuOSAxMzAgMTEyLjYzIDEzMCAxMTIuMzYgMTMwIDExMi4wOSAxMzAgMTExLjgyIDEzMCAxMTEuNTYgMTMwIDExMS4yOSAxMzAgMTExLjAyIDEzMCAxMTAuNzUgMTMwIDExMC40OCAxMzAgMTEwLjIxIDEzMCAxMDkuOTQgMTMwIDEwOS42OCAxMzAgMTA5LjQxIDEzMCAxMDkuMTQgMTMwIDEwOC44NyAxMzAgMTA4LjYgMTMwIDEwOC4zMyAxMzAgMTA4LjA2IDEzMCAxMDcuOCAxMzAgMTA3LjUzIDEzMCAxMDcuMjYgMTMwIDEwNi45OSAxMzAgMTA2LjcyIDEzMCAxMDYuNDUgMTMwIDEwNi4xOCAxMzAgMTA1LjkxIDEzMCAxMDUuNjUgMTMwIDEwNS4zOCAxMzAgMTA1LjExIDEzMCAxMDUuMTEgMTI4Ljk1IDEwNS4xMSAxMjcuOSAxMDUuMTEgMTI2Ljg1IDEwNS4xMSAxMjUuOCAxMDUuMTEgMTI0Ljc1IDEwNS4xMSAxMjMuNyAxMDUuMTEgMTIyLjY1IDEwNS4xMSAxMjEuNiAxMDUuMTEgMTIwLjU1IDEwNS4xMSAxMTkuNSAxMDUuMTEgMTE4LjQ1IDEwNS4xMSAxMTcuNCAxMDUuMTEgMTE2LjM2IDEwNS4xMSAxMTUuMzEgMTA1LjExIDExNC4yNiAxMDUuMTEgMTEzLjIxIDEwNS4xMSAxMTIuMTYgMTA1LjExIDExMS4xMSAxMDUuMTEgMTEwLjA2IDEwNS4xMSAxMDkuMDEgMTA1LjExIDEwNy45NiAxMDUuMTEgMTA2LjkxIDEwNS4xMSAxMDUuODYgMTA1LjExIDEwNC44MSAxMDUuMTEgMTAzLjc2IDEwNS4xMSAxMDIuNzEgMTA1LjExIDEwMS42NiAxMDUuMTEgMTAwLjYxIDEwNS4xMSA5OS41NiAxMDUuMTEgOTguNTEgMTA1LjExIDk3LjQ3IDEwNS4xMSA5Ni40MiAxMDUuMTEgOTUuMzcgMTA1LjExIDk0LjMyIDEwNS4xMSA5My4yNyAxMDUuMTEgOTIuMjIgMTA1LjExIDkxLjE3IDEwNS4xMSA5MC4xMiAxMDUuMTEgODkuMDcgMTA1LjExIDg4LjAyIDEwNS4xMSA4Ni45NyAxMDUuMTEgODUuOTIgMTA1LjExIDg0Ljg3IDEwNS4xMSA4My44MiAxMDUuMTEgODIuNzcgMTA1LjExIDgxLjcyIDEwNS4xMSA4MC42NyAxMDUuMTEgNzkuNjIgMTA1LjExIDc4LjU4IDEwNS4xMSA3Ny41MyAxMDUuMTEgNzYuNDggMTA1LjExIDc1LjQzIDEwNS4xMSA3NC4zOCAxMDUuMTEgNzMuMzMgMTA1LjExIDcyLjI4IDEwNS4xMSA3MS4yMyAxMDUuMTEgNzAuMTggMTA1LjExIDY5LjEzIDEwNS4xMSA2OC4wOCAxMDUuMTEgNjcuMDMgMTA1LjExIDY1Ljk4IDEwNS4xMSA2NC45MyAxMDUuMTEgNjMuODggMTA1LjExIDYyLjgzIDEwNS4zOCA2Mi44MyAxMDUuNjUgNjIuODMgMTA1LjkxIDYyLjgzIDEwNi4xOCA2Mi44MyAxMDYuNDUgNjIuODMgMTA2LjcyIDYyLjgzIDEwNi45OSA2Mi44MyAxMDcuMjYgNjIuODMgMTA3LjUzIDYyLjgzIDEwNy44IDYyLjgzIDEwOC4wNiA2Mi44MyAxMDguMzMgNjIuODMgMTA4LjYgNjIuODMgMTA4Ljg3IDYyLjgzIDEwOS4xNCA2Mi44MyAxMDkuNDEgNjIuODMgMTA5LjY4IDYyLjgzIDEwOS45NCA2Mi44MyAxMTAuMjEgNjIuODMgMTEwLjQ4IDYyLjgzIDExMC43NSA2Mi44MyAxMTEuMDIgNjIuODMgMTExLjI5IDYyLjgzIDExMS41NiA2Mi44MyAxMTEuODIgNjIuODMgMTEyLjA5IDYyLjgzIDExMi4zNiA2Mi44MyAxMTIuNjMgNjIuODMgMTEyLjkgNjIuODMgMTEzLjE3IDYyLjgzIDExMy40NCA2Mi44MyAxMTMuNzEgNjIuODMgMTEzLjk3IDYyLjgzIDExNC4yNCA2Mi44MyAxMTQuNTEgNjIuODMgMTE0Ljc4IDYyLjgzIDExNS4wNSA2Mi44MyAxMTUuMzIgNjIuODMgMTE1LjU5IDYyLjgzIDExNS44NSA2Mi44MyAxMTYuMTIgNjIuODMgMTE2LjM5IDYyLjgzIDExNi42NiA2Mi44MyAxMTYuOTMgNjIuODMgMTE3LjIgNjIuODMgMTE3LjQ3IDYyLjgzIDExNy43MyA2Mi44MyAxMTggNjIuODMgMTE4LjI3IDYyLjgzIDExOC41NCA2Mi44MyAxMTguODEgNjIuODMgMTE5LjA4IDYyLjgzIDExOS4zNSA2Mi44MyAxMTkuNjIgNjIuODMgMTE5Ljg4IDYyLjgzIDEyMC4xNSA2Mi44MyAxMjAuNDIgNjIuODMgMTIwLjY5IDYyLjgzIDEyMC45NiA2Mi44MyAxMjEuMjMgNjIuODMgMTIxLjUgNjIuODMgMTIxLjc2IDYyLjgzIDEyMi4wMyA2Mi44MyAxMjIuMyA2Mi44MyAxMjIuMyA2My44OCAxMjIuMyA2NC45MyAxMjIuMyA2NS45OCAxMjIuMyA2Ny4wMyAxMjIuMyA2OC4wOCAxMjIuMyA2OS4xMyAxMjIuMyA3MC4xOCAxMjIuMyA3MS4yMyAxMjIuMyA3Mi4yOCAxMjIuMyA3My4zMyAxMjIuMyA3NC4zOCAxMjIuMyA3NS40MyAxMjIuMyA3Ni40OCAxMjIuMyA3Ny41MyAxMjIuMyA3OC41OCAxMjIuMyA3OS42MiAxMjIuMyA4MC42NyAxMjIuMyA4MS43MiAxMjIuMyA4Mi43NyAxMjIuMyA4My44MiAxMjIuMyA4NC44NyAxMjIuMyA4NS45MiAxMjIuMyA4Ni45NyAxMjIuMyA4OC4wMiAxMjIuMyA4OS4wNyAxMjIuMyA5MC4xMiAxMjIuMyA5MS4xNyAxMjIuMyA5Mi4yMiAxMjIuMyA5My4yNyAxMjIuMyA5NC4zMiAxMjIuMyA5NS4zNyAxMjIuMyA5Ni40MiAxMjIuMyA5Ny40NyAxMjIuMyA5OC41MSAxMjIuMyA5OS41NiAxMjIuMyAxMDAuNjEgMTIyLjMgMTAxLjY2IDEyMi4zIDEwMi43MSAxMjIuMyAxMDMuNzYgMTIyLjMgMTA0LjgxIDEyMi4zIDEwNS44NiAxMjIuMyAxMDYuOTEgMTIyLjMgMTA3Ljk2IDEyMi4zIDEwOS4wMSAxMjIuMyAxMTAuMDYgMTIyLjMgMTExLjExIDEyMi4zIDExMi4xNiAxMjIuMyAxMTMuMjEgMTIyLjMgMTE0LjI2IDEyMi4zIDExNS4zMSAxMjIuMyAxMTYuMzYgMTIyLjMgMTE3LjQgMTIyLjMgMTE4LjQ1IDEyMi4zIDExOS41IDEyMi4zIDEyMC41NSAxMjIuMyAxMjEuNiAxMjIuMyAxMjIuNjUgMTIyLjMgMTIzLjcgMTIyLjMgMTI0Ljc1IDEyMi4zIDEyNS44IDEyMi4zIDEyNi44NSAxMjIuMyAxMjcuOSAxMjIuMyAxMjguOTUgMTIyLjMgMTMwIi8+DQo8L3N2Zz4=)
}

#IndexVisualList .btn-stop>svg {
  --percentage: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(118px * (1 - var(--percentage)));
  stroke-dasharray: 118;
  transform: rotate(-90deg);
  transition: stroke .2s ease;
}

#IndexVisualList .btn-stop:hover>svg {
  stroke: rgb(var(--rgb-blue-main));
}




/************************************/
/*          #IndexBanner            */
/************************************/
#IndexBanner {
  --point-color: #000;
  padding-top: clamp(60px, 5vw, 120px);
  padding-bottom: clamp(60px, 6vw, 120px);
}

#IndexBanner .nectar-flickity {
  margin-top: 40px;
}
#IndexBanner .sec_tit_wrap {
  width: 100%;
  padding-bottom: 28px;
  line-height: 1.5;
}

#IndexBanner .sec_tit_wrap .sec_stit {
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
}

#IndexBanner .sec_tit_wrap .sec_tit {
  margin: 20px 0 0;
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  line-height: 1.2;
  text-wrap: balance;
}

#IndexBanner .nectar-fancy-box {
  overflow: visible;
}

#IndexBanner .nectar-fancy-box .image-wrap {
  background: #fff;
  overflow: hidden;
  border-radius: var(--border-radius-l);
  corner-shape: round;
}

@keyframes header_nav_entrance_animation {
  0% {
    opacity: 0.01;
  }

  100% {
    opacity: 1;
  }
}

@media (min-width:1000px) {

  .nectar_fullscreen_zoom_recent_projects,
  #nectar_fullscreen_rows:not(.afterLoaded)>div,
  #nectar_fullscreen_rows:not(.afterLoaded)>section {
    height: 100vh;
  }

  .wpb_row.vc_row-o-full-height.top-level,
  .wpb_row.vc_row-o-full-height.top-level>.col.span_12 {
    min-height: 100vh;
  }

  .blog-archive-header.color-bg .container {
    padding-top: calc(81px + var(--nectar_hook_before_nav_content_height, 0px));
  }

  .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),
  .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container {
    height: calc(100vh + 2px) !important;
  }

  .admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),
  .admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container {
    height: calc(100vh - 30px) !important;
  }
}

@media (max-width:999px) {
  .blog-archive-header.color-bg .container {
    padding-top: calc(54px + var(--nectar_hook_before_nav_content_height, 0px));
  }

  .vc_row.top-level.full-width-section:not(.full-width-ns)>.span_12 {
    padding-top: 24px;
  }
}

@media (max-width:690px) {
  .vc_row.top-level.full-width-section:not(.full-width-ns)>.span_12 {
    padding-top: 54px;
  }

  .vc_row.top-level.full-width-content .nectar-recent-posts-single_featured .recent-post-container>.inner-wrap {
    padding-top: 24px;
  }
}

@media (max-width:999px) {

  .full-width-ns .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content,
  .full-width-ns .nectar-slider-wrap .swiper-slide[data-y-pos="top"] .content {
    padding-top: 30px;
  }
}

@media (max-width:999px) {
  .using-mobile-browser #nectar_fullscreen_rows:not(.afterLoaded):not([data-mobile-disable="on"])>div {
    height: calc(100vh - 76px);
  }

  .using-mobile-browser .wpb_row.vc_row-o-full-height.top-level,
  .using-mobile-browser .wpb_row.vc_row-o-full-height.top-level>.col.span_12,
  [data-permanent-transparent="1"].using-mobile-browser .wpb_row.vc_row-o-full-height.top-level,
  [data-permanent-transparent="1"].using-mobile-browser .wpb_row.vc_row-o-full-height.top-level>.col.span_12 {
    min-height: calc(100vh - 76px);
  }

  .nectar_fullscreen_zoom_recent_projects,
  .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),
  .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container,
  #nectar_fullscreen_rows:not(.afterLoaded):not([data-mobile-disable="on"])>div {
    height: calc(100vh - 1px);
  }

  .wpb_row.vc_row-o-full-height.top-level,
  .wpb_row.vc_row-o-full-height.top-level>.col.span_12 {
    min-height: calc(100vh - 1px);
  }

  [data-bg-header="true"][data-permanent-transparent="1"] .nectar_fullscreen_zoom_recent_projects,
  [data-permanent-transparent="1"] .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),
  [data-permanent-transparent="1"] .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container {
    height: 100vh;
  }

  [data-permanent-transparent="1"] .wpb_row.vc_row-o-full-height.top-level,
  [data-permanent-transparent="1"] .wpb_row.vc_row-o-full-height.top-level>.col.span_12 {
    min-height: 100vh;
  }

  body[data-transparent-header="false"] #ajax-content-wrap.no-scroll {
    min-height: calc(100vh - 1px);
    height: calc(100vh - 1px);
  }
}

#nectar_fullscreen_rows {
  background-color: transparent;
}

.vc_row.left_padding_8pct>.row_col_wrap_12 {
  padding-left: 8%;
}

.vc_row.right_padding_8pct>.row_col_wrap_12 {
  padding-right: 8%;
}

.vc_row.left_padding_27pct>.row_col_wrap_12 {
  padding-left: 27%;
}

.vc_row.right_padding_27pct>.row_col_wrap_12 {
  padding-right: 27%;
}

body .container-wrap .wpb_row[data-column-margin="none"]:not(.full-width-section):not(.full-width-content),
html body .wpb_row[data-column-margin="none"]:not(.full-width-section):not(.full-width-content) {
  margin-bottom: 0;
}

body .container-wrap .vc_row-fluid[data-column-margin="none"]>.span_12,
html body .vc_row-fluid[data-column-margin="none"]>.span_12,
body .container-wrap .vc_row-fluid[data-column-margin="none"] .full-page-inner>.container>.span_12,
body .container-wrap .vc_row-fluid[data-column-margin="none"] .full-page-inner>.span_12 {
  margin-left: 0;
  margin-right: 0;
}

body .container-wrap .vc_row-fluid[data-column-margin="none"] .wpb_column:not(.child_column),
body .container-wrap .inner_row[data-column-margin="none"] .child_column,
html body .vc_row-fluid[data-column-margin="none"] .wpb_column:not(.child_column),
html body .inner_row[data-column-margin="none"] .child_column {
  padding-left: 0;
  padding-right: 0;
}

.vc_row.inner_row.left_padding_13vw>.row_col_wrap_12_inner {
  padding-left: 13vw;
}

.vc_row.inner_row.right_padding_13vw>.row_col_wrap_12_inner {
  padding-right: 13vw;
}

.vc_row.inner_row.min_width_desktop_175px {
  min-width: 175px;
}

.vc_row.inner_row.row_position_absolute {
  position: absolute;
}

.vc_row.inner_row.bottom_position_desktop_0px {
  bottom: 0px;
}

.vc_row.inner_row.left_position_desktop_50pct {
  left: 50%;
}

.vc_row.inner_row.translate_x_-50pct.translate_y_55pct {
  -webkit-transform: translateX(-50%) translateY(55%);
  transform: translateX(-50%) translateY(55%);
}

.vc_row.inner_row.left_padding_20pct>.row_col_wrap_12_inner {
  padding-left: 20%;
}

.vc_row.inner_row.min_width_desktop_40pct {
  min-width: 40%;
}

.vc_row.inner_row.top_position_desktop_50pct {
  top: 50%;
}

.vc_row.inner_row.left_position_desktop_0px {
  left: 0px;
}

.vc_row.inner_row.translate_y_-50pct {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vc_row.inner_row.right_padding_20pct>.row_col_wrap_12_inner {
  padding-right: 20%;
}

.vc_row.inner_row.right_position_desktop_0px {
  right: 0px;
}

.vc_row.inner_row.translate_x_-13pct {
  -webkit-transform: translateX(-13%);
  transform: translateX(-13%);
}

.col[data-padding-pos="top-bottom"]>.vc_column-inner,
.col[data-padding-pos="top-bottom"]>.n-sticky>.vc_column-inner {
  padding-left: 0;
  padding-right: 0
}

.wpb_column.el_spacing_0px>.vc_column-inner>.wpb_wrapper>div:not(:last-child),
.wpb_column.el_spacing_0px>.n-sticky>.vc_column-inner>.wpb_wrapper>div:not(:last-child) {
  margin-bottom: 0px;
}

.wpb_column.column_position_static,
.wpb_column.column_position_static>.vc_column-inner {
  position: static;
}

.flex_gap_desktop_10px>.vc_column-inner>.wpb_wrapper {
  gap: 10px;
}

.col.padding-8-percent>.vc_column-inner,
.col.padding-8-percent>.n-sticky>.vc_column-inner {
  padding: calc(600px * 0.08);
}

@media (max-width:690px) {

  .col.padding-8-percent>.vc_column-inner,
  .col.padding-8-percent>.n-sticky>.vc_column-inner {
    padding: calc(100vw * 0.08);
  }
}

@media (min-width:1000px) {

  .col.padding-8-percent>.vc_column-inner,
  .col.padding-8-percent>.n-sticky>.vc_column-inner {
    padding: calc((100vw - 180px) * 0.08);
  }

  .column_container:not(.vc_col-sm-12) .col.padding-8-percent>.vc_column-inner {
    padding: calc((100vw - 180px) * 0.04);
  }
}

@media (min-width:1425px) {
  .col.padding-8-percent>.vc_column-inner {
    padding: calc(1245px * 0.08);
  }

  .column_container:not(.vc_col-sm-12) .col.padding-8-percent>.vc_column-inner {
    padding: calc(1245px * 0.04);
  }
}

.full-width-content .col.padding-8-percent>.vc_column-inner {
  padding: calc(100vw * 0.08);
}

@media (max-width:999px) {
  .full-width-content .col.padding-8-percent>.vc_column-inner {
    padding: calc(100vw * 0.08);
  }
}

@media (min-width:1000px) {
  .full-width-content .column_container:not(.vc_col-sm-12) .col.padding-8-percent>.vc_column-inner {
    padding: calc(100vw * 0.04);
  }
}

.col.padding-6-percent>.vc_column-inner,
.col.padding-6-percent>.n-sticky>.vc_column-inner {
  padding: calc(600px * 0.06);
}

@media (max-width:690px) {

  .col.padding-6-percent>.vc_column-inner,
  .col.padding-6-percent>.n-sticky>.vc_column-inner {
    padding: calc(100vw * 0.06);
  }
}

@media (min-width:1000px) {

  .col.padding-6-percent>.vc_column-inner,
  .col.padding-6-percent>.n-sticky>.vc_column-inner {
    padding: calc((100vw - 180px) * 0.06);
  }

  .column_container:not(.vc_col-sm-12) .col.padding-6-percent>.vc_column-inner {
    padding: calc((100vw - 180px) * 0.03);
  }
}

@media (min-width:1425px) {
  .col.padding-6-percent>.vc_column-inner {
    padding: calc(1245px * 0.06);
  }

  .column_container:not(.vc_col-sm-12) .col.padding-6-percent>.vc_column-inner {
    padding: calc(1245px * 0.03);
  }
}

.full-width-content .col.padding-6-percent>.vc_column-inner {
  padding: calc(100vw * 0.06);
}

@media (max-width:999px) {
  .full-width-content .col.padding-6-percent>.vc_column-inner {
    padding: calc(100vw * 0.06);
  }
}

@media (min-width:1000px) {
  .full-width-content .column_container:not(.vc_col-sm-12) .col.padding-6-percent>.vc_column-inner {
    padding: calc(100vw * 0.03);
  }
}

.col[data-padding-pos="left-right"]>.vc_column-inner,
.col[data-padding-pos="left-right"]>.n-sticky>.vc_column-inner {
  padding-top: 0;
  padding-bottom: 0
}

@media (min-width:1000px) {
  html body {
    overflow: visible;
  }

  .vc_row:not(.vc_row-o-equal-height) .nectar-sticky-column-css.vc_column_container>.n-sticky {
    height: 100%;
  }

  .nectar-sticky-column-css.vc_column_container>.n-sticky {
    width: 100%;
  }

  .nectar-sticky-column-css.vc_column_container>.n-sticky>.vc_column-inner {
    position: sticky;
    top: var(--nectar-sticky-top-distance);
  }
}

.flex_gap_desktop_10px>.n-sticky>.vc_column-inner>.wpb_wrapper {
  gap: 10px;
}

.wpb_column.el_spacing_30px>.vc_column-inner>.wpb_wrapper>div:not(:last-child),
.wpb_column.el_spacing_30px>.n-sticky>.vc_column-inner>.wpb_wrapper>div:not(:last-child) {
  margin-bottom: 30px;
}

.col.padding-2-percent>.vc_column-inner,
.col.padding-2-percent>.n-sticky>.vc_column-inner {
  padding: calc(600px * 0.03);
}

@media (max-width:690px) {

  .col.padding-2-percent>.vc_column-inner,
  .col.padding-2-percent>.n-sticky>.vc_column-inner {
    padding: calc(100vw * 0.03);
  }
}

@media (min-width:1000px) {

  .col.padding-2-percent>.vc_column-inner,
  .col.padding-2-percent>.n-sticky>.vc_column-inner {
    padding: calc((100vw - 180px) * 0.02);
  }

  .column_container:not(.vc_col-sm-12) .col.padding-2-percent>.vc_column-inner {
    padding: calc((100vw - 180px) * 0.01);
  }
}

@media (min-width:1425px) {
  .col.padding-2-percent>.vc_column-inner {
    padding: calc(1245px * 0.02);
  }

  .column_container:not(.vc_col-sm-12) .col.padding-2-percent>.vc_column-inner {
    padding: calc(1245px * 0.01);
  }
}

.full-width-content .col.padding-2-percent>.vc_column-inner {
  padding: calc(100vw * 0.02);
}

@media (max-width:999px) {
  .full-width-content .col.padding-2-percent>.vc_column-inner {
    padding: calc(100vw * 0.03);
  }
}

@media (min-width:1000px) {
  .full-width-content .column_container:not(.vc_col-sm-12) .col.padding-2-percent>.vc_column-inner {
    padding: calc(100vw * 0.01);
  }
}

.wpb_column.child_column.el_spacing_0px>.vc_column-inner>.wpb_wrapper>div:not(:last-child),
.wpb_column.child_column.el_spacing_0px>.n-sticky>.vc_column-inner>.wpb_wrapper>div:not(:last-child) {
  margin-bottom: 0px;
}

.column-image-bg-wrap[data-bg-pos="center center"] .column-image-bg,
.container-wrap .main-content .column-image-bg-wrap[data-bg-pos="center center"] .column-image-bg {
  background-position: center center;
}

.nectar-post-grid[data-grid-item-height="60vh"] .nectar-post-grid-item {
  min-height: 60vh;
  min-height: 60svh;
}

.nectar-post-grid-wrap[data-style="content_under_image"] [data-grid-item-height="60vh"] .nectar-post-grid-item-bg {
  height: 60vh;
  height: 60svh;
}

.nectar-post-grid[data-border-radius="none"][data-text-layout="all_bottom_left_shadow"] .nectar-post-grid-item:before,
.nectar-post-grid[data-border-radius="none"] .nectar-post-grid-item .inner,
.nectar-post-grid[data-border-radius="none"] .bg-overlay {
  border-radius: 0px;
}

@media (max-width:690px) {

  .vc_col-xs-4 .nectar-post-grid .nectar-post-grid-item .meta-excerpt,
  .vc_col-xs-6 .nectar-post-grid .nectar-post-grid-item .meta-excerpt {
    font-size: 12px;
  }

  .nectar-post-grid .nectar-post-grid-item .content .post-heading,
  .nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid-item .content .meta-excerpt {
    max-width: 100%;
  }
}

.nectar-post-grid[data-columns="1"]>.nectar-post-grid-item:nth-child(1) {
  margin-top: 0;
}

.nectar-post-grid[data-columns="1"]>.nectar-post-grid-item:last-child {
  margin-bottom: 0;
}

.wpb_row.full-width-content .vc_col-sm-12 .nectar-post-grid[data-grid-spacing="35px"] {
  margin: 35px;
}

@media (min-width:1000px) {
  body[data-body-border="1"] .wpb_row.full-width-content .vc_col-sm-12 .nectar-post-grid[data-grid-spacing="35px"] {
    margin: 35px -34px;
  }
}

.nectar-post-grid[data-grid-spacing="35px"]:not([data-columns="1"]) {
  margin-left: -35px;
  margin-right: -35px;
}

.nectar-post-grid[data-grid-spacing="35px"][data-columns="1"] .nectar-post-grid-item {
  margin-left: 0;
  margin-right: 0;
}

.nectar-post-grid[data-grid-spacing="35px"] .nectar-post-grid-item {
  margin: 35px;
}

@media (max-width:690px) {

  .nectar-post-grid[data-grid-spacing="35px"] .nectar-post-grid-item,
  .wpb_row.full-width-content .vc_col-sm-12 .nectar-post-grid[data-grid-spacing="35px"] {
    margin: 20px;
  }

  .nectar-post-grid[data-grid-spacing="35px"]:not([data-columns="1"]) {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.nectar-post-grid[data-columns="4"][data-grid-spacing="35px"] .nectar-post-grid-item {
  width: calc(25% - 70px);
}

.nectar-post-grid[data-columns="3"][data-grid-spacing="35px"] .nectar-post-grid-item {
  width: calc(33.32% - 70px);
}

.nectar-post-grid[data-columns="2"][data-grid-spacing="35px"] .nectar-post-grid-item {
  width: calc(50% - 70px);
}

.nectar-post-grid-wrap[data-style="content_under_image"] .nectar-post-grid:not([data-card="yes"]) .nectar-post-grid-item .content {
  padding-bottom: 0;
}

@media (max-width:999px) and (min-width:691px) {
  body .nectar-post-grid[data-columns][data-grid-spacing="35px"]:not([data-columns="1"]):not([data-masonry="yes"]) .nectar-post-grid-item {
    width: calc(50% - 70px);
  }
}

@media (min-width:1000px) {
  .nectar-post-grid.custom_font_size_2vw .post-heading {
    font-size: 2vw;
  }
}

@media (min-width:1000px) {

  .custom_font_size_2vw.nectar-post-grid .nectar-post-grid-item .post-heading,
  .custom_font_size_2vw.nectar-post-grid .nectar-post-grid-item .post-heading {
    font-size: 2vw;
  }
}

@media (min-width:1000px) {
  .custom_font_size_2vw.nectar-post-grid .nectar-post-grid-item .post-heading {
    font-size: 2vw;
  }
}

.nectar-post-grid-item .bg-overlay[data-opacity="0.3"] {
  opacity: 0.3;
}

.nectar-post-grid-item:hover .bg-overlay[data-hover-opacity="0.4"] {
  opacity: 0.4;
}

.nectar-post-grid-wrap .category-position-overlaid .nectar-post-grid-item .content {
  position: static !important;
}

.nectar-post-grid-wrap .category-position-overlaid .nectar-post-grid-item .meta-category {
  position: absolute;
  width: calc(100% - 40px);
  z-index: 100;
  top: 20px;
  left: 20px;
}

.nectar-post-grid-wrap .category-position-overlaid .nectar-post-grid-item .meta-category a.style-underline,
body .nectar-post-grid-wrap .category-position-overlaid .nectar-post-grid-item .meta-category a.style-underline {
  color: #fff;
}

.nectar-post-grid-wrap .category-position-overlaid .nectar-post-grid-item .meta-category a.style-underline:before,
body .nectar-post-grid-wrap .category-position-overlaid .nectar-post-grid-item .meta-category a.style-underline:before {
  background-color: #fff;
}

.category-position-before-title.nectar-post-grid .nectar-post-grid-item .item-meta-extra {
  margin-top: 0;
}

.category-position-before-title .item-main>.nectar-post-grid-item__meta-wrap:not(:empty) {
  margin-top: var(--post-grid-meta-gap, 10px);
}

.spacing-35px .load-more-wrap {
  margin-top: 0;
}

@media (min-width:1000px) {
  .spacing-35px .nectar-post-grid-filters {
    padding-bottom: 0;
    padding-top: 35px;
  }

  .full-width-content .span_12 .spacing-35px .nectar-post-grid-filters {
    padding-top: 70px;
  }
}

@media (max-width:999px) {
  .spacing-35px .nectar-post-grid-filters {
    padding-bottom: 0;
  }
}

.img-with-aniamtion-wrap[data-max-width="custom"].center {
  text-align: center;
}

.img-with-aniamtion-wrap.custom-width-175px .inner {
  max-width: 175px;
}

.img-with-aniamtion-wrap.looped-animation-rotate .inner {
  animation: nectar_looped_rotate 12s forwards infinite linear;
}

@keyframes nectar_looped_rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.nectar-scrolling-text[data-style="text_outline"] a {
  color: inherit;
}

.nectar-scrolling-text[data-style="text_outline"] a:hover svg[data-nht-text] text {
  fill: var(--nht-color);
  stroke: transparent;
}

.nectar-scrolling-text[data-style="text_outline"] em,
.nectar-scrolling-text[data-style="text_outline"] i {
  font-style: normal;
  font-family: inherit;
  opacity: 0;
}

.nectar-scrolling-text[data-style="text_outline"] em[data-nht-text],
.nectar-scrolling-text[data-style="text_outline"] i[data-nht-text] {
  opacity: 1;
}

.nectar-scrolling-text[data-style="text_outline"] svg {
  display: inline;
}

.nectar-scrolling-text[data-style="text_outline"] svg[data-nht-text] text {
  transition: fill 0.3s ease, stroke 0.3s ease;
}

@media (min-width:1000px) {
  .nectar-scrolling-text.font_size_11vw .nectar-scrolling-text-inner * {
    font-size: 11vw;
    line-height: 1em;
  }
}

@media (min-width:1000px) {
  .nectar-scrolling-text.font_size_10vw .nectar-scrolling-text-inner * {
    font-size: 10vw;
    font-weight: 700;
    line-height: 1em;
  }
}

#IndexMoonhwa .nectar-scrolling-text.font_size_10vw .nectar-scrolling-text-inner * {
  user-select: none;
}


.nectar-fancy-box[data-style="image_above_text_underline"] {
  transition: transform .75s cubic-bezier(.2, .75, .5, 1), opacity .5s ease .3s;
  /* transform: none !important; */
}

.nectar-fancy-box[data-style="image_above_text_underline"]:hover {
  /* transform: translateY(-20px) !important; */
}

.nectar-fancy-box[data-style="image_above_text_underline"]:hover .box-bg {
  /* transform: none; */
}

.nectar-fancy-box[data-style="image_above_text_underline"] .image-wrap {
  position: relative;
}

.nectar-fancy-box[data-style="image_above_text_underline"] .image-wrap::after {
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 0 0;
  z-index: 1;
  height: 100%;
  /* background-image: linear-gradient(0deg, #0003 0, #0000 100%); */
  background: radial-gradient(circle, #4440 0%, #4442 100%);
}

.nectar-fancy-box[data-style="image_above_text_underline"].aspect-4-3 .box-bg {
  padding-bottom: calc((1 / (var(--poster-ratio))) * 100%);
}

.nectar-fancy-box[data-style="image_above_text_underline"] .box-link:has(~.box-other-link) {
  height: calc(100% - 80px);
}

.nectar-fancy-box[data-style="image_above_text_underline"] .text {
  padding: 16px 12px 8px;
}

.nectar-fancy-box[data-style="image_above_text_underline"] .text h3 {
  margin: 0;
  color: rgb(var(--rgb-text-main));
  font-size: var(--font-size-l);
  line-height: 1.2;
  text-wrap: balance;
}

.nectar-fancy-box[data-style="image_above_text_underline"] .text p {
  margin: 0;
  padding: .5em 0;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
}

.nectar-fancy-box[data-style="image_above_text_underline"] .text h4 {
  margin: 0;
  padding: 0;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
  font-weight: 420;
  text-decoration: none;
  background: none;
}

.nectar-fancy-box[data-style="image_above_text_underline"] .box-other-link {
  display: inline-block;
  margin: 8px 8px 0;
}

.nectar-fancy-box[data-style="image_above_text_underline"] .box-other-link .nectar-badge__inner {
  color: rgb(var(--rgb-text-main));
  border-radius: var(--border-radius);
  background-color: #efefef;
}

.nectar-fancy-box[data-style="image_above_text_underline"] .box-other-link:hover .nectar-badge__inner {
  color: rgb(var(--rgb-text-white));
  background-color: rgb(var(--rgb-green-main));
}

.nectar-fancy-box[data-style="image_above_text_underline"].content-color-000000 * {
  color: #000000;
}

.nectar-fancy-box[data-style*="text_underline"].content-color-000000 h2,
.nectar-fancy-box[data-style*="text_underline"].content-color-000000 h3,
.nectar-fancy-box[data-style*="text_underline"].content-color-000000 h4,
.nectar-fancy-box[data-style*="text_underline"].content-color-000000 h5 {
  background-image: linear-gradient(to right, #000000 0, #000000 100%);
}

.nectar-split-heading .heading-line {
  display: block;
  overflow: hidden;
  position: relative
}

.nectar-split-heading .heading-line>div {
  display: block;
  transform: translateY(200%);
  -webkit-transform: translateY(200%)
}

.nectar-split-heading h1 {
  margin-bottom: 0
}

.nectar-split-heading>*>* {
  text-indent: 0;
}

@media (min-width:1000px) {

  .nectar-split-heading[data-custom-font-size="true"] h1,
  .nectar-split-heading[data-custom-font-size="true"] h2,
  .nectar-split-heading[data-custom-font-size="true"] h3,
  .nectar-split-heading[data-custom-font-size="true"] h4,
  .nectar-split-heading[data-custom-font-size="true"] h5,
  .nectar-split-heading[data-custom-font-size="true"] h6,
  .nectar-split-heading[data-custom-font-size="true"] i {
    font-size: inherit;
    line-height: inherit;
  }
}

.nectar-split-heading.font_line_height_1-15 {
  line-height: 1.15 !important;
}

.nectar-split-heading.font_line_height_1-15 * {
  line-height: 1.15 !important;
}

.font_size_9vw.nectar-split-heading {
  font-size: 9vw !important;
}

@media (max-width:999px) {
  .container-wrap .font_size_tablet_10vw.nectar-split-heading {
    font-size: 10vw !important;
  }
}

@media (max-width:690px) {
  html .container-wrap .font_size_phone_10vw.nectar-split-heading {
    font-size: 10vw !important;
  }
}

body .font_line_height_1-15.nectar-split-heading {
  line-height: 1.15;
}

.font_size_3vw.nectar-split-heading {
  font-size: 3vw !important;
}

.nectar-split-heading.font_line_height_1-7 {
  line-height: 1.7 !important;
}

.nectar-split-heading.font_line_height_1-7 * {
  line-height: 1.7 !important;
}

.font_size_1vw.nectar-split-heading {
  font-size: 1.1vw !important;
}

@media (max-width:999px) {
  .font_size_tablet_18px.nectar-split-heading {
    font-size: 18px !important;
  }
}

@media (max-width:690px) {
  .font_size_phone_16px.nectar-split-heading {
    font-size: 16px !important;
  }
}

body .font_line_height_1-7.nectar-split-heading {
  line-height: 1.7;
}

.nectar-split-heading[data-text-effect="none"] {
  opacity: 1 !important;
}

.nectar-split-heading.font_line_height_1px {
  line-height: 1 !important;
}

.nectar-split-heading.font_line_height_1px * {
  line-height: 1 !important;
}

.font_size_2vw.nectar-split-heading {
  font-size: 2.5vw !important;
}

body .font_line_height_1px.nectar-split-heading {
  line-height: 1;
}

.nectar-split-heading.font_line_height_1-5 {
  line-height: 1.5 !important;
}

.nectar-split-heading.font_line_height_1-5 * {
  line-height: 1.5 !important;
}

.font_size_1vw.nectar-split-heading {
  font-size: 1.1vw !important;
}

@media (max-width:999px) {
  .font_size_tablet_16px.nectar-split-heading {
    font-size: 16px !important;
  }
}

@media (max-width:690px) {
  .font_size_phone_13px.nectar-split-heading {
    font-size: 13px !important;
  }
}

body .font_line_height_1-5.nectar-split-heading {
  line-height: 1.5;
}

.nectar-text-inline-images {
  position: relative;
  opacity: 0;
  transition: opacity 0.2s ease;
}

@media (max-width:999px) {
  .nectar-text-inline-images--rm-mobile-animation {
    transition: none;
  }
}

body .nectar-text-inline-images a {
  color: inherit;
}

.nectar-text-inline-images .nectar-text-inline-images__inner>*:last-child {
  margin-bottom: 0;
}

.nectar-text-inline-images__marker {
  display: inline-block;
  position: relative;
  min-width: 10px;
  clip-path: inset(6%);
}

body .nectar-text-inline-images__marker img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-width: none;
  width: auto;
}

.nectar-text-inline-images__marker video {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.nectar-text-inline-images--calculated {
  opacity: 1;
}

.nectar-text-inline-images[data-inherit-heading-family] .nectar-text-inline-images__inner>* {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}

.nectar-text-inline-images.image_size_nectar_small_square .nectar-text-inline-images__marker img {
  width: nectar_small_square;
}

@keyframes nectarClipFade {
  0% {
    opacity: 0;
    clip-path: circle(10%);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    clip-path: circle(42%);
  }
}

.nectar-text-inline-images--animation_circle_fade_in .nectar-text-inline-images__marker {
  clip-path: none;
}

.nectar-text-inline-images--animation_circle_fade_in img {
  clip-path: circle(15%);
  opacity: 0;
}

.nectar-text-inline-images--animation_circle_fade_in .nectar-text-inline-images__marker.animated-in img {
  animation: nectarClipFade 1.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@media (min-width:1000px) {
  body .nectar-text-inline-images.font_size_desktop_3vw * {
    font-size: 3vw;
    line-height: 1.4;
  }
}

.nectar-badge__inner {
  display: inline-block;
  line-height: 1;
  color: #fff;
  border-radius: 20px;
}

.nectar-badge.position_desktop_absolute {
  white-space: nowrap;
}

.nectar-badge.border-radius-20px .nectar-badge__inner {
  border-radius: 20px;
}

.padding-amount-medium .nectar-badge__inner {
  padding: .65em 1.25em;
}

.nectar-badge[data-bg-color-custom="#efefef"] .nectar-badge__inner {
  background-color: #efefef;
}

.nectar-badge.text-color-1e1c1c .nectar-badge__inner {
  color: #1e1c1c;
}

.nectar-drag-indicator[data-type="solid"] {
  mix-blend-mode: normal;
  left: -47px;
  top: -47px;
  width: 94px;
  height: 94px;
}

.nectar-drag-indicator[data-type="solid"] .color-circle {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: -2px;
  top: -2px;
  transform: scale(0.2);
  transition: transform 0.45s ease, opacity 0.3s ease;
  opacity: 0;
  border-radius: 50%;
  corner-shape: round;
}

.nectar-drag-indicator[data-type="solid"].visible .color-circle {
  transform: scale(1);
  opacity: 1;
}

.nectar-drag-indicator[data-type="solid"] i {
  font-size: 21px;
  top: -13px;
}

.nectar-drag-indicator[data-type="solid"]:before {
  display: none;
}

.nectar-drag-indicator[data-type="solid"].visible i {
  transition: transform 0.45s ease, opacity 0.3s ease, color 0.3s ease;
}

.nectar-drag-indicator[data-type="solid"] i.xi-angle-left {
  left: 17px;
}

.nectar-drag-indicator[data-type="solid"] i.xi-angle-right {
  right: 21px;
}

.nectar-drag-indicator.visible.pointer-down[data-type="solid"] .color-circle {
  transform: scale(0.15);
}

.nectar-drag-indicator.visible.pointer-down[data-type="solid"] i {
  color: inherit !important;
}

.nectar-drag-indicator.visible.pointer-down[data-type="solid"] i.xi-angle-left {
  transform: translateX(-10px);
}

.nectar-drag-indicator.visible.pointer-down[data-type="solid"] i.xi-angle-right {
  transform: translateX(10px);
}

.nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry).tb-spacing-0 .flickity-viewport {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width:1300px) {
  .nectar-flickity.nectar-carousel[data-desktop-columns="4"][data-spacing="15px"][data-format="default"] .cell {
    width: calc((100% - 280px - var(--subtract-from-col-width, 0px)) / 4);
  }
}

@media (min-width:1000px) and (max-width:1299px) {
  .nectar-flickity.nectar-carousel[data-small-desktop-columns="3"][data-spacing="15px"][data-format="default"] .cell {
    width: calc((100% - 60px - var(--subtract-from-col-width, 0px)) / 3);
  }
}

@media (max-width:999px) and (min-width:690px) {
  .nectar-flickity.nectar-carousel[data-tablet-columns="2"][data-spacing="15px"][data-format="default"] .cell {
    width: calc((100% - 30px - var(--subtract-from-col-width, 0px)) / 2);
  }
}

.nectar-simple-slider .cell.color-overlay-1-transparent>.bg-layer-wrap>.color-overlay {
  background-color: transparent;
}

.nectar-flickity .cell .flickity-slider__link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100 !important;
}

.flex_gap_desktop_10px.cell .inner-wrap {
  gap: 10px;
}

@media (max-width:999px) {
  .vc_row.inner_row.right_padding_tablet_10pct>.row_col_wrap_12_inner {
    padding-right: 10% !important;
  }
}

@media (max-width:999px) {

  .mobile-disable-bg-image-animation .row-bg-wrap .inner-wrap,
  .mobile-disable-bg-image-animation .nectar-video-wrap .nectar-video-inner,
  .mobile-disable-bg-image-animation .row-bg {
    animation: none !important;
  }

  .mobile-disable-bg-image-animation .row-bg-wrap .row-bg {
    opacity: 1 !important;
  }

  .mobile-disable-bg-image-animation .row-bg-wrap .inner-wrap {
    transform: none !important;
    opacity: 1 !important;
  }

  .mobile-disable-bg-image-animation .row-bg-layer {
    clip-path: none !important;
  }
}

@media (max-width:999px) {
  .nectar-scrolling-text.font_size_mobile_15vw .nectar-scrolling-text-inner * {
    font-size: 15vw;
    line-height: 1.1em;
  }
}

@media (max-width:999px) {
  .nectar-scrolling-text.font_size_mobile_11vw .nectar-scrolling-text-inner * {
    font-size: 11vw;
    font-weight: 700;
    line-height: 1.1em;
  }
}

@media (max-width:999px) {
  .nectar-split-heading.font_size_tablet_10vw * {
    font-size: inherit !important;
  }
}

@media (max-width:999px) {
  .nectar-split-heading.font_size_tablet_16px * {
    font-size: inherit !important;
  }
}

@media (max-width:999px) {
  .vc_row.inner_row.left_padding_tablet_10pct>.row_col_wrap_12_inner {
    padding-left: 10% !important;
  }
}

@media (max-width:999px) {
  .nectar-split-heading[data-m-rm-animation="true"] {
    opacity: 1 !important;
  }
}

@media (max-width:999px) {
  .divider-wrap.height_tablet_70svh>.divider {
    height: 70svh !important;
  }
}

@media (max-width:999px) {
  .nectar-sticky-column-css.vc_column_container>.n-sticky:not(.nectar-sticky-column-wrap--mobile)>.vc_column-inner {
    position: relative;
  }
}

@media (max-width:999px) {
  .vc_row.right_padding_tablet_8pct>.row_col_wrap_12 {
    padding-right: 8% !important;
  }
}

@media (max-width:999px) {
  body .nectar-text-inline-images.font_size_tablet_4vw * {
    font-size: 4vw;
    line-height: 1.4;
  }
}

@media (max-width:999px) {
  .vc_row.left_padding_tablet_8pct>.row_col_wrap_12 {
    padding-left: 8% !important;
  }
}

@media (max-width:999px) {
  .nectar-flickity.nectar-carousel:not(.masonry).tb-spacing-0 .flickity-page-dots {
    bottom: -50px;
  }
}

@media (max-width:999px) {
  .vc_row.inner_row.top_padding_tablet_7pct {
    padding-top: 7% !important;
  }
}

@media (max-width:999px) {
  .vc_row.inner_row.bottom_padding_tablet_5pct {
    padding-bottom: 5% !important;
  }
}

@media (max-width:999px) {
  .nectar-split-heading.font_size_tablet_18px * {
    font-size: inherit !important;
  }
}

@media (max-width:999px) {

  body .wpb_row .wpb_column.padding-5-percent_tablet>.vc_column-inner,
  body .wpb_row .wpb_column.padding-5-percent_tablet>.n-sticky>.vc_column-inner {
    padding: calc(999px * 0.05);
  }
}

@media (max-width:999px) {

  .wpb_row.reverse_columns_row_tablet .row_col_wrap_12,
  .wpb_row.inner_row.reverse_columns_row_tablet .row_col_wrap_12_inner {
    flex-direction: row-reverse;
  }

  .wpb_row.reverse_columns_column_tablet .row_col_wrap_12,
  .wpb_row.inner_row.reverse_columns_column_tablet .row_col_wrap_12_inner {
    flex-direction: column-reverse;
  }

  .wpb_row.reverse_columns_column_tablet:not([data-column-margin="none"]):not(.full-width-content)>.row_col_wrap_12>.wpb_column:last-of-type,
  .wpb_row:not(.full-width-content) .wpb_row.inner_row:not([data-column-margin="none"]).reverse_columns_column_tablet .row_col_wrap_12_inner>.wpb_column:last-of-type {
    margin-bottom: 25px;
  }

  .wpb_row.reverse_columns_column_tablet:not([data-column-margin="none"]):not(.full-width-content)>.row_col_wrap_12>.wpb_column:first-of-type,
  .wpb_row:not(.full-width-content) .wpb_row.inner_row:not([data-column-margin="none"]).reverse_columns_column_tablet .row_col_wrap_12_inner>.wpb_column:first-of-type {
    margin-bottom: 0;
  }
}

@media (max-width:999px) {

  .wpb_column.child_column.mobile-disable-entrance-animation,
  .wpb_column.child_column.mobile-disable-entrance-animation:not([data-scroll-animation-mobile="true"])>.vc_column-inner {
    transform: none !important;
    opacity: 1 !important;
  }

  .nectar-mask-reveal.mobile-disable-entrance-animation,
  [data-animation="mask-reveal"].mobile-disable-entrance-animation>.vc_column-inner {
    clip-path: none !important;
  }
}

@media (max-width:999px) {
  .vc_row.right_padding_tablet_18pct>.row_col_wrap_12 {
    padding-right: 18% !important;
  }
}

@media (max-width:999px) {
  .vc_row.left_padding_tablet_18pct>.row_col_wrap_12 {
    padding-left: 18% !important;
  }
}

@media (max-width:999px) {
  .vc_row.inner_row.right_padding_tablet_25pct>.row_col_wrap_12_inner {
    padding-right: 25% !important;
  }
}

@media (max-width:999px) {
  .vc_row.inner_row.top_padding_tablet_8pct {
    padding-top: 8% !important;
  }
}

@media (max-width:999px) {
  .divider-wrap.height_tablet_40svh>.divider {
    height: 40svh !important;
  }
}

@media (max-width:999px) {
  .divider-wrap.height_tablet_65svh>.divider {
    height: 65svh !important;
  }
}

@media (max-width:999px) {
  .vc_row.inner_row.top_padding_tablet_30px {
    padding-top: 30px !important;
  }
}

@media (max-width:690px) {
  .divider-wrap.height_phone_35svh>.divider {
    height: 35svh !important;
  }
}

@media (max-width:690px) {
  body .vc_row.left_padding_phone_8pct>.row_col_wrap_12 {
    padding-left: 8% !important;
  }
}

@media (max-width:690px) {
  body .vc_row.right_padding_phone_8pct>.row_col_wrap_12 {
    padding-right: 8% !important;
  }
}

@media (max-width:690px) {
  .nectar-split-heading.font_size_phone_10vw * {
    font-size: inherit !important;
  }
}

@media (max-width:690px) {

  .wpb_row.reverse_columns_row_phone .row_col_wrap_12,
  .wpb_row.inner_row.reverse_columns_row_phone .row_col_wrap_12_inner {
    flex-direction: row-reverse;
  }

  .wpb_row.reverse_columns_column_phone .row_col_wrap_12,
  .wpb_row.inner_row.reverse_columns_column_phone .row_col_wrap_12_inner {
    flex-direction: column-reverse;
  }

  .wpb_row.reverse_columns_column_phone:not([data-column-margin="none"]):not(.full-width-content)>.row_col_wrap_12>.wpb_column:last-of-type,
  .wpb_row:not(.full-width-content) .wpb_row.inner_row:not([data-column-margin="none"]).reverse_columns_column_phone .row_col_wrap_12_inner>.wpb_column:last-of-type {
    margin-bottom: 25px;
  }

  .wpb_row.reverse_columns_column_phone:not([data-column-margin="none"]):not(.full-width-content)>.row_col_wrap_12>.wpb_column:first-of-type,
  .wpb_row:not(.full-width-content) .wpb_row.inner_row:not([data-column-margin="none"]).reverse_columns_column_phone .row_col_wrap_12_inner>.wpb_column:first-of-type {
    margin-bottom: 0;
  }
}

@media (max-width:690px) {
  body .nectar-text-inline-images.font_size_phone_5vw * {
    font-size: 5vw;
    line-height: 1.4;
  }
}

@media (max-width:690px) {
  body .vc_row.inner_row.right_padding_phone_0px>.row_col_wrap_12_inner {
    padding-right: 0px !important;
  }
}

@media (max-width:690px) {
  .divider-wrap.height_phone_60svh>.divider {
    height: 60svh !important;
  }
}

@media (max-width:690px) {
  .nectar-split-heading.font_size_phone_16px * {
    font-size: inherit !important;
  }
}

@media (max-width:690px) {
  .nectar-split-heading.font_size_phone_13px * {
    font-size: inherit !important;
  }
}

.nectar-shape-divider-wrap {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 150px;
  z-index: 3;
  transform: translateZ(0);
}

.post-area.span_9 .nectar-shape-divider-wrap {
  overflow: hidden;
}

.nectar-shape-divider-wrap[data-front="true"] {
  z-index: 50;
}

.nectar-shape-divider-wrap[data-style="waves_opacity"] svg path:first-child {
  opacity: 0.6;
}

.nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1),
.nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(1) {
  opacity: 0.15;
}

.nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2),
.nectar-shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(2) {
  opacity: 0.3;
}

.nectar-shape-divider {
  width: 100%;
  left: 0;
  bottom: -1px;
  height: 100%;
  position: absolute;
}

.nectar-shape-divider-wrap.no-color .nectar-shape-divider {
  fill: #fff;
}

@media (max-width:999px) {
  .nectar-shape-divider-wrap:not([data-using-percent-val="true"]) .nectar-shape-divider {
    height: 75%;
  }

  .nectar-shape-divider-wrap[data-style="clouds"]:not([data-using-percent-val="true"]) .nectar-shape-divider {
    height: 55%;
  }
}

@media (max-width:690px) {
  .nectar-shape-divider-wrap:not([data-using-percent-val="true"]) .nectar-shape-divider {
    height: 33%;
  }

  .nectar-shape-divider-wrap[data-style="clouds"]:not([data-using-percent-val="true"]) .nectar-shape-divider {
    height: 33%;
  }
}

.nectar-shape-divider-wrap[data-height="1"] .nectar-shape-divider,
.nectar-shape-divider-wrap[data-height="1px"] .nectar-shape-divider {
  height: 1px;
}

.nectar-shape-divider-wrap[data-position="top"] {
  top: -1px;
  bottom: auto;
}

.nectar-shape-divider-wrap[data-position="top"] {
  transform: rotate(180deg)
}

.vc_row.left_padding_5pct>.row_col_wrap_12 {
  padding-left: 5%;
}

.vc_row.right_padding_5pct>.row_col_wrap_12 {
  padding-right: 5%;
}

.wpb_column.el_spacing_0px>.vc_column-inner>.wpb_wrapper>div:not(:last-child),
.wpb_column.el_spacing_0px>.n-sticky>.vc_column-inner>.wpb_wrapper>div:not(:last-child) {
  margin-bottom: 0px;
}

@media (max-width:999px) {
  .wpb_column.bottom_margin_tablet_10px {
    margin-bottom: 10px !important;
  }

  .wpb_column.top_margin_tablet_10px {
    margin-top: 10px !important;
  }

  body .wpb_column.force-tablet-text-align-left,
  body .wpb_column.force-tablet-text-align-left .col {
    text-align: left !important;
  }

  body .wpb_column.force-tablet-text-align-right,
  body .wpb_column.force-tablet-text-align-right .col {
    text-align: right !important;
  }

  body .wpb_column.force-tablet-text-align-center,
  body .wpb_column.force-tablet-text-align-center .col,
  body .wpb_column.force-tablet-text-align-center .vc_custom_heading {
    text-align: center !important;
  }

  .wpb_column.force-tablet-text-align-center .img-with-aniamtion-wrap img {
    display: inline-block;
  }

  .vc_row.bottom_padding_tablet_4pct {
    padding-bottom: 4% !important;
  }

  .vc_row.top_padding_tablet_4pct {
    padding-top: 4% !important;
  }
}


@media (max-width:690px) {

  html body .wpb_column.force-phone-text-align-left,
  html body .wpb_column.force-phone-text-align-left .col {
    text-align: left !important;
  }

  html body .wpb_column.force-phone-text-align-right,
  html body .wpb_column.force-phone-text-align-right .col {
    text-align: right !important;
  }

  html body .wpb_column.force-phone-text-align-center,
  html body .wpb_column.force-phone-text-align-center .col,
  html body .wpb_column.force-phone-text-align-center .vc_custom_heading {
    text-align: center !important;
  }

  .wpb_column.force-phone-text-align-center .img-with-aniamtion-wrap img {
    display: inline-block;
  }

  body .vc_row.bottom_padding_phone_8pct {
    padding-bottom: 8% !important;
  }

  body .vc_row.top_padding_phone_8pct {
    padding-top: 8% !important;
  }
}


.screen-reader-text,
.nectar-skip-to-content:not(:focus) {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.col img:not([srcset]) {
  width: auto;
}

.col img.img-with-animation.nectar-lazy:not([srcset]) {
  width: 100%;
}

html:not(.js) .col.has-animation,
html:not(.js) .wpb_column.has-animation,
html:not(.js) img.img-with-animation {
  opacity: 0;
}



/************************************/
/*             #IndexNews           */
/************************************/
#IndexNews {
  --point-color: #000;
  margin-top: clamp(60px, 6vw, 120px);
  margin-bottom: clamp(60px, 6vw, 120px);
}

#IndexNews .sec_tit_wrap {
  padding-bottom: 40px;
}

#IndexNews .sec_tit_wrap .sec_stit {
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
}

#IndexNews .sec_tit_wrap .sec_tit {
  color: rgb(var(--rgb-text-main));
  font-size: var(--font-size-xxl);
  font-weight: 600;
}

#IndexNews .tabs {
  display: flex;
  gap: 0.5em;
}

#IndexNews .tabs>li>button {
  --text-color: rgb(var(--rgb-text-sub));
  padding: 0 0.7em;
  height: 3em;
  text-align: center;
  color: var(--text-color);
  font-size: var(--font-size-m);
  font-weight: 600;
  line-height: 3;
  white-space: nowrap;
  cursor: pointer;
}

#IndexNews .tabs>li:hover>button {
  --text-color: rgb(var(--rgb-text-main));
  border-bottom: 2px solid rgb(var(--rgb-text-sub));
}

#IndexNews .tabs>li.tab_active>button {
  --text-color: rgb(var(--rgb-text-main));
  border-bottom: 4px solid var(--text-color);
}

#IndexNews .tabs>li:nth-child(2).tab_active>button {
  --text-color: rgb(var(--rgb-blue-main));
}

#IndexNews .tabs>li:nth-child(3).tab_active>button {
  --text-color: rgb(var(--rgb-green-main));
}

#IndexNews .tabs>li:nth-child(4).tab_active>button {
  --text-color: rgb(var(--rgb-orange-main));
}


#IndexNews .tab_content {
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0px 30px;
  margin-top: 20px;
  width: 100%;
}

#IndexNews .box {
  display: flex;
  gap: 60px;
}

#IndexNews .board {
  width: 70%;
}

#IndexNews .photo {
  position: relative;
  padding: 0;
  width: 30%;
  border-radius: var(--border-radius-l);
  background: #fff;
  overflow: hidden;
}

#IndexNews .photo .title {
  position: absolute;
  inset: 24px auto auto 24px;
  z-index: 2;
  color: rgb(var(--rgb-text-white));
  font-size: var(--font-size);
  font-weight: 700;
}

#IndexNews .photo .swiper {
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-size: 12px;
  --swiper-pagination-color: #fff;
  --swiper-navigation-color: #fff;
  height: 100%;
}


#IndexNews .photo .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 24px;
  overflow: hidden;
  z-index: 1;
}

#IndexNews .photo .swiper-slide::after,
#IndexNews .photo .swiper-slide::before {
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  height: 30%;
  background-image: linear-gradient(180deg, #0000 0%, #0008 80%);
}

#IndexNews .photo .swiper-slide::after {
  backdrop-filter: blur(1.5px);
}

#IndexNews .photo .swiper-slide::before {
  inset: 0 0 auto;
  height: 20%;
  background-image: linear-gradient(0deg, #0000 0%, #0008 100%);
}

#IndexNews .photo .swiper-slide img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

#IndexNews .photo .swiper-slide h5 {
  position: relative;
  margin: 0 48px 0 0;
  color: rgb(var(--rgb-text-white));
  font-size: var(--font-size-m);
  line-height: 1.2;
  text-wrap: balance;
  z-index: 2;
}

#IndexNews .photo .swiper-slide p {
  position: relative;
  margin: 6px 48px 0 0;
  color: rgba(var(--rgb-text-white), .8);
  font-size: var(--font-size-s);
  z-index: 2;
}

#IndexNews .photo .swiper-pagination {
  inset: 24px 24px auto auto;
  width: auto;
  z-index: 4;
}

#IndexNews .photo .btn-stop {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 10;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: var(--font-size-s);
  font-weight: 600;
}

#IndexNews .photo .btn-stop::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iMTEiIGRhdGEtbmFtZT0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5Mi44MyAxOTIuODMiPgogIDxwb2x5Z29uIGZpbGw9IiNmZmZmZmYiIHBvaW50cz0iMTM2LjM3IDk2LjQyIDEzNS4zNSA5NS43OSAxMzQuMzQgOTUuMTcgMTMzLjMzIDk0LjU1IDEzMi4zMiA5My45MiAxMzEuMzEgOTMuMyAxMzAuMjkgOTIuNjggMTI5LjI4IDkyLjA2IDEyOC4yNyA5MS40MyAxMjcuMjYgOTAuODEgMTI2LjI1IDkwLjE5IDEyNS4yMyA4OS41NiAxMjQuMjIgODguOTQgMTIzLjIxIDg4LjMyIDEyMi4yIDg3LjY5IDEyMS4xOSA4Ny4wNyAxMjAuMTcgODYuNDUgMTE5LjE2IDg1LjgyIDExOC4xNSA4NS4yIDExNy4xNCA4NC41OCAxMTYuMTMgODMuOTYgMTE1LjExIDgzLjMzIDExNC4xIDgyLjcxIDExMy4wOSA4Mi4wOSAxMTIuMDggODEuNDYgMTExLjA3IDgwLjg0IDExMC4wNSA4MC4yMiAxMDkuMDQgNzkuNTkgMTA4LjAzIDc4Ljk3IDEwNy4wMiA3OC4zNSAxMDYuMDEgNzcuNzMgMTA0Ljk5IDc3LjEgMTAzLjk4IDc2LjQ4IDEwMi45NyA3NS44NiAxMDEuOTYgNzUuMjMgMTAwLjk1IDc0LjYxIDk5LjkzIDczLjk5IDk4LjkyIDczLjM2IDk3LjkxIDcyLjc0IDk2LjkgNzIuMTIgOTUuODkgNzEuNSA5NC44NyA3MC44NyA5My44NiA3MC4yNSA5Mi44NSA2OS42MyA5MS44NCA2OSA5MC44MyA2OC4zOCA4OS44MSA2Ny43NiA4OC44IDY3LjEzIDg3Ljc5IDY2LjUxIDg2Ljc4IDY1Ljg5IDg1Ljc3IDY1LjI3IDg0Ljc1IDY0LjY0IDgzLjc0IDY0LjAyIDgyLjczIDYzLjQgODEuNzIgNjIuNzcgODAuNzEgNjIuMTUgNzkuNjkgNjEuNTMgNzguNjggNjAuOSA3Ny42NyA2MC4yOCA3Ni42NiA1OS42NiA3NS42NSA1OS4wNCA3NC42MyA1OC40MSA3My42MiA1Ny43OSA3Mi42MSA1Ny4xNyA3MS42IDU2LjU0IDcxLjYgNTcuNzkgNzEuNiA1OS4wNCA3MS42IDYwLjI4IDcxLjYgNjEuNTMgNzEuNiA2Mi43NyA3MS42IDY0LjAyIDcxLjYgNjUuMjcgNzEuNiA2Ni41MSA3MS42IDY3Ljc2IDcxLjYgNjkgNzEuNiA3MC4yNSA3MS42IDcxLjUgNzEuNiA3Mi43NCA3MS42IDczLjk5IDcxLjYgNzUuMjMgNzEuNiA3Ni40OCA3MS42IDc3LjczIDcxLjYgNzguOTcgNzEuNiA4MC4yMiA3MS42IDgxLjQ2IDcxLjYgODIuNzEgNzEuNiA4My45NiA3MS42IDg1LjIgNzEuNiA4Ni40NSA3MS42IDg3LjY5IDcxLjYgODguOTQgNzEuNiA5MC4xOSA3MS42IDkxLjQzIDcxLjYgOTIuNjggNzEuNiA5My45MiA3MS42IDk1LjE3IDcxLjYgOTYuNDIgNzEuNiA5Ny42NiA3MS42IDk4LjkxIDcxLjYgMTAwLjE1IDcxLjYgMTAxLjQgNzEuNiAxMDIuNjUgNzEuNiAxMDMuODkgNzEuNiAxMDUuMTQgNzEuNiAxMDYuMzggNzEuNiAxMDcuNjMgNzEuNiAxMDguODggNzEuNiAxMTAuMTIgNzEuNiAxMTEuMzcgNzEuNiAxMTIuNjEgNzEuNiAxMTMuODYgNzEuNiAxMTUuMTEgNzEuNiAxMTYuMzUgNzEuNiAxMTcuNiA3MS42IDExOC44NCA3MS42IDEyMC4wOSA3MS42IDEyMS4zNCA3MS42IDEyMi41OCA3MS42IDEyMy44MyA3MS42IDEyNS4wNyA3MS42IDEyNi4zMiA3MS42IDEyNy41NyA3MS42IDEyOC44MSA3MS42IDEzMC4wNiA3MS42IDEzMS4zIDcxLjYgMTMyLjU1IDcxLjYgMTMzLjggNzEuNiAxMzUuMDQgNzEuNiAxMzYuMjkgNzIuNjEgMTM1LjY3IDczLjYyIDEzNS4wNCA3NC42MyAxMzQuNDIgNzUuNjUgMTMzLjggNzYuNjYgMTMzLjE3IDc3LjY3IDEzMi41NSA3OC42OCAxMzEuOTMgNzkuNjkgMTMxLjMgODAuNzEgMTMwLjY4IDgxLjcyIDEzMC4wNiA4Mi43MyAxMjkuNDQgODMuNzQgMTI4LjgxIDg0Ljc1IDEyOC4xOSA4NS43NyAxMjcuNTcgODYuNzggMTI2Ljk0IDg3Ljc5IDEyNi4zMiA4OC44IDEyNS43IDg5LjgxIDEyNS4wNyA5MC44MyAxMjQuNDUgOTEuODQgMTIzLjgzIDkyLjg1IDEyMy4yMSA5My44NiAxMjIuNTggOTQuODcgMTIxLjk2IDk1Ljg5IDEyMS4zNCA5Ni45IDEyMC43MSA5Ny45MSAxMjAuMDkgOTguOTIgMTE5LjQ3IDk5LjkzIDExOC44NCAxMDAuOTUgMTE4LjIyIDEwMS45NiAxMTcuNiAxMDIuOTcgMTE2Ljk4IDEwMy45OCAxMTYuMzUgMTA0Ljk5IDExNS43MyAxMDYuMDEgMTE1LjExIDEwNy4wMiAxMTQuNDggMTA4LjAzIDExMy44NiAxMDkuMDQgMTEzLjI0IDExMC4wNSAxMTIuNjEgMTExLjA3IDExMS45OSAxMTIuMDggMTExLjM3IDExMy4wOSAxMTAuNzUgMTE0LjEgMTEwLjEyIDExNS4xMSAxMDkuNSAxMTYuMTMgMTA4Ljg4IDExNy4xNCAxMDguMjUgMTE4LjE1IDEwNy42MyAxMTkuMTYgMTA3LjAxIDEyMC4xNyAxMDYuMzggMTIxLjE5IDEwNS43NiAxMjIuMiAxMDUuMTQgMTIzLjIxIDEwNC41MiAxMjQuMjIgMTAzLjg5IDEyNS4yMyAxMDMuMjcgMTI2LjI1IDEwMi42NSAxMjcuMjYgMTAyLjAyIDEyOC4yNyAxMDEuNCAxMjkuMjggMTAwLjc4IDEzMC4yOSAxMDAuMTUgMTMxLjMxIDk5LjUzIDEzMi4zMiA5OC45MSAxMzMuMzMgOTguMjkgMTM0LjM0IDk3LjY2IDEzNS4zNSA5Ny4wNCAxMzYuMzcgOTYuNDIiLz4KPC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: '';
}

#IndexNews .photo .btn-stop.play::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIuODMgMTkyLjgzIj4NCiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgcG9pbnRzPSI4Ny43MiAxMjkuOTkgODcuNDUgMTI5Ljk5IDg3LjE4IDEyOS45OSA4Ni45MSAxMjkuOTkgODYuNjUgMTI5Ljk5IDg2LjM4IDEyOS45OSA4Ni4xMSAxMjkuOTkgODUuODQgMTI5Ljk5IDg1LjU3IDEyOS45OSA4NS4zIDEyOS45OSA4NS4wMyAxMjkuOTkgODQuNzcgMTI5Ljk5IDg0LjUgMTI5Ljk5IDg0LjIzIDEyOS45OSA4My45NiAxMjkuOTkgODMuNjkgMTI5Ljk5IDgzLjQyIDEyOS45OSA4My4xNSAxMjkuOTkgODIuODkgMTI5Ljk5IDgyLjYyIDEyOS45OSA4Mi4zNSAxMjkuOTkgODIuMDggMTI5Ljk5IDgxLjgxIDEyOS45OSA4MS41NCAxMjkuOTkgODEuMjcgMTI5Ljk5IDgxLjAxIDEyOS45OSA4MC43NCAxMjkuOTkgODAuNDcgMTI5Ljk5IDgwLjIgMTI5Ljk5IDc5LjkzIDEyOS45OSA3OS42NiAxMjkuOTkgNzkuMzkgMTI5Ljk5IDc5LjEzIDEyOS45OSA3OC44NiAxMjkuOTkgNzguNTkgMTI5Ljk5IDc4LjMyIDEyOS45OSA3OC4wNSAxMjkuOTkgNzcuNzggMTI5Ljk5IDc3LjUxIDEyOS45OSA3Ny4yNSAxMjkuOTkgNzYuOTggMTI5Ljk5IDc2LjcxIDEyOS45OSA3Ni40NCAxMjkuOTkgNzYuMTcgMTI5Ljk5IDc1LjkgMTI5Ljk5IDc1LjYzIDEyOS45OSA3NS4zNyAxMjkuOTkgNzUuMSAxMjkuOTkgNzQuODMgMTI5Ljk5IDc0LjU2IDEyOS45OSA3NC4yOSAxMjkuOTkgNzQuMDIgMTI5Ljk5IDczLjc1IDEyOS45OSA3My40OSAxMjkuOTkgNzMuMjIgMTI5Ljk5IDcyLjk1IDEyOS45OSA3Mi42OCAxMjkuOTkgNzIuNDEgMTI5Ljk5IDcyLjE0IDEyOS45OSA3MS44NyAxMjkuOTkgNzEuNjEgMTI5Ljk5IDcxLjM0IDEyOS45OSA3MS4wNyAxMjkuOTkgNzAuOCAxMjkuOTkgNzAuNTMgMTI5Ljk5IDcwLjUzIDEyOC45NCA3MC41MyAxMjcuODkgNzAuNTMgMTI2Ljg0IDcwLjUzIDEyNS43OSA3MC41MyAxMjQuNzQgNzAuNTMgMTIzLjcgNzAuNTMgMTIyLjY1IDcwLjUzIDEyMS42IDcwLjUzIDEyMC41NSA3MC41MyAxMTkuNSA3MC41MyAxMTguNDUgNzAuNTMgMTE3LjQgNzAuNTMgMTE2LjM1IDcwLjUzIDExNS4zIDcwLjUzIDExNC4yNSA3MC41MyAxMTMuMiA3MC41MyAxMTIuMTUgNzAuNTMgMTExLjEgNzAuNTMgMTEwLjA2IDcwLjUzIDEwOS4wMSA3MC41MyAxMDcuOTYgNzAuNTMgMTA2LjkxIDcwLjUzIDEwNS44NiA3MC41MyAxMDQuODEgNzAuNTMgMTAzLjc2IDcwLjUzIDEwMi43MSA3MC41MyAxMDEuNjYgNzAuNTMgMTAwLjYxIDcwLjUzIDk5LjU2IDcwLjUzIDk4LjUxIDcwLjUzIDk3LjQ3IDcwLjUzIDk2LjQyIDcwLjUzIDk1LjM3IDcwLjUzIDk0LjMyIDcwLjUzIDkzLjI3IDcwLjUzIDkyLjIyIDcwLjUzIDkxLjE3IDcwLjUzIDkwLjEyIDcwLjUzIDg5LjA3IDcwLjUzIDg4LjAyIDcwLjUzIDg2Ljk3IDcwLjUzIDg1LjkyIDcwLjUzIDg0Ljg3IDcwLjUzIDgzLjgzIDcwLjUzIDgyLjc4IDcwLjUzIDgxLjczIDcwLjUzIDgwLjY4IDcwLjUzIDc5LjYzIDcwLjUzIDc4LjU4IDcwLjUzIDc3LjUzIDcwLjUzIDc2LjQ4IDcwLjUzIDc1LjQzIDcwLjUzIDc0LjM4IDcwLjUzIDczLjMzIDcwLjUzIDcyLjI4IDcwLjUzIDcxLjI0IDcwLjUzIDcwLjE5IDcwLjUzIDY5LjE0IDcwLjUzIDY4LjA5IDcwLjUzIDY3LjA0IDcwLjUzIDY1Ljk5IDcwLjUzIDY0Ljk0IDcwLjUzIDYzLjg5IDcwLjUzIDYyLjg0IDcwLjggNjIuODQgNzEuMDcgNjIuODQgNzEuMzQgNjIuODQgNzEuNjEgNjIuODQgNzEuODcgNjIuODQgNzIuMTQgNjIuODQgNzIuNDEgNjIuODQgNzIuNjggNjIuODQgNzIuOTUgNjIuODQgNzMuMjIgNjIuODQgNzMuNDkgNjIuODQgNzMuNzUgNjIuODQgNzQuMDIgNjIuODQgNzQuMjkgNjIuODQgNzQuNTYgNjIuODQgNzQuODMgNjIuODQgNzUuMSA2Mi44NCA3NS4zNyA2Mi44NCA3NS42MyA2Mi44NCA3NS45IDYyLjg0IDc2LjE3IDYyLjg0IDc2LjQ0IDYyLjg0IDc2LjcxIDYyLjg0IDc2Ljk4IDYyLjg0IDc3LjI1IDYyLjg0IDc3LjUxIDYyLjg0IDc3Ljc4IDYyLjg0IDc4LjA1IDYyLjg0IDc4LjMyIDYyLjg0IDc4LjU5IDYyLjg0IDc4Ljg2IDYyLjg0IDc5LjEzIDYyLjg0IDc5LjM5IDYyLjg0IDc5LjY2IDYyLjg0IDc5LjkzIDYyLjg0IDgwLjIgNjIuODQgODAuNDcgNjIuODQgODAuNzQgNjIuODQgODEuMDEgNjIuODQgODEuMjcgNjIuODQgODEuNTQgNjIuODQgODEuODEgNjIuODQgODIuMDggNjIuODQgODIuMzUgNjIuODQgODIuNjIgNjIuODQgODIuODkgNjIuODQgODMuMTUgNjIuODQgODMuNDIgNjIuODQgODMuNjkgNjIuODQgODMuOTYgNjIuODQgODQuMjMgNjIuODQgODQuNSA2Mi44NCA4NC43NyA2Mi44NCA4NS4wMyA2Mi44NCA4NS4zIDYyLjg0IDg1LjU3IDYyLjg0IDg1Ljg0IDYyLjg0IDg2LjExIDYyLjg0IDg2LjM4IDYyLjg0IDg2LjY1IDYyLjg0IDg2LjkxIDYyLjg0IDg3LjE4IDYyLjg0IDg3LjQ1IDYyLjg0IDg3LjcyIDYyLjg0IDg3LjcyIDYzLjg5IDg3LjcyIDY0Ljk0IDg3LjcyIDY1Ljk5IDg3LjcyIDY3LjA0IDg3LjcyIDY4LjA5IDg3LjcyIDY5LjE0IDg3LjcyIDcwLjE5IDg3LjcyIDcxLjI0IDg3LjcyIDcyLjI4IDg3LjcyIDczLjMzIDg3LjcyIDc0LjM4IDg3LjcyIDc1LjQzIDg3LjcyIDc2LjQ4IDg3LjcyIDc3LjUzIDg3LjcyIDc4LjU4IDg3LjcyIDc5LjYzIDg3LjcyIDgwLjY4IDg3LjcyIDgxLjczIDg3LjcyIDgyLjc4IDg3LjcyIDgzLjgzIDg3LjcyIDg0Ljg3IDg3LjcyIDg1LjkyIDg3LjcyIDg2Ljk3IDg3LjcyIDg4LjAyIDg3LjcyIDg5LjA3IDg3LjcyIDkwLjEyIDg3LjcyIDkxLjE3IDg3LjcyIDkyLjIyIDg3LjcyIDkzLjI3IDg3LjcyIDk0LjMyIDg3LjcyIDk1LjM3IDg3LjcyIDk2LjQyIDg3LjcyIDk3LjQ3IDg3LjcyIDk4LjUxIDg3LjcyIDk5LjU2IDg3LjcyIDEwMC42MSA4Ny43MiAxMDEuNjYgODcuNzIgMTAyLjcxIDg3LjcyIDEwMy43NiA4Ny43MiAxMDQuODEgODcuNzIgMTA1Ljg2IDg3LjcyIDEwNi45MSA4Ny43MiAxMDcuOTYgODcuNzIgMTA5LjAxIDg3LjcyIDExMC4wNiA4Ny43MiAxMTEuMSA4Ny43MiAxMTIuMTUgODcuNzIgMTEzLjIgODcuNzIgMTE0LjI1IDg3LjcyIDExNS4zIDg3LjcyIDExNi4zNSA4Ny43MiAxMTcuNCA4Ny43MiAxMTguNDUgODcuNzIgMTE5LjUgODcuNzIgMTIwLjU1IDg3LjcyIDEyMS42IDg3LjcyIDEyMi42NSA4Ny43MiAxMjMuNyA4Ny43MiAxMjQuNzQgODcuNzIgMTI1Ljc5IDg3LjcyIDEyNi44NCA4Ny43MiAxMjcuODkgODcuNzIgMTI4Ljk0IDg3LjcyIDEyOS45OSIvPg0KICA8cG9seWdvbiBmaWxsPSIjZmZmIiBwb2ludHM9IjEyMi4zIDEzMCAxMjIuMDMgMTMwIDEyMS43NiAxMzAgMTIxLjUgMTMwIDEyMS4yMyAxMzAgMTIwLjk2IDEzMCAxMjAuNjkgMTMwIDEyMC40MiAxMzAgMTIwLjE1IDEzMCAxMTkuODggMTMwIDExOS42MiAxMzAgMTE5LjM1IDEzMCAxMTkuMDggMTMwIDExOC44MSAxMzAgMTE4LjU0IDEzMCAxMTguMjcgMTMwIDExOCAxMzAgMTE3LjczIDEzMCAxMTcuNDcgMTMwIDExNy4yIDEzMCAxMTYuOTMgMTMwIDExNi42NiAxMzAgMTE2LjM5IDEzMCAxMTYuMTIgMTMwIDExNS44NSAxMzAgMTE1LjU5IDEzMCAxMTUuMzIgMTMwIDExNS4wNSAxMzAgMTE0Ljc4IDEzMCAxMTQuNTEgMTMwIDExNC4yNCAxMzAgMTEzLjk3IDEzMCAxMTMuNzEgMTMwIDExMy40NCAxMzAgMTEzLjE3IDEzMCAxMTIuOSAxMzAgMTEyLjYzIDEzMCAxMTIuMzYgMTMwIDExMi4wOSAxMzAgMTExLjgyIDEzMCAxMTEuNTYgMTMwIDExMS4yOSAxMzAgMTExLjAyIDEzMCAxMTAuNzUgMTMwIDExMC40OCAxMzAgMTEwLjIxIDEzMCAxMDkuOTQgMTMwIDEwOS42OCAxMzAgMTA5LjQxIDEzMCAxMDkuMTQgMTMwIDEwOC44NyAxMzAgMTA4LjYgMTMwIDEwOC4zMyAxMzAgMTA4LjA2IDEzMCAxMDcuOCAxMzAgMTA3LjUzIDEzMCAxMDcuMjYgMTMwIDEwNi45OSAxMzAgMTA2LjcyIDEzMCAxMDYuNDUgMTMwIDEwNi4xOCAxMzAgMTA1LjkxIDEzMCAxMDUuNjUgMTMwIDEwNS4zOCAxMzAgMTA1LjExIDEzMCAxMDUuMTEgMTI4Ljk1IDEwNS4xMSAxMjcuOSAxMDUuMTEgMTI2Ljg1IDEwNS4xMSAxMjUuOCAxMDUuMTEgMTI0Ljc1IDEwNS4xMSAxMjMuNyAxMDUuMTEgMTIyLjY1IDEwNS4xMSAxMjEuNiAxMDUuMTEgMTIwLjU1IDEwNS4xMSAxMTkuNSAxMDUuMTEgMTE4LjQ1IDEwNS4xMSAxMTcuNCAxMDUuMTEgMTE2LjM2IDEwNS4xMSAxMTUuMzEgMTA1LjExIDExNC4yNiAxMDUuMTEgMTEzLjIxIDEwNS4xMSAxMTIuMTYgMTA1LjExIDExMS4xMSAxMDUuMTEgMTEwLjA2IDEwNS4xMSAxMDkuMDEgMTA1LjExIDEwNy45NiAxMDUuMTEgMTA2LjkxIDEwNS4xMSAxMDUuODYgMTA1LjExIDEwNC44MSAxMDUuMTEgMTAzLjc2IDEwNS4xMSAxMDIuNzEgMTA1LjExIDEwMS42NiAxMDUuMTEgMTAwLjYxIDEwNS4xMSA5OS41NiAxMDUuMTEgOTguNTEgMTA1LjExIDk3LjQ3IDEwNS4xMSA5Ni40MiAxMDUuMTEgOTUuMzcgMTA1LjExIDk0LjMyIDEwNS4xMSA5My4yNyAxMDUuMTEgOTIuMjIgMTA1LjExIDkxLjE3IDEwNS4xMSA5MC4xMiAxMDUuMTEgODkuMDcgMTA1LjExIDg4LjAyIDEwNS4xMSA4Ni45NyAxMDUuMTEgODUuOTIgMTA1LjExIDg0Ljg3IDEwNS4xMSA4My44MiAxMDUuMTEgODIuNzcgMTA1LjExIDgxLjcyIDEwNS4xMSA4MC42NyAxMDUuMTEgNzkuNjIgMTA1LjExIDc4LjU4IDEwNS4xMSA3Ny41MyAxMDUuMTEgNzYuNDggMTA1LjExIDc1LjQzIDEwNS4xMSA3NC4zOCAxMDUuMTEgNzMuMzMgMTA1LjExIDcyLjI4IDEwNS4xMSA3MS4yMyAxMDUuMTEgNzAuMTggMTA1LjExIDY5LjEzIDEwNS4xMSA2OC4wOCAxMDUuMTEgNjcuMDMgMTA1LjExIDY1Ljk4IDEwNS4xMSA2NC45MyAxMDUuMTEgNjMuODggMTA1LjExIDYyLjgzIDEwNS4zOCA2Mi44MyAxMDUuNjUgNjIuODMgMTA1LjkxIDYyLjgzIDEwNi4xOCA2Mi44MyAxMDYuNDUgNjIuODMgMTA2LjcyIDYyLjgzIDEwNi45OSA2Mi44MyAxMDcuMjYgNjIuODMgMTA3LjUzIDYyLjgzIDEwNy44IDYyLjgzIDEwOC4wNiA2Mi44MyAxMDguMzMgNjIuODMgMTA4LjYgNjIuODMgMTA4Ljg3IDYyLjgzIDEwOS4xNCA2Mi44MyAxMDkuNDEgNjIuODMgMTA5LjY4IDYyLjgzIDEwOS45NCA2Mi44MyAxMTAuMjEgNjIuODMgMTEwLjQ4IDYyLjgzIDExMC43NSA2Mi44MyAxMTEuMDIgNjIuODMgMTExLjI5IDYyLjgzIDExMS41NiA2Mi44MyAxMTEuODIgNjIuODMgMTEyLjA5IDYyLjgzIDExMi4zNiA2Mi44MyAxMTIuNjMgNjIuODMgMTEyLjkgNjIuODMgMTEzLjE3IDYyLjgzIDExMy40NCA2Mi44MyAxMTMuNzEgNjIuODMgMTEzLjk3IDYyLjgzIDExNC4yNCA2Mi44MyAxMTQuNTEgNjIuODMgMTE0Ljc4IDYyLjgzIDExNS4wNSA2Mi44MyAxMTUuMzIgNjIuODMgMTE1LjU5IDYyLjgzIDExNS44NSA2Mi44MyAxMTYuMTIgNjIuODMgMTE2LjM5IDYyLjgzIDExNi42NiA2Mi44MyAxMTYuOTMgNjIuODMgMTE3LjIgNjIuODMgMTE3LjQ3IDYyLjgzIDExNy43MyA2Mi44MyAxMTggNjIuODMgMTE4LjI3IDYyLjgzIDExOC41NCA2Mi44MyAxMTguODEgNjIuODMgMTE5LjA4IDYyLjgzIDExOS4zNSA2Mi44MyAxMTkuNjIgNjIuODMgMTE5Ljg4IDYyLjgzIDEyMC4xNSA2Mi44MyAxMjAuNDIgNjIuODMgMTIwLjY5IDYyLjgzIDEyMC45NiA2Mi44MyAxMjEuMjMgNjIuODMgMTIxLjUgNjIuODMgMTIxLjc2IDYyLjgzIDEyMi4wMyA2Mi44MyAxMjIuMyA2Mi44MyAxMjIuMyA2My44OCAxMjIuMyA2NC45MyAxMjIuMyA2NS45OCAxMjIuMyA2Ny4wMyAxMjIuMyA2OC4wOCAxMjIuMyA2OS4xMyAxMjIuMyA3MC4xOCAxMjIuMyA3MS4yMyAxMjIuMyA3Mi4yOCAxMjIuMyA3My4zMyAxMjIuMyA3NC4zOCAxMjIuMyA3NS40MyAxMjIuMyA3Ni40OCAxMjIuMyA3Ny41MyAxMjIuMyA3OC41OCAxMjIuMyA3OS42MiAxMjIuMyA4MC42NyAxMjIuMyA4MS43MiAxMjIuMyA4Mi43NyAxMjIuMyA4My44MiAxMjIuMyA4NC44NyAxMjIuMyA4NS45MiAxMjIuMyA4Ni45NyAxMjIuMyA4OC4wMiAxMjIuMyA4OS4wNyAxMjIuMyA5MC4xMiAxMjIuMyA5MS4xNyAxMjIuMyA5Mi4yMiAxMjIuMyA5My4yNyAxMjIuMyA5NC4zMiAxMjIuMyA5NS4zNyAxMjIuMyA5Ni40MiAxMjIuMyA5Ny40NyAxMjIuMyA5OC41MSAxMjIuMyA5OS41NiAxMjIuMyAxMDAuNjEgMTIyLjMgMTAxLjY2IDEyMi4zIDEwMi43MSAxMjIuMyAxMDMuNzYgMTIyLjMgMTA0LjgxIDEyMi4zIDEwNS44NiAxMjIuMyAxMDYuOTEgMTIyLjMgMTA3Ljk2IDEyMi4zIDEwOS4wMSAxMjIuMyAxMTAuMDYgMTIyLjMgMTExLjExIDEyMi4zIDExMi4xNiAxMjIuMyAxMTMuMjEgMTIyLjMgMTE0LjI2IDEyMi4zIDExNS4zMSAxMjIuMyAxMTYuMzYgMTIyLjMgMTE3LjQgMTIyLjMgMTE4LjQ1IDEyMi4zIDExOS41IDEyMi4zIDEyMC41NSAxMjIuMyAxMjEuNiAxMjIuMyAxMjIuNjUgMTIyLjMgMTIzLjcgMTIyLjMgMTI0Ljc1IDEyMi4zIDEyNS44IDEyMi4zIDEyNi44NSAxMjIuMyAxMjcuOSAxMjIuMyAxMjguOTUgMTIyLjMgMTMwIi8+DQo8L3N2Zz4=);
}

#IndexNews .photo .btn-stop svg {
  --percentage: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #fff;
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--percentage)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}


#IndexNews .notice-item a{
  display: block;
  width: 100%;
  padding: 24px 0;
  border-bottom: 1px solid rgb(var(--rgb-border))
}

#IndexNews .notice-item .sort {
  display: inline-block;
  position: relative;
  padding: 0 0 0 14px;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
  font-weight: 600;
}

#IndexNews .notice-item .sort::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  corner-shape: squircle;
}

#IndexNews .notice-item .sort.type1::before {
  background-color: rgb(var(--rgb-blue-main));
}

#IndexNews .notice-item .sort.type2::before {
  background-color: rgb(var(--rgb-green-main));
}

#IndexNews .notice-item .sort.type3::before {
  background-color: rgb(var(--rgb-orange-main));
}

#IndexNews .notice-item h5 {
  font-size: var(--font-size-m);
  font-weight: 600;
  height: 48px;
  line-height: 24px;
  margin: 12px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#IndexNews .notice-item h5 a {
  text-underline-offset: 0.2em;
}

#IndexNews .notice-item .date {
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size-s);
}

@media (max-width: 1200px) {
  #IndexNews .csBox {
    padding: 0 15px
  }
}

@media (max-width: 1000px) {
  #IndexNews .tab_content {
    gap: 20px;
  }
}

@media (max-width: 600px) {
  #IndexNews .tabs>li>button {
    font-size: 16px;
    padding: 0 10px;
  }

  #IndexNews .tab_content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #IndexNews .notice-item:last-child {
    display: none;
  }
}

/************************************/
/*           #IndexYoutube          */
/************************************/
#IndexYoutube {
  --point-color: #000;
  padding-top: clamp(60px, 6vw, 120px);
  padding-bottom: clamp(60px, 6vw, 120px);
  background-color: rgb(var(--rgb-background2));
}

#IndexYoutube .sec_tit_wrap {
  width: 100%;
  padding-bottom: 40px;
  line-height: 1.5;
}

#IndexYoutube .sec_tit_wrap .sec_stit {
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
}

#IndexYoutube .sec_tit_wrap .sec_tit {
  color: rgb(var(--rgb-text-main));
  font-size: var(--font-size-xxl);
  font-weight: 600;
}

#IndexYoutube .box {
  display: flex;
  gap: 60px;
}

#IndexYoutube .main {
  flex: 1 1 auto;
  width: 100%;
}

#IndexYoutube .main a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: var(--border-radius-l);
  overflow: hidden;
  padding: 24px;
  height: 100%;
  z-index: 1;
}

#IndexYoutube .main a::before {
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  height: 25%;
  background-image: linear-gradient(180deg, #0000 0%, #0008 80%);
  backdrop-filter: blur(1.5px);
}

#IndexYoutube .main a::after {
  --button-size: 100px;
  content: "\f16a";
  display: block;
  position: absolute;
  inset: 50% 0 0 50%;
  z-index: 10;
  margin: calc(var(--button-size) * -0.5) 0 0 calc(var(--button-size) * -0.5);
  width: var(--button-size);
  height: var(--button-size);
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: var(--button-size);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: red;
}

#IndexYoutube .main a .image-wrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius-l);
  overflow: hidden;
}

#IndexYoutube .main a img {
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .75s cubic-bezier(.2, .75, .5, 1), opacity .5s ease .3s;
}

#IndexYoutube .main a:hover img {
  transform: scale(1.1);
}

#IndexYoutube .main a h5 {
  margin: 0;
  color: rgb(var(--rgb-text-white));
  font-size: var(--font-size-l);
  line-height: 1.2;
  text-wrap: balance;
  z-index: 2;
}

#IndexYoutube .main a p {
  position: relative;
  margin: 6px 48px 0 0;
  color: rgba(var(--rgb-text-white), .8);
  font-size: var(--font-size-s);
  z-index: 2;
}

#IndexYoutube .list {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 30%;
}

#IndexYoutube .list a {
  display: grid;
  grid-template-areas: "h5 img"
    "p img";
  grid-template-columns: 1fr 170px;
  gap: 0 24px;
  position: relative;
  padding: 14px 0;
  align-content: center;
  align-items: center;
  border-top: 1px solid rgb(var(--rgb-border));
}

#IndexYoutube .list a:first-child {
  border-top: none;
}

#IndexYoutube .list a .image-wrap {
  grid-area: img;
  border-radius: var(--border-radius-l);
  overflow: hidden;
}

#IndexYoutube .list a img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;

  transition: transform .75s cubic-bezier(.2, .75, .5, 1), opacity .5s ease .3s;
}

#IndexYoutube .list a:hover img {
  transform: scale(1.1);
}

#IndexYoutube .list a h5 {
  grid-area: h5;
  display: block;
  width: 100%;
  margin: auto 0 0;
  padding: 0 24px 0;
  font-size: var(--font-size-m);
  line-height: 1.2;
  text-wrap: balance;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  z-index: 2;
}

#IndexYoutube .list a p {
  grid-area: p;
  color: rgb(var(--rgb-text-sub));
  margin: 0 0 auto;
  padding: 12px 24px 0;
  font-size: var(--font-size-s);
}





/************************************/
/*           #IndexFestival         */
/************************************/
#IndexFestival {
  --point-color: #fff;
  width: 100%;
  height: 100vh;
  min-height: 860px
}

#IndexFestival .box {
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#IndexFestival .w1760 {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: none;
  height: 100%;
}

#IndexFestival .contents {
  position: relative;
  height: 100%;
}

#IndexFestival .img-box {
  height: 100%;
  padding: 25% 0;
  position: relative;
  overflow: hidden;
}

#IndexFestival .img-box .img {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: all 0.6s;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#IndexFestival .img-box .img.on {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}

#IndexFestival .img-box .background {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#IndexFestival .img-box .img .float {
  display: block;
  position: absolute;
  z-index: 2;
  inset: auto auto 100px calc(var(--container-outside) - 40px);
  width: 628px;
  border-radius: 9999px;
  background-color: #fffa;
  backdrop-filter: blur(4px);
  padding: 50px 70px;
  transition: all .5s ease 0s;
  transform: translate(0, 30px);
}

/* #IndexFestival .img-box .img.on .float {
  transition: all .5s ease .3s;
  opacity: 1;
  transform: translate(0, 0px);
} */

#IndexFestival .img-box .float h4 {
  margin: 0;
  font-size: var(--font-size-m);
  font-weight: 600;
}

#IndexFestival .img-box .float h2 {
  margin: 0 0 0.2em;
  font-size: 44px;
  font-weight: 700;
}

#IndexFestival .img-box .float p {
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #f1f1f1;
  padding: 0 0 20px;
}

#IndexFestival .img-box .float h5 {
  display: flex;
  align-items: center;
  margin: 12px 0 0;
  font-size: var(--font-size-m);
  font-weight: 600;
}

#IndexFestival .img-box .float h5 .text {
  display: inline-flex;
  align-items: center;
}

#IndexFestival .img-box .float h5 i {
  display: inline-block;
  margin: 0 8px 0 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 100%;
  corner-shape: round;
  background-color: rgb(var(--rgb-blue-main));
}

#IndexFestival .img-box .float h5 strong {
  display: inline-block;
  margin: 0 10px 0 0;
  color: rgb(var(--rgb-blue-main));
  font-weight: 600;
}

#IndexFestival .img-box .float .btn-detail {
  display: block;
  position: absolute;
  bottom: 40px;
  right: -60px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  border-radius: 100%;
  corner-shape: round;
  background-image: linear-gradient(90deg, rgb(var(--rgb-blue-main)) 0%, rgb(var(--rgb-green-main)) 100%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}

#IndexFestival .text-box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#IndexFestival .text-box .more-hover {
  display: block;
}

#IndexFestival .item-box {
  height: 100%;
}

#IndexFestival .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 4vw 0 0 calc(var(--container-outside) - 40px);
  padding: 40px 40px;
  color: rgb(var(--rgb-text-white));
  overflow: hidden;
}

#IndexFestival .item-box {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  row-gap: 32px;
  position: relative;
  width: 100%;
  max-width: 30%;
  border-radius: 100vh 0 0 100vh;
  background-color: #fffa;
  backdrop-filter: blur(4px);
  overflow: hidden;
}

#IndexFestival .item {
  padding: 0 60px;
  pointer-events: auto;
}

#IndexFestival .item::before {
  content: "";
  display: block;
  width: 10px;
  height: 0;
  background: rgb(var(--rgb-blue-main));
  transition: all 0.4s;
  position: absolute;
  left: 0;
  border-radius: 0 var(--border-radius-pill) var(--border-radius-pill) 0;
}

#IndexFestival .item h3 {
  margin: 0;
  font-size: var(--font-size-m);
  font-weight: 700;
  opacity: 0.85;
  transition: all 0.4s;
}

#IndexFestival .item.on h3 {
  font-size: var(--font-size-xxl);
  opacity: 1;
  margin-bottom: 15px;
}

#IndexFestival .item .more {
  height: 0;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: all 0.4s;
}

#IndexFestival .item.on::before {
  height: 100px;
}

#IndexFestival .item.on .more {
  height: auto;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition-delay: 0.2s;
}

#IndexFestival .more {
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  column-gap: 10px;
}

#IndexFestival .more::before {
  content: attr(data-text);
  transform: translateY(-0.1rem);
  transition: all 0s;
}

#IndexFestival .more .plus {
  width: 10px;
  height: 10px;
  position: relative;
}

#IndexFestival .more .plus span {
  display: block;
  background: currentColor;
  transition: all 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#IndexFestival .more .plus span:first-child {
  width: 10px;
  height: 2px;
}

#IndexFestival .more .plus span:last-child {
  width: 2px;
  height: 10px;
}

#IndexFestival .item-box .item .bg {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 1s ease;
  transform: translateY(100%);
}

#IndexFestival .item-box .item.on .bg {
  transform: translateY(0%);
}

/* 레이어팝업 */
#LayerPopup {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
  top: 90px;
  left: 50px;
  max-width: calc(100vw - 100px);
  z-index: 2000;
}

#LayerPopup>section {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background-color: #fff;
  z-index: 1;
  transition: box-shadow 700ms ease, transform 700ms ease, opacity 700ms ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  transform: scale(0.9);
  opacity: 0;
}

#LayerPopup>section.active {
  transform: scale(1);
  opacity: 1;
}

#LayerPopup>section:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85);
  z-index: 10;
}

#LayerPopup .image {
  max-width: 500px;
  overflow: hidden;
}

#LayerPopup .image img {
  display: block;
  width: 100%;
	height: auto;
}

#LayerPopup footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding: 7px 10px;
	background-color: var(--color-green);
}

#LayerPopup footer .check,
#LayerPopup footer .button {
  display: block;
  margin: 0;
  padding: 5px 10px;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  appearance: none;
}

#LayerPopup footer .check:hover,
#LayerPopup footer .button:hover {
  color: rgba(var(--rgb-blue-dark));
}

@media (max-width: 1800px) {
  #IndexVisual {
    /* border-radius: 0 0 80vh 0; */
  }
}

@media (max-width: 1700px) {
  #IndexYoutube .list {
    width: 35%;
  }
}

@media (max-width: 1500px) {
  #IndexFestival .item-box .item .bg {
    width: 360px;
  }
}

@media (max-width: 1400px) {
  #IndexYoutube .list a h5 {
    padding: 0 12px 0;
  }

  #IndexYoutube .list a p {
    padding: 12px 12px 0;
  }

  #IndexFestival .item-box .item .bg {
    width: 310px;
  }

  #IndexYoutube .list {
    width: 40%;
  }
}

@media (max-width: 1280px) {
  #IndexFestival .item.on h3 {
    margin-bottom: 6px;
  }

  #IndexFestival .item.on::before {
    height: 80px;
  }

  #IndexFestival .img-box .float h2 {
    font-size: 40px;
  }

}

@media (max-width: 1080px) {
  #Header {
    padding-top: 12px;
  }

  #IndexVisualBg .swiper-slide .container {
    width: 80%;
  }

  #IndexVisualList .swiper-slide button {

  }

  #IndexVisualBg .swiper-slide .location {
    width: 100%;
  }

  #IndexFestival .item {
    padding: 0 36px;
  }

  #IndexFestival .title {
    margin: 4vw 0 0 calc(var(--container-outside) - 20px);
  }

  #IndexFestival .item-box .item .bg {
    width: 270px;
  }

  #IndexFestival .img-box .img .float {
    width: 60%;
    padding: 30px 40px;
    border-radius: var(--border-radius-l);
    inset: auto auto 7.5vw calc(var(--container-outside) - 5px);
  }

  #IndexFestival .item-box {
    border-radius: 5vh 0 0 5vh;
  }

  #IndexFestival .img-box .float .btn-detail {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-radius: var(--border-radius);
    position: relative;
    margin-top: 12px;
    margin-left: auto;
    bottom: 0;
    right: 0;
  }

  #IndexNews {
    /* width: 100%; */
  }

  #IndexNews .box {
    flex-direction: column;
    gap: 40px;
  }

  #IndexNews .board {
    width: 100%;
  }

  #IndexNews .photo {
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  #IndexYoutube .container {
    /* width: 100%; */
  }

  #IndexYoutube .box {
    gap: 40px;
  }

  #IndexYoutube .list a {
    gap: 0 12px;
    grid-template-columns: 1fr 140px;
  }
}

@media (max-width: 960px) {
  #IndexNews .tab_content {
    gap: 8px 20px;
  }

  #IndexNews .notice-item a {
    padding: 16px 0;
  }

  #IndexFestival .item {
    padding: 0 28px;
  }
}

@media (max-width: 860px) {
  #Gateway .container {
    padding: 8vw 0 20vw;
    width: 100%;
  }
  #IndexFestival .img-box .background {
    min-height: auto;
    top: 0;
    transform: translate(-50%, 0px);
    max-width: 150%;
  }
  #IndexFestival .w1760, #IndexFestival .contents {
    height: 130vw;
  }

  #IndexFestival .item.on a {
    text-decoration: underline;
    text-underline-offset: 8px;
  }

  #IndexFestival {
    height: auto;
    min-height: 0;
  }

  #IndexFestival .text-box {
    flex-direction: column;
    align-items: unset;
  }

  #IndexFestival .img-box .img .float {
    width: auto;
    padding: 30px 40px;
    border-radius: 5vh;
    inset: auto 40px 140px 40px;
    border: 1px solid #ccc;
  }

  #IndexFestival .item-box {
    max-width: 100%;
    height: 80px;
    flex-direction: row;
    align-items: center;
    border-radius: 5vh;
    background: #dedef3;
    margin: 0 20px 15px;
    width: auto;
  }

  #IndexFestival .title {
    padding: 20px 40px;
  }

  #IndexFestival .item.on h3 {
    font-size: var(--font-size-xl);
    margin: 0;
  }

  #IndexFestival .item-box .item .bg {
    display: none;
  }

  #IndexFestival .item.on::before {
    display: none;
  }

  #IndexYoutube .box {
    flex-direction: column;
  }

  #IndexFestival .item.on .more {
    display: none;
  }

   #IndexFestival .img-box .img.on:has(~ .img.on) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  #IndexFestival .img-box .img:has(.on):last-of-type {

  }

  #IndexYoutube .main a::after {
    --button-size: 80px;
  }

  #IndexYoutube .main {
    aspect-ratio: 16 / 9;
  }

  #IndexYoutube .main a {
    padding: 20px;
  }

  #IndexYoutube .list {
    width: 100%;
    gap: 15px;
    flex-direction: unset;
    flex-wrap: wrap;
  }

  #IndexYoutube .list a {
    width: calc(50% - 7.5px);
    grid-template-columns: 1fr 125px;
  }

  #IndexYoutube .list a:nth-child(2) {
    border-top: none;
  }
}


@media (max-width: 768px) {
  #Gateway .logo {
    margin: 0 0 32px;
  }

  #Gateway .menu {
    margin: 0 0 32px;
  }

  #Gateway .link {
    margin: 0 auto 12px;
  }

  #Gateway .sns {
    margin: 0 auto 12px;
  }

  #Gateway .family ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 20px;
    padding: 0 4vw;
    justify-items: center;
  }

  #IndexVisualBg .swiper-slide h2 {
    font-size: var(--font-size-xxl);
  }

  .nectar-fancy-box[data-style="image_above_text_underline"] .text {
    padding: 16px 4px 8px;
  }

  #IndexVisualBg .swiper-slide::before {
    background: radial-gradient(closest-side, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.5) 88%);
  }

  #TopFixed .button-box {
    top: 100svh;
  }
}

@media (max-width: 680px) {
  #Gateway .menu ul {
    display: grid;
    grid-template-columns: auto auto;
    gap: 8px;
  }
  #Gateway .menu ul>li:first-child {
    grid-column: 1 / -1;
  }

  #IndexYoutube .box {
    gap: 20px;
  }

  #IndexYoutube .list {
    flex-direction: column;
  }

  #IndexYoutube .list a {
    width: 100%;
  }

  #IndexYoutube .list a:nth-child(2) {
    border-top: 1px solid rgb(var(--rgb-border));
  }

  #IndexFestival .item {
    padding: 0 12px;
  }

  #IndexFestival .img-box .float h2 {
    font-size: 34px;
  }

  #IndexFestival .title {
    padding: 20px;
  }

  #IndexFestival .w1760, #IndexFestival .contents {
    height: 150vw;
  }

  #IndexFestival .img-box .img .float {
    padding: 28px;
    border-radius: 5vh;
    inset: auto 20px 140px 20px;
  }

  #IndexNews .sec_tit_wrap, #IndexYoutube .sec_tit_wrap {
    padding-bottom: 20px;
  }
}

@media (max-width: 576px) {
  #Gateway .logo img {
    height: 120px;
  }

  #Gateway .sns ul {
    gap: 16px;
    flex-wrap: wrap;
  }

  #Gateway .sns ul li {
    width: calc(50% - 8px);
    text-align: center;
  }

  #IndexVisualBg .swiper-slide .container {
    width: var(--container-width);
  }

  #IndexVisualList .swiper-slide button {
    font-size: var(--font-size-s);
  }

  #IndexVisualList {
    /* bottom: auto; */
    /* top: 140px; */
  }

  .index-overline {
    margin: 0 0 10px;
  }

  #IndexVisualBg .swiper-slide .location {
    margin: 18px 0 0;
    padding: 18px 0 40px;
  }

  #IndexFestival .w1760, #IndexFestival .contents {
    height: 180vw;
  }

  #IndexVisualList .btn-stop,
  #IndexVisualList .swiper-button-prev,
  #IndexVisualList .swiper-button-next {
    margin-top: 8px;
    width: 24px;
    height: 32px;
  }
  #IndexVisualList .btn-stop {
    width: 32px;
  }

  #IndexVisualList .swiper-btns {
    margin-top: 18px;
  }

  #IndexYoutube .main a::before {
    height: 27%;
  }

  #IndexYoutube .main a {
    padding: 12px 20px;
  }

  #IndexYoutube .main a p {
    position: relative;
    margin: 4px 40px 0 0;
  }

  #IndexNews .notice-item h5 {
    margin: 8px 0;
  }

  .nectar-scrolling-text.font_size_mobile_11vw .nectar-scrolling-text-inner * {
    font-size: 8vw;
  }

  #IndexNews .tab_content {
    margin-top: 12px;
    gap: 0 20px;
  }

  #IndexNews .notice-item a {
    padding: 14px 0;
  }
  
}

@media (max-width: 480px) {
  /* :root {
    --container-padding-inline: 20px;
  } */

  #Gateway .menu a {
    font-size: var(--font-size);
  }

  #Gateway .link {
    padding: 16px;
  }

  #Gateway .link ul {
    gap: 16px;
  }

  #IndexVisualBg .swiper-slide .location {
    flex-direction: column;
    gap: 8px;
  }

  #IndexVisual {
    /* border-radius: 0 0 10vh 0; */
  }

  #IndexVisualBg .swiper-slide h3 {
    font-size: var(--font-size-l);
  }

  #IndexFestival .item-box {
    padding: 12px;
    flex-wrap: wrap;
    height: auto;
    gap: 12px 0;
  }

  #IndexFestival .item {
    width: 50%;
    text-align: center;
  }

  #IndexFestival .img-box .float .btn-detail {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }

  #IndexFestival .img-box .float p {
    font-size: 14px;
    margin: 0 0 12px;
    padding: 0 0 12px;
  }

  #IndexFestival .img-box .float h5 {
    font-size: 14px;
  }

  #IndexFestival .item.on h3 {
    font-size: var(--font-size-m);
  }

  #IndexNews .photo .swiper-slide {
    padding: 12px 24px;
  }

  #IndexNews .photo .title {
    inset: 12px auto auto 24px;
  }

  #IndexNews .photo .swiper-pagination {
    inset: 12px 24px auto auto;
  }

  #IndexYoutube .main a::after {
    --button-size: 60px;
  }

  #IndexYoutube .main a::before {
    height: 31%;
  }

}

@media (max-width: 400px) {

  #IndexFestival .img-box .float h2 {
    font-size: 30px;
  }

  #IndexFestival .w1760, #IndexFestival .contents {
    height: 220vw;
  }

  #IndexFestival .img-box .background {
    max-width: 200%;
  }

  #IndexFestival .img-box .img .float {
    padding: 24px;
  }


}

@media (max-width: 365px) {
  #IndexNews .tab_content {
    gap: 8px;
  }

  #IndexFestival .w1760, #IndexFestival .contents {
    height: 260vw;
  }
}