/* 슬라이드 컨테이너 */
.slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    touch-action: pan-y; /* 모바일에서 세로 스크롤 방지 */
}
.content-title {
    display: flex;
    width: 100%;
    height: 4.6rem;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}
.content-title a{
    text-decoration: none;
    color: white;
}
.content-title h3,
.content-title p{
    margin: 0;
    padding: 1rem 0;
}
/* 슬라이더 */
.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
    gap: 1.1rem;
    cursor: pointer;
}
.slider.dragging {
    transition: none; /* 드래그 중에는 transition 비활성화 */
    cursor: grabbing;
}

/* 각 슬라이드 아이템 */
.item {
    min-width: 14rem;
    max-width: 14rem;
    height: auto;
    box-sizing: border-box;
    text-align: center;
}
.item a {
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.item a:focus  {
    outline: none;
}
.item a img {
    width: 100%;
    height: auto;
    user-drag: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* 인덱스 점 (Dots) */
.dots-container {
    text-align: center;
    margin: 0.6rem 0 3rem;
}

.dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px;
    background-color: #333;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

.dot.active {
    background-color: #ccc;
}
/* 슬라이드 아이템 크기: 이벤트 배너를 포함한 모든 섹션이 같은 크기 */
@media (min-width: 768px) {
    .slider-container .item {
        min-width: 22rem;
        max-width: 22rem;
    }
}
@media (max-width: 767px) {
    .slider-container .item {
        min-width: 16rem;
        max-width: 16rem;
    }
}
@media (min-width: 430px) {
    .slider-container {
        margin: 0 auto;
    }
}
/* 메인 로고 아래 이벤트 배너 (2026-10-06 시안 그대로)
   바꾼 점 하나: 글꼴 목록에 사이트 글꼴 'Pretendard-Regular'를 추가. Pretendard가 설치되지 않은 기기에서도 시안과 같은 글꼴로 보이게 함 */
.hb-event,.hb-event:visited,.hb-event:hover{color:#fff;text-decoration:none}.hb-event *{text-decoration:none}
.hb-event{display:block;text-align:center;max-width:560px;margin:18px auto 0;padding:12px 14px 13px;border:1px solid #4a4a4a;border-radius:14px;
  background:linear-gradient(180deg,#2e2e2e 0%,#262626 100%);color:#fff;text-decoration:none;word-break:keep-all;font-family:'Pretendard','Pretendard-Regular','Apple SD Gothic Neo','Noto Sans KR',sans-serif;}
.hb-event__top{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.hb-event__badge{flex:none;background:#ff3b30;color:#fff;font-size:12px;font-weight:700;line-height:1;padding:5px 8px;border-radius:6px;letter-spacing:-0.2px}
.hb-event__title{font-size:17px;font-weight:800;letter-spacing:-0.4px;line-height:1.35}
.hb-event__title b{color:#ffd60a}
.hb-event__sub{margin-top:6px;font-size:12.5px;line-height:1.5;color:#cfcfcf;letter-spacing:-0.2px}
.hb-event__cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:#FEE500;color:#191919;font-size:13px;font-weight:700;padding:8px 12px;border-radius:999px}
@media (min-width:768px){.hb-event{padding:14px 18px}.hb-event__title{font-size:19px}.hb-event__sub{font-size:13.5px}}
/* 하우버 새 소식 제목 옆 NEW 표시 (최근 7일 안에 새 글이 있을 때) */
.new-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:5px;background:#ff3b30;color:#fff;font-size:11px;font-weight:700;vertical-align:middle;letter-spacing:0}