/**
 * VDS Premium Dynamic Slider CSS Stylesheet (Scoped to prevent theme interference)
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');

:root {
  --mint: #aecbc1;
  --mint-deep: #318d88;
  --mint-dark: #195f60;
  --cream: #f5f1e9;
  --sand: #a79578;
  --sand-light: #cabc9f;
  --ink: #27383d;
  --white: #fff;
  --duration: 7200ms;
  --ease: cubic-bezier(.22,.82,.23,1);
}

/* Base resets specifically scoped inside #vodderSlider */
#vodderSlider {
  position: relative;
  width: 100%;
  min-height: clamp(650px, 70vw, 960px);
  overflow: hidden;
  isolation: isolate;
  background: #dfe9e5;
  font-family: "Noto Sans KR", sans-serif !important;
  color: var(--ink) !important;
  box-sizing: border-box;
}

#vodderSlider *,
#vodderSlider *::before,
#vodderSlider *::after {
  box-sizing: border-box !important;
}

#vodderSlider .slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: opacity .9s var(--ease), visibility 0s linear .9s;
}

#vodderSlider .slide.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transition-delay: 0s;
}

/* ---------- COMMON BACKGROUND ---------- */
#vodderSlider .bg-grid {
  position: absolute; inset: 0; opacity: .2;
  background-image:
    linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%);
  -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%);
}

#vodderSlider .orbit {
  position: absolute;
  border: clamp(20px, 3.2vw, 54px) solid rgba(255, 255, 255, .2) !important;
  border-radius: 50% !important;
  opacity: 0;
}

#vodderSlider .slide.is-active .orbit {
  animation: orbitIn 1.45s var(--ease) forwards, floatOrbit 8s 1.5s ease-in-out infinite alternate;
}

#vodderSlider .orbit.one { width: min(41vw, 540px); aspect-ratio: 1; right: -7%; top: -12%; }
#vodderSlider .orbit.two { width: min(29vw, 390px); aspect-ratio: 1; left: -9%; bottom: -18%; animation-delay: .18s, .9s; }
#vodderSlider .orbit.three { width: 180px; aspect-ratio: 1; right: 20%; bottom: 8%; border-width: 20px; opacity: .08; }

#vodderSlider .noise {
  position: absolute; inset: 0; pointer-events: none; opacity: .15;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

#vodderSlider .container {
  position: relative;
  z-index: 5;
  width: min(1180px, calc(100% - 70px));
  height: 100%;
  min-height: inherit;
  margin: auto;
}

/* ---------- BRAND ---------- */
#vodderSlider .brand {
  display: flex; align-items: center; gap: 13px;
  opacity: 0; transform: translateY(-18px);
}

#vodderSlider .slide.is-active .brand { animation: rise .85s .15s var(--ease) forwards; }

#vodderSlider .brand-mark {
  position: relative; width: 56px; height: 56px; border-radius: 50%;
  background: linear-gradient(135deg, #fff 0 50%, rgba(255,255,255,.6) 50%);
  box-shadow: 0 12px 40px rgba(27,84,82,.14);
}

#vodderSlider .brand-mark::before {
  content: ""; position: absolute; inset: 10px; border: 7px solid var(--mint-deep); border-right-color: transparent; border-radius: 50%; transform: rotate(-28deg);
}

#vodderSlider .brand-mark::after {
  content: ""; position: absolute; width: 28px; height: 13px; right: -7px; top: 11px; border-radius: 90% 0 90% 0; background: linear-gradient(90deg, #f1c293, #f4dcc0); transform: rotate(-22deg);
}

#vodderSlider .brand-copy strong {
  display: block; font-family: Montserrat, sans-serif !important; font-size: 17px; line-height: 1.05; color: #217b83;
}

#vodderSlider .brand-copy span {
  display: block; margin-top: 5px; font: 500 8px/1.1 Montserrat, sans-serif; letter-spacing: .28em; color: #4f8584;
}

#vodderSlider .korea-brand {
  display: flex; align-items: center; gap: 12px;
  color: rgba(90,73,58,.62) !important;
  font-size: 17px; font-weight: 600; letter-spacing: -.03em;
  opacity: 0; transform: translateY(-18px);
}

