/* 메인 비주얼 전용. 기존 custom.css는 변경하지 않습니다. */
.kh-visual,.kh-hero-swiper,.kh-hero-slide{height:700px}
.kh-visual{position:relative;overflow:hidden;background:#24272d}
.kh-hero-swiper{width:100%}
.kh-hero-slide{position:relative;overflow:hidden;background-color:#24272d;background-image:var(--kh-slide-image);background-position:center;background-size:cover}
.kh-hero-shade{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(10,16,24,.87) 0%,rgba(10,16,24,.72) 38%,rgba(10,16,24,.30) 68%,rgba(10,16,24,.08) 100%)}
.kh-hero-content{position:relative;z-index:1;display:flex;align-items:center;height:100%}
.kh-hero-text{max-width:790px;color:#fff;padding:40px 0 95px}
.kh-hero-kicker{display:block;margin-bottom:22px;color:#d7dde4;font:600 14px/1.5 Poppins,sans-serif;letter-spacing:.17em}
.kh-hero-text h1,.kh-hero-text h2{margin:0 0 25px;color:#fff;font-size:clamp(38px,4.6vw,64px);font-weight:800;letter-spacing:-.06em;line-height:1.28;word-break:keep-all}
.kh-hero-text h1 strong,.kh-hero-text h2 strong{color:#e4c28a;font-weight:800}
.kh-hero-text p{max-width:650px;margin:0 0 34px;color:#edf0f4;font-size:19px;line-height:1.8;word-break:keep-all}
.kh-hero-call{display:inline-flex;align-items:center;gap:14px;min-height:58px;padding:12px 24px;border:1px solid rgba(255,255,255,.55);border-radius:4px;color:#fff;background:rgba(8,14,23,.55);text-decoration:none;backdrop-filter:blur(6px);transition:background .25s,transform .25s}
.kh-hero-call:hover{background:rgba(8,14,23,.85);transform:translateY(-2px);color:#fff}
.kh-hero-call span{font-size:14px}.kh-hero-call strong{font-size:25px;letter-spacing:-.02em}
.kh-hero-controls{position:absolute!important;z-index:5;left:50%!important;bottom:40px!important;transform:translateX(-50%);width:min(1240px, calc(100% - 48px))!important;max-width:1240px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.kh-hero-pagination{position:static!important;width:auto!important;display:flex;align-items:center;gap:8px;pointer-events:auto}
.kh-hero-pagination .swiper-pagination-bullet{width:24px;height:4px;margin:0!important;border-radius:0;background:rgba(255,255,255,.65);opacity:1;transition:width .3s,background .3s}
.kh-hero-pagination .swiper-pagination-bullet-active{width:48px;background:#fff}
.kh-hero-buttons{display:flex;gap:8px;pointer-events:auto}
.kh-hero-buttons button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(10,16,24,.32);cursor:pointer}
.kh-hero-buttons button:hover{background:rgba(255,255,255,.2)}
.kh-hero-text>*{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.kh-hero-slide.swiper-slide-active .kh-hero-text>*{opacity:1;transform:translateY(0)}
.kh-hero-slide.swiper-slide-active .kh-hero-kicker{transition-delay:.12s}
.kh-hero-slide.swiper-slide-active .kh-hero-text h1,.kh-hero-slide.swiper-slide-active .kh-hero-text h2{transition-delay:.25s}
.kh-hero-slide.swiper-slide-active .kh-hero-text p{transition-delay:.4s}
.kh-hero-slide.swiper-slide-active .kh-hero-call{transition-delay:.55s}
@media(max-width:767px){.kh-visual,.kh-hero-swiper,.kh-hero-slide{height:560px}.kh-hero-shade{background:linear-gradient(90deg,rgba(10,16,24,.9),rgba(10,16,24,.58))}.kh-hero-text{padding:35px 0 75px}.kh-hero-text h1,.kh-hero-text h2{font-size:clamp(30px,7.5vw,42px)}.kh-hero-text p{font-size:15px;line-height:1.75}.kh-hero-kicker{font-size:11px}.kh-hero-call{gap:9px;padding:10px 14px}.kh-hero-call span{font-size:12px}.kh-hero-call strong{font-size:19px}.kh-hero-controls{bottom:22px!important;width:calc(100% - 32px)!important}.kh-hero-buttons button{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.kh-hero-text>*{opacity:1!important;transform:none!important;transition:none!important}}