/* 홈 — 영상·이벤트 구역과 «사진 아래 이전·다음 버튼» 통일
   색·글자 토큰은 ce-home-2026.css 의 .gc 토큰을 그대로 쓴다. */

/* ===== 가로 슬라이더 공통 — 사진 «아래»에 버튼 ===== */
.gc .ce-sl{--sl-gap:clamp(16px,1.6vw,28px);position:relative}
.gc .ce-sl__track{display:flex;gap:var(--sl-gap);overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;list-style:none}
.gc .ce-sl__track::-webkit-scrollbar{display:none}
.gc .ce-sl__item{flex:0 0 calc((100% - 2*var(--sl-gap))/3);min-width:0;scroll-snap-align:start}
.gc .ce-sl__ctrl{margin-top:clamp(26px,2.6vw,40px);display:flex;align-items:center;justify-content:center;gap:18px}
.gc .ce-sl__btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--blue);color:var(--blue);
  display:grid;place-items:center;transition:background .25s,color .25s,opacity .25s}
.gc .ce-sl__btn:hover:not(:disabled){background:var(--blue);color:#fff}
.gc .ce-sl__btn:disabled{opacity:.32;cursor:default}
.gc .ce-sl__rail{position:relative;width:clamp(96px,9vw,150px);height:3px;border-radius:2px;background:#d3dae3;overflow:hidden}
.gc .ce-sl__rail i{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:2px;background:var(--blue);
  transition:left .25s ease,width .25s ease}
.gc .ce-sl.is-static .ce-sl__ctrl{display:none}

/* ===== 영상 ===== */
.gc .ce-vid{padding:var(--pad) 0;background:var(--sky);overflow:hidden}
.gc .ce-vid .ce-sl{margin-top:clamp(34px,3.6vw,56px)}
.gc .ce-vid__card{display:block;cursor:pointer;text-align:left}
.gc .ce-vid__thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#0b2c52}
.gc .ce-vid__thumb img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:transform .5s ease}
.gc .ce-vid__card:hover .ce-vid__thumb img{transform:scale(1.03)}
.gc .ce-vid__play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;
  background:rgba(8,36,68,.62);border:1px solid rgba(255,255,255,.75);transition:background .25s}
.gc .ce-vid__play::after{content:"";position:absolute;left:25px;top:20px;border-style:solid;border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent #fff}
.gc .ce-vid__card:hover .ce-vid__play{background:rgba(66,137,204,.9)}
.gc .ce-vid__ttl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:16px;
  font-size:clamp(16px,1.12vw,18px);font-weight:560;line-height:1.5;letter-spacing:-.02em;color:var(--ink)}

/* ===== 이벤트 ===== */
.gc .ce-ev{padding:var(--pad) 0;background:#fff;overflow:hidden}
.gc .ce-ev[hidden]{display:none}
.gc .ce-ev .ce-sl{margin-top:clamp(34px,3.6vw,56px)}
.gc .ce-ev .ce-sl__item{flex-basis:calc((100% - 3*var(--sl-gap))/4)}
.gc .ce-ev__link{display:block}
.gc .ce-ev__thumb{display:block;aspect-ratio:480/382;border-radius:20px;overflow:hidden;background:var(--blue-soft);
  border:1px solid var(--line-soft)}
.gc .ce-ev__thumb img{width:100%!important;height:100%!important;object-fit:cover;object-position:top;transition:transform .5s ease}
.gc .ce-ev__link:hover .ce-ev__thumb img{transform:scale(1.03)}
.gc .ce-ev__thumb--none{display:grid;place-items:center;color:var(--blue);font-size:18px;font-weight:600;letter-spacing:.02em}
.gc .ce-ev__ttl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:16px;
  font-size:clamp(16px,1.12vw,18px);font-weight:560;line-height:1.5;letter-spacing:-.02em;color:var(--ink)}
.gc .ce-ev__more{display:flex;justify-content:center;margin-top:clamp(20px,2vw,30px)}

/* ===== 기존 사진 슬라이드 — 버튼을 사진 아래 가운데로 («양옆·우측 끝»이 아니라) ===== */
.gc .dep-ctrl,.gc .around-ctrl{justify-content:center}
.gc .dep-ctrl button{width:46px;height:46px}
.gc .ce-arsenal__ctrl{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.4vw,18px);margin:clamp(14px,2vw,26px) 0 0}
.gc .ce-arsenal__ctrl .ce-arsenal__dots{margin:0}
.gc .ce-arsenal__arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.65);color:#fff;
  display:grid;place-items:center;background:transparent;cursor:pointer;transition:background .25s,color .25s,opacity .25s}
.gc .ce-arsenal__arrow:hover:not(:disabled){background:#fff;color:#032147}
.gc .ce-arsenal__arrow:disabled{opacity:.32;cursor:default}

/* ===== 폭별 ===== */
@media (max-width:1100px){
  .gc .ce-vid .ce-sl__item{flex-basis:calc((100% - var(--sl-gap))/2)}
  .gc .ce-ev .ce-sl__item{flex-basis:calc((100% - 2*var(--sl-gap))/3)}
}
@media (max-width:700px){
  .gc .ce-sl{--sl-gap:14px}
  .gc .ce-vid .ce-sl__item{flex-basis:86%}
  .gc .ce-ev .ce-sl__item{flex-basis:58%}
  .gc .ce-vid__play{width:54px;height:54px;margin:-27px 0 0 -27px}
  .gc .ce-vid__play::after{left:21px;top:17px;border-width:10px 0 10px 16px}
}
@media (prefers-reduced-motion:reduce){
  .gc .ce-vid__thumb img,.gc .ce-ev__thumb img{transition:none}
}
.gc .ce-ev__more .more-view{margin-top:0}