#vodderSlider .slide.is-active .korea-brand { animation: rise .85s .28s var(--ease) forwards; }

#vodderSlider .korea-seal {
  width: 48px; height: 48px; border-radius: 50%;
  background: #fff; display: grid; place-items: center;
  box-shadow: 0 12px 35px rgba(27,84,82,.1);
}

#vodderSlider .korea-seal svg { width: 32px; height: 32px; }

/* ---------- SLIDE 1 ---------- */
#vodderSlider .slide-1 {
  background:
    radial-gradient(circle at 45% 33%, rgba(255,255,255,.4), transparent 33%),
    linear-gradient(135deg, #a8c9bd 0%, #b5d0c7 48%, #93b8ac 100%);
}

#vodderSlider .slide-1 .container {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  padding: 80px 0 90px;
}

#vodderSlider .s1-copy { position: relative; z-index: 4; padding-top: 20px; }

#vodderSlider .eyebrow {
  margin: 38px 0 14px !important;
  color: rgba(32,70,71,.7) !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .32em !important;
  text-transform: uppercase !important;
  opacity: 0; transform: translateY(18px);
}

#vodderSlider .slide.is-active .eyebrow { animation: rise .75s .35s var(--ease) forwards; }

#vodderSlider .s1-title {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Noto Sans KR", sans-serif !important;
  font-size: clamp(52px, 6.3vw, 92px) !important;
  line-height: .98 !important;
  letter-spacing: -.075em !important;
  color: #fff !important;
  text-shadow: 0 8px 24px rgba(45,88,84,.12) !important;
  text-transform: none !important;
  font-weight: 800 !important;
}

#vodderSlider .s1-title span {
  display: block; opacity: 0; transform: translateY(55px) skewY(2deg);
}

#vodderSlider .slide.is-active .s1-title span:nth-child(1) { animation: titleUp .92s .38s var(--ease) forwards; }
#vodderSlider .slide.is-active .s1-title span:nth-child(2) { animation: titleUp .92s .52s var(--ease) forwards; }

#vodderSlider .s1-desc {
  max-width: 570px; 
  margin: 26px 0 0 !important;
  padding: 0 !important;
  font-family: "Noto Sans KR", sans-serif !important;
  font-size: clamp(18px, 2vw, 27px) !important;
  line-height: 1.48 !important; 
  color: rgba(255,255,255,.94) !important;
  letter-spacing: -.04em !important;
  opacity: 0; transform: translateY(24px);
  text-transform: none !important;
  font-weight: 400 !important;
}

#vodderSlider .slide.is-active .s1-desc { animation: rise .85s .78s var(--ease) forwards; }
#vodderSlider .s1-desc b { font-family: Montserrat, sans-serif !important; font-weight: 500 !important; }

#vodderSlider .s1-meta {
  display: flex; gap: 28px; margin-top: 34px;
  opacity: 0; transform: translateY(20px);
}

#vodderSlider .slide.is-active .s1-meta { animation: rise .8s .98s var(--ease) forwards; }

#vodderSlider .meta-item {
  padding-left: 16px; border-left: 2px solid rgba(255,255,255,.45);
}

#vodderSlider .meta-item strong { display: block; font: 700 21px/1 Montserrat, sans-serif; color: #fff; }
#vodderSlider .meta-item span { display: block; margin-top: 7px; font-size: 11px; color: rgba(255,255,255,.72); }

/* Visual panel */
#vodderSlider .s1-visual { position: relative; height: 620px; }

#vodderSlider .person-card {
  position: absolute; right: 7%; top: 18%;
  width: 280px; height: 390px; border-radius: 140px 140px 32px 32px;
  background: linear-gradient(160deg, rgba(255,255,255,.72), rgba(255,255,255,.22));
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 32px 80px rgba(45,87,82,.18);
  opacity: 0; transform: translateY(55px) scale(.9);
}

#vodderSlider .slide.is-active .person-card { animation: personIn 1.15s .55s var(--ease) forwards; }

