@charset "UTF-8";

.wrap_visual {
  position: relative;
}
.wrap_visual .slick-list {
  position: relative;
  top: 0;
  left: 50%;
  width: 2000px;
  margin-left: -1000px;
}
.wrap_visual .slick-list .slick-track .slick-slide img {
  width: 100%;
}
/*높이936이상꽉차게*/
@media only screen and (min-height: 936px) {
  .wrap_visual,
  .wrap_visual .slick-slider,
  .wrap_visual .slick-list,
  .wrap_visual .slick-track,
  .wrap_visual .slick-slide,
  .wrap_visual img {
    height: 100%;
  }
}
/*가로2000이상꽉차게*/
@media only screen and (min-width: 2001px) {
  .wrap_visual .slick-list {
    left: 0;
    width: 100%;
    margin-left: 0;
  }
}
/*1024부터FullPage해제*/
@media only screen and (max-width: 1024px) {
  .wrap_visual .slick-list {
    width: 1440px;
    margin-left: -720px;
  }
}
@media only screen and (max-width: 768px) {
  .wrap_visual .slick-list {
    width: 1024px;
    margin-left: -512px;
  }
}

/*넘버링*/
.wrap_visual .numbering {
  display: none;
}
/*공통*/
.wrap_visual .playstop,
.wrap_visual .paging li {
  line-height: 0;
}
.wrap_visual .paging button,
.wrap_visual .playstop button,
.wrap_visual .prevnext button {
  display: inline-block;
  text-indent: -9999px;
}
/*컨트롤*/
.wrap_visual .control {
  position: absolute;
  left: 50%;
  bottom: 50px;
  width: 1400px;
  margin-left: -700px;
}
.wrap_visual .control .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*페이징*/
.wrap_visual .paging {
}
.wrap_visual .paging ul {
  display: flex;
  justify-content: center;
}
.wrap_visual .paging li {
  padding: 0 3px;
}
.wrap_visual .paging button {
  width: 20px;
  height: 2px;
  background: #fff;
}
.wrap_visual .paging li.slick-active button {
  background: #6dcff6;
}
/*재생정지*/
.wrap_visual .playstop {
  display: none;
}
/*이전다음*/
.wrap_visual .prevnext {
  display: none;
}
@media only screen and (max-width: 1400px) {
  .wrap_visual .control {
    left: 5%;
    width: 90%;
    margin-left: 0;
  }
}

/*HOVER효과************************************************************/
@media all and (min-width: 1025px) {
}

/* evo--------------------------------- */

.wrap_visual img.visual-item-img {
  height: 100vh;
  object-fit: cover;
  object-position: top;
  animation-name: mainVisual;
  animation-duration: 5s;
  animation-fill-mode: forwards;

  /* filter: brightness(0.4); */
}

@media (max-width: 768px) {
  #multipleContentsDiv_templet_2_21 img.visual-item-img {
    height: 526px !important;
  }

  #multipleContentsDiv_templet_2_21 ._obj:nth-child(2) {
    top: calc(50% + 35px);
    transform: translateY(-50%);
  }
}

@media (max-width: 420px) {
  #multipleContentsDiv_templet_2_21 .visual_link {
    width: 100%;
    display: flex;
    gap: 8px 0;
  }

  #multipleContentsDiv_templet_2_21 .visual_link a {
    word-break: normal;
  }

  #multipleContentsDiv_templet_2_21 .visual_link span {
    text-align: center;
  }
}

@keyframes mainVisual {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
