@charset "utf-8";

/*#shSnb{display:flex;justify-content:center;position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0)}  */
#shSnb li a{display:block;min-width:160px;height:62px;padding:0 20px;font-size:17px;font-weight:500;line-height:62px;text-align:center;color:#fff}
#shSnb li.on a{font-weight:600;color:#000;background:var(--primary)}
.snb-container {position: absolute; left: 50%; bottom: 0; width: 100%; background: rgba(0, 0, 0); max-width: 1400px; transform: translateX(-50%);}
#shSnb { display: flex; justify-content: flex-start; /* position, left, bottom, width, background 속성은 부모 .snb-container로 이동 */ margin: 0; /* 좌우 화살표 버튼 영역(45px)만큼 패딩 확보 */ padding: 0 45px; box-sizing: border-box; /* 패딩을 너비에 포함 */ /* 스크롤 관련 */ overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; /* JS로 부드럽게 이동하기 위한 속성 */ scroll-behavior: smooth; /* 스크롤바 숨김 (기존 코드 유지) */ -ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */ }
#shSnb::-webkit-scrollbar { display: none; }
#shSnb li { list-style: none; flex-shrink: 0; }
.snb-arrow { position: absolute; top: 0; height: 62px; /* 메뉴 높이와 동일하게 */ width: 45px; /* #shSnb의 padding과 동일하게 */ background: #000; border: none; color: white; font-size: 20px; font-weight: bold; cursor: pointer; z-index: 10; transition: background 0.2s; }
.snb-arrow:hover { background: var(--primary); }
.snb-arrow.hidden { opacity:0.5; }
.snb-arrow-prev { left: 0; }
.snb-arrow-next { right: 0; }

@media (max-width:1380px){
#shSnb li a{font-size: 14px; min-width: 120px; padding: 0 10px;}
}
/* 반응형 [s] */
@media (max-width:1024px){
#shSnb{display:none}

}
/* 반응형 [e] */