#vodderSlider .person {
  position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
  width: 230px; height: 350px;
}

#vodderSlider .head {
  position: absolute; left: 50%; top: 24px; transform: translateX(-50%);
  width: 82px; height: 99px; border-radius: 48% 48% 44% 44%;
  background: #e2b99b;
  box-shadow: inset 0 -15px 0 rgba(172,110,86,.12);
}

#vodderSlider .hair {
  position: absolute; left: 50%; top: 11px; transform: translateX(-50%);
  width: 89px; height: 55px; border-radius: 55px 55px 22px 22px;
  background: #27363c;
}

#vodderSlider .hair::after {
  content: ""; position: absolute; right: -3px; top: 31px; width: 18px; height: 36px; border-radius: 0 18px 18px 0; background: #27363c; transform: rotate(11deg);
}

#vodderSlider .mask {
  position: absolute; left: 50%; top: 71px; transform: translateX(-50%);
  width: 74px; height: 42px; border-radius: 8px 8px 20px 20px; background: #f6f8f8; border: 2px solid #d9e4e5;
}

#vodderSlider .body {
  position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
  width: 196px; height: 252px; border-radius: 42px 42px 16px 16px;
  background: repeating-linear-gradient(90deg, #d9e5e6 0 2px, #c3d5d8 2px 4px);
  clip-path: polygon(23% 0,77% 0,100% 100%,0 100%);
  -webkit-clip-path: polygon(23% 0,77% 0,100% 100%,0 100%);
}

#vodderSlider .arm { position: absolute; width: 44px; height: 176px; border-radius: 30px; background: #d5e2e3; top: 132px; }
#vodderSlider .arm.left { left: 22px; transform: rotate(-25deg); }
#vodderSlider .arm.right { right: 22px; transform: rotate(25deg); }

#vodderSlider .hand {
  position: absolute; width: 42px; height: 50px; border-radius: 40% 40% 50% 50%; background: #ddb397; top: 246px;
}
#vodderSlider .hand.left { left: 70px; transform: rotate(-8deg); }
#vodderSlider .hand.right { right: 70px; transform: rotate(8deg); }

#vodderSlider .thumb {
  position: absolute; width: 18px; height: 60px; border-radius: 12px; background: #ddb397; top: 221px;
}
#vodderSlider .thumb.left { left: 83px; transform: rotate(-12deg); }
#vodderSlider .thumb.right { right: 83px; transform: rotate(12deg); }

#vodderSlider .check {
  position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%);
  width: 84px; height: 84px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.7);
  background: rgba(255,255,255,.18); backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: grid; place-items: center; color: #fff; font-size: 38px;
}

#vodderSlider .float-badge {
  position: absolute; padding: 13px 18px; border-radius: 999px;
  background: rgba(255,255,255,.72); backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 14px 34px rgba(38,83,78,.13);
  color: var(--mint-dark); font-size: 12px; font-weight: 700;
  opacity: 0;
}

#vodderSlider .slide.is-active .float-badge { animation: badgeIn .8s var(--ease) forwards, floatBadge 4s 1.2s ease-in-out infinite alternate; }
#vodderSlider .badge-a { right: 44%; top: 31%; animation-delay: .95s, 1.7s!important; }
#vodderSlider .badge-b { right: 0; top: 61%; animation-delay: 1.1s, 2s!important; }
#vodderSlider .badge-c { right: 42%; bottom: 5%; animation-delay: 1.24s, 2.3s!important; }

/* ---------- SLIDE 2 ---------- */
#vodderSlider .slide-2 {
  color: var(--ink) !important;
  background:
    radial-gradient(circle at 70% 30%, rgba(201,188,159,.15), transparent 30%),
    linear-gradient(125deg, #f5f5f3 0%, #eef0ef 52%, #e5e8e7 100%);
}

#vodderSlider .slide-2 .container {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  align-items: center;
  gap: 70px;
  padding: 90px 0 100px;
}

#vodderSlider .s2-copy { padding-top: 42px; }

