@_Tabletcharset "utf-8";

swiper-container {width: 100%;height: 100%;}
swiper-slide {text-align: center;font-size: 18px;background: #444;display: flex;justify-content: center;align-items: center;height:50px;}
swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

:root{
  --fp-black:#111;
  --fp-white:#fff;
  --fp-accent:#8be2cf;
  --fp-header-height:80px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}
body{font-family:Arial,"Noto Sans KR",sans-serif;color:var(--fp-white);background:var(--fp-black);}
a{text-decoration:none;color:inherit;}

.fullPage{position:relative;width:100%;height:100svh;overflow:hidden;}
.fpHeader{position:fixed;top:0;left:0;z-index:100;width:100%;height:var(--fp-header-height);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.15);backdrop-filter:blur(12px);}
.fpLogo{font-size:20px;font-weight:800;letter-spacing:.08em;}
.fpHeaderNav{display:flex;align-items:center;gap:35px;}
.fpHeaderNav a{position:relative;font-size:12px;font-weight:600;letter-spacing:.1em;opacity:.7;transition:.3s;}
.fpHeaderNav a:hover{opacity:1;color:var(--fp-accent);}
.fpContainer{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:none;}
.fpContainer::-webkit-scrollbar{display:none;}
.fpSection{position:relative;width:100%;height:100svh;min-height:600px;display:flex;align-items:center;padding:120px 10vw;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;}
.fpSection01{background:radial-gradient(circle at 70% 40%,rgba(139,226,207,.25),transparent 35%),linear-gradient(135deg,#111 0%,#1b2927 100%);}
.fpSection02{background:radial-gradient(circle at 80% 20%,rgba(89,130,255,.2),transparent 35%),linear-gradient(135deg,#111827 0%,#172033 100%);}
.fpSection03{background:radial-gradient(circle at 30% 60%,rgba(255,178,91,.2),transparent 35%),linear-gradient(135deg,#241d17 0%,#111 100%);}
.fpSection04{background:radial-gradient(circle at 70% 40%,rgba(196,118,255,.2),transparent 35%),linear-gradient(135deg,#1d1725 0%,#111 100%);}
.fpContent{position:relative;z-index:2;max-width:800px;}
.fpEyebrow{display:block;margin-bottom:25px;font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--fp-accent);}
.fpContent h1,.fpContent h2{margin:0;font-size:clamp(48px,6vw,96px);line-height:1.08;font-weight:300;letter-spacing:-.05em;}
.fpContent h1 strong,.fpContent h2 strong{font-weight:800;}
.fpContent p{margin:30px 0 0;font-size:clamp(16px,1.4vw,21px);line-height:1.8;color:rgba(255,255,255,.65);}
.fpButton{display:inline-flex;align-items:center;justify-content:center;height:52px;margin-top:40px;padding:0 30px;border:1px solid rgba(255,255,255,.4);border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.12em;transition:.3s;}
.fpButton:hover{border-color:var(--fp-accent);background:var(--fp-accent);color:#111;}
.fpSectionNum{position:absolute;right:7vw;bottom:8vh;font-size:clamp(70px,12vw,180px);line-height:1;font-weight:800;letter-spacing:-.08em;color:rgba(255,255,255,.05);user-select:none;}
.fpProgress{position:fixed;z-index:100;top:50%;right:35px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;}
.fpDot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:.35s;}
.fpDot:hover{background:rgba(255,255,255,.7);}
.fpDot.active{height:28px;border-radius:10px;background:var(--fp-accent);}
.fpScrollGuide{position:fixed;z-index:90;left:50%;bottom:30px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.65;pointer-events:none;}
.fpScrollGuide span{font-size:9px;font-weight:700;letter-spacing:.2em;}
.fpScrollGuide i{position:relative;width:1px;height:35px;background:rgba(255,255,255,.35);overflow:hidden;}
.fpScrollGuide i::after{content:"";position:absolute;top:-15px;left:0;width:1px;height:15px;background:#fff;animation:fpScroll 1.5s infinite;}
@keyframes fpScroll{0%{top:-15px;opacity:0;}30%{opacity:1;}100%{top:35px;opacity:0;}}
@media(max-width:768px){
  :root{--fp-header-height:60px;}
  .fpHeader{height:60px;padding:0 20px;}
  .fpLogo{font-size:16px;}
  .fpHeaderNav{display:none;}
  .fpSection{min-height:100svh;padding:100px 25px 80px;align-items:center;}
  .fpContent{width:100%;}
  .fpEyebrow{margin-bottom:18px;font-size:11px;}
  .fpContent h1,.fpContent h2{font-size:clamp(42px,12vw,68px);}
  .fpContent p{margin-top:22px;font-size:15px;line-height:1.7;}
  .fpButton{height:48px;margin-top:30px;padding:0 24px;}
  .fpProgress{right:18px;gap:10px;}
  .fpDot{width:6px;height:6px;}
  .fpDot.active{height:20px;}
  .fpSectionNum{right:20px;bottom:30px;font-size:90px;}
  .fpScrollGuide{bottom:20px;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .fpScrollGuide i::after{animation:none;}
}