*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;background:#030610;color:#fff;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 12% 6%,rgba(0,229,255,.26),transparent 28%),radial-gradient(circle at 92% 10%,rgba(255,45,188,.22),transparent 29%),radial-gradient(circle at 52% 88%,rgba(255,202,77,.16),transparent 32%),linear-gradient(180deg,#081329 0%,#040714 45%,#02030a 100%)}body:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 80%,transparent)}a{color:inherit;text-decoration:none}b{color:#ffe17a}.page-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--x,50%) var(--y,20%),rgba(0,206,255,.12),transparent 22%)}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px clamp(16px,4vw,52px);background:rgba(3,6,16,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(155,222,255,.22);box-shadow:0 14px 40px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:14px;min-width:250px}.brand img{width:178px;max-height:58px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(37,255,105,.45))}.brand span{padding:9px 12px;border-radius:999px;background:linear-gradient(135deg,#021924,#023f43 40%,#0cffb0);color:#06111c;font-weight:1000;box-shadow:0 0 22px rgba(0,245,204,.28)}.nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.nav a{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(147,216,255,.22);font-weight:900;color:#dceeff;font-size:14px;transition:.18s}.nav a:hover{transform:translateY(-2px);border-color:#ffe48b;box-shadow:0 0 18px rgba(255,222,128,.22)}.top-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;font-weight:1000;white-space:nowrap;box-shadow:0 0 24px rgba(0,183,255,.24)}.btn-gold{background:linear-gradient(135deg,#fff4c5,#ffca49,#fff4c5);color:#06111c}.btn-blue{background:linear-gradient(135deg,#00c8ff,#1359ff,#9b43ff);color:#fff}.page{width:min(1440px,calc(100% - 42px));margin:0 auto;padding:26px 0 82px}.hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;align-items:center;margin-bottom:24px;padding:18px;border:1px solid rgba(128,226,255,.22);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:0 28px 80px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.13);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 80deg,transparent,rgba(0,229,255,.16),transparent,rgba(255,218,107,.12),transparent);animation:spin 12s linear infinite}.hero>*{position:relative}.hero-copy{padding:18px}.eyebrow{margin:0 0 10px;color:#75f7ff;letter-spacing:.22em;font-weight:1000}.hero h1{margin:0 0 12px;font-size:clamp(42px,6.6vw,90px);line-height:.9;letter-spacing:-.05em;text-shadow:0 4px 0 #061329,0 0 28px rgba(0,225,255,.48),0 0 54px rgba(255,70,180,.22)}.lead{margin:0;color:#e8f5ff;line-height:1.7;font-size:clamp(17px,1.5vw,22px);font-weight:760}.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.hero-pills span{padding:9px 12px;border-radius:13px;background:linear-gradient(135deg,rgba(0,234,255,.18),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);font-weight:950}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.big-cta,.ghost-cta,.mobile-cta a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:1000}.big-cta{padding:15px 28px;background:linear-gradient(135deg,#fff3bd,#ffc33f,#fff1b8);color:#06111c;box-shadow:0 0 28px rgba(255,199,64,.34)}.ghost-cta{padding:14px 24px;background:linear-gradient(135deg,#0bbcff,#255dff,#8b42ff);box-shadow:0 0 28px rgba(69,155,255,.32)}.hero-visual{display:block;aspect-ratio:860/343;border-radius:20px;border:1px solid rgba(116,228,255,.42);background:#08101f;overflow:hidden;box-shadow:0 0 38px rgba(0,206,255,.24)}.hero-visual img,.visual-card img,.wing img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.copy-section,.visual-section{margin:28px 0;padding:24px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.25)}.section-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.section-head span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0ef,#1b63ff);font-weight:1000;box-shadow:0 0 22px rgba(0,229,255,.24)}.section-head h2{margin:0;font-size:clamp(28px,3.8vw,50px);line-height:1.05;letter-spacing:-.04em}.text-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.text-grid article,.guide-grid article,.benefit-board article{padding:18px;border-radius:20px;border:1px solid rgba(155,221,255,.18);background:linear-gradient(135deg,rgba(7,20,40,.88),rgba(10,15,31,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.text-grid h3,.guide-grid h3{margin:0 0 9px;color:#ffe28a;font-size:22px}.text-grid p,.guide-grid p,.rank-copy,.visual-note{margin:0;color:#e4f2ff;line-height:1.7;font-weight:650}.rank-strip,.term-list{display:flex;flex-wrap:wrap;gap:10px}.rank-strip span,.term-list span{padding:11px 13px;border-radius:14px;background:linear-gradient(135deg,rgba(255,216,119,.18),rgba(0,215,255,.13));border:1px solid rgba(255,255,255,.15);font-weight:950;color:#f6fbff}.rank-copy{margin-top:16px}.benefit-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefit-board b{display:block;font-size:23px;margin-bottom:9px}.benefit-board p{margin:0;color:#e7f2ff;line-height:1.6;font-weight:650}.visual-note{margin:-4px 0 16px}.banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.poster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.visual-card{position:relative;overflow:hidden;border-radius:16px;background:rgba(4,11,22,.78);border:1px solid rgba(121,221,255,.2);box-shadow:0 12px 36px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.banner-card{aspect-ratio:860/343;border-radius:22px}.poster-card{aspect-ratio:2/3}.visual-card:before,.shine:before,.wing-item:before{content:"";position:absolute;inset:-120% -40%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.38) 48%,transparent 58%);transform:translateX(-70%);animation:shine 5.8s ease-in-out infinite;pointer-events:none}.visual-card:hover{transform:translateY(-5px) scale(1.015);border-color:rgba(255,228,139,.6);box-shadow:0 18px 50px rgba(0,213,255,.26),0 0 32px rgba(255,80,186,.18)}.poster-section{padding-bottom:28px}.wing{position:fixed;top:96px;z-index:18;width:126px;display:flex;flex-direction:column;gap:13px}.wing-left{left:12px}.wing-right{right:12px}.wing-item{position:relative;display:block;aspect-ratio:180/600;border-radius:16px;overflow:hidden;background:#07101e;border:1px solid rgba(117,229,255,.32);box-shadow:0 0 30px rgba(0,229,255,.18),0 16px 44px rgba(0,0,0,.32);animation:floaty 4.2s ease-in-out infinite}.wing-item:nth-child(2){animation-delay:.65s}.footer{padding:30px 20px 100px;text-align:center;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.28)}.footer img{width:220px;max-width:70%;filter:drop-shadow(0 0 16px rgba(56,255,109,.35))}.footer p{margin:10px auto;color:#e8f3ff;font-weight:900}.footer small{color:#aebcd3}.mobile-cta{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:80;grid-template-columns:1fr 1fr;gap:9px}.mobile-cta a{padding:14px 12px;font-size:18px;box-shadow:0 0 24px rgba(0,0,0,.3)}.mobile-cta a:first-child{background:linear-gradient(135deg,#fff2bc,#ffbf3f);color:#06111c}.mobile-cta a:last-child{background:linear-gradient(135deg,#00bfff,#2f58ff,#953fff)}@keyframes shine{0%,62%{transform:translateX(-70%) rotate(0deg)}100%{transform:translateX(170%) rotate(0deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:1850px){.wing{width:104px}}@media(max-width:1580px){.wing{display:none}.page{width:min(1320px,calc(100% - 28px))}.banner-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1180px){.hero{grid-template-columns:1fr}.text-grid,.guide-grid,.benefit-board{grid-template-columns:repeat(2,1fr)}.poster-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{padding:10px 12px}.brand{min-width:auto}.brand img{width:150px}.brand span,.nav,.top-actions{display:none}.page{width:calc(100% - 18px);padding-bottom:86px}.hero,.copy-section,.visual-section{border-radius:22px;padding:15px}.hero-copy{padding:8px}.text-grid,.guide-grid,.benefit-board,.banner-grid{grid-template-columns:1fr}.poster-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mobile-cta{display:grid}.section-head span{width:38px;height:38px}.rank-strip span,.term-list span{font-size:14px}}@media(max-width:420px){.poster-grid{grid-template-columns:1fr}.hero-pills span{width:100%}}