#vodderSlider .s2-kicker {
  display: inline-flex !important; align-items: center; gap: 12px;
  margin-bottom: 18px !important; 
  color: var(--mint-deep) !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .24em !important; 
  text-transform: uppercase !important;
  opacity: 0; transform: translateY(20px);
}

#vodderSlider .s2-kicker::before { content: ""; width: 42px; height: 2px; background: currentColor; }

#vodderSlider .slide.is-active .s2-kicker { animation: rise .78s .28s var(--ease) forwards; }

#vodderSlider .s2-title {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Noto Sans KR", sans-serif !important;
  font-size: clamp(48px, 6.2vw, 90px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.075em !important;
  color: var(--sand) !important;
  text-transform: none !important;
  font-weight: 800 !important;
}

#vodderSlider .s2-title span { display: block; opacity: 0; transform: translateY(48px); }

#vodderSlider .slide.is-active .s2-title span:nth-child(1) { animation: titleUp .9s .4s var(--ease) forwards; }
#vodderSlider .slide.is-active .s2-title span:nth-child(2) { animation: titleUp .9s .52s var(--ease) forwards; }

#vodderSlider .s2-eng {
  margin-top: 20px !important; 
  font-family: Montserrat, sans-serif !important;
  font-size: clamp(21px, 2.6vw, 36px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #444d50 !important; 
  opacity: 0; transform: translateY(18px);
  text-transform: none !important;
}

#vodderSlider .slide.is-active .s2-eng { animation: rise .8s .72s var(--ease) forwards; }

#vodderSlider .s2-desc {
  margin-top: 28px !important; 
  max-width: 620px; 
  color: #8b8b86 !important;
  font-family: "Noto Sans KR", sans-serif !important;
  font-size: clamp(16px, 1.5vw, 21px) !important;
  line-height: 1.7 !important;
  letter-spacing: -.035em !important;
  opacity: 0; transform: translateY(18px);
  text-transform: none !important;
  font-weight: 400 !important;
}

#vodderSlider .slide.is-active .s2-desc { animation: rise .8s .88s var(--ease) forwards; }

#vodderSlider .pill {
  display: inline-block !important; 
  margin-top: 24px !important; 
  padding: 15px 27px !important;
  border-radius: 999px !important; 
  background: var(--sand) !important; 
  color: white !important;
  font-family: "Noto Sans KR", sans-serif !important;
  font-size: clamp(15px, 1.5vw, 21px) !important;
  letter-spacing: -.03em !important;
  box-shadow: 0 14px 40px rgba(127,111,86,.16) !important;
  opacity: 0; transform: translateY(18px) scale(.95);
  font-weight: 700 !important;
  white-space: nowrap !important; /* CRITICAL: Prevent text wrapping */
}

#vodderSlider .slide.is-active .pill { animation: pillIn .8s 1.02s var(--ease) forwards; }

/* Educational visual */
#vodderSlider .education-visual { position: relative; height: 580px; }

#vodderSlider .core {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: 280px; aspect-ratio: 1; border-radius: 50%;
  background: linear-gradient(145deg, #e6d8c1, #ad9a7d);
  box-shadow: 0 28px 70px rgba(116,98,73,.22), inset 0 0 0 20px rgba(255,255,255,.26);
  display: grid; place-items: center;
  opacity: 0;
}

#vodderSlider .slide.is-active .core { animation: coreIn 1.1s .45s var(--ease) forwards; }

#vodderSlider .core::before,
#vodderSlider .core::after {
  content: ""; position: absolute; border: 1px dashed rgba(67,111,106,.32); border-radius: 50%;
}
#vodderSlider .core::before { inset: -64px; }
#vodderSlider .core::after { inset: -126px; }

#vodderSlider .core-copy { text-align: center; color: white; position: relative; z-index: 2; }
#vodderSlider .core-copy strong { display: block; font: 800 54px/1 Montserrat, sans-serif; }
#vodderSlider .core-copy span { display: block; margin-top: 10px; font-size: 14px; letter-spacing: .14em; }

