.u-section-1 {
  min-height: 400px;
}

.u-section-1 .u-custom-html-1 {
  height: auto;
  min-height: 400px;
  margin-top: 0;
  margin-bottom: 0;
}/* 강남 세이렌 쩜오 — Black Pearl Luxe (Nicepage 페이지 CSS 칸에 붙여 넣는 파일) */
:root{--bg:#07070A;
  --bg2:#0D0C11;
  --card:#111016;
  --card2:#16141C;
  --line:rgba(236,228,214,.12);
  --line2:rgba(236,228,214,.22);
  --ink:#EFEAE2;
  --sub:#BDB7AE;
  --mute:#8E887F;
  --gold:#DDC495;
  --gold-d:#A98A52;
  --pearl:linear-gradient(115deg,#F8F3E9 0%,#DCE6F3 18%,#F0D9EB 36%,#D6EFE3 54%,#F3E4C8 72%,#E2DDF4 88%,#F8F3E9 100%);
  --pearl-soft:linear-gradient(125deg,rgba(248,243,233,.62),rgba(220,230,243,.16) 25%,rgba(240,217,235,.5) 45%,rgba(214,239,227,.14) 65%,rgba(243,228,200,.6) 85%,rgba(226,221,244,.3));
  --r:20px;
  --serif:"Noto Serif KR","Nanum Myeongjo",serif;
  --sans:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --latin:"Cormorant Garamond",Georgia,serif;}
html{scroll-behavior:smooth}
body.u-body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
body.u-body{overflow-x:clip}
.u-body .site{width:100vw;margin-left:calc(50% - 50vw);background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;word-break:keep-all;overflow-x:clip;position:relative}
.u-body .site :where(p,ul,ol,dl,dd,li,a,table,summary){font-size:inherit;line-height:inherit;font-family:inherit}
.u-body .site :where(p,ul,ol,dl,dd,figure){margin:0}
.u-body .site :where(ul,ol){padding:0;list-style:none}
.u-body .site :where(h1,h2,h3,h4){margin:0;font-weight:700;color:var(--ink);text-transform:none;letter-spacing:-.01em}
.u-body .site :where(h1,h2){font-family:var(--serif);line-height:1.3}
.u-body .site :where(h3,h4){font-family:var(--sans);line-height:1.45}
.u-body .site :where(a){color:inherit;text-decoration:none}
.u-body .site :where(table){border-collapse:collapse}
.u-body .site *,.u-body .site *::before,.u-body .site *::after{box-sizing:border-box}
.u-body .sprite{position:absolute;width:0;height:0;overflow:hidden}
.u-body .ico{width:1.15em;height:1.15em;flex:none}
.u-body .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}
.u-body .wrap.narrow{max-width:860px}
@media (min-width:768px){.u-body .wrap{padding:0 32px}
}
.u-body .pearl-text{background:var(--pearl);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:shimmer 9s linear infinite}
@keyframes shimmer{to{background-position:220% 0}}
.u-body .pcard{background:linear-gradient(160deg,var(--card2),var(--card)) padding-box,var(--pearl-soft) border-box;border:1px solid transparent;border-radius:var(--r)}
.u-body .pad{padding:28px 24px}
@media (min-width:768px){.u-body .pad{padding:36px 36px}
}
.u-body .sheen{position:relative;overflow:hidden;isolation:isolate}
.u-body .sheen::after{content:"";position:absolute;inset:-2px;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.06) 44%,rgba(255,244,228,.2) 50%,rgba(220,232,255,.08) 56%,transparent 70%);translate:-130% 0;transition:translate 1.1s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:2}
.u-body .sheen:hover::after,.u-body .sheen:focus-within::after{translate:130% 0}
.u-body .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.95em 1.6em;border-radius:999px;font-weight:700;font-size:1rem;line-height:1.2;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;white-space:nowrap}
.u-body .btn:hover{transform:translateY(-3px)}
.u-body .btn-pearl{background:var(--pearl);background-size:200% 100%;color:#17141C;box-shadow:0 10px 30px rgba(230,215,240,.18),inset 0 1px 0 rgba(255,255,255,.8)}
.u-body .btn-pearl:hover{box-shadow:0 16px 40px rgba(230,215,240,.3),inset 0 1px 0 rgba(255,255,255,.8)}
.u-body .btn-line{border:1px solid var(--line2);color:var(--ink);background:rgba(255,255,255,.02)}
.u-body .btn-line:hover{border-color:var(--gold);color:var(--gold)}
.u-body .btn-kakao{background:#FEE500;color:#191600}
.u-body .btn-tg{background:#2AABEE;color:#fff}
.u-body .hero{position:relative;padding:64px 0 72px;overflow:hidden;background:radial-gradient(120% 80% at 80% 10%,#1B1826 0%,rgba(7,7,10,0) 60%),radial-gradient(90% 70% at 0% 100%,#141019 0%,rgba(7,7,10,0) 55%),var(--bg)}
.u-body .hero .glow{position:absolute;inset:auto -20% -40% auto;width:80vw;height:80vw;max-width:900px;max-height:900px;border-radius:50%;background:conic-gradient(from 90deg,rgba(240,217,235,.16),rgba(214,239,227,.1),rgba(220,230,243,.14),rgba(243,228,200,.12),rgba(240,217,235,.16));filter:blur(90px);animation:spin 40s linear infinite;pointer-events:none}
.u-body .hero-in{position:relative;display:grid;gap:40px;align-items:center}
@media (min-width:960px){.u-body .hero{padding:110px 0 120px}
.u-body .hero-in{grid-template-columns:1.1fr .9fr;gap:56px}
}
.u-body .eyebrow{font-family:var(--latin);font-style:italic;letter-spacing:.24em;color:var(--gold);font-size:.95rem;margin-bottom:18px}
.u-body .hero h1{font-size:clamp(2.1rem,1.3rem + 3.6vw,4rem);line-height:1.2;letter-spacing:-.02em}
.u-body .hero h1 .pearl-text{display:block;margin-top:.12em}
.u-body .lead{margin-top:24px;color:var(--sub);font-size:1.05rem;max-width:560px}
.u-body .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.u-body .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:44px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
@media (min-width:640px){.u-body .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.u-body .stats li{background:var(--bg2);padding:18px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}
.u-body .stats strong{font-family:var(--latin);font-size:1.9rem;font-weight:600;line-height:1.1;color:var(--ink)}
.u-body .stats span{font-size:.85rem;color:var(--mute)}
.u-body .hero-art{position:relative;display:grid;place-items:center;min-height:320px;perspective:1000px}
@media (min-width:960px){.u-body .hero-art{min-height:480px}
}
.u-body .stage{position:relative;width:min(340px,68vw);aspect-ratio:1;transform-style:preserve-3d;animation:float 8s ease-in-out infinite}
.u-body .orb{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 27%,#FFFFFF 0%,#F6F1E9 7%,#DCD5CC 24%,#9C97A0 48%,#3A3843 74%,#0D0C12 100%);box-shadow:0 50px 100px rgba(0,0,0,.75),0 0 140px rgba(226,210,245,.16),inset -24px -34px 70px rgba(0,0,0,.6),inset 10px 12px 30px rgba(255,255,255,.12)}
.u-body .orb::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,200,228,.55),rgba(185,215,255,.5),rgba(190,255,222,.45),rgba(255,232,180,.5),rgba(220,200,255,.5),rgba(255,200,228,.55));mix-blend-mode:overlay;opacity:.9;animation:spin 16s linear infinite}
.u-body .orb::after{content:"";position:absolute;top:13%;left:21%;width:30%;height:17%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));filter:blur(4px);transform:rotate(-28deg)}
.u-body .ring{position:absolute;inset:-20%;border-radius:50%;border:1px solid rgba(240,232,220,.28);transform:rotateX(74deg) rotateZ(0deg);animation:ring 22s linear infinite}
.u-body .ring::before{content:"";position:absolute;top:50%;left:-7px;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d8d2e6 45%,#6d6878 100%);box-shadow:0 0 18px rgba(240,225,255,.6)}
.u-body .ring.r2{inset:-34%;border-color:rgba(221,196,149,.2);animation:ring2 34s linear infinite reverse;transform:rotateX(68deg) rotateY(14deg)}
@keyframes ring2{from{transform:rotateX(68deg) rotateY(14deg) rotateZ(0deg)}to{transform:rotateX(68deg) rotateY(14deg) rotateZ(360deg)}}
.u-body .ring.r2::before{background:radial-gradient(circle at 35% 30%,#fff7e4,#DDC495 50%,#7a6440 100%);box-shadow:0 0 16px rgba(221,196,149,.6)}
.u-body .bead{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#e4def0 35%,#7c7788 80%,#26242c);box-shadow:0 10px 30px rgba(0,0,0,.6);animation:float 6s ease-in-out infinite}
.u-body .bead.b1{width:34px;height:34px;top:8%;right:12%;animation-delay:-1s}
.u-body .bead.b2{width:18px;height:18px;bottom:14%;left:10%;animation-delay:-3s}
.u-body .bead.b3{width:24px;height:24px;bottom:4%;right:26%;animation-delay:-4.5s}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes spin{to{rotate:360deg}}
@keyframes ring{from{transform:rotateX(74deg) rotateZ(0deg)}to{transform:rotateX(74deg) rotateZ(360deg)}}
.u-body .sec{position:relative;padding:72px 0}
@media (min-width:960px){.u-body .sec{padding:104px 0}
}
.u-body .sec::before{content:"";position:absolute;top:0;left:50%;width:min(1100px,90%);height:1px;translate:-50% 0;background:linear-gradient(90deg,transparent,rgba(240,217,235,.28),rgba(220,230,243,.28),rgba(243,228,200,.28),transparent)}
.u-body .head{max-width:720px;margin-bottom:36px}
.u-body .head.center{margin-left:auto;margin-right:auto;text-align:center}
.u-body .no{display:block;font-family:var(--latin);font-style:italic;font-size:1.15rem;color:var(--gold);letter-spacing:.08em;margin-bottom:10px}
.u-body .site :where(h2){font-size:clamp(1.6rem,1.15rem + 1.7vw,2.4rem)}
.u-body .head > p,.u-body .head p{color:var(--sub);margin-top:16px}
.u-body .head .sub{margin-top:28px;font-size:1.02rem;color:var(--gold)}
.u-body .head .sub + p{margin-top:8px}
.u-body .after{margin-top:22px;color:var(--sub)}
.u-body .after.center,.u-body .foot-note.center{text-align:center}
.u-body .foot-note{margin-top:22px;font-size:.92rem;font-weight:500;color:var(--mute)}
.u-body .split{display:grid;gap:36px}
@media (min-width:960px){.u-body .split{grid-template-columns:.92fr 1.08fr;gap:64px;align-items:start}
.u-body .split > .head{position:sticky;top:48px;margin-bottom:0}
.u-body .split.rev > .head{order:2}
}
.u-body .nlist li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.u-body .nlist li:first-child{border-top:1px solid var(--line)}
.u-body .nlist > li > div{min-width:0}
.u-body .nlist .n{font-family:var(--latin);font-style:italic;font-size:1.6rem;line-height:1.1;background:var(--pearl);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.u-body .nlist h3{font-size:1.1rem}
.u-body .nlist p{color:var(--sub);margin-top:4px}
.u-body .nlist.compact li{padding:16px 0;grid-template-columns:40px minmax(0,1fr)}
.u-body .nlist.compact{margin-top:20px}
.u-body .tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
.u-body .tbl table{width:100%;min-width:540px}
.u-body .tbl th,.u-body .tbl td{padding:17px 20px;text-align:left;border-bottom:1px solid var(--line);word-break:keep-all;overflow-wrap:normal;min-width:7em;vertical-align:top}
.u-body .tbl th{font-size:.88rem;font-weight:500;color:var(--gold);letter-spacing:.04em;background:rgba(255,255,255,.025)}
.u-body .tbl tbody tr:last-child td{border-bottom:0}
.u-body .tbl td:first-child{font-weight:700;color:var(--ink)}
.u-body .tbl td{color:var(--sub)}
.u-body .tbl tbody tr{transition:background-color .3s}
.u-body .tbl tbody tr:hover{background:rgba(240,217,235,.04)}
.u-body .note{margin-top:28px;padding:24px;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(221,196,149,.07),transparent)}
.u-body .note h3{font-size:1.08rem}
.u-body .note h3 + p{margin-top:6px;color:var(--sub)}
.u-body .note p + h3{margin-top:22px}
.u-body .note h4{margin-top:22px;font-size:.95rem;color:var(--gold)}
.u-body .load{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.u-body .load li{display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:.92rem}
.u-body .load b{font-weight:700}
.u-body .load .lv1{color:#A9D9C2}
.u-body .load .lv2{color:var(--gold)}
.u-body .load .lv3{color:#F0B7C9}
.u-body .figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}
.u-body .figs li{padding:28px 22px;display:flex;flex-direction:column;gap:6px;min-width:0}
.u-body .figs strong{font-family:var(--latin);font-size:clamp(2.4rem,1.8rem + 2vw,3.4rem);font-weight:600;line-height:1}
.u-body .figs span{color:var(--sub);font-size:.95rem}
.u-body .dots{margin-top:12px}
.u-body .dots li{position:relative;padding-left:20px;margin-top:6px;color:var(--sub)}
.u-body .dots li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--pearl);box-shadow:0 0 8px rgba(240,225,255,.5)}
.u-body .tl{display:grid;gap:0;counter-reset:tl}
.u-body .tl li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;position:relative;padding-bottom:26px}
.u-body .tl li > div{min-width:0}
.u-body .tl li::before{content:"";position:absolute;left:13px;top:18px;bottom:0;width:1px;background:linear-gradient(var(--line2),transparent)}
.u-body .tl li:last-child::before{display:none}
.u-body .tl .dot{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#dcd5e8 40%,#6f6a7a 100%);box-shadow:0 0 0 5px rgba(240,225,255,.06),0 0 18px rgba(240,225,255,.35)}
.u-body .tl h3{font-size:1.05rem}
.u-body .tl p{color:var(--sub);font-size:.95rem;margin-top:2px}
@media (min-width:960px){.u-body .tl:not(.vert){grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.u-body .tl:not(.vert) li{grid-template-columns:1fr;gap:18px;padding-bottom:0}
.u-body .tl:not(.vert) li::before{left:28px;right:-20px;top:13px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,var(--line2),transparent)}
}
.u-body .tl.vert{margin-top:22px}
.u-body .assign{margin-top:36px}
.u-body .assign h3{font-size:1.08rem;color:var(--gold)}
.u-body .rows3{margin-top:14px;display:grid;gap:10px}
@media (min-width:768px){.u-body .rows3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.u-body .rows3 li{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.u-body .rows3 li span:first-child{font-size:.88rem;color:var(--mute)}
.u-body .rows3 li span:last-child{font-weight:500}
.u-body .check{display:grid;gap:14px}
@media (min-width:640px){.u-body .check{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
}
.u-body .check li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start}
.u-body .check li > span:last-child{min-width:0}
.u-body .ck{width:24px;height:24px;border-radius:50%;background:var(--pearl);position:relative;margin-top:2px}
.u-body .ck::after{content:"";position:absolute;left:8px;top:5px;width:6px;height:11px;border:solid #17141C;border-width:0 2px 2px 0;rotate:45deg}
.u-body .times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.u-body .times li{background:var(--bg2);padding:26px 14px;text-align:center;display:flex;flex-direction:column;gap:6px;min-width:0}
.u-body .times strong{font-family:var(--latin);font-size:clamp(1.8rem,1.3rem + 2vw,3rem);font-weight:600;line-height:1}
.u-body .times span{font-size:.9rem;color:var(--sub)}
.u-body .notice{padding:32px 24px}
@media (min-width:768px){.u-body .notice{padding:48px}
}
.u-body .notice .head{margin-bottom:0;max-width:none}
.u-body .notice .sub{margin-top:30px;font-size:1.05rem;color:var(--gold)}
.u-body .notice .sub + .after{margin-top:8px}
.u-body .notice-grid{display:grid;gap:24px;margin-top:30px}
@media (min-width:900px){.u-body .notice-grid{grid-template-columns:1.2fr .8fr;gap:40px}
}
.u-body .warn{display:grid;gap:12px}
.u-body .warn li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.u-body .warn li > span:last-child{min-width:0}
.u-body .wi{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;color:#17141C;background:#F0B7C9}
.u-body .chan{display:grid;gap:10px}
.u-body .chan a{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid var(--line2);border-radius:14px;transition:border-color .3s,background-color .3s,transform .3s}
.u-body .chan a:hover{border-color:var(--gold);background:rgba(221,196,149,.06);transform:translateX(4px)}
.u-body .chan a span{min-width:0}
.u-body .cite{margin-top:26px;padding:22px 24px;border:1px dashed var(--line2);border-radius:16px}
.u-body .cite h4{font-size:.92rem;color:var(--gold)}
.u-body .cite ul{margin-top:10px;display:grid;gap:6px}
.u-body .cite a{font-size:.92rem;color:var(--sub);text-decoration:underline;text-decoration-color:rgba(221,196,149,.4);text-underline-offset:3px}
.u-body .cite a:hover{color:var(--gold)}
.u-body .faq{display:grid;gap:12px}
.u-body .faq details{border:1px solid var(--line);border-radius:16px;background:var(--card);transition:border-color .3s,background-color .3s}
.u-body .faq details[open]{border-color:rgba(240,217,235,.35);background:var(--card2)}
.u-body .faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:16px;align-items:center;padding:20px 22px}
.u-body .faq summary::-webkit-details-marker{display:none}
.u-body .faq summary h3{font-size:1.02rem;font-weight:500}
.u-body .faq summary::after{content:"+";font-family:var(--latin);font-size:1.6rem;line-height:1;color:var(--gold);text-align:center;transition:rotate .3s}
.u-body .faq details[open] summary::after{rotate:45deg}
.u-body .faq details p{padding:0 22px 22px;color:var(--sub)}
.u-body .cta{position:relative;overflow:hidden;text-align:center;padding:64px 20px;border-radius:32px;background:radial-gradient(80% 120% at 50% 0%,#221E2C 0%,#0E0D12 70%) padding-box,var(--pearl) border-box;border:1px solid transparent;isolation:isolate}
@media (min-width:768px){.u-body .cta{padding:88px 48px}
}
.u-body .cta-orb{position:absolute;z-index:-1;width:520px;height:520px;left:50%;top:-300px;translate:-50% 0;border-radius:50%;background:conic-gradient(from 0deg,rgba(240,217,235,.3),rgba(214,239,227,.2),rgba(220,230,243,.28),rgba(243,228,200,.25),rgba(240,217,235,.3));filter:blur(70px);animation:spin 24s linear infinite}
.u-body .cta h2{font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem)}
.u-body .cta h2 .pearl-text{display:block}
.u-body .cta p{margin:18px auto 0;max-width:560px;color:var(--sub)}
.u-body .cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.u-body .foot{padding:56px 0 120px;border-top:1px solid var(--line);background:#050507}
@media (min-width:768px){.u-body .foot{padding-bottom:64px}
}
.u-body .foot-brand{font-family:var(--serif);font-size:1.2rem;font-weight:700}
.u-body .foot-info{margin-top:18px;display:grid;gap:10px}
.u-body .foot-info li{display:grid;gap:4px;font-size:.88rem;color:var(--mute)}
@media (min-width:768px){.u-body .foot-info li{grid-template-columns:10em minmax(0,1fr);gap:16px}
}
.u-body .foot-info li span:first-child{color:var(--sub);font-weight:500}
.u-body .copy{margin-top:26px;font-size:.84rem;color:var(--mute)}
.u-body .fab{position:fixed;z-index:9999;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(236,228,214,.14);border-top:1px solid rgba(236,228,214,.18);padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.u-body .fab-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 8px;font-weight:700;font-size:.95rem;background:rgba(10,10,14,.92);color:var(--ink);transition:background-color .3s}
.u-body .fab-btn .ico{width:20px;height:20px}
.u-body .f-tel .ico{color:var(--gold)}
.u-body .f-kakao .ico{color:#FEE500}
.u-body .f-tg .ico{color:#2AABEE}
@media (min-width:768px){.u-body .fab{left:auto;right:24px;bottom:24px;grid-template-columns:1fr;gap:10px;background:none;border:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.u-body .fab-btn{justify-content:flex-start;padding:13px 20px 13px 14px;border-radius:999px;border:1px solid transparent;background:linear-gradient(#0F0E14,#0F0E14) padding-box,var(--pearl-soft) border-box;box-shadow:0 12px 30px rgba(0,0,0,.55);transition:transform .3s,box-shadow .3s}
.u-body .fab-btn:hover{transform:translateX(-6px);box-shadow:0 16px 40px rgba(0,0,0,.6),0 0 30px rgba(226,210,245,.15)}
.u-body .fab-btn .ico{width:34px;height:34px;padding:8px;border-radius:50%;background:rgba(255,255,255,.06)}
.u-body .f-tel .ico{background:var(--pearl);color:#17141C}
.u-body .f-kakao .ico{background:#FEE500;color:#191600}
.u-body .f-tg .ico{background:#2AABEE;color:#fff}
}
@supports (animation-timeline: view()){.u-body .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
@keyframes rise{from{opacity:0;translate:0 42px}to{opacity:1;translate:0 0}}
}
@media (prefers-reduced-motion: reduce){.u-body .site *,.u-body .site *::before,.u-body .site *::after{animation:none !important;transition:none !important}
.u-body .reveal{opacity:1 !important;translate:none !important}
}
.u-body .pillars{position:relative;display:grid;gap:14px;margin-top:48px}
@media (min-width:768px){.u-body .pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:64px}
}
.u-body .pillars li{padding:24px 22px;min-width:0}
.u-body .pl-t{font-size:1.08rem}
.u-body .pl-t::before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;background:var(--pearl);box-shadow:0 0 10px rgba(240,225,255,.6);vertical-align:.1em}
.u-body .pillars p{margin-top:8px;color:var(--sub);font-size:.95rem}
.u-body .grid2{display:grid;gap:24px;margin-top:28px}
@media (min-width:900px){.u-body .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
}
.u-body .grid2 .note{margin-top:0}
.u-body .grid2.top{margin-top:44px}
.u-body .grid2 .assign{margin-top:0}
.u-body .panel-t + .times{margin-top:14px}
.u-body .rows3.col1{grid-template-columns:1fr}
.u-body .check.one{grid-template-columns:1fr;margin-top:16px}
.u-body .tbl.mt{margin-top:14px}
.u-body .tl.vert + .tbl{margin-top:26px}
.u-body .figs + .note{margin-top:20px}
.u-body .figs{grid-template-columns:repeat(2,minmax(0,1fr))}
.u-body .panel-t{font-size:1.05rem;color:var(--gold)}
.u-body .top-gap{margin-top:40px}
.u-body .times.wide{margin-bottom:0}
.u-body .mini-figs{margin-top:28px}
.u-body .sub-h{margin-top:28px;font-size:1rem;color:var(--gold)}
.u-body .sub-h + .after{margin-top:8px}
.u-body .note h3 + p + h3{margin-top:22px}
.u-body .cta-meta{margin-top:22px !important;font-size:.9rem;color:var(--mute) !important}
.u-body .overview{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:18px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
@media (min-width:900px){.u-body .overview{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.u-body .overview > div{background:rgba(13,12,17,.9);padding:16px 18px;min-width:0}
.u-body .overview dt{font-size:.82rem;color:var(--gold);letter-spacing:.02em}
.u-body .overview dd{margin:2px 0 0;font-size:.95rem;font-weight:500}