/* Àüü ¼½¼Ç */
.hero-slider {
width: 100%;
margin-top:65px;
margin-bottom:130px;

}

/* °¡¿îµ¥ Á¤·Ä¿ë ·¡ÆÛ */
.hero-slider__wrap {
display: flex;
justify-content: center;
}

/* 👉 ½½¶óÀÌµå ¿µ¿ª (ºñÀ² ÇÙ½É) */
.hero-slider__viewport {
width: 100%;
max-width: 1440px;
aspect-ratio: 16 / 9;
position: relative;
overflow: hidden;
}

/* ½½¶óÀ̵å Æ®·¢ */
.hero-slider__track {
display: flex;
height: 100%;
transition: transform 0.5s ease;
}

/* ½½¶óÀ̵å ÇÑ Àå */
.hero-slider__item {
min-width: 100%;
height: 100%;
}

/* À̹ÌÁö */
.hero-slider__item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* =========================
È­»ìÇ¥ (À̹ÌÁö ¾ÈÂÊ ¹èÄ¡)
========================= */
.hero-slider__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;

background: rgba(0, 0, 0, 0.4);
color: #fff;
border: none;
font-size: 28px;
padding: 12px 16px;
cursor: pointer;

transition: all 0.3s ease;
}

/* Á¿ì À§Ä¡ */
.hero-slider__arrow--left {
left: 12px;
}

.hero-slider__arrow--right {
right: 12px;
}

/* hover È¿°ú */
.hero-slider__arrow:hover {
background: rgba(0, 0, 0, 0.7);
transform: translateY(-50%) scale(1.1);
}

/* =========================
¹ÝÀÀÇü
========================= */
@media (max-width: 1024px) {
.hero-slider__viewport {
max-width: 100%;
}
}

@media (max-width: 768px) {
/* ¸ð¹ÙÀÏ ºñÀ² Á¶Á¤ */
.hero-slider__viewport {
aspect-ratio: 4 / 3;
}

/* È­»ìÇ¥ ÀÛ°Ô */
.hero-slider__arrow {
font-size: 20px;
padding: 8px 10px;
}
}

@media (max-width: 480px) {
/* ´õ ÀÛÀº È­¸é¿¡¼­´Â È­»ìÇ¥ »ì¦ ¾ÈÂÊÀ¸·Î */
.hero-slider__arrow--left {
left: 6px;
}

.hero-slider__arrow--right {
right: 6px;
}
}