#vodderSlider .topic {
  position: absolute; width: 150px; aspect-ratio: 1; border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 15px 45px rgba(75,88,87,.15);
  display: grid; place-items: center; text-align: center;
  font-size: 14px; font-weight: 700; color: white;
  opacity: 0; transform: scale(.65);
}

#vodderSlider .topic::before {
  content: ""; position: absolute; inset: 12px; border-radius: 50%; border: 1px solid rgba(255,255,255,.45);
}

#vodderSlider .topic span { position: relative; z-index: 2; line-height: 1.4; }
#vodderSlider .topic-a { left: 4%; top: 8%; background: linear-gradient(145deg, #72c9bb, #338c85); }
#vodderSlider .topic-b { right: 1%; top: 13%; background: linear-gradient(145deg, #b7a88d, #8d7b61); }
#vodderSlider .topic-c { left: 1%; bottom: 7%; background: linear-gradient(145deg, #74a6aa, #3b777c); }
#vodderSlider .topic-d { right: 5%; bottom: 4%; background: linear-gradient(145deg, #c7b28d, #98805f); }

#vodderSlider .slide.is-active .topic-a { animation: topicIn .8s .76s var(--ease) forwards, floatTopic 4s 1.5s ease-in-out infinite alternate; }
#vodderSlider .slide.is-active .topic-b { animation: topicIn .8s .9s var(--ease) forwards, floatTopic 4.5s 1.7s ease-in-out infinite alternate-reverse; }
#vodderSlider .slide.is-active .topic-c { animation: topicIn .8s 1.04s var(--ease) forwards, floatTopic 4.2s 1.9s ease-in-out infinite alternate; }
#vodderSlider .slide.is-active .topic-d { animation: topicIn .8s 1.18s var(--ease) forwards, floatTopic 4.7s 2.1s ease-in-out infinite alternate-reverse; }

#vodderSlider .connector {
  position: absolute; left: 50%; top: 50%; width: 360px; height: 360px; transform: translate(-50%,-50%);
  border-radius: 50%;
  background:
    linear-gradient(45deg, transparent 49.7%, rgba(79,132,127,.2) 50%, transparent 50.3%),
    linear-gradient(-45deg, transparent 49.7%, rgba(79,132,127,.2) 50%, transparent 50.3%);
  opacity: 0;
}

#vodderSlider .slide.is-active .connector { animation: fadeIn 1s .75s forwards; }

/* ---------- UI ---------- */
#vodderSlider .slider-ui { position: absolute; inset: 0; z-index: 20; pointer-events: none; }

#vodderSlider .nav {
  pointer-events: auto; position: absolute; top: 50%; transform: translateY(-50%);
  width: 52px; height: 52px; border: 1px solid rgba(255, 255, 255, .72) !important; border-radius: 50%;
  background: rgba(31,65,64, .15) !important; backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: white !important; display: grid; place-items: center; cursor: pointer;
  transition: .25s ease;
}
#vodderSlider .nav:hover { transform: translateY(-50%) scale(1.08); background: rgba(31,65,64, .32) !important; }
#vodderSlider .nav.prev { left: 22px; }
#vodderSlider .nav.next { right: 22px; }
#vodderSlider .nav svg { width: 22px; }

#vodderSlider .dots {
  pointer-events: auto; position: absolute; left: 50%; bottom: 31px; transform: translateX(-50%);
  display: flex; gap: 10px; padding: 10px 13px; border-radius: 999px;
  background: rgba(32,57,58, .14) !important; backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#vodderSlider .dot { border: 0; width: 9px; height: 9px; padding: 0; border-radius: 99px; background: rgba(255,255,255,.52); cursor: pointer; transition: .3s; }
#vodderSlider .dot.is-active { width: 38px; background: white; }

#vodderSlider .counter {
  position: absolute; right: 34px; bottom: 35px;
  font: 600 12px/1 Montserrat, sans-serif !important; letter-spacing: .17em !important; color: rgba(255, 255, 255, .92) !important;
}

#vodderSlider .progress { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: rgba(255, 255, 255, .2); }
#vodderSlider .progress-bar { height: 100%; background: white; transform-origin: left; transform: scaleX(0); }
#vodderSlider.is-running .progress-bar { animation: progress var(--duration) linear forwards; }
#vodderSlider.is-paused .progress-bar { animation-play-state: paused; }

