/* BASIC css start */
.pcAutoSlider{
  max-width: 1400px;
  margin: 0 auto 100px;
  padding: 0 12px;
}

.pcAutoTit{
  margin: 10px 0 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.pcAutoViewport{
  overflow: hidden;            /* ÇÙ½É */
  border-radius: 18px;         /* ¹Ù±ù ¶ó¿îµå(¿øÇϸé Á¦°Å °¡´É) */
}

.pcAutoTrack{
  --gap: 18px;
  display: flex;
  gap: var(--gap);
  will-change: transform;
  transition: transform .45s ease;
}

.pcAutoCard{
  flex: 0 0 calc((100% - var(--gap)) / 2);  /*  2°³ */
  border-radius: 18px;
  overflow: hidden;
  display: block;
  background: #f3f3f3;
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

.pcAutoCard img{
  width: 100%;
  height: auto;
  display: block;
}

/* ÅÂºí¸´/¸ð¹ÙÀÏ: 1°³¾¿ */
@media (max-width: 1024px){
  .pcAutoTrack{ --gap: 14px; }
  .pcAutoCard{ flex-basis: 88%; }
  .pcAutoViewport{ border-radius: 0; }
}}}


/* BASIC css end */