@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:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--GRAY900S);}
/* color값은 디자인가이드에 맞게사용 */
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 - base] === */
body{overflow-x:hidden;background-color:var(--WHITE000S);}
.inner_section{position:relative;width:300px;margin:0 auto;}
.tit_category{display:flex;align-items:center;height:24px;font-size:17.5px;font-weight:600;line-height:24px;color:var(--GRAY700S);}
/* 2026-10-07 수정 */
.tit_category::before{content:'';flex-shrink:0;width:24px;height:24px;margin:0 6px 0 0;background-color:var(--GRAY700S);-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 수정 */
/* 2026-10-07 추가 :tit_category 아이콘 시작 */
.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-10-07 추가 :tit_category 아이콘 끝 */
.area_text{width:100%;}
.tit_section{display:block;margin-top:10px;font-size:26px;font-weight:700;line-height:37px;}
/* 2026-09-23 수정 */
/* 2026-10-01 수정 */
.desc_section{display:none;margin-top:16px;font-size:17px;font-weight:500;line-height:28px;opacity:.9;}
/* 2026-10-07 수정 */
.btn_apply{display:inline-block;padding:0 20px;border-radius:999px;font-size:15px;font-weight:600;line-height:44px;color:var(--WHITE000S);background-color:var(--GRAY900S);}
.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;}
.nav_space.type_default .tit_service,.nav_space.type_default .wrap_btn{animation:space-nav-in 500ms ease-out backwards;}
/* 2026-09-23 추가 */
.nav_space .img_logo{display:inline-block;vertical-align:middle;}
.nav_space .img_logo.type_dark{display:none;}
.nav_space .wrap_btn{flex:none;display:flex;align-items:center;gap:10px;}
.nav_space .btn_replay{display:none;padding:0 15px;height:40px;border-radius:36px;font-size:14px;font-weight:600;letter-spacing:-.1px;color:var(--GRAY900S);background-color:var(--GRAY050A);}
/* 2026-09-23 수정 */
.nav_space .btn_apply{padding:0 15px;font-size:14px;font-weight:600;letter-spacing:-.1px;line-height:40px;}
/* .nav_space.type_close .tit_service,.nav_space.type_close .wrap_btn{display:none;}2026-09-23 삭제 */
.nav_space.type_close .tit_service,.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 수정 */
.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{position:relative;overflow:hidden;width:100%;height:max(540px,min(150vw,600px));color:var(--GRAY900S);background-color:var(--WHITE000S);}
/* 2026-10-07 수정 */
.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_hold .wrap_intro,.section_hero.is_onboarding .wrap_intro,.section_hero.is_end .wrap_intro{visibility:hidden;opacity:0;pointer-events:none;}
/* 2026-10-08 수정 */
/* 2026-10-08_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_onboarding .wrap_onboarding,.section_hero.is_end .wrap_onboarding{opacity:1;pointer-events:auto;}
/* 2026-10-08 수정 */
.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,.section_hero .img_last{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;}
/* 2026-10-07 수정 */
/* 2026-10-08_v2 수정 */
.section_hero.is_onboarding .img_motion{opacity:1;}
/* 2026-10-08 수정 */
/* .section_hero.is_end .img_motion{animation:space-onboarding-out 468ms ease-in-out both;}2026-10-08_v2 삭제 */
.section_hero.is_end .img_last{animation:space-onboarding-out 468ms ease-in-out both;}
/* 2026-10-08_v2 추가 */
.section_hero .wrap_ryan{position:absolute;z-index:1;left:50%;bottom:-1px;width:174px;height:174px;opacity:0;filter:blur(2px);transform:translateX(-50%) scale(0.96);transform-origin:50% 55%;pointer-events:none;}
.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:-81px;left:50%;width:194px;height:422px;transform:translateX(-50%);}
.section_hero .box_ryan canvas{display:block;width:100%;height:100%;}
.section_hero.is_end .wrap_ryan{animation:space-ryan-handoff 494ms cubic-bezier(0.22,1,0.36,1) both;}
.section_hero.is_end .motion_ryan{animation:space-ryan-float 2.6s ease-in-out 250ms infinite;}
.section_hero .area_copy{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;text-align:center;}
.section_hero .group_heading{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;opacity:0;transform:translateY(8px);}
/* 2026-10-08 수정 */
.section_hero .tit_hero{display:block;height:50px;font-size:42px;line-height:50px;}
.section_hero .desc_hero{font-size:18px;font-weight:600;line-height:22px;}
.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_onboarding .group_heading,.section_hero.is_end .group_heading{animation:space-copy-in 700ms cubic-bezier(0.33,0,0.2,1) both;}
.section_hero.is_hold .group_cta,.section_hero.is_onboarding .group_cta,.section_hero.is_end .group_cta{animation:space-copy-in 700ms cubic-bezier(0.33,0,0.2,1) 180ms both;}
.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:220px;padding:0;border-radius:36px;font-size:17px;line-height:55px;text-align:center;}
.section_hero .txt_notice{height:19px;font-size:12.5px;font-weight:500;line-height:19px;color:var(--GRAY550S);}
/* 2026-10-07 수정 */
.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_hero + .section_feature .desc_section{display:block;color:var(--GRAY800S);}
/* 2026-10-07 추가 */
.section_feature .video_feature{display:block;width:100%;height:100%;object-fit:cover;}
/* === [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 .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:0;height:100%;border-radius:3px;background-color:var(--GRAY800S);transition:opacity 0.5s cubic-bezier(0.45,0,0.55,1);}
.type_carousel .item_indicator.is_active .bar_progress{width:5px;}
.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:10px;font-size:16px;font-weight:700;line-height:26px;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:.9;}
/* 2026-10-07 추가 */
/* 2026-10-08_v2 수정 */
.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:rgba(255,255,255,0.6);}
/* 2026-09-23 추가 */
/* 2026-10-07 수정 */
.section_upcoming .tit_category::before,.section_faq .tit_category::before{display:none;}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
.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.867s) linear 0.7s infinite;animation-play-state:paused;}
/* 2026-10-12_v2 수정 */
.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;border-radius:999px;font-size:16px;font-weight:600;color:#fff;background-color:rgba(255,255,255,0.08);white-space:nowrap;box-sizing:border-box;}
/* 2026-10-07 수정 */
/* 2026-10-08_v2 수정 */
.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%);}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
/* .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.12);padding-top:30px;}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
.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:15.5px;font-weight:400;line-height:26px;color:#F2F2F2;opacity:0;transition:opacity 250ms ease-out;}
/* 2026-09-23 수정 */
/* 2026-10-07 수정 */
.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:283px 20px 40px;background-color:#000;text-align:center;}
/* 2026-09-23 수정 */
.inner_foot .logo_foot{font-size:36px;line-height:43px;font-weight:600;color:#F0F0F0;}
.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 .3s ease-out both,space-toast-out-opacity .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:1025px){/* base */
  .inner_section{width:840px;}
  /* 2026-09-23 추가 :tit_category 시작 */
  .tit_category{height:28px;font-size:20px;line-height:28px;}
  /* 2026-10-07 수정 */
  .tit_category::before{width:28px;height:28px;margin:0 8px 0 0;}
  /* // 2026-09-23 추가 :tit_category 끝 */
  /* 2026-10-07 추가 :tit_category PC 아이콘 시작 */
  .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-10-07 추가 :tit_category PC 아이콘 끝 */
  .tit_section{margin-top:12px;font-size:36px;font-weight:700;line-height:51px;}
  /* 2026-09-23 수정 */
  .desc_section{display:block;margin-top:16px;font-size:20px;font-weight:400;line-height:32px;opacity:.9;}
  /* 2026-10-07 수정 */
  /* 2026-10-08_v2 수정 */
  /* 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 .tit_service,.nav_space.type_default .wrap_btn{animation-duration:700ms;animation-delay:120ms;}
  /* 2026-10-08 수정 */
  .nav_space .btn_replay{display:inline-block;}
  /* // 2026-09-23 추가 :navigation 끝 */
  /* 1. herozone */
  .section_hero{height:660px;padding:20px 0 0;}
  /* 2026-10-07 수정 */
  .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:#f5f5f7;}
  /* 2026-10-07 수정 */
  .section_hero .wrap_intro::before{content:'';position:absolute;top:-120px;right:-120px;bottom:-120px;left:-120px;background:url(../images/space/pc-video-backdrop.png) 50% 50%/cover no-repeat;filter:blur(60px);}
  /* 2026-10-07 추가 */
  /* 2026-10-08_v2 수정 */
  /* 2026-10-12_v2 수정 */
  .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_onboarding .wrap_intro,.section_hero.is_end .wrap_intro{animation:space-intro-out 200ms ease-out both;}
  /* 2026-10-08_v2 추가 */
  .section_hero .area_copy{gap:32px;}
  .section_hero .wrap_onboarding{top:20px;right:auto;left:50%;width:400px;height:640px;transform:translateX(-50%);}
  /* 2026-10-07 수정 */
  .section_hero .inner_onboarding{padding-bottom:80px;}
  /* 2026-10-07 추가 */
  .section_hero .tit_hero{height:58px;font-size:48px;line-height:58px;}
  .section_hero .desc_hero{height:33px;font-size:22px;line-height:33px;}
  .section_hero .btn_apply_hero{line-height:52px;}
  /* 2026-10-07 추가 */
  .section_hero .img_motion,.section_hero .img_last{bottom:-85px;width:464px;height:506px;}
  /* 2026-10-07 수정 */
  /* 2026-10-08_v2 수정 */
  .section_hero .wrap_ryan{width:192px;height:192px;}
  .section_hero .box_ryan{top:-89px;width:213px;height:465px;}
  .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_hero + .section_feature{padding-top:128px;}
  /* 2026-10-07 수정 */
  .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-09-23 추가 */
  .section_feature .area_visual{margin-top:0;}
  .section_feature:not(.type_carousel) .area_visual{margin:0;}
  .type_carousel{padding-bottom:120px;}
  /* 2026-10-12_v2 추가 */
  .type_carousel .area_visual{width:300px;}
  .type_carousel .txt_query{margin-top:16px;font-size:20px;font-weight:600;line-height:32px;}
  /* 2026-10-07 추가 */
  /* 2026-10-08_v2 수정 */
  /* 3. upcoming */
  .section_upcoming{padding-top:100px;}
  .section_upcoming .inner_section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
  .section_upcoming .area_text{width:420px;}
  .section_upcoming .wrap_credit{height:540px;}
  /* 2026-10-07 수정 */
  .section_upcoming .list_query{--credit-roll:calc(var(--query-count) * -62px);animation-duration:calc(var(--query-count) * 4.133s);}
  /* 2026-10-12_v2 수정 */
  .section_upcoming li{height:52px;padding:0 20px;font-size:18px;}
  /* 2026-10-08_v2 수정 */
  .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 160px;}
  /* 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 수정 */
  .section_faq .cont_faq{grid-template-rows:1fr;visibility:visible;padding-top:12px;transition:none;}
  /* 2026-10-01 추가 */
  .section_faq .desc_faq{font-size:20px;line-height:34px;opacity:1;transition:none;}
  /* 2026-10-01 수정 */
  .section_faq .ico_arrow{display:none;}
  /* // 2026-09-23 추가 :section_faq 끝 */
  /* copyright */
  .inner_foot{padding-top:231px;}
  .inner_foot .logo_foot{font-size:68px;line-height:81px;}
  .inner_foot .txt_copyright{font-size:20px;line-height:35px;} }
/* === [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:.4;    animation-timing-function:linear;}
  68.75%{opacity:.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-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(0.94);} }
@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);} }
@keyframes space-ryan-float{0%,100%{transform:translateY(0) rotate(-0.5deg);}
  50%{transform:translateY(-3px) rotate(0.5deg);} }
/* === [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-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 추가 */
  /* // 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-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 추가 */
/* // 2026-09-23 추가 :다크모드 끝 */
/* === [space - media query :reduced motion] === */
@media (prefers-reduced-motion:reduce){.section_hero.is_onboarding .img_motion,.section_hero.is_end .img_last,.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 수정 */
  .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_onboarding .group_heading,.section_hero.is_onboarding .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 추가 */ }
@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;}