/* ---------- KEYFRAMES ---------- */
@keyframes rise { to { opacity: 1; transform: translateY(0); } }
@keyframes titleUp { to { opacity: 1; transform: translateY(0) skewY(0); } }
@keyframes orbitIn { to { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes floatOrbit { to { translate: -18px 14px; } }
@keyframes personIn { to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes badgeIn { to { opacity: 1; } }
@keyframes floatBadge { to { translate: 0 -10px; } }
@keyframes pillIn { to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes coreIn { from { opacity: 0; transform: translate(-50%,-50%) scale(.72) rotate(-14deg); } to { opacity: 1; transform: translate(-50%,-50%) scale(1) rotate(0); } }
@keyframes topicIn { to { opacity: 1; transform: scale(1); } }
@keyframes floatTopic { to { translate: 0 -13px; } }
@keyframes fadeIn { to { opacity: 1; } }
@keyframes progress { to { transform: scaleX(1); } }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px) {
  #vodderSlider { min-height: 820px; }
  #vodderSlider .container { width: min(100% - 36px, 720px); }
  #vodderSlider .slide-1 .container, #vodderSlider .slide-2 .container { grid-template-columns: 1fr; padding-top: 105px; }
  #vodderSlider .slide-1 .container { align-content: start; }
  #vodderSlider .korea-brand { font-size: 13px; }
  #vodderSlider .s1-visual { height: 380px; margin-top: 10px; }
  #vodderSlider .person-card { width: 210px; height: 300px; right: 16%; top: 5%; }
  #vodderSlider .person { transform: translateX(-50%) scale(.75); transform-origin: center bottom; }
  #vodderSlider .float-badge { font-size: 10px; padding: 10px 13px; }
  #vodderSlider .education-visual { height: 390px; margin-top: 10px; }
  #vodderSlider .core { width: 190px; }
  #vodderSlider .core-copy strong { font-size: 38px; }
  #vodderSlider .topic { width: 110px; border-width: 7px; font-size: 11px; }
  #vodderSlider .connector { width: 260px; height: 260px; }
}

@media (max-width: 600px) {
  #vodderSlider { min-height: 760px; }
  #vodderSlider .container { width: calc(100% - 28px); }
  #vodderSlider .brand-mark { width: 44px; height: 44px; }
  #vodderSlider .brand-copy strong { font-size: 13px; }
  #vodderSlider .brand-copy span { font-size: 6px; }
  #vodderSlider .korea-brand { font-size: 11px; }
  #vodderSlider .korea-seal { width: 38px; height: 38px; }
  #vodderSlider .s1-title, #vodderSlider .s2-title { font-size: 47px !important; }
  #vodderSlider .s1-desc { font-size: 17px !important; }
  #vodderSlider .s1-meta { gap: 14px; }
  #vodderSlider .meta-item strong { font-size: 16px; }
  #vodderSlider .person-card { right: 10%; top: 8%; }
  #vodderSlider .badge-a { right: 57%; }
  #vodderSlider .badge-b { right: 1%; }
  #vodderSlider .badge-c { right: 55%; }
  #vodderSlider .slide-2 .container { gap: 0; }
  #vodderSlider .s2-desc { font-size: 15px !important; }
  #vodderSlider .pill { font-size: 14px !important; padding: 13px 18px !important; }
  #vodderSlider .education-visual { height: 360px; }
  #vodderSlider .topic { width: 92px; font-size: 10px; }
  #vodderSlider .core { width: 170px; }
  #vodderSlider .nav { width: 42px; height: 42px; }
  #vodderSlider .nav.prev { left: 10px; }
  #vodderSlider .nav.next { right: 10px; }
  #vodderSlider .counter { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  #vodderSlider *,
  #vodderSlider *::before,
  #vodderSlider *::after {
    animation: none !important; transition: none !important;
  }
  #vodderSlider .slide.is-active * { opacity: 1 !important; transform: none !important; }
}