.keyword-strip{
  max-width:1280px;
  margin:28px auto;
  padding:22px 24px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,215,90,.16), rgba(255,255,255,.06), rgba(80,180,255,.12));
  border:1px solid rgba(255,215,120,.28);
  box-shadow:0 18px 55px rgba(0,0,0,.35), inset 0 0 24px rgba(255,255,255,.04);
}
.keyword-strip h2{
  margin:0 0 10px;
  font-size:clamp(22px,3vw,38px);
  line-height:1.2;
  font-weight:900;
  color:#ffe58a;
  text-shadow:0 0 18px rgba(255,210,80,.35);
}
.keyword-strip p{
  margin:0;
  font-size:clamp(15px,1.7vw,21px);
  line-height:1.7;
  color:#f7f1d8;
  font-weight:700;
}


.top-notice{
  position:sticky; top:0; z-index:9999;
  display:flex; justify-content:center; gap:18px; flex-wrap:wrap;
  padding:10px 14px;
  background:linear-gradient(90deg,#12070a,#321300,#0b1025);
  border-bottom:1px solid rgba(255,214,105,.35);
  box-shadow:0 8px 26px rgba(0,0,0,.45);
}
.top-notice a{
  color:#ffe58a; text-decoration:none; font-weight:900;
  font-size:clamp(13px,1.4vw,17px);
  text-shadow:0 0 12px rgba(255,210,80,.45);
}
.top-notice .notice-support{color:#8ee7ff}
.mobile-fixed-cta{display:none}
.seo-info-section{
  max-width:1280px; margin:34px auto; padding:28px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,213,85,.10),rgba(100,185,255,.08));
  border:1px solid rgba(255,219,112,.28);
  box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 0 28px rgba(255,255,255,.035);
}
.seo-info-section h2{
  margin:0 0 14px; font-size:clamp(26px,3vw,44px);
  line-height:1.2; color:#ffe58a; font-weight:950;
  text-shadow:0 0 18px rgba(255,210,90,.32);
}
.seo-info-section p{color:#f5ecd6; line-height:1.85; font-size:clamp(15px,1.5vw,18px); font-weight:650}
.info-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:22px}
.info-grid article,.faq-list details{
  border-radius:20px; padding:18px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 0 18px rgba(255,255,255,.03);
}
.info-grid h3{margin:0 0 8px; color:#8ee7ff; font-size:20px}
.faq-list{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:18px}
.faq-list summary{cursor:pointer; color:#ffe58a; font-weight:900; font-size:18px}
.faq-list p{margin-bottom:0}
a[href="#"], a:not([href]){cursor:pointer}
@media (max-width:900px){
  .info-grid,.faq-list{grid-template-columns:1fr}
  .mobile-fixed-cta{
    position:fixed; left:10px; right:10px; bottom:10px; z-index:9999;
    display:grid; grid-template-columns:1fr 1fr; gap:10px;
  }
  .mobile-fixed-cta a{
    text-align:center; padding:14px 10px; border-radius:16px;
    color:#080611; background:linear-gradient(135deg,#ffe58a,#ffb02e);
    font-weight:950; text-decoration:none;
    box-shadow:0 8px 24px rgba(0,0,0,.38);
  }
  .mobile-fixed-cta a:last-child{background:linear-gradient(135deg,#8ee7ff,#56a8ff)}
  body{padding-bottom:76px}
}


/* mobile hamburger + source guard */
.mobile-site-header{
  display:none;
}
.mobile-drawer,.drawer-backdrop{display:none}
img{
  -webkit-user-drag:none;
  user-select:none;
}
body{
  -webkit-touch-callout:none;
}
@media (max-width: 900px){
  .mobile-site-header{
    display:flex;
    position:sticky;
    top:0;
    z-index:10050;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    background:linear-gradient(135deg, rgba(9,6,18,.96), rgba(45,20,8,.96));
    border-bottom:1px solid rgba(255,214,105,.35);
    box-shadow:0 10px 30px rgba(0,0,0,.45);
    backdrop-filter:blur(12px);
  }
  .mobile-logo{
    color:#ffe58a;
    text-decoration:none;
    font-weight:950;
    font-size:15px;
    letter-spacing:-.02em;
    text-shadow:0 0 14px rgba(255,210,80,.35);
  }
  .hamburger-btn{
    width:44px;
    height:38px;
    display:grid;
    place-items:center;
    gap:4px;
    padding:7px;
    border:1px solid rgba(255,229,138,.5);
    border-radius:12px;
    background:linear-gradient(135deg, rgba(255,229,138,.18), rgba(255,255,255,.06));
    cursor:pointer;
  }
  .hamburger-btn span{
    display:block;
    width:24px;
    height:2px;
    background:#ffe58a;
    border-radius:99px;
    box-shadow:0 0 10px rgba(255,229,138,.55);
    transition:.22s ease;
  }
  .hamburger-btn.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .hamburger-btn.is-open span:nth-child(2){opacity:0}
  .hamburger-btn.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .drawer-backdrop{
    position:fixed;
    inset:0;
    z-index:10040;
    background:rgba(0,0,0,.62);
    backdrop-filter:blur(3px);
  }
  .drawer-backdrop.is-open{display:block}
  .mobile-drawer{
    position:fixed;
    z-index:10060;
    top:62px;
    right:12px;
    left:12px;
    padding:14px;
    border-radius:20px;
    background:linear-gradient(145deg, rgba(14,8,24,.98), rgba(44,18,8,.98));
    border:1px solid rgba(255,214,105,.36);
    box-shadow:0 24px 80px rgba(0,0,0,.65);
  }
  .mobile-drawer.is-open{
    display:grid;
    gap:10px;
  }
  .mobile-drawer a{
    display:block;
    padding:14px 16px;
    border-radius:15px;
    color:#fff7d6;
    text-decoration:none;
    font-weight:900;
    background:linear-gradient(135deg, rgba(255,214,105,.14), rgba(255,255,255,.05));
    border:1px solid rgba(255,255,255,.1);
  }
  .mobile-drawer a:first-child{
    color:#150b05;
    background:linear-gradient(135deg,#ffe58a,#ffb22e);
  }
  .mobile-drawer a:nth-child(2){
    color:#061018;
    background:linear-gradient(135deg,#8ee7ff,#58a7ff);
  }
}


/* v10 hero image fix */
.hero-visual{
  min-height:360px;
  background:radial-gradient(circle at 50% 40%, rgba(0,229,255,.18), rgba(3,6,16,.92));
}
.hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:760px){
  .hero-visual{
    min-height:auto;
    aspect-ratio:860/343;
  }
}