@charset "UTF-8";/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
input,select,textarea,button{vertical-align:middle;font-size:100%;}
button{border:0 none;background-color:transparent;cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}
body{-webkit-text-size-adjust:none;}
/* 뷰포트 변환시 폰트크기 자동확대 방지. */
input[type=text],input[type=password],input[type=submit],input[type=search],input[type=tel],input[type=email],html input[type=button],input[type=reset]{-webkit-appearance:none;border-radius:0;}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}
body{background:#fff;}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:"Kakao Big Sans",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--GRAY900S);}
/* color값은 디자인가이드에 맞게사용 */
/* 2026-11-06 수정 */
a{color:#333;text-decoration:none;}
a:active,a:hover{text-decoration:none;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
/* global */
.screen_out{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:1px;clip-path:inset(100%);clip:rect(1px,1px,1px,1px);}
/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
:root{--GRAY990S:#000000;--GRAY900S:#191919;--GRAY800S:#2E2E2E;--GRAY700S:#424242;--GRAY600S:#595959;--GRAY570S:#696969;--GRAY550S:#767676;--GRAY520S:#888888;--GRAY500S:#949494;--GRAY400S:#B2B2B2;--GRAY300S:#CCCCCC;--GRAY300A:rgba(0,0,0,.20);--GRAY200A:rgba(0,0,0,.14);--GRAY150A:rgba(0,0,0,.12);--GRAY120A:rgba(0,0,0,.10);--GRAY100A:rgba(0,0,0,.08);--GRAY070S:#F0F0F0;--GRAY070A:rgba(0,0,0,.06);--GRAY050S:#F5F5F5;--GRAY050A:rgba(0,0,0,.04);--GRAY002S:#F5F5F5;--GRAY001S:#F7F7F7;--GRAY000S:#F7F7F7;--GRAY000A:rgba(0,0,0,.03);--WHITE002S:#FFFFFF;--WHITE001S:#FFFFFF;--WHITE000S:#FFFFFF;--YELLOW500S:#FEE500;--BLUE500S:#0A73DC;--BLUE300S:#ABC1D1;--RED500S:#F4551E;}
/* === [space - font] === */
/* 2026-11-06 추가 :Kakao Big Sans 시작 */
@font-face{font-family:"Kakao Big Sans";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/KakaoBigSans-Regular.woff2) format("woff2");}
@font-face{font-family:"Kakao Big Sans";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/KakaoBigSans-Bold.woff2) format("woff2");}
@font-face{font-family:"Kakao Big Sans";font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/KakaoBigSans-ExtraBold.woff2) format("woff2");}
/* // 2026-11-06 추가 :Kakao Big Sans 끝 */
/* === [space - base] === */
body{overflow-x:hidden;background-color:var(--WHITE000S);}
.inner_section{position:relative;width:300px;margin:0 auto;}
.tit_category{position:relative;z-index:0;display:inline-block;height:24px;font-size:15.5px;font-weight:800;line-height:24px;color:var(--GRAY900S);vertical-align:top;}
/* 2026-10-07 수정 */
/* 2026-10-15 수정 */
/* 2026-11-06 수정 */
.tit_category::before{content:"";position:absolute;z-index:-1;right:-2px;bottom:2px;left:-2px;height:8px;background-color:rgba(255,27,96,0.2);}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
/* 2026-10-15 수정 */
/* 2026-11-06 수정 */
/* .tit_category.type_blit1::before{  -webkit-mask-image:url(../images/space/ico_blit_type1.svg);  mask-image:url(../images/space/ico_blit_type1.svg);}
.tit_category.type_blit2::before{  -webkit-mask-image:url(../images/space/ico_blit_type2.svg);  mask-image:url(../images/space/ico_blit_type2.svg);}
.tit_category.type_blit3::before{  -webkit-mask-image:url(../images/space/ico_blit_type3.svg);  mask-image:url(../images/space/ico_blit_type3.svg);}
.tit_category.type_blit4::before{  -webkit-mask-image:url(../images/space/ico_blit_type4.svg);  mask-image:url(../images/space/ico_blit_type4.svg);}2026-11-06 삭제 */
.area_text{width:100%;}
.tit_section{display:block;margin-top:10px;font-size:30px;font-weight:800;line-height:44px;}
/* 2026-09-23 수정 */
/* 2026-10-01 수정 */
/* 2026-11-06 수정 */
.desc_section{display:block;margin-top:20px;font-weight:400;font-size:16px;line-height:27px;color:var(--GRAY800S);}
/* 2026-10-07 수정 */
/* 2026-10-15 수정 */
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
.btn_apply{display:inline-block;padding:0 20px;border-radius:999px;font-size:15px;font-weight:700;line-height:44px;color:var(--WHITE000S);background-color:var(--GRAY900S);}
/* 2026-11-06 수정 */
.btn_glass{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:10px;border:1px solid transparent;border-radius:999px;color:var(--GRAY900S);background-color:rgba(255,255,255,0.3);box-shadow:inset 0 1px 6px rgba(0,0,0,0.02),0 3px 20px rgba(0,0,0,0.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}
/* 2026-09-23 수정 */
.btn_glass::before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;border-radius:inherit;background-image:linear-gradient(to bottom right,#fff 15%,rgba(255,255,255,0.2) 33%,rgba(255,255,255,0.2) 68%,#fff 86%);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
/* 2026-09-23 추가 */
.btn_skip{padding:10px 15px;font-size:14px;font-weight:500;}
/* .btn_glass > .txt_btn,.btn_glass > .ico_close,.btn_glass > .ico_play{  transition:opacity 150ms ease-out 180ms;}2026-09-23 삭제 */
/* .btn_glass:active{  transform:scale(1.35);  transition-delay:0s;}2026-09-23 삭제 */
/* .btn_glass:active > .txt_btn,.btn_glass:active > .ico_close,.btn_glass:active > .ico_play{  opacity:.4;  transition-delay:0s;}2026-09-23 삭제 */
/* 2026-09-23 추가 :btn_glass is_pressed 시작 */
.btn_glass.is_pressed{animation:space-glass-press 480ms both;}
.btn_glass.is_pressed > .txt_btn,.btn_glass.is_pressed > .ico_close,.btn_glass.is_pressed > .ico_play,.btn_glass.is_pressed > .ico_sound{animation:space-glass-dim 480ms both;}
/* 2026-10-07 수정 */
/* // 2026-09-23 추가 :btn_glass is_pressed 끝 */
.ico_close,.ico_play,.ico_sound{display:block;background-color:var(--GRAY900S);-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
.ico_close{overflow:hidden;width:16px;height:16px;font-size:0;line-height:0;color:transparent;-webkit-mask-image:url(../images/space/ico_close.svg);mask-image:url(../images/space/ico_close.svg);}
.ico_play{width:16px;height:16px;-webkit-mask-image:url(../images/space/ico_play.svg);mask-image:url(../images/space/ico_play.svg);}
/* 2026-09-23 수정 */
/* 2026-10-07 추가 :btn_sound 시작 */
.btn_sound{width:36px;padding:0;}
.ico_sound{overflow:hidden;width:20px;height:20px;font-size:0;line-height:0;color:transparent;-webkit-mask-image:url(../images/space/ico_sound.svg);mask-image:url(../images/space/ico_sound.svg);}
.btn_sound.is_muted .ico_sound{-webkit-mask-image:url(../images/space/ico_mute.svg);mask-image:url(../images/space/ico_mute.svg);}
/* // 2026-10-07 추가 :btn_sound 끝 */
/* 2026-10-12_v2 추가 :btn_play 시작 */
.wrap_control .btn_play{display:none;width:36px;padding:0;}
.wrap_control.is_paused .btn_play{display:inline-flex;}
.wrap_control.is_paused .btn_sound{display:none;}
/* // 2026-10-12_v2 추가 :btn_play 끝 */
/* === [space - mockup] === */
.frame_mockup{position:relative;width:300px;height:627px;border-radius:50px;background-color:var(--WHITE000S);box-shadow:inset 0 -2px 2px rgba(215,215,215,0.72),inset 0 -2px 12px 2px rgba(183,183,183,0.4);box-sizing:border-box;}
/* 2026-10-12 수정 */
.frame_mockup .inner_mockup{position:absolute;overflow:hidden;top:10px;left:10px;width:280px;height:607px;border-radius:40px;}
/* 2026-10-12 수정 */
/* 2026-10-12_v2 추가 :목업 btn_play 시작 */
.frame_mockup .btn_play{display:none;position:absolute;z-index:1;top:50%;left:50%;width:98px;height:104px;margin:-52px 0 0 -49px;}
.frame_mockup.is_paused .btn_play{display:block;}
.frame_mockup .btn_play .ico_play{width:98px;height:104px;background:url(../images/space/ico_play_mockup.png) no-repeat 50% 50%;background-size:98px auto;-webkit-mask-image:none;mask-image:none;}
/* // 2026-10-12_v2 추가 :목업 btn_play 끝 */
/* === [space - navigation] === */
.nav_space{position:fixed;top:0;left:0;z-index:100;width:100%;transition:background-color 500ms ease-out;}
/* 2026-09-23 수정 */
.nav_space .inner_head{display:flex;height:64px;align-items:flex-start;justify-content:space-between;padding:16px 20px 4px;box-sizing:border-box;}
/* 2026-10-07 수정 */
/* 2026-10-08_v2 수정 */
.nav_space .area_lending{display:flex;align-items:center;gap:10px;}
.nav_space .btn_nav{flex:none;}
.nav_space .btn_close{width:36px;padding:0;}
/* .nav_space .tit_service{  display:block;  height:25px;  font-size:0;  line-height:25px;}2026-11-06 삭제 */
.nav_space.type_default .wrap_btn{animation:space-nav-in 500ms ease-out backwards;}
/* 2026-09-23 추가 */
/* 2026-11-06 수정 */
/* .nav_space .img_logo{  display:inline-block;  vertical-align:middle;}
.nav_space .img_logo.type_dark{  display:none;}2026-11-06 삭제 */
.nav_space .wrap_btn{flex:none;display:flex;align-items:center;gap:10px;}
.nav_space .btn_replay{display:none;padding:0 15px 2px;height:40px;border-radius:36px;font-size:14px;font-weight:700;color:var(--GRAY900S);background-color:var(--GRAY050A);}
/* 2026-09-23 수정 */
/* 2026-11-06 수정 */
.nav_space .btn_apply{padding:0 15px 2px;font-size:14px;line-height:38px;}
/* 2026-11-06 수정 */
/* .nav_space.type_close .tit_service,.nav_space.type_close .wrap_btn{  display:none;}2026-09-23 삭제 */
.nav_space.type_close .wrap_btn{display:none;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity 500ms ease-out,transform 500ms ease-out,visibility 0s linear 500ms;}
/* 2026-09-23 추가 */
/* 2026-10-07 수정 */
/* 2026-11-06 수정 */
.nav_space.type_default{background-color:var(--WHITE000S);}
.nav_space.type_default .btn_close{-webkit-backdrop-filter:none;backdrop-filter:none;}
/* 2026-10-08_v2 추가 */
/* === [space - 1. herozone] === */
.section_hero{--morph-y:88px;--morph-s:.77;--morph-ease:cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;width:100%;height:max(540px,min(150vw,600px));color:var(--GRAY900S);background-color:var(--WHITE000S);}
/* 2026-10-07 수정 */
/* 2026-11-06 수정 */
.section_hero.is_intro{background-color:var(--GRAY000S);}
.section_hero .inner_section{width:100%;height:100%;}
.section_hero .wrap_intro{height:100%;}
.section_hero .frame_intro,.section_hero .wrap_onboarding{position:relative;overflow:hidden;width:max(360px,min(100%,400px));height:100%;margin:0 auto;background-color:var(--WHITE000S);}
/* 2026-10-07 수정 */
/* .section_hero .img_intro{  display:block;  width:100%;  height:100%;  object-fit:cover;  transform:scale(1.045);}2026-10-08 삭제 */
/* .section_hero.is_intro .img_intro{  animation:space-intro-zoom 3000ms cubic-bezier(.37,0,.63,1) both;}2026-10-08 삭제 */
.section_hero .video_intro{display:block;width:100%;height:100%;object-fit:cover;}
/* 2026-10-08 추가 */
.section_hero.is_fade .wrap_intro,.section_hero.is_hold .wrap_intro,.section_hero.is_end .wrap_intro{pointer-events:none;animation:space-intro-out 400ms ease-out 100ms both;}
/* 2026-10-08 수정 */
/* 2026-10-08_v2 수정 */
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
/* 2026-11-09 수정 */
/* 2026-11-09_v2 수정 */
.section_hero .wrap_onboarding{position:absolute;top:0;left:0;right:0;opacity:0;pointer-events:none;}
.section_hero.is_hold .wrap_onboarding,.section_hero.is_end .wrap_onboarding{opacity:1;pointer-events:auto;}
/* 2026-10-08 수정 */
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
.section_hero .inner_onboarding{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:60px;box-sizing:border-box;}
/* 2026-10-07 수정 */
.section_hero .area_motion{position:relative;flex:1 1 auto;width:100%;min-height:0;}
/* .section_hero .img_motion{  position:absolute;  z-index:2;  left:50%;  bottom:-45px;  width:422px;  height:460px;  max-width:none;  object-fit:cover;  opacity:0;  transform:translateX(-50%);  transform-origin:50% 100%;  pointer-events:none;}
.section_hero.is_onboarding .img_motion{  opacity:1;}2026-11-06 삭제 */
/* .section_hero.is_end .img_motion{  animation:space-onboarding-out 468ms ease-in-out both;}2026-10-08_v2 삭제 */
/* .section_hero.is_handoff .img_motion,.section_hero.is_end .img_motion{  animation:space-onboarding-out-opacity 160ms ease-in-out 106ms both,space-onboarding-out-blur 160ms ease-in 106ms both;}2026-11-06 삭제 */
/* .section_hero.is_end .img_last{  animation:space-onboarding-out 468ms ease-in-out both;}2026-10-15 삭제 */
.section_hero .wrap_ryan{position:absolute;z-index:1;left:50%;bottom:-1px;width:183px;height:183px;opacity:0;filter:blur(2px);transform:translateX(-50%) scale(0.96);transform-origin:50% 55%;pointer-events:none;}
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
.section_hero .motion_ryan{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:50% 55%;}
.section_hero .box_ryan{position:absolute;top:-85px;left:50%;width:203px;height:443px;transform:translateX(-50%);transform-origin:50% 40%;transition:transform 0.6s var(--morph-ease);}
/* 2026-11-06 수정 */
.section_hero .box_ryan canvas{display:block;width:100%;height:100%;}
.section_hero.is_end .wrap_ryan{animation:space-ryan-handoff 494ms var(--morph-ease) both;}
/* 2026-10-15 수정 */
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
.section_hero.is_end .motion_ryan{animation:space-ryan-float 2.6s ease-in-out 250ms infinite;}
/* 2026-10-15 수정 */
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
/* 2026-11-06 추가 :걷는 라이언 전신 · 전환 빛 시작 */
.section_hero .img_fab{--fab-scale:.794;position:absolute;bottom:28px;left:50%;width:calc(384px * var(--fab-scale));height:calc(270px * var(--fab-scale));max-width:none;margin-left:calc(-196px * var(--fab-scale));opacity:0;transform:translateY(var(--morph-y)) scale(calc(1 / var(--morph-s)));transform-origin:50% 25%;pointer-events:none;transition:transform 0.6s var(--morph-ease);}
.section_hero .glow_fab{position:absolute;z-index:2;top:40%;left:50%;width:130%;aspect-ratio:1/1;border-radius:50%;background-image:radial-gradient(closest-side,rgba(255,255,255,0.95) 0%,rgba(255,246,214,0.85) 38%,rgba(255,220,130,0.35) 66%,rgba(255,210,110,0) 100%);opacity:0;transform:translate(-50%,-50%) scale(0.7);pointer-events:none;}
.section_hero.is_fab .img_fab{transform:none;animation:space-fab-in 600ms ease-out both;}
.section_hero.is_fab .box_ryan{transform:translateX(-50%) translateY(calc(var(--morph-y) * -1)) scale(var(--morph-s));animation:space-fab-out 600ms ease-in both;}
.section_hero.is_fab .glow_fab{animation:space-fab-glow-in 600ms ease-in-out both;}
.section_hero.is_fab_back .img_fab{transform:none;animation:space-fab-out 600ms ease-in both;}
.section_hero.is_fab_back .box_ryan{animation:space-fab-in 600ms ease-out both;}
.section_hero.is_fab_back .glow_fab{animation:space-fab-glow-out 600ms ease-in-out both;}
/* // 2026-11-06 추가 :걷는 라이언 전신 · 전환 빛 끝 */
/* .section_hero .bloop_hero,.section_hero .face_white{  position:absolute;  z-index:3;  left:50%;  bottom:101px;  opacity:0;  transform:translate(-50%,50%);  pointer-events:none;}
.section_hero .bloop_hero{  width:250px;  height:250px;  border-radius:50%;  background-image:radial-gradient(circle,rgba(255,238,170,.85) 0%,rgba(255,230,135,.7) 40%,rgba(255,236,160,0) 72%);  filter:blur(16px);}
.section_hero .face_white{  width:150px;  height:150px;  filter:blur(5px);}
.section_hero .face_white::before{  content:'';  display:block;  width:100%;  height:100%;  background-color:#fff;  -webkit-mask-image:url(../images/space/ryan-face-160.png);  mask-image:url(../images/space/ryan-face-160.png);  -webkit-mask-position:50% 50%;  mask-position:50% 50%;  -webkit-mask-repeat:no-repeat;  mask-repeat:no-repeat;  -webkit-mask-size:contain;  mask-size:contain;}
.section_hero.is_handoff .bloop_hero,.section_hero.is_end .bloop_hero{  animation:space-hero-bloop 350ms ease-out 156ms both;}
.section_hero.is_handoff .face_white,.section_hero.is_end .face_white{  animation:space-hero-face 500ms ease-in-out 106ms both;}2026-11-06 삭제 */
.section_hero .area_copy{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;text-align:center;}
/* 2026-11-06 수정 */
.section_hero .group_heading{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;opacity:0;transform:translateY(8px);}
/* 2026-10-08 수정 */
/* 2026-11-06 수정 */
.section_hero .tit_hero{display:block;width:311px;height:55px;background-color:var(--GRAY900S);-webkit-mask-image:url(../images/space/img_hero_title.svg);mask-image:url(../images/space/img_hero_title.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;}
/* 2026-11-06 수정 */
.section_hero .desc_hero{font-size:18px;font-weight:700;line-height:23px;letter-spacing:0.18px;}
/* 2026-11-06 수정 */
.section_hero .group_cta{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(8px);}
/* 2026-10-08 수정 */
/* 2026-10-08 추가 :카피 등장 시작 */
.section_hero.is_hold .group_heading,.section_hero.is_end .group_heading{animation:space-copy-in 700ms cubic-bezier(0.33,0,0.2,1) 300ms both;}
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
/* 2026-11-09 수정 */
/* 2026-11-09_v2 수정 */
.section_hero.is_hold .group_cta,.section_hero.is_end .group_cta{animation:space-copy-in 700ms cubic-bezier(0.33,0,0.2,1) 480ms both;}
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
/* 2026-11-09 수정 */
/* 2026-11-09_v2 수정 */
.section_hero.is_replay .group_heading,.section_hero.is_replay .group_cta{opacity:1;transform:none;animation:none;}
/* // 2026-10-08 추가 :카피 등장 끝 */
.section_hero .btn_apply_hero{width:212px;padding:0 0 2px;border-radius:36px;font-size:17px;line-height:62px;text-align:center;}
/* 2026-11-06 수정 */
.section_hero .txt_notice{height:20px;font-size:10.5px;font-weight:400;line-height:20px;color:var(--GRAY600S);}
/* 2026-10-07 수정 */
/* 2026-11-06 수정 */
.section_hero .wrap_control{position:absolute;z-index:110;top:16px;right:20px;display:flex;gap:12px;}
/* 2026-10-07 수정 */
.section_hero:not(.is_end) .wrap_control.type_replay,.section_hero:not(.is_intro) .wrap_control.type_skip{display:none;}
/* 2026-10-08 수정 */
.section_hero.is_end .wrap_control.type_replay{animation:space-content-in 300ms ease-in 800ms both;}
/* 2026-10-08 추가 */
/* === [space - 2. feature] === */
.section_feature{padding:80px 0;}
/* .section_hero + .section_feature{  padding-top:140px;}2026-10-07 삭제 */
.section_feature .inner_section{display:flex;flex-direction:column;gap:30px;}
.section_feature:not(.type_carousel) .area_visual{width:300px;margin:0 auto;}
/* .section_feature .desc_section{  color:var(--GRAY700S);}2026-11-06 삭제 */
/*.section_hero + .section_feature .desc_section{  display:block;  color:var(--GRAY700S);} 2026-10-19 삭제 */
/* 2026-10-07 추가 */
/* 2026-10-15 수정 */
/* .section_feature .video_feature{  display:block;  width:100%;  height:100%;  object-fit:cover;}2026-11-06 삭제 */
/* === [space - 2-1. kanana space (summon)] === */
/* 2026-11-06 추가 :stage_summon 시작 */
.stage_summon{--swipe-distance:153px;--touch-size:50px;--ground:calc(50% - 150px);--voice-ground:calc(50% - 42px);position:relative;width:300px;height:320px;}
.stage_summon .gesture_swipe{position:absolute;bottom:calc(50% - var(--swipe-distance) / 2 - var(--touch-size) / 2);left:50%;display:flex;gap:61px;margin-left:calc((var(--touch-size) * 2 + 61px) / -2);opacity:0;}
.stage_summon .touch_point{position:relative;width:var(--touch-size);height:var(--touch-size);}
.stage_summon .dot_touch{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,0.9),0 4px 16px rgba(0,0,0,0.08);}
.stage_summon .aura_touch{position:absolute;top:-31px;right:-31px;bottom:-31px;left:-31px;border-radius:50%;background-image:radial-gradient(closest-side,rgba(255,206,90,0.6),rgba(255,170,140,0.35) 50%,rgba(214,150,255,0.18) 78%,transparent);filter:blur(13px);}
.stage_summon .trail_touch{position:absolute;top:calc(var(--touch-size) / 2);left:50%;width:65px;height:0;border-radius:33px;background-image:linear-gradient(to bottom,rgba(255,190,70,0.7),rgba(246,120,210,0.5) 40%,rgba(176,140,255,0.35) 75%,rgba(176,140,255,0));filter:blur(14px);transform:translateX(-50%);}
.stage_summon .ring_touch{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,0.9),0 0 18px rgba(214,140,255,0.35);opacity:0;}
.stage_summon .area_ryan{position:absolute;right:0;bottom:var(--ground);left:0;height:0;}
.stage_summon .img_motion,.stage_summon .img_last{position:absolute;z-index:2;left:50%;bottom:-61px;width:577px;height:629px;max-width:none;object-fit:cover;opacity:0;transform:translateX(-50%);transform-origin:50% 100%;pointer-events:none;}
.stage_summon .img_rise,.stage_summon .img_rise_last{bottom:-212px;-webkit-mask-image:linear-gradient(to top,transparent 0,#000 18%);mask-image:linear-gradient(to top,transparent 0,#000 18%);}
.stage_summon .area_voice{position:absolute;right:0;bottom:var(--voice-ground);left:0;height:0;}
.stage_summon .wrap_ryan{--handoff-scale:1.22;--handoff-y:20px;position:absolute;z-index:1;left:50%;bottom:-1px;width:143px;height:143px;opacity:0;transform:translateX(-50%) translateY(var(--handoff-y)) scale(var(--handoff-scale));transform-origin:50% 42%;pointer-events:none;}
.stage_summon .motion_ryan{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:50% 55%;}
.stage_summon .box_ryan{position:absolute;top:-66px;left:50%;width:159px;height:347px;transform:translateX(-50%);}
.stage_summon .box_ryan canvas{display:block;width:100%;height:100%;}
.stage_summon .bar_voice{position:absolute;top:10px;left:50%;opacity:0;transform:translate(-50%,10px);}
.stage_summon.is_play .gesture_swipe{animation:space-summon-swipe 1300ms cubic-bezier(0.33,0,0.2,1) both;}
.stage_summon.is_play .trail_touch{animation:space-summon-trail 1300ms cubic-bezier(0.33,0,0.2,1) both;}
.stage_summon.is_play .ring_touch{animation:space-summon-ring 700ms ease-out 100ms both;}
.stage_summon:not(.is_rise).is_onboarding .img_motion:not(.img_rise),.stage_summon.is_rise.is_onboarding .img_rise{opacity:1;}
.stage_summon:not(.is_rise).is_end .img_last:not(.img_rise_last),.stage_summon.is_rise.is_end .img_rise_last{animation:space-onboarding-out 468ms ease-in-out both;}
.stage_summon.has_canvas .img_last{display:none;}
.stage_summon.has_canvas:not(.is_rise).is_end canvas.img_motion:not(.img_rise),.stage_summon.has_canvas.is_rise.is_end canvas.img_rise{animation:space-onboarding-out 468ms ease-in-out both;}
.stage_summon.is_end .wrap_ryan{animation:space-summon-handoff 1100ms both;}
.stage_summon.is_end .motion_ryan{animation:space-ryan-float 2.6s ease-in-out 1300ms infinite;}
.stage_summon.is_end .bar_voice{animation:space-voice-bar-in 520ms cubic-bezier(0.22,1,0.36,1) 820ms both;}
.stage_summon.is_end.is_exit .wrap_ryan{animation:space-summon-exit 360ms ease-in both;}
.stage_summon.is_end.is_exit .bar_voice{animation:space-summon-bar-exit 300ms ease-in both;}
/* // 2026-11-06 추가 :stage_summon 끝 */
/* === [space - 2-3. talk (mode)] === */
/* 2026-11-06 추가 :stage_mode 시작 */
.stage_mode{--mode-scale:1.15;--ease-space:cubic-bezier(.32,.72,0,1);--text-width:252px;--text-scale:1.069;--voice-scale:.94;--voice-width:156px;position:relative;width:300px;height:300px;margin:0 auto;}
.stage_mode .cluster_mode{position:absolute;top:50%;left:50%;width:0;height:0;transform:scale(var(--mode-scale));}
.stage_mode .wrap_ryan{position:absolute;top:-89px;left:-62.5px;width:125px;height:125px;transition:opacity 0.25s ease-out;}
.stage_mode .box_ryan{position:absolute;top:-58px;left:50%;width:139px;height:303px;transform:translateX(-50%);}
.stage_mode .box_ryan canvas{display:block;width:100%;height:100%;}
.stage_mode .bar_mode{position:absolute;top:45px;left:0;width:var(--voice-width);height:44px;border-radius:999px;transform:translateX(-50%) scale(var(--voice-scale));-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);transition:width 0.44s var(--ease-space),height 0.44s var(--ease-space),top 0.44s var(--ease-space),transform 0.44s var(--ease-space);}
.stage_mode.is_text .bar_mode{top:-24px;width:var(--text-width);height:48px;transform:translateX(-50%) scale(var(--text-scale));}
.stage_mode.is_text .wrap_ryan{opacity:0;}
.glow_mode{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:999px;filter:blur(7px);}
.clip_mode{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;border-radius:999px;}
.paint_mode{position:absolute;top:50%;left:50%;width:150%;aspect-ratio:1/1;margin:-75% 0 0 -75%;background:conic-gradient(from 0deg,rgba(255,147,128,0.7) 0%,rgba(255,110,255,0.6) 8.761%,rgba(119,131,255,0.6) 25.191%,rgba(180,119,255,0.6) 46.132%,rgba(243,89,223,0.6) 52.446%,rgba(255,177,87,0.6) 67.308%,rgba(255,200,19,0.8) 78.846%,rgba(255,183,0,0.8) 91.827%,rgba(255,147,128,0.7) 100%);animation:space-mode-spin 8.8s linear infinite;}
.fill_mode{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background-image:linear-gradient(180deg,rgba(255,255,255,0.9) 0%,#fff 100%);box-shadow:0 1px 22px rgba(0,0,0,0.08);opacity:0.88;}
.cont_voice,.stage_mode .cont_text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;transition:opacity 0.22s ease-out;}
.cont_voice{padding:0 4px;}
.stage_mode .cont_text{padding:0 6px;opacity:0;}
.stage_mode.is_text .cont_voice{opacity:0;}
.stage_mode.is_text .cont_text{opacity:1;}
.btn_mode{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,0.02);}
.ico_voice_text,.ico_voice_arrow,.ico_voice_wave,.ico_send,.ico_send_on{display:block;width:16px;height:16px;background-color:#191919;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;}
.ico_voice_text{-webkit-mask-image:url(../images/space/ico_voice_text.svg);mask-image:url(../images/space/ico_voice_text.svg);}
.ico_voice_arrow{background-color:#2e2e2e;-webkit-mask-image:url(../images/space/ico_voice_arrow.svg);mask-image:url(../images/space/ico_voice_arrow.svg);}
.ico_voice_wave{height:17px;background-color:#2e2e2e;-webkit-mask-image:url(../images/space/ico_voice_wave.svg);mask-image:url(../images/space/ico_voice_wave.svg);}
.txt_mode{font-size:15px;font-weight:500;line-height:1;white-space:nowrap;background-image:linear-gradient(100.9deg,#424242 40.9%,#767676 95.4%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.stage_mode .area_typing{position:relative;display:flex;flex:1;align-items:center;min-width:0;height:22px;font-size:16px;font-weight:500;line-height:1.4;white-space:nowrap;}
.stage_mode .txt_typed{color:#191919;}
.stage_mode .txt_placeholder{position:absolute;left:0;color:#b2b2b2;}
.stage_mode.is_typed .txt_placeholder{display:none;}
.stage_mode .caret_mode{flex:none;width:2px;height:20px;margin-left:1px;border-radius:1px;background-color:#191919;opacity:0;}
.stage_mode.is_caret .caret_mode{opacity:1;}
.stage_mode .ico_send,.stage_mode .ico_send_on{position:absolute;top:50%;left:50%;width:12px;transform:translate(-50%,-50%);transition:opacity 0.32s ease-out;}
.stage_mode .ico_send{height:14px;-webkit-mask-image:url(../images/space/ico_send.svg);mask-image:url(../images/space/ico_send.svg);}
.stage_mode .ico_send_on{height:13.5px;opacity:0;-webkit-mask-image:url(../images/space/ico_send_on.svg);mask-image:url(../images/space/ico_send_on.svg);}
.stage_mode.is_typed .ico_send{opacity:0;}
.stage_mode.is_typed .ico_send_on{opacity:1;}
.stage_mode .touch_mode{position:absolute;z-index:2;top:50%;left:22px;width:0;height:0;pointer-events:none;}
.stage_mode.is_text .touch_mode{left:24px;}
.stage_mode .point_mode{position:absolute;top:-28px;left:-28px;width:56px;height:56px;border-radius:50%;background-color:rgba(93,174,210,0.7);opacity:0;transform:scale(0.55);}
.stage_mode .ripple_mode{position:absolute;top:-16px;left:-16px;width:32px;height:32px;border:1px solid rgba(93,174,210,0.8);border-radius:50%;box-sizing:border-box;opacity:0;}
.pill_voice{--pill-zoom:1.081;position:relative;display:block;width:max-content;height:44px;border-radius:999px;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);transform:scale(var(--pill-zoom));transform-origin:50% 0;}
.pill_voice .cont_voice{position:relative;height:100%;}
/* // 2026-11-06 추가 :stage_mode 끝 */
/* === [space - 2-4. key features (carousel)] === */
.type_carousel .list_carousel{position:relative;aspect-ratio:300/627;}
/* 2026-10-12_v2 수정 */
.type_carousel .item_carousel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0s 0.5s;}
.type_carousel .item_carousel.is_active{z-index:1;opacity:1;transition:opacity 500ms ease-in-out 0s;}
/* 2026-09-23 수정 */
.type_carousel .video_carousel{display:block;width:100%;height:100%;object-fit:cover;}
.type_carousel .wrap_indicator{display:flex;align-items:flex-end;justify-content:center;gap:8px;height:40px;margin-top:24px;}
/* 2026-10-08_v2 수정 */
/* 2026-10-12_v2 수정 */
.type_carousel .list_indicator{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;background-color:var(--GRAY050A);}
.type_carousel .btn_indicator{position:relative;overflow:hidden;width:5px;height:5px;border-radius:3px;background-color:var(--GRAY300A);transition:width 0.5s cubic-bezier(0.45,0,0.55,1);}
.type_carousel .item_indicator.is_active .btn_indicator{width:24px;}
.type_carousel .bar_progress{position:absolute;top:0;left:0;width:24px;height:100%;border-radius:3px;background-color:var(--GRAY800S);transform:translateX(-19px);transition:opacity 0.5s cubic-bezier(0.45,0,0.55,1);}
/* 2026-10-19 수정 */
/* .type_carousel .item_indicator.is_active .bar_progress{  width:5px;}2026-10-19 삭제 */
.type_carousel .item_indicator:not(.is_active) .bar_progress{opacity:0;}
/* 2026-10-08_v2 추가 :캐러셀 btn_sound 시작 */
.type_carousel .btn_sound{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background-color:var(--GRAY050A);}
.type_carousel .ico_sound{width:18px;height:18px;background-color:var(--GRAY600S);}
/* // 2026-10-08_v2 추가 :캐러셀 btn_sound 끝 */
.type_carousel .txt_notice{margin-top:24px;font-size:12.5px;font-weight:500;line-height:20px;color:var(--GRAY550S);text-align:center;}
/* 2026-10-12 추가 */
/* .type_carousel .tit_section,.type_carousel .desc_section{  transition:opacity .25s cubic-bezier(.45,0,.55,1);}2026-09-23 삭제 */
/* .type_carousel.is_switching .tit_section,.type_carousel.is_switching .desc_section{  opacity:0;}2026-09-23 삭제 */
/* 2026-09-23 추가 :item_copy 시작 */
.type_carousel .wrap_copy{display:grid;}
.type_carousel .item_copy{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity 500ms ease-in-out,visibility 0s linear 500ms;}
.type_carousel .item_copy.is_active{visibility:visible;opacity:1;transition:opacity 500ms ease-in-out,visibility 0s linear 0s;}
/* // 2026-09-23 추가 :item_copy 끝 */
.type_carousel .txt_query{display:inline-block;margin-top:20px;font-size:16px;font-weight:700;line-height:27px;color:var(--GRAY800S);background-image:linear-gradient(91deg,rgba(139,156,181,0) 0%,rgba(139,156,181,0) 18%,rgba(139,156,181,0.46) 34%,rgba(243,244,246,0.74) 46%,rgba(243,244,246,0.74) 54%,rgba(139,156,181,0.46) 66%,rgba(139,156,181,0) 82%,rgba(139,156,181,0) 100%),linear-gradient(90deg,var(--GRAY800S) 40%,var(--GRAY550S) 100%);background-repeat:no-repeat;background-size:160px 100%,100% 100%;background-position:-160px 0,0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0.9;}
/* 2026-10-07 추가 */
/* 2026-10-08_v2 수정 */
/* 2026-10-15 수정 */
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
.type_carousel .desc_section{margin-top:14px;}
/* 2026-11-06 추가 */
.type_carousel .item_copy.is_skeleton .txt_query{animation:space-query-skeleton 1800ms linear;}
/* 2026-10-07 추가 */
/* === [space - 3. upcoming] === */
.section_upcoming{position:relative;overflow:hidden;height:640px;padding-top:80px;color:#fff;background-image:linear-gradient(#000 0%,#12000D 100%);box-sizing:border-box;}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
.section_upcoming .inner_section{display:flex;flex-direction:column;gap:30px;}
.section_upcoming .tit_category,.section_faq .tit_category{color:#fff;}
/* 2026-09-23 추가 */
/* 2026-10-07 수정 */
/* 2026-10-15 수정 */
/* 2026-11-06 수정 */
.section_upcoming .tit_category::before,.section_faq .tit_category::before{background-color:rgba(255,27,96,0.3);}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
/* 2026-11-06 수정 */
.section_upcoming .desc_section{color:#f2f2f2;}
/* 2026-11-06 추가 */
.section_upcoming .area_text{position:relative;z-index:20;}
.section_upcoming .wrap_credit{overflow:hidden;width:300px;height:422px;}
/* 2026-10-07 수정 */
.section_upcoming .list_query{--credit-roll:calc(var(--query-count) * -58px);display:flex;flex-direction:column;align-items:flex-start;gap:10px;animation:space-credit-roll calc(var(--query-count) * 3.2s) linear 0.7s infinite;animation-play-state:paused;}
/* 2026-10-12_v2 수정 */
/* 2026-10-15 수정 */
.section_upcoming.is_rolling .list_query{animation-play-state:running;}
.section_upcoming li{flex:none;display:flex;align-items:center;justify-content:center;height:48px;padding:0 18px 2px;border-radius:999px;font-size:15.5px;font-weight:400;color:#fff;background-color:rgba(255,255,255,0.08);white-space:nowrap;box-sizing:border-box;}
/* 2026-10-07 수정 */
/* 2026-10-08_v2 수정 */
/* 2026-11-06 수정 */
.section_upcoming .fade_credit{position:absolute;z-index:10;left:0;right:0;pointer-events:none;}
/* .section_upcoming .fade_credit::before{  content:'';  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  -webkit-backdrop-filter:blur(6px);  backdrop-filter:blur(6px);}2026-10-07 삭제 */
.section_upcoming .fade_credit.type_top{top:218px;height:30px;background-image:linear-gradient(#060004 0%,#060004 20.192%,rgba(6,0,4,0) 100%);opacity:0;}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
/* 2026-10-15 수정 */
.section_upcoming.is_rolling .fade_credit.type_top{animation:space-content-in 350ms ease-out 700ms both;}
/* 2026-10-15 추가 */
/* .section_upcoming .fade_credit.type_top::before{  -webkit-mask-image:linear-gradient(#000 0%,rgba(0,0,0,0) 100%);  mask-image:linear-gradient(#000 0%,rgba(0,0,0,0) 100%);}2026-10-07 삭제 */
.section_upcoming .fade_credit.type_bottom{bottom:0;height:160px;background-image:linear-gradient(rgba(18,0,13,0) 0%,rgba(18,0,13,0.8) 50%,#12000D 100%);}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
/* .section_upcoming .fade_credit.type_bottom::before{  -webkit-mask-image:linear-gradient(rgba(0,0,0,0) 0%,#000 33.33%,rgba(0,0,0,0) 66.67%);  mask-image:linear-gradient(rgba(0,0,0,0) 0%,#000 33.33%,rgba(0,0,0,0) 66.67%);  -webkit-backdrop-filter:blur(2px);  backdrop-filter:blur(2px);}2026-10-07 삭제 */
/* 2026-09-23 추가 :fade_credit 블러 단계 시작 */
/* .section_upcoming .fade_credit.type_bottom::after,.section_upcoming .fade_credit .blur_credit{  position:absolute;  top:0;  left:0;  width:100%;  height:100%;}
.section_upcoming .fade_credit.type_bottom::after{  content:'';  -webkit-mask-image:linear-gradient(rgba(0,0,0,0) 33.33%,#000 66.67%,rgba(0,0,0,0) 100%);  mask-image:linear-gradient(rgba(0,0,0,0) 33.33%,#000 66.67%,rgba(0,0,0,0) 100%);  -webkit-backdrop-filter:blur(4px);  backdrop-filter:blur(4px);}
.section_upcoming .fade_credit .blur_credit{  -webkit-mask-image:linear-gradient(rgba(0,0,0,0) 66.67%,#000 100%);  mask-image:linear-gradient(rgba(0,0,0,0) 66.67%,#000 100%);  -webkit-backdrop-filter:blur(6px);  backdrop-filter:blur(6px);}2026-10-07 삭제 */
/* // 2026-09-23 추가 :fade_credit 블러 단계 끝 */
/* === [space - faq] === */
.section_faq{padding:80px 0;color:#fff;background-image:linear-gradient(#12000D 0%,#0C0008 100%);}
/* 2026-10-07 수정 */
.section_faq .list_faq{margin:30px 0 0;}
.section_faq li + li{margin-top:30px;border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
/* 2026-10-15 수정 */
.section_faq .btn_faq{display:flex;align-items:flex-start;gap:8px;width:100%;font-size:16px;font-weight:700;line-height:24px;color:#F2F2F2;text-align:left;}
/* 2026-10-07 수정 */
.section_faq .txt_faq{flex:1 1 auto;min-width:0;}
.section_faq .ico_arrow{flex:none;width:24px;height:24px;background-color:#F2F2F2;-webkit-mask-image:url(../images/space/ico_arrow.svg);mask-image:url(../images/space/ico_arrow.svg);-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:transform 300ms ease-out;}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
.section_faq .btn_faq[aria-expanded=true] .ico_arrow{transform:rotate(180deg);}
.section_faq .cont_faq{display:grid;grid-template-rows:0fr;visibility:hidden;padding:0;transition:grid-template-rows 400ms ease-out,padding-top 400ms ease-out,visibility 0s linear 400ms;}
/* 2026-09-23 수정 */
.section_faq .btn_faq[aria-expanded=true] + .cont_faq{grid-template-rows:1fr;visibility:visible;padding-top:12px;transition:grid-template-rows 400ms ease-out,padding-top 400ms ease-out,visibility 0s linear 0s;}
/* 2026-09-23 수정 */
.section_faq .desc_faq{overflow:hidden;min-height:0;font-size:14.5px;font-weight:400;line-height:24px;color:#F2F2F2;opacity:0;transition:opacity 250ms ease-out;}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
/* 2026-11-06 수정 */
.section_faq .btn_faq[aria-expanded=true] + .cont_faq .desc_faq{opacity:1;}
/* 2026-09-23 추가 */
/* === [space - copyright] === */
.inner_foot{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:160px 20px 80px;background-color:#000;text-align:center;}
/* 2026-09-23 수정 */
/* 2026-11-06 수정 */
.inner_foot .logo_foot{font-size:36px;line-height:44px;font-weight:700;color:#F0F0F0;}
/* 2026-11-06 수정 */
.inner_foot .txt_copyright{margin-top:6px;font-size:13px;line-height:21px;color:#b2b2b2;}
.inner_foot .link_kakao{color:#b2b2b2;}
/* === [space - layer (alert / modal)] === */
.layer_space{display:none;position:fixed;z-index:200;top:0;left:0;width:100%;height:100%;}
.layer_space.open{display:block;}
.layer_space .dimmed_layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.layer_space .inner_layer{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);}
.layer_space .box_alert{width:300px;padding:24px 16px 16px;border:1px solid var(--WHITE000S);border-radius:28px;background-color:rgba(255,255,255,0.72);box-sizing:border-box;backdrop-filter:blur(24px);box-shadow:0px 0px 12px 2px rgba(0,0,0,0.08),0px 0px 4px 0px rgba(0,0,0,0.08);}
.layer_space .box_modal{position:relative;width:406px;height:420px;padding:98px 24px 30px;border-radius:32px;background-color:var(--WHITE002S);text-align:center;box-sizing:border-box;}
.layer_space .tit_layer{display:block;padding:0 8px;font-size:17px;line-height:22px;color:var(--GRAY900S);}
/* 2026-09-30 수정 */
.layer_space .desc_layer{margin-top:8px;padding:0 8px;font-size:15px;line-height:23px;color:var(--GRAY600S);}
/* 2026-09-30 수정 */
.layer_space .item_check{display:flex;align-items:center;gap:6px;padding:0 8px;margin-top:12px;cursor:pointer;}
/* 2026-09-30 수정 */
.layer_space .inp_check{position:relative;flex:none;width:19px;height:19px;margin:0;border:1px solid var(--GRAY500S);border-radius:50%;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;}
.layer_space .inp_check:checked{border-color:var(--GRAY900S);background-color:var(--GRAY900S);}
.layer_space .inp_check:checked::after{content:"";position:absolute;top:4px;left:4px;width:8px;height:4px;border-left:1.5px solid var(--WHITE000S);border-bottom:1.5px solid var(--WHITE000S);transform:rotate(-45deg);}
.layer_space .txt_check{font-size:15px;line-height:22px;color:var(--GRAY600S);}
.layer_space .list_menu{display:flex;flex-direction:column;gap:14px;width:300px;padding:14px;border:1px solid rgba(255,255,255,0.2);border-radius:28px;background-color:rgba(255,255,255,0.72);box-sizing:border-box;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);}
.layer_space .btn_menu{width:100%;height:48px;border-radius:999px;font-size:17px;font-weight:500;line-height:22px;color:var(--GRAY900S);background-color:var(--GRAY000A);}
.layer_space .group_btn{display:flex;gap:8px;margin-top:23px;}
.layer_space .btn_layer{flex:1 1 0;min-width:0;height:46px;border-radius:12px;font-size:15px;font-weight:500;color:var(--GRAY900S);background-color:var(--GRAY070A);}
.layer_space .btn_layer.type_point{color:var(--RED500S);background:rgba(244,85,30,0.1);}
.layer_space .btn_close_layer{position:absolute;top:16px;left:16px;width:32px;height:32px;border-radius:50%;background-color:var(--GRAY100A);}
.layer_space .btn_close_layer .ico_close{width:32px;height:32px;background-color:var(--GRAY550S);-webkit-mask-image:url(../images/space/ico_close_modal.svg);mask-image:url(../images/space/ico_close_modal.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;}
/* 2026-09-23 수정 */
/* .layer_space .thumb_img{  position:relative;  display:block;  width:120px;  height:120px;  margin:0 auto;  border:1px solid var(--GRAY100A);  border-radius:13px;  box-sizing:border-box;}2026-09-23 삭제 */
/* 2026-09-23 추가 :thumb_qr 시작 */
.layer_space .thumb_qr{position:relative;display:block;width:120px;height:120px;margin:0 auto;border-radius:13px;}
.layer_space .thumb_qr::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.08);border-radius:inherit;box-sizing:border-box;pointer-events:none;}
/* // 2026-09-23 추가 :thumb_qr 끝 */
.layer_space .img_qr{display:block;width:100%;height:100%;border-radius:13px;background-color:#fff;}
/* 2026-09-23 수정 */
/* 2026-09-23 추가 :thumb_kanana 시작 */
.layer_space .thumb_kanana{position:relative;left:60px;display:block;width:48px;height:48px;margin:-48px auto 0;border-radius:50%;}
.layer_space .thumb_kanana::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);border-radius:inherit;box-sizing:border-box;pointer-events:none;}
/* // 2026-09-23 추가 :thumb_kanana 끝 */
.layer_space .ico_kanana{display:block;width:48px;height:48px;border-radius:50%;background-color:#fff;box-sizing:border-box;}
/* 2026-09-23 수정 */
.layer_space .box_modal .tit_layer{margin-top:16px;font-size:22px;line-height:32px;}
.layer_space .box_modal .desc_layer{margin-top:12px;font-size:14px;line-height:22px;color:var(--GRAY600S);}
/* === [space - floating] === */
.toast_space{position:fixed;z-index:300;top:70px;left:0;width:100%;text-align:center;pointer-events:none;}
/* 2026-09-23 수정 */
/* 2026-09-30 수정 */
/* .toast_space.open{  display:block;}2026-09-30 삭제 */
.toast_space .inner_toast{display:inline-flex;align-items:center;height:60px;max-width:calc(100% - 40px);border:1px solid rgba(255,255,255,0.5);border-radius:999px;background-color:rgba(248,248,248,0.9);box-shadow:0px 32px 24px 4px rgba(0,0,0,0.04),0px 0px 12px rgba(0,0,0,0.1);backdrop-filter:blur(4px);box-sizing:border-box;pointer-events:auto;}
.toast_space.is_ready .inner_toast{opacity:0;visibility:hidden;transform:translateY(-40px) scale(0.94);}
/* 2026-09-30 추가 */
.toast_space.is_active .inner_toast{visibility:visible;animation:space-toast-in-move 0.7s cubic-bezier(0.16,1,0.3,1) both,space-toast-in-opacity 0.5s ease-out both;}
/* 2026-09-30 추가 */
.toast_space.is_fadeout .inner_toast{visibility:visible;animation:space-toast-out-move 0.3s ease-out both,space-toast-out-opacity 0.25s ease-out both;}
/* 2026-09-30 추가 */
.toast_space .txt_toast{padding:0 24px;font-size:14px;font-weight:700;line-height:19px;color:var(--GRAY900S);}
/* 2026-09-23 수정 */
/* === [space - media query :pc] === */
@media (min-width:881px){/* base */
  .inner_section{width:840px;}
  /* 2026-09-23 추가 :tit_category 시작 */
  .tit_category{height:28px;font-size:18px;line-height:28px;}
  /* 2026-10-07 수정 */
  /* 2026-10-15 수정 */
  /* 2026-11-06 수정 */
  .tit_category::before{height:10px;}
  /* 2026-11-06 수정 */
  /* // 2026-09-23 추가 :tit_category 끝 */
  /* .tit_category.type_blit1::before{  -webkit-mask-image:url(../images/space/ico_blit_type1_pc.svg);  mask-image:url(../images/space/ico_blit_type1_pc.svg);}
.tit_category.type_blit2::before{  -webkit-mask-image:url(../images/space/ico_blit_type2_pc.svg);  mask-image:url(../images/space/ico_blit_type2_pc.svg);}
.tit_category.type_blit3::before{  -webkit-mask-image:url(../images/space/ico_blit_type3_pc.svg);  mask-image:url(../images/space/ico_blit_type3_pc.svg);}
.tit_category.type_blit4::before{  -webkit-mask-image:url(../images/space/ico_blit_type4_pc.svg);  mask-image:url(../images/space/ico_blit_type4_pc.svg);}2026-11-06 삭제 */
  .tit_section{font-size:40px;line-height:59px;}
  /* 2026-09-23 수정 */
  /* 2026-11-06 수정 */
  .desc_section{margin-top:16px;font-size:18px;line-height:30px;}
  /* 2026-10-07 수정 */
  /* 2026-10-08_v2 수정 */
  /* 2026-10-15 수정 */
  /* 2026-10-19 수정 */
  /* 2026-11-06 수정 */
  /* navigation */
  .nav_space.type_default{transition-delay:120ms;}
  /* 2026-09-23 추가 */
  .nav_space .inner_head{align-items:center;max-width:1064px;margin:0 auto;}
  /* 2026-09-23 수정 */
  /* 2026-10-08_v2 수정 */
  .nav_space .btn_close{display:none;}
  /* 2026-09-23 추가 :navigation 시작 */
  .nav_space.type_default .wrap_btn{animation-duration:700ms;animation-delay:120ms;}
  /* 2026-10-08 수정 */
  /* 2026-11-06 수정 */
  .nav_space .btn_replay{display:inline-block;}
  /* // 2026-09-23 추가 :navigation 끝 */
  /* 1. herozone */
  .section_hero{--morph-y:94px;--morph-s:.68;z-index:3;height:660px;padding:20px 0 0;}
  /* 2026-10-07 수정 */
  /* 2026-11-06 수정 */
  /* 2026-11-10 수정 */
  .section_hero.is_intro{background-color:var(--WHITE000S);}
  .section_hero .wrap_intro{display:flex;align-items:center;justify-content:center;width:min(100%,840px);height:640px;position:relative;overflow:hidden;margin:0 auto;border-radius:32px;background-color:rgb(245,245,247);}
  /* 2026-10-07 수정 */
  .section_hero .wrap_intro::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/space/pc-video-backdrop.png) 50% 50%/cover no-repeat;}
  /* 2026-10-07 추가 */
  /* 2026-10-08_v2 수정 */
  /* 2026-10-12_v2 수정 */
  /* 2026-11-06 수정 */
  .section_hero .wrap_intro::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.25);}
  /* 2026-10-07 추가 */
  .section_hero .frame_intro{flex:none;z-index:1;width:400px;height:600px;border-radius:28px;}
  /* 2026-10-07 수정 */
  /* .section_hero.is_hold .wrap_intro,.section_hero.is_end .wrap_intro{  animation:space-intro-out 200ms ease-out both;}2026-11-09 삭제 */
  /* .section_hero .area_copy{  gap:32px;}2026-11-06 삭제 */
  .section_hero .wrap_onboarding{overflow:visible;top:20px;right:auto;left:50%;width:400px;height:660px;transform:translateX(-50%);}
  /* 2026-10-07 수정 */
  /* 2026-11-06 수정 */
  .section_hero.is_hold .wrap_onboarding{opacity:0;pointer-events:none;animation:space-onboarding-reveal 1ms linear 300ms both;}
  /* 2026-11-10 추가 */
  .section_hero.is_end .wrap_intro{animation:space-intro-out 300ms ease-out both;}
  /* 2026-11-10 추가 */
  .section_hero.is_end .wrap_onboarding{animation:space-onboarding-reveal 1ms linear 300ms both;}
  /* 2026-11-10 추가 */
  /* .section_hero .inner_onboarding{  padding-bottom:80px;}2026-11-06 삭제 */
  .section_hero .group_heading{gap:12px;}
  /* 2026-11-06 추가 */
  .section_hero .tit_hero{width:473px;height:83px;-webkit-mask-image:url(../images/space/img_hero_title_pc.svg);mask-image:url(../images/space/img_hero_title_pc.svg);}
  /* 2026-11-06 수정 */
  .section_hero .desc_hero{height:27px;font-size:21px;line-height:27px;letter-spacing:0.21px;}
  /* 2026-11-06 수정 */
  .section_hero .btn_apply_hero{font-size:18px;}
  /* 2026-10-07 추가 */
  /* 2026-11-06 수정 */
  .section_hero .txt_notice{font-size:11.5px;}
  /* 2026-11-06 추가 */
  /* .section_hero .img_motion{  bottom:-85px;  width:464px;  height:506px;}2026-11-06 삭제 */
  .section_hero .wrap_ryan{width:225px;height:225px;}
  /* 2026-11-06 수정 */
  .section_hero .box_ryan{top:-104px;width:250px;height:545px;}
  /* 2026-11-06 수정 */
  .section_hero .img_fab{--fab-scale:.863;bottom:35px;}
  /* 2026-11-06 추가 */
  /* .section_hero .bloop_hero,.section_hero .face_white{  bottom:112px;}
.section_hero .bloop_hero{  width:275px;  height:275px;}
.section_hero .face_white{  width:165px;  height:165px;}2026-11-06 삭제 */
  .section_hero .wrap_control.type_skip{top:auto;right:max(20px,calc((100% - 840px) / 2 + 20px));bottom:40px;}
  /* 2026-10-07 수정 */
  .section_hero .wrap_control.type_replay{display:none;}
  /* 2. feature */
  .section_feature{padding:150px 0;}
  /* 2026-11-06 추가 */
  .section_hero + .section_feature{position:relative;padding-top:200px;}
  /* 2026-10-07 수정 */
  /* 2026-11-06 수정 */
  /* 2026-11-10 수정 */
  .section_hero + .section_feature::before{content:"";position:absolute;z-index:3;top:0;right:0;left:0;height:180px;background-image:linear-gradient(#fff,rgba(255,255,255,0));pointer-events:none;}
  /* 2026-11-10 추가 */
  .section_feature .inner_section{flex-direction:row;justify-content:space-between;align-items:flex-start;}
  .section_feature .area_text{flex:none;width:420px;}
  /* 2026-09-23 수정 */
  /*.section_feature .desc_section{  color:var(--GRAY800S);} 2026-10-15 삭제 */
  /* 2026-09-23 추가 */
  .section_feature .area_visual{margin-top:0;}
  .section_feature:not(.type_carousel) .area_visual{margin:0;}
  /* .type_carousel{  padding-bottom:120px;}2026-11-06 삭제 */
  /* 2026-11-06 추가 :stage_summon · stage_mode 시작 */
  .type_summon .area_visual,.type_mode .area_visual{align-self:stretch;}
  .stage_summon{--swipe-distance:207px;--ground:calc(50% - 119px);--voice-ground:calc(50% - 47px);height:100%;}
  .stage_summon .bar_voice{top:11px;}
  .stage_summon .img_motion,.stage_summon .img_last{bottom:-115px;width:631px;height:689px;}
  .stage_summon .img_rise,.stage_summon .img_rise_last{bottom:-280px;}
  .stage_summon .wrap_ryan{--handoff-scale:1.19;--handoff-y:24px;width:161px;height:161px;}
  .stage_summon .box_ryan{top:-74px;width:178px;height:390px;}
  .stage_mode{--mode-scale:1.31;--text-scale:1.06;height:100%;}
  .pill_voice{--pill-zoom:1.2314;}
  /* // 2026-11-06 추가 :stage_summon · stage_mode 끝 */
  .type_carousel .area_visual{width:300px;}
  .type_carousel .txt_query{margin-top:16px;font-size:18px;line-height:30px;}
  /* 2026-10-07 추가 */
  /* 2026-10-08_v2 수정 */
  /* 2026-11-06 수정 */
  .type_carousel .desc_section{margin-top:16px;}
  /* 2026-11-06 추가 */
  /* 3. upcoming */
  .section_upcoming{padding-top:100px;}
  .section_upcoming .inner_section{flex-direction:row;justify-content:space-between;align-items:flex-start;}
  .section_upcoming .area_text{width:420px;}
  /* .section_upcoming .tit_category,.section_faq .tit_category{  font-weight:500;}2026-11-06 삭제 */
  /* .section_upcoming .desc_section{  opacity:.8;}2026-11-06 삭제 */
  .section_upcoming .wrap_credit{height:540px;}
  /* 2026-10-07 수정 */
  .section_upcoming .list_query{--credit-roll:calc(var(--query-count) * -62px);}
  /* 2026-10-12_v2 수정 */
  /* 2026-10-15 수정 */
  .section_upcoming li{height:52px;padding:0 20px 2px;font-size:18px;font-weight:700;}
  /* 2026-10-08_v2 수정 */
  /* 2026-11-06 수정 */
  .section_upcoming .fade_credit{left:auto;right:calc((100% - 840px) / 2);width:300px;}
  .section_upcoming .fade_credit.type_top{top:100px;}
  .section_upcoming .fade_credit.type_bottom{height:240px;}
  /* 2026-10-07 수정 */
  /* faq */
  .section_faq{padding:100px 0 80px;}
  /* 2026-11-06 수정 */
  /* 2026-09-23 추가 :section_faq 시작 */
  .section_faq .list_faq{margin-top:36px;}
  .section_faq li + li{margin-top:36px;padding-top:36px;}
  .section_faq .btn_faq{font-size:22px;line-height:33px;cursor:default;pointer-events:none;}
  /* 2026-10-01 수정 */
  /* 2026-10-15 수정 */
  /* 2026-11-06 수정 */
  .section_faq .cont_faq{grid-template-rows:1fr;visibility:visible;padding-top:12px;transition:none;}
  /* 2026-10-01 추가 */
  .section_faq .desc_faq{font-size:18px;line-height:30px;opacity:1;transition:none;}
  /* 2026-10-01 수정 */
  /* 2026-11-06 수정 */
  .section_faq .ico_arrow{display:none;}
  /* // 2026-09-23 추가 :section_faq 끝 */
  /* copyright */
  /* .inner_foot{  padding-top:231px;}2026-11-06 삭제 */
  .inner_foot .logo_foot{font-size:68px;line-height:80px;}
  /* 2026-11-06 수정 */
  .inner_foot .txt_copyright{font-size:20px;line-height:36px;}
  /* 2026-11-06 수정 */ }
/* === [space - button keyframes] === */
/* 2026-09-23 추가 :btn_glass pressed 시작 */
@keyframes space-glass-press{0%{transform:scale(1);animation-timing-function:ease-out;}
  31.25%{transform:scale(1.35);animation-timing-function:linear;}
  68.75%{transform:scale(1.35);animation-timing-function:ease-out;}
  100%{transform:scale(1);} }
@keyframes space-glass-dim{0%{opacity:1;animation-timing-function:ease-out;}
  31.25%{opacity:0.4;animation-timing-function:linear;}
  68.75%{opacity:0.4;animation-timing-function:ease-out;}
  100%{opacity:1;} }
/* // 2026-09-23 추가 :btn_glass pressed 끝 */
/* === [space - navigation keyframes] === */
@keyframes space-nav-in{from{opacity:0;transform:translateY(-8px);}
  to{opacity:1;transform:translateY(0);} }
/* 2026-09-23 추가 */
/* === [space - key features keyframes] === */
@keyframes space-query-skeleton{from{background-position:-160px 0,0 0;}
  to{background-position:calc(100% + 160px) 0,0 0;} }
/* 2026-10-07 추가 */
/* === [space - upcoming keyframes] === */
@keyframes space-credit-roll{from{transform:translateY(0);}
  to{transform:translateY(var(--credit-roll));} }
/* === [space - floating keyframes] === */
/* 2026-09-30 추가 :toast_space 노출 시작 */
@keyframes space-toast-in-move{from{transform:translateY(-40px) scale(0.94);}
  to{transform:none;} }
@keyframes space-toast-in-opacity{from{opacity:0;}
  to{opacity:1;} }
@keyframes space-toast-out-move{from{transform:translateY(0) scale(1);}
  to{transform:translateY(-8px) scale(1);} }
@keyframes space-toast-out-opacity{from{opacity:1;}
  to{opacity:0;} }
/* // 2026-09-30 추가 :toast_space 노출 끝 */
/* === [space - herozone keyframes] === */
/* @keyframes space-intro-zoom{  from{transform:scale(1.01);}
  to{transform:scale(1.045);}
}2026-10-08 삭제 */
@keyframes space-intro-out{from{opacity:1;visibility:visible;}
  to{opacity:0;visibility:hidden;} }
/* 2026-10-08_v2 수정 */
@keyframes space-content-in{from{opacity:0;}
  to{opacity:1;} }
@keyframes space-onboarding-reveal{from{opacity:0;}
  to{opacity:1;} }
/* 2026-11-10 추가 */
/* @keyframes space-onboarding-in{  from{opacity:0;}
  to{opacity:1;}
}2026-10-08 삭제 */
@keyframes space-copy-in{from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:translateY(0);} }
/* 2026-10-08 추가 */
/* @keyframes space-onboarding-out{  from{opacity:1;filter:blur(0);transform:translateX(-50%) scale(1);}
  to{opacity:0;filter:blur(1px);transform:translateX(-50%) scale(.94);}
}2026-10-15 삭제 */
/* @keyframes space-onboarding-out-opacity{  from{opacity:1;}
  to{opacity:0;}
}2026-11-06 삭제 */
/* @keyframes space-onboarding-out-scale{  from{transform:translateX(-50%) scale(1);}
  to{transform:translateX(-50%) scale(.94);}
}2026-10-19 삭제 */
/* @keyframes space-onboarding-out-blur{  from{filter:blur(0);}
  to{filter:blur(2px);}
}2026-11-06 삭제 */
/* @keyframes space-hero-bloop{  0%{opacity:0;transform:translate(-50%,50%) scale(.6);}
  40%{opacity:.7;transform:translate(-50%,50%) scale(1);}
  100%{opacity:0;transform:translate(-50%,50%) scale(1.4);}
}
@keyframes space-hero-face{  0%{opacity:0;transform:translate(-50%,50%) scale(.88);animation-timing-function:cubic-bezier(.33,1,.68,1);}
  32%{opacity:1;transform:translate(-50%,50%) scale(1);}
  40%{opacity:1;transform:translate(-50%,50%) scale(1);animation-timing-function:ease-in-out;}
  100%{opacity:0;transform:translate(-50%,50%) scale(1.06);}
}2026-11-06 삭제 */
@keyframes space-ryan-handoff{from{opacity:0;filter:blur(2px);transform:translateX(-50%) scale(0.96);}
  to{opacity:1;filter:blur(0);transform:translateX(-50%) scale(1);} }
/* 2026-10-19 수정 */
/* 2026-11-06 수정 */
@keyframes space-ryan-float{0%,100%{transform:translateY(0) rotate(-0.5deg);}
  50%{transform:translateY(-3px) rotate(0.5deg);} }
/* 2026-11-06 추가 :걷는 라이언 전신 전환 시작 */
@keyframes space-fab-out{0%{opacity:1;filter:brightness(1) blur(0);}
  45%{opacity:0;filter:brightness(1.9) blur(4px);}
  100%{opacity:0;filter:brightness(1.9) blur(4px);} }
@keyframes space-fab-in{0%,35%{opacity:0;filter:brightness(1.9) blur(4px);}
  55%{opacity:1;filter:brightness(1.5) blur(2px);}
  100%{opacity:1;filter:brightness(1) blur(0);} }
@keyframes space-fab-glow-in{0%{opacity:0;transform:translate(-50%,-50%) translateY(0) scale(0.7);}
  42%{opacity:1;transform:translate(-50%,-50%) translateY(calc(var(--morph-y) * -0.45)) scale(1);}
  100%{opacity:0;transform:translate(-50%,-50%) translateY(calc(var(--morph-y) * -0.9)) scale(1.15);} }
@keyframes space-fab-glow-out{0%{opacity:0;transform:translate(-50%,-50%) translateY(calc(var(--morph-y) * -0.9)) scale(0.7);}
  42%{opacity:1;transform:translate(-50%,-50%) translateY(calc(var(--morph-y) * -0.45)) scale(1);}
  100%{opacity:0;transform:translate(-50%,-50%) translateY(0) scale(1.15);} }
/* // 2026-11-06 추가 :걷는 라이언 전신 전환 끝 */
/* === [space - 2-1. kanana space keyframes] === */
/* 2026-11-06 추가 :stage_summon 시작 */
@keyframes space-summon-swipe{0%{opacity:0;transform:translateY(0) scale(0.6);}
  14%{opacity:1;transform:translateY(0) scale(1);}
  70%{opacity:1;transform:translateY(calc(var(--swipe-distance) * -1)) scale(1);}
  100%{opacity:0;transform:translateY(calc(var(--swipe-distance) * -1.2)) scale(0.9);} }
@keyframes space-summon-trail{0%,14%{height:0;}
  70%{height:198px;}
  100%{height:108px;} }
@keyframes space-summon-ring{0%{opacity:1;transform:scale(1);}
  100%{opacity:0;transform:scale(2.2);} }
@keyframes space-onboarding-out{from{opacity:1;filter:blur(0);transform:translateX(-50%) scale(1);}
  to{opacity:0;filter:blur(1px);transform:translateX(-50%) scale(0.94);} }
@keyframes space-summon-handoff{0%{opacity:0;filter:blur(6px);transform:translateX(-50%) translateY(var(--handoff-y)) scale(var(--handoff-scale));animation-timing-function:ease-out;}
  36%{opacity:1;filter:blur(0);transform:translateX(-50%) translateY(var(--handoff-y)) scale(var(--handoff-scale));animation-timing-function:cubic-bezier(0.45,0,0.2,1);}
  100%{opacity:1;filter:blur(0);transform:translateX(-50%) translateY(0) scale(1);} }
@keyframes space-voice-bar-in{from{opacity:0;transform:translate(-50%,10px);}
  to{opacity:1;transform:translate(-50%,0);} }
@keyframes space-summon-exit{from{opacity:1;filter:blur(0);transform:translateX(-50%) scale(1);}
  to{opacity:0;filter:blur(4px);transform:translateX(-50%) scale(0.92);} }
@keyframes space-summon-bar-exit{from{opacity:1;transform:translate(-50%,0);}
  to{opacity:0;transform:translate(-50%,10px);} }
/* // 2026-11-06 추가 :stage_summon 끝 */
/* === [space - 2-3. talk keyframes] === */
@keyframes space-mode-spin{to{transform:rotate(360deg);} }
/* 2026-11-06 추가 */
/* === [space - media query :dark] === */
@media (prefers-color-scheme:dark){/* :root:not([data-theme="light"]) .nav_space .img_logo{  display:none;}
:root:not([data-theme="light"]) .nav_space .img_logo.type_dark{  display:inline-block;}2026-11-06 삭제 */
  /* 2026-09-23 추가 :다크모드 시작 */
  :root:not([data-theme=light]) .btn_glass{background-color:rgba(85,85,85,0.2);box-shadow:inset 0 1px 6px rgba(255,255,255,0.02),0 3px 20px rgba(0,0,0,0.08);}
  :root:not([data-theme=light]) .btn_glass::before{background-image:linear-gradient(to bottom right,rgba(255,255,255,0.2) 15%,rgba(255,255,255,0.05) 33%,rgba(255,255,255,0.05) 68%,rgba(255,255,255,0.2) 86%);}
  /* :root:not([data-theme="light"]) .inner_foot{  background-color:#121212;}2026-10-07 삭제 */
  :root:not([data-theme=light]) .layer_space .box_alert,:root:not([data-theme=light]) .layer_space .list_menu{border-color:rgba(255,255,255,0.06);background-color:rgba(31,31,31,0.72);}
  :root:not([data-theme=light]) .layer_space .btn_layer.type_point{background:rgba(255,120,73,0.14);}
  :root:not([data-theme=light]) .toast_space .inner_toast{border-color:rgba(32,32,32,0.5);background-color:rgba(29,29,29,0.9);box-shadow:0 32px 24px 4px rgba(0,0,0,0.16),0 0 12px rgba(0,0,0,0.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
  :root:not([data-theme=light]) .frame_mockup{background-color:#202020;box-shadow:inset 0px -4px 4px 0px rgba(255,255,255,0.04),inset 0px 0px 2px 2px rgba(255,255,255,0.04);}
  /* :root:not([data-theme="light"]) .section_hero .wrap_intro::before{  filter:blur(80px);}2026-10-12_v2 삭제 */
  :root:not([data-theme=light]) .section_hero .wrap_intro::after{background-color:rgba(0,0,0,0.45);}
  /* 2026-10-07 추가 */
  :root:not([data-theme=light]) .section_hero + .section_feature::before{background-image:linear-gradient(#080808,rgba(8,8,8,0));}
  /* 2026-11-10 추가 */
  /* // 2026-09-23 추가 :다크모드 끝 */ }
/* :root[data-theme="dark"] .nav_space .img_logo{  display:none;}
:root[data-theme="dark"] .nav_space .img_logo.type_dark{  display:inline-block;}2026-11-06 삭제 */
/* 2026-09-23 추가 :다크모드 시작 */
:root[data-theme=dark] .btn_glass{background-color:rgba(85,85,85,0.2);box-shadow:inset 0 1px 6px rgba(255,255,255,0.02),0 3px 20px rgba(0,0,0,0.08);}
:root[data-theme=dark] .btn_glass::before{background-image:linear-gradient(to bottom right,rgba(255,255,255,0.2) 15%,rgba(255,255,255,0.05) 33%,rgba(255,255,255,0.05) 68%,rgba(255,255,255,0.2) 86%);}
/* :root[data-theme="dark"] .inner_foot{  background-color:#121212;}2026-10-07 삭제 */
:root[data-theme=dark] .layer_space .box_alert,:root[data-theme=dark] .layer_space .list_menu{border-color:rgba(255,255,255,0.06);background-color:rgba(31,31,31,0.72);}
:root[data-theme=dark] .layer_space .btn_layer.type_point{background:rgba(255,120,73,0.14);}
:root[data-theme=dark] .toast_space .inner_toast{border-color:rgba(32,32,32,0.5);background-color:rgba(29,29,29,0.9);box-shadow:0 32px 24px 4px rgba(0,0,0,0.16),0 0 12px rgba(0,0,0,0.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
:root[data-theme=dark] .frame_mockup{background-color:#202020;box-shadow:inset 0px -4px 4px 0px rgba(255,255,255,0.04),inset 0px 0px 2px 2px rgba(255,255,255,0.04);}
/* :root[data-theme="dark"] .section_hero .wrap_intro::before{  filter:blur(80px);}2026-10-12_v2 삭제 */
:root[data-theme=dark] .section_hero .wrap_intro::after{background-color:rgba(0,0,0,0.45);}
/* 2026-10-07 추가 */
:root[data-theme=dark] .section_hero + .section_feature::before{background-image:linear-gradient(#080808,rgba(8,8,8,0));}
/* 2026-11-10 추가 */
/* // 2026-09-23 추가 :다크모드 끝 */
/* === [space - media query :reduced motion] === */
@media (prefers-reduced-motion:reduce){.section_hero.is_end .wrap_ryan,.section_hero.is_end .motion_ryan{animation-duration:1ms;animation-delay:0ms;animation-iteration-count:1;}
  /* 2026-10-08_v2 수정 */
  /* 2026-10-15 수정 */
  /* 2026-10-19 수정 */
  /* 2026-11-06 수정 */
  /* 2026-11-06 추가 :stage_summon · stage_mode 시작 */
  .stage_summon.is_play .gesture_swipe,.stage_summon.is_play .trail_touch,.stage_summon.is_play .ring_touch,.stage_summon.is_end .img_last,.stage_summon.is_end .motion_ryan,.paint_mode{animation:none;}
  .stage_summon.is_end .bar_voice{opacity:1;transform:translate(-50%,0);animation:none;}
  .stage_summon.is_end .wrap_ryan{opacity:1;transform:translateX(-50%);animation:none;}
  .stage_mode .bar_mode,.stage_mode .wrap_ryan,.stage_mode .cont_voice,.stage_mode .cont_text{transition:none;}
  /* // 2026-11-06 추가 :stage_summon · stage_mode 끝 */
  .section_upcoming .fade_credit.type_top{opacity:1;}
  /* 2026-10-15 추가 */
  .type_carousel .item_carousel{transition-duration:1ms;}
  .type_carousel .item_copy.is_skeleton .txt_query{animation-duration:1ms;}
  /* 2026-10-07 추가 */
  /* .section_hero.is_intro .img_intro{  animation-duration:1ms;}2026-10-08 삭제 */
  .section_hero.is_hold .group_heading,.section_hero.is_hold .group_cta,.section_hero.is_end .group_heading,.section_hero.is_end .group_cta,.section_hero.is_end .wrap_control.type_replay{animation-duration:1ms;animation-delay:0ms;}
  /* 2026-10-08 추가 */
  /* 2026-11-06 수정 */ }
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--GRAY990S:#FFFFFF;--GRAY900S:#F2F2F2;--GRAY800S:#EEEEEE;--GRAY700S:#DFDFDF;--GRAY600S:#C9C9C9;--GRAY570S:#B8B8B8;--GRAY550S:#A6A6A6;--GRAY520S:#979797;--GRAY500S:#828282;--GRAY400S:#7C7C7C;--GRAY300S:#5D5D5D;--GRAY300A:rgba(255,255,255,.35);--GRAY200A:rgba(255,255,255,.22);--GRAY150A:rgba(255,255,255,.16);--GRAY120A:rgba(255,255,255,.14);--GRAY100A:rgba(255,255,255,.12);--GRAY070S:#1F1F1F;--GRAY070A:rgba(255,255,255,.10);--GRAY050S:#1A1A1A;--GRAY050A:rgba(255,255,255,.08);--GRAY002S:#080808;--GRAY001S:#282828;--GRAY000S:#151515;--GRAY000A:rgba(255,255,255,.06);--WHITE002S:#2E2E2E;--WHITE001S:#202020;--WHITE000S:#080808;--YELLOW500S:#FEE500;--BLUE500S:#49A8F8;--BLUE300S:#080808;--RED500S:#FF7849;} }
:root[data-theme=dark]{--GRAY990S:#FFFFFF;--GRAY900S:#F2F2F2;--GRAY800S:#EEEEEE;--GRAY700S:#DFDFDF;--GRAY600S:#C9C9C9;--GRAY570S:#B8B8B8;--GRAY550S:#A6A6A6;--GRAY520S:#979797;--GRAY500S:#828282;--GRAY400S:#7C7C7C;--GRAY300S:#5D5D5D;--GRAY300A:rgba(255,255,255,.35);--GRAY200A:rgba(255,255,255,.22);--GRAY150A:rgba(255,255,255,.16);--GRAY120A:rgba(255,255,255,.14);--GRAY100A:rgba(255,255,255,.12);--GRAY070S:#1F1F1F;--GRAY070A:rgba(255,255,255,.10);--GRAY050S:#1A1A1A;--GRAY050A:rgba(255,255,255,.08);--GRAY002S:#080808;--GRAY001S:#282828;--GRAY000S:#151515;--GRAY000A:rgba(255,255,255,.06);--WHITE002S:#2E2E2E;--WHITE001S:#202020;--WHITE000S:#080808;--YELLOW500S:#FEE500;--BLUE500S:#49A8F8;--BLUE300S:#080808;--RED500S:#FF7849;}