:root{--color-bg-brand:#4f39f6;--color-bg-primary:#171717;--color-bg-tertiary:#f5f5f5;--color-bg-tab-dim:#262626;--color-bg-inverse-bold:#404040;--color-bg-info-subtle:#eff6ff;--color-bg-info-bold:#432dd7;--color-bg-hover-lnb:rgba(0,0,0,.25);--color-bg-button-primary:#432dd7;--color-bg-button-primary-hover:#615fff;--color-bg-button-secondary:#323659;--color-bg-button-secondary-hover:#636688;--color-bg-button-neutral:#404040;--color-bg-button-neutral-hover:#737373;--color-bg-user:#155dfc;--color-bg-noti-count:#e7000b;--color-bg-neutral-800:#262626;--color-bg-box-01:#27293b;--color-bg-box-02:#1d1d1d;--color-bg-secondary:#fafafa;--color-text-primary-a:#fafafa;--color-text-primary-d:#171717;--color-text-secondary:#e5e5e5;--color-text-tertiary:#a1a1a1;--color-text-disabled:#525252;--color-text-warning:#ff6900;--color-text-info:#615fff;--color-text-info-bold:#7c86ff;--color-text-interactive-primary:#4f39f6;--color-text-interactive-secondary:#525252;--color-text-hover-lnb:#8ec5ff;--color-icon-primary:#fff;--color-icon-secondary:#404040;--color-icon-info:#432dd7;--color-icon-warning:#ff6900;--color-icon-disabled:#a1a1a1;--color-icon-hover-lnb-bg:#8ec5ff;--color-border-primary:#525252;--color-border-secondary:#e5e5e5;--color-border-focus-ring:#4f39f6;--color-border-focus-ring-2:#404040;--color-divider-default:#404040;--color-divider-lnb:#404040;--semantic-color-background-primary:#1e242c;--semantic-color-background-secondary:#283038;--semantic-color-background-surface:rgba(155,163,173,.08);--semantic-color-background-hover:#313a44;--semantic-color-background-border:#313a44;--semantic-color-background-border-accent:#4a545e;--semantic-color-background-border-hover:#2763ea;--semantic-color-background-info:#13171b;--semantic-color-background-font-white:#fff;--semantic-color-font-neutral:#fff;--semantic-color-font-sub:#838c96;--semantic-color-font-secondary:#6d7681;--semantic-color-font-warning:#c13434;--semantic-color-button-primary:#2763ea;--semantic-color-button-secondary:#313a44;--semantic-color-button-neutral:#626261;--semantic-color-graphic-secondary:#3c4650;--semantic-color-graphic-tertiary:#5a636e;--semantic-color-graphic-quaternary:#fff;--semantic-color-graphic-neutral:#fff;--semantic-color-graphic-white:#fff;--semantic-color-layout-wrap-background:#13171b;--semantic-color-layout-modal-background:#1e242c;--semantic-color-layout-modal-back-dim:rgba(19,23,27,.8);--semantic-color-layout-bar-border:#4a545e;--base-white:#fff;--primitive-white:#fff;--color-white-solid:#fff;--color-black-solid:#000;--color-black-25:rgba(0,0,0,.25);--color-black-6:rgba(0,0,0,.06);--neutral-50:#fafafa;--neutral-300:#d4d4d4;--neutral-400:#a1a1a1;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--neutral-950:#0a0a0a;--neutral-dark-darkest:#1f2024;--neutral-dark-light:#71727a;--neutral-dark-lightest:#8f9098;--neutral-light-lightest:#fff;--indigo-100:#e0e7ff;--indigo-300:#a3b3ff;--indigo-400:#7c86ff;--indigo-500:#615fff;--indigo-900:#312c85;--violet-500:#8e51ff;--violet-950:#2f0d68;--blue-500:#2b7fff;--yellow-400:#fdc700;--yellow-600:#d08700;--orange-500:#ff6900;--green-500:#00c950;--green-600:#00a63e;--purple:#702dff;--red-500:#fb2c36;--color-status-warning:#fdc700;--color-status-error:#fb2c36;--color-status-success:#00c950;--color-status-info:#2b7fff;--teal-400:#00d5be;--highlight-darkest:#006ffd;--color-gray-9:#171717;--color-gray-10:#fff;--color-gray-11:#1c1c1c;--color-gray-30:#d8d8d8;--color-gray-33:#555;--color-gray-60:#9e9e9e;--color-gray-80:#5f5f5f;--color-gray-93:#ececec;--color-gray-96:#f5f5f5;--color-gray-100:#202020;--grayscale-ccc:#ccc;--schemes-on-surface:#1d1b20;--schemes-on-primary:#fff;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-30:30px;--spacing-32:32px;--spacing-40:40px;--item-spacing-xxs:4px;--item-spacing-s-plus:24px;--width-350:350px;--width-400:400px;--height-32:32px;--height-1000:1000px;--radius-5:5px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-20:20px;--radius-30:30px;--radius-full:9999px;--radius-infinity:9999px;--stroke-weight-0-01:.0133929px;--stroke-weight-0-02:.0178571px;--stroke-weight-1:1px;--opacity-100:1;--font-family-pretendard:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;--font-family-inter:"Inter",-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;--font-family-manrope:"Manrope",-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;--font-family-body:var(--font-family-pretendard);--font-size-8:8px;--font-size-10:10px;--font-size-12:12px;--font-size-14:14px;--font-size-16:16px;--font-size-18:18px;--font-size-20:20px;--font-size-24:24px;--font-size-28:28px;--font-size-40:40px;--font-size-48:48px;--font-size-60:60px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-16:16px;--line-height-18-86:18.86px;--line-height-20:20px;--line-height-22:22px;--line-height-28:28px;--line-height-30:30px;--line-height-48:48px;--line-height-ratio-1-2:1.2;--line-height-ratio-1-3:1.3;--letter-spacing-0:0;--letter-spacing-tight:-.2px;--letter-spacing-normal:.2px;--typography-heading-2xl-family:var(--font-family-pretendard);--typography-heading-2xl-size:var(--font-size-40);--typography-heading-2xl-weight:var(--font-weight-bold);--typography-heading-2xl-line-height:var(--line-height-48);--typography-heading-2xl-letter-spacing:var(--letter-spacing-tight);--typography-heading-lg-family:var(--font-family-pretendard);--typography-heading-lg-size:var(--font-size-28);--typography-heading-lg-weight:var(--font-weight-semibold);--typography-heading-lg-line-height:1.2;--typography-heading-lg-letter-spacing:var(--letter-spacing-tight);--typography-heading-md-family:var(--font-family-pretendard);--typography-heading-md-size:var(--font-size-24);--typography-heading-md-weight:var(--font-weight-semibold);--typography-heading-md-line-height:1.2;--typography-heading-md-letter-spacing:var(--letter-spacing-tight);--typography-heading-sm-family:var(--font-family-pretendard);--typography-heading-sm-size:var(--font-size-20);--typography-heading-sm-weight:var(--font-weight-semibold);--typography-heading-sm-line-height:1.2;--typography-heading-sm-letter-spacing:var(--letter-spacing-tight);--typography-body-lg-family:var(--font-family-pretendard);--typography-body-lg-size:var(--font-size-16);--typography-body-lg-weight-regular:var(--font-weight-regular);--typography-body-lg-weight-medium:var(--font-weight-medium);--typography-body-lg-weight-semibold:var(--font-weight-semibold);--typography-body-lg-line-height:var(--line-height-20);--typography-body-lg-letter-spacing:var(--letter-spacing-0);--typography-body-md-family:var(--font-family-pretendard);--typography-body-md-size:var(--font-size-14);--typography-body-md-weight-regular:var(--font-weight-regular);--typography-body-md-weight-medium:var(--font-weight-medium);--typography-body-md-weight-semibold:var(--font-weight-semibold);--typography-body-md-line-height:16px;--typography-body-md-letter-spacing:-.2px;--typography-body-sm-family:var(--font-family-pretendard);--typography-body-sm-size:var(--font-size-12);--typography-body-sm-weight-regular:var(--font-weight-regular);--typography-body-sm-weight-medium:var(--font-weight-medium);--typography-body-sm-weight-semibold:var(--font-weight-semibold);--typography-body-sm-line-height:var(--line-height-16);--typography-body-sm-letter-spacing:var(--letter-spacing-0);--typography-body-2sm-family:var(--font-family-pretendard);--typography-body-2sm-size:var(--font-size-10);--typography-body-2sm-weight-regular:var(--font-weight-regular);--typography-body-2sm-weight-medium:var(--font-weight-medium);--typography-body-2sm-line-height:var(--line-height-16);--typography-body-3sm-family:var(--font-family-pretendard);--typography-body-3sm-size:var(--font-size-8);--typography-body-3sm-weight-regular:var(--font-weight-regular);--typography-body-3sm-weight-medium:var(--font-weight-medium);--typography-body-3sm-weight-semibold:var(--font-weight-semibold);--typography-body-3sm-line-height:var(--line-height-16);--header-h1-24-family:var(--font-family-pretendard);--header-h1-24-size:var(--font-size-24);--header-h1-24-weight:var(--font-weight-regular);--header-h1-24-line-height:var(--line-height-ratio-1-3);--header-h2-18-family:var(--font-family-pretendard);--header-h2-18-size:var(--font-size-18);--header-h2-18-weight:var(--font-weight-medium);--header-h2-18-line-height:var(--line-height-ratio-1-3);--body-b1-16-family:var(--font-family-pretendard);--body-b1-16-size:var(--font-size-16);--body-b1-16-weight:var(--font-weight-medium);--body-b1-16-line-height:var(--line-height-ratio-1-3);--body-b2-14-family:var(--font-family-pretendard);--body-b2-14-size:var(--font-size-14);--body-b2-14-weight:var(--font-weight-medium);--body-b2-14-line-height:var(--line-height-ratio-1-3);--body-b3-12-family:var(--font-family-pretendard);--body-b3-12-size:var(--font-size-12);--body-b3-12-weight:var(--font-weight-medium);--body-b3-12-line-height:var(--line-height-ratio-1-3);--action-m-family:var(--font-family-inter);--action-m-size:var(--font-size-12);--action-m-weight:var(--font-weight-semibold);--action-m-line-height:1;--body-m-family:var(--font-family-inter);--body-m-size:var(--font-size-14);--body-m-weight:var(--font-weight-regular);--body-m-line-height:var(--line-height-20);--body-s-family:var(--font-family-inter);--body-s-size:var(--font-size-12);--body-s-weight:var(--font-weight-regular);--body-s-line-height:var(--line-height-16);--string-select:"선택해 주세요.";--search-width-expand:200px;--search-width-shorten:40px;--search-height:40px;--search-gap:10px;--search-padding-expand:0 16px;--search-padding-shorten:0 10px;--search-border-radius:8px;--search-bg-default:var(--neutral-800);--search-border-default:var(--neutral-600);--search-border-focus:var(--color-border-focus-ring);--search-text-default:var(--color-text-disabled);--search-text-typing:var(--color-text-primary-a);--search-text-done:var(--color-text-primary-a);--search-text-disabled:var(--color-text-disabled);--search-icon-color-default:var(--neutral-400);--search-icon-color-hover:var(--base-white);--search-shorten-icon-default:#fff;--search-shorten-icon-disabled:#404040;--search-shorten-bg-hover:var(--color-bg-hover-lnb);--color-lnb-logo-text:#ededed;--color-lnb-border-rgba:rgba(115,115,115,.5);--color-login-bg-start:#0e0435;--color-login-bg-end:#312c85;--color-login-logo-text:#222;--color-body-dashed:#333;--color-border-tertiary:#3f3f3f}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}
html{font-family:var(--font-family-pretendard);font-size:var(--font-size-14)}.hide{opacity:0;display:none}

.layout-container{background-color:var(--neutral-950);box-sizing:border-box;width:100%;min-height:100vh;display:flex;position:relative;box-shadow:10px 25px 35px rgba(112,85,162,.1)}.layout-lnb{background-color:var(--indigo-900);flex-shrink:0;width:240px;min-height:100vh;position:relative;overflow-y:auto}.lnb-content{flex-direction:column;gap:24px;padding:24px 16px;display:flex}.lnb-header{padding:12px 8px}.lnb-header h2{font-family:var(--font-family-pretendard);font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);color:var(--base-white);margin:0}.lnb-nav{flex-direction:column;gap:4px;display:flex}.lnb-item{border-radius:var(--radius-8);color:var(--base-white);cursor:pointer;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.lnb-item:hover{background-color:rgba(255,255,255,.1)}.lnb-item-active{background-color:rgba(255,255,255,.15)}.lnb-icon{width:20px;height:20px;color:var(--base-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lnb-icon svg{width:100%;height:100%}.lnb-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--line-height-20);color:var(--base-white);white-space:nowrap}.layout-body{background-color:var(--neutral-900);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;position:relative;overflow:hidden}.layout-header{background-color:var(--neutral-900);z-index:10;flex-shrink:0;width:100%;height:80px;position:relative}.header-content{box-sizing:border-box;justify-content:space-between;align-items:center;height:100%;padding:0 32px;display:flex}.header-left{align-items:center;gap:20px;display:flex}.header-title{font-family:var(--font-family-pretendard);font-size:var(--font-size-24);font-weight:var(--font-weight-semibold);color:var(--base-white);margin:0}.header-right{align-items:center;gap:12px;display:flex}.header-action{border-radius:var(--radius-8);cursor:pointer;width:40px;height:40px;color:var(--neutral-400);background-color:transparent;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-action:hover{background-color:var(--neutral-800);color:var(--base-white)}.header-action svg{width:20px;height:20px}.layout-contents{background-color:var(--neutral-900);flex:1;width:100%;min-height:0;overflow-y:auto}.contents-inner{max-width:1400px;margin:0 auto;padding:32px}@media (max-width:1024px){.layout-lnb{width:80px}.lnb-text,.lnb-header{display:none}.lnb-content{padding:16px 8px}.lnb-item{justify-content:center;padding:12px 8px}.header-content{padding:0 24px}.contents-inner{padding:24px}}@media (max-width:768px){.layout-container{flex-direction:column}.layout-lnb{width:100%;height:60px;min-height:auto}.lnb-content{flex-direction:row;justify-content:space-around;align-items:center;height:100%;padding:0}.lnb-nav{flex-direction:row;justify-content:space-around;gap:0;width:100%}.lnb-item{border-radius:0;flex-direction:column;gap:4px;padding:8px}.lnb-text{font-size:10px;display:block}.layout-header{height:60px}.header-content{padding:0 16px}.header-title{font-size:var(--font-size-18)}.contents-inner{padding:16px}}.layout-header-fixed{position:-webkit-sticky;position:sticky;top:0}.layout-lnb::-webkit-scrollbar{width:6px}.layout-lnb::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.layout-lnb::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.layout-lnb::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.layout-contents::-webkit-scrollbar{width:8px}.layout-contents::-webkit-scrollbar-track{background:var(--neutral-950)}.layout-contents::-webkit-scrollbar-thumb{background:var(--neutral-700);border-radius:4px}.layout-contents::-webkit-scrollbar-thumb:hover{background:var(--neutral-600)}
.header{box-sizing:border-box;background-color:var(--neutral-900);justify-content:space-between;align-items:center;width:100%;height:30px;padding:0;display:flex;position:relative}.header-content{flex:1 0;justify-content:space-between;align-items:center;min-width:0;min-height:0;display:flex}.header-title-area{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-title{font-family:var(--font-family-pretendard);color:var(--color-text-primary-a);white-space:nowrap;margin:0;font-size:18px;font-weight:500;line-height:1.3}.header-tool{flex-shrink:0;align-items:center;gap:20px;display:flex}.header-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.header-icon-bell{cursor:pointer;width:20px;height:20px;position:relative;overflow:hidden}.header-icon-bell-layer1{position:absolute;top:0;bottom:0;left:0;right:0}.header-icon-bell-layer2{position:absolute;top:10.42%;bottom:8.33%;left:16.67%;right:16.67%}.header-icon-bell img{width:100%;max-width:none;height:100%;display:block}.header-icon-badge{background-color:var(--color-bg-noti-count);border-radius:var(--radius-infinity);box-sizing:border-box;justify-content:center;align-items:center;width:17px;height:17px;padding:10px;display:flex;position:absolute;top:-7px;left:9px}.header-icon-badge-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-12);font-weight:var(--font-weight-regular);color:var(--color-text-primary-a);text-align:center;white-space:nowrap;line-height:1.3}.header-icon-menu{cursor:pointer;width:20px;height:20px;position:relative;overflow:hidden}.header-icon-menu-layer1{position:absolute;top:0;bottom:0;left:0;right:0}.header-icon-menu-layer2{position:absolute;top:16.667%;bottom:16.667%;left:16.667%;right:16.667%}.header-icon-menu img{width:100%;max-width:none;height:100%;display:block}.header-user-avatar{cursor:pointer;background-color:var(--color-bg-user);box-sizing:border-box;border-radius:15px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:6px 8px;display:flex;position:relative}.header-user-avatar-circle,.header-user-avatar-circle img{display:none}.header-user-avatar-text{font-family:var(--font-family-pretendard);letter-spacing:-.2px;color:var(--color-text-primary-a);text-align:center;white-space:nowrap;pointer-events:none;margin:0;padding:0;font-size:14px;font-weight:600;line-height:16px}@media (max-width:768px){.header{height:60px;padding:15px 20px}.header-content{gap:20px}.header-tool{gap:12px}.header-title{font-size:var(--font-size-18)}}.header-icon svg,.header-icon img{color:var(--base-white);fill:currentColor;stroke:currentColor}.header-icon:hover svg,.header-icon:hover img{opacity:.8}
.lnb,.side-bar,#side-bar{background-color:var(--indigo-900);box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow-y:auto}.lnb.lnb-collapsed{align-items:center;width:80px;padding:20px 8px}.lnb-menu-icon,.lnb-bottom-icon,.lnb-list-icon{display:none}.lnb-menu-text,.lnb-bottom-text,.lnb-list-text{display:block}.lnb-collapsed .lnb-menu-text,.lnb-collapsed .lnb-bottom-text,.lnb-collapsed .lnb-list-text{display:none}.lnb-collapsed .lnb-menu-icon,.lnb-collapsed .lnb-bottom-icon,.lnb-collapsed .lnb-list-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.lnb-collapsed .lnb-menu-item,.lnb-collapsed .lnb-list,.lnb-collapsed .lnb-bottom-item{border-radius:var(--radius-8);justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto;padding:8px}.lnb-collapsed .lnb-search{flex-direction:column;flex-shrink:0;align-items:center;gap:16px;width:100%;display:flex}.lnb-collapsed .lnb-toggle-btn{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;transition:all .2s;display:flex}.lnb-collapsed .lnb-toggle-btn:hover{background-color:transparent}.lnb-collapsed .search-wrapper{cursor:pointer!important;background-color:transparent!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;display:flex!important}.lnb-collapsed .search-wrapper:hover{background-color:var(--color-bg-hover-lnb)}.lnb-collapsed .search-wrapper:active{background-color:var(--color-bg-hover-lnb);opacity:.8}.lnb-collapsed .search-wrapper.search-expand-default{border-color:transparent}.lnb-collapsed .search-wrapper .search-field{display:none!important}.lnb:not(.lnb-collapsed) .search-wrapper{border:1px solid var(--color-lnb-border-rgba)!important;background-color:var(--color-bg-hover-lnb)!important;width:200px!important;height:40px!important;padding:0 16px!important}.lnb:not(.lnb-collapsed) .search-wrapper .search-field{display:block}.lnb-collapsed .search-icon{cursor:pointer!important;justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;margin:0!important;display:flex!important}.lnb-collapsed .lnb-divider{width:100%;margin:0;padding:0;display:block}.lnb-collapsed .lnb-divider-line{background-color:var(--color-divider-lnb);flex-shrink:0;width:100%;height:1px}.lnb-collapsed .lnb-menu{align-items:center;gap:4px;width:100%}.lnb-collapsed .lnb-content{align-items:center;gap:40px;padding:20px 8px}.lnb-content{flex-direction:column;flex-shrink:0;gap:40px;width:100%;display:flex}.lnb-logo{flex-direction:column;flex-shrink:0;align-items:flex-start;width:100%;display:flex;position:relative}.lnb-logo-full{object-fit:contain;width:auto;max-width:200px;height:auto;max-height:50px;display:block}.lnb-logo-compact{object-fit:contain;width:auto;max-width:42px;height:auto;max-height:42px;display:none}.lnb-collapsed .lnb-logo-full{display:none}.lnb-collapsed .lnb-logo-compact{display:block}.lnb-logo-text{font-family:var(--font-family-pretendard);color:var(--color-lnb-logo-text);white-space:nowrap;margin-top:-27px;margin-left:44px;font-size:25.6px;font-weight:800;line-height:1.3}.lnb-collapsed .lnb-logo-text{display:none}.lnb-menu{flex-direction:column;flex-shrink:0;gap:4px;width:100%;display:flex}.lnb-menu-item{border-radius:var(--radius-8);box-sizing:border-box;cursor:pointer;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;width:200px;height:40px;padding:10px 14px;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.lnb-menu-item:hover,.lnb-menu-item.active,.lnb-menu-item-active{background-color:var(--color-bg-hover-lnb)}.lnb-menu-icon{width:20px;height:20px;color:var(--base-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lnb-menu-item.active .lnb-menu-icon,.lnb-menu-item-active .lnb-menu-icon,.lnb-menu-item.active .lnb-menu-icon svg,.lnb-menu-item-active .lnb-menu-icon svg{color:var(--color-text-hover-lnb)}.lnb-menu-icon svg,.lnb-menu-icon img{width:100%;height:100%}.lnb-menu-icon svg{fill:currentColor;color:currentColor}.lnb-menu-icon svg use{color:inherit}.lnb-menu-text{font-family:var(--typography-body-lg-family);font-size:var(--typography-body-lg-size);font-weight:var(--typography-body-lg-weight-semibold);line-height:var(--typography-body-lg-line-height);letter-spacing:var(--typography-body-lg-letter-spacing);color:var(--base-white);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;overflow:hidden}.lnb-menu-item.active .lnb-menu-text,.lnb-menu-item-active .lnb-menu-text{color:var(--color-text-hover-lnb)}.lnb-search{flex-direction:column;flex-shrink:0;gap:16px;width:100%;display:flex}.lnb-search .search-wrapper{background-color:var(--color-bg-hover-lnb);border:1px solid var(--color-lnb-border-rgba);border-radius:var(--radius-5);cursor:default;flex-shrink:0;align-items:center;gap:10px;width:200px;height:40px;padding:0 16px;display:flex}.lnb:not(.lnb-collapsed) .search-wrapper:hover{background-color:var(--color-bg-hover-lnb)}.lnb:not(.lnb-collapsed) .search-wrapper:active{background-color:var(--color-bg-hover-lnb);opacity:1}.search-field{display:block}.lnb-search .search-field{letter-spacing:-.2px;color:var(--color-text-disabled);opacity:.5;font-size:14px;font-weight:400;line-height:16px}.lnb-search .search-field::placeholder{color:var(--color-text-disabled);opacity:.5}.lnb-search .search-icon{width:20px;height:20px;color:var(--base-white);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin:0;display:flex}.lnb-search .search-icon svg,.lnb-search .search-icon img{width:100%;height:100%;display:block}.lnb-search .search-icon svg{fill:currentColor;stroke:currentColor;color:currentColor}.lnb-divider{flex-direction:column;flex-shrink:0;gap:10px;width:100%;display:flex}.lnb-divider-line{background-color:var(--color-divider-lnb);flex-shrink:0;width:100%;height:1px}.lnb-toggle-btn{cursor:pointer;border-radius:var(--radius-8);background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:20px;height:20px;margin:0;padding:0;transition:all .2s;display:flex}.lnb-toggle-btn:hover{background-color:var(--color-bg-hover-lnb);opacity:.8}.lnb-toggle-btn:active{opacity:.6}.lnb-toggle-icon{object-fit:contain;width:100%;height:100%;transition:transform .2s}.lnb-toggle-btn svg{color:var(--color-icon-primary);fill:var(--color-icon-primary)}.lnb-toggle-btn svg use{color:inherit}.lnb-collapsed .lnb-toggle-icon{transform:rotate(180deg)}.lnb-close-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:20px;height:20px;margin:0;padding:0;transition:opacity .2s;display:flex}.lnb-close-btn:hover{opacity:.7}.lnb-close-btn:active{opacity:.5}.lnb-close-icon{object-fit:contain;width:100%;height:100%}.lnb-collapsed .lnb-divider{display:block}.lnb-collapsed .lnb-close-btn{display:none}.lnb-bottom{flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:100%;display:flex}.lnb-bottom-menu{flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;width:100%;padding:0 0 30px;display:flex}.lnb-bottom-item{border-radius:var(--radius-12);cursor:pointer;box-sizing:border-box;flex-shrink:0;align-items:center;gap:12px;width:208px;height:40px;margin-bottom:-10px;padding:10px 8px;text-decoration:none;transition:background-color .2s;display:flex}.lnb-bottom-item:hover{background-color:var(--color-bg-hover-lnb)}.lnb-bottom-icon{width:20px;height:20px;color:var(--base-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lnb-bottom-icon svg,.lnb-bottom-icon img{width:100%;height:100%}.lnb-bottom-icon svg{fill:currentColor;color:currentColor}.lnb-bottom-icon svg use{color:inherit}.lnb-bottom-text{font-family:var(--typography-body-md-family);font-size:var(--typography-body-md-size);font-weight:var(--typography-body-md-weight-medium);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;line-height:1.3}.lnb-collapsed .lnb-bottom-menu{flex-direction:column;align-items:center;gap:16px;width:100%}.lnb-collapsed .lnb-bottom-item{border-radius:var(--radius-8);justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto;padding:8px}.lnb-collapsed .lnb-bottom-text{display:none}.lnb::-webkit-scrollbar{width:6px}.lnb::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.lnb::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.lnb::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}@media (max-width:900px){.lnb,.side-bar,#side-bar{width:80px;padding:20px}.lnb-logo-full{display:none}.lnb-logo-compact{display:block}.lnb-logo-text{display:none}.lnb-menu-item{justify-content:center}.lnb-menu-text{display:none}.lnb-search{justify-content:center;width:100%}.lnb-search-input{flex:none;justify-content:center;width:40px;height:40px;padding:10px}.lnb-search-input input{display:none}.lnb-search-icon{margin-left:0}.lnb-bottom-text{display:none}.lnb-bottom-item{justify-content:center}}.sidebar-container{width:100%;height:100%}body.lnb-demo{background-color:var(--neutral-900);min-height:100vh;margin:0;padding:0;display:flex}.demo-container{width:100%;min-height:100vh;display:flex}.demo-content{background-color:var(--neutral-900);flex:1;padding:40px}.demo-content h1{color:var(--base-white);font-size:var(--typography-heading-lg-size);font-weight:var(--typography-heading-lg-weight);margin-bottom:20px}.demo-content h2{color:var(--base-white);font-size:var(--typography-heading-sm-size);font-weight:var(--typography-heading-sm-weight);margin-bottom:16px}.demo-content h3{color:var(--base-white);font-size:var(--typography-body-lg-size);font-weight:var(--typography-body-lg-weight-semibold);margin-bottom:12px}.demo-content p{color:var(--neutral-400);font-size:var(--typography-body-md-size);line-height:1.6}.demo-content ul{color:var(--neutral-400);line-height:1.8}.demo-content strong{color:var(--color-text-secondary)}.demo-content code{background-color:var(--neutral-800);border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.demo-content pre{color:var(--color-text-secondary);background-color:var(--neutral-950);border-radius:8px;padding:16px;font-size:13px;line-height:1.6;overflow-x:auto}.demo-content table{width:100%;color:var(--color-text-secondary);border-collapse:collapse}.demo-content thead tr{border-bottom:1px solid var(--neutral-700)}.demo-content tbody tr{border-bottom:1px solid var(--neutral-800)}.demo-content th,.demo-content td{text-align:left;padding:12px}.demo-content th{color:var(--base-white)}.toggle-button{background-color:var(--color-bg-button-primary);color:var(--base-white);cursor:pointer;font-family:var(--typography-body-md-family);font-size:var(--typography-body-md-size);font-weight:var(--typography-body-md-weight-medium);z-index:1000;border:none;border-radius:5px;padding:10px 20px;transition:background-color .2s;position:fixed;top:20px;right:20px}.toggle-button:hover{background-color:var(--color-bg-button-primary-hover)}.lnb-list{border-radius:var(--radius-8);box-sizing:border-box;cursor:pointer;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;width:200px;height:40px;padding:10px 14px;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.lnb-list:hover,.lnb-list.lnb-list-selected{background-color:var(--color-bg-hover-lnb)}.lnb-list.lnb-list-selected .lnb-list-icon,.lnb-list.lnb-list-selected .lnb-list-icon svg,.lnb-list.lnb-list-selected .lnb-list-text{color:var(--color-text-hover-lnb)}.lnb-list-icon{width:20px;height:20px;color:var(--base-white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lnb-list-icon svg,.lnb-list-icon img{width:100%;height:100%}.lnb-list-icon svg{fill:currentColor;color:currentColor}.lnb-list-icon svg use{color:inherit}.lnb-list-text{font-family:var(--typography-body-lg-family);font-size:var(--typography-body-lg-size);font-weight:var(--typography-body-lg-weight-semibold);line-height:var(--typography-body-lg-line-height);letter-spacing:var(--typography-body-lg-letter-spacing);color:var(--color-text-primary-a);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;overflow:hidden}.component-container{background-color:var(--neutral-900);min-height:100vh;padding:40px}.component-container h2{color:var(--base-white);font-size:var(--typography-heading-md-size);font-weight:var(--typography-heading-md-weight);margin-bottom:30px}.list-group{margin-bottom:40px}.list-group h3{color:var(--base-white);font-size:var(--typography-body-lg-size);font-weight:var(--typography-body-lg-weight-semibold);margin-bottom:20px}.list-container{margin-right:20px;display:inline-flex}.list-item-small.list-container{flex-direction:row;gap:8px;width:auto}
.contents-area{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:30px;width:100%;height:100%;padding:0 30px;display:flex;position:relative}.contents-title-area{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:4px;width:100%;height:64px;display:flex;position:relative}.contents-container,.contents-info{flex-direction:column;flex-shrink:0;align-items:flex-start;width:100%;display:flex;position:relative}.contents-alert-banner{border:1px solid var(--color-border-primary);box-sizing:border-box;border-radius:5px;flex-shrink:0;align-items:center;gap:10px;width:100%;height:50px;padding:0 20px 0 16px;display:flex;position:relative}.contents-alert-icon{flex-shrink:0;width:19.2px;height:19.2px;position:relative}.contents-alert-icon img{width:100%;max-width:none;height:100%;display:block}.contents-alert-text{min-width:0;min-height:0;font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);letter-spacing:-.2px;color:var(--color-text-tertiary);flex:1 0;line-height:16px;position:relative}.contents-alert-close-btn{background-color:var(--color-bg-button-neutral);box-sizing:border-box;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:28px;padding:0 14px;display:flex;position:relative}.contents-alert-close-btn-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-12);font-weight:var(--font-weight-regular);color:var(--color-text-primary-a);white-space:nowrap;flex-shrink:0;line-height:16px;position:relative}.contents-info-text{height:50px;font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);letter-spacing:-.2px;flex-shrink:0;align-items:center;gap:6px;width:100%;line-height:16px;display:flex;position:relative}.contents-info-text-normal{color:var(--color-text-tertiary);flex-direction:column;flex-shrink:0;justify-content:center;display:flex;position:relative}.contents-info-text-link{color:var(--color-text-warning);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;display:flex;position:relative}.contents-filter{border-top:1px solid var(--color-border-primary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:50px;padding:10px;display:flex;position:relative}.contents-filter-left{flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}.contents-filter-icon{flex-shrink:0;width:20px;height:20px;position:relative}.contents-filter-icon-layer{position:absolute;top:29.17%;bottom:29.17%;left:16.67%;right:16.67%}.contents-filter-icon-layer img{width:100%;max-width:none;height:100%;display:block}.contents-filter-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);letter-spacing:-.2px;color:var(--color-text-primary-a);text-align:center;white-space:nowrap;flex-direction:column;flex-shrink:0;justify-content:center;line-height:16px;display:flex;position:relative}.contents-filter-right{flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.contents-filter-help-icon{flex-shrink:0;width:19.2px;height:19.2px;position:relative}.contents-filter-help-icon-layer{position:absolute;top:12.5%;bottom:12.5%;left:12.5%;right:12.5%}.contents-filter-help-icon-layer img{width:100%;max-width:none;height:100%;display:block}.contents-filter-help-text{width:6px;height:12px;font-family:var(--font-family-pretendard);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary-a);line-height:normal;position:absolute;top:3.6px;left:7px}.contents-filter-divider{flex-shrink:0;width:0;height:14px;position:relative}.contents-filter-divider img{width:100%;max-width:none;height:100%;display:block;position:absolute;top:-3.57%;bottom:-3.57%;left:-.5px;right:-.5px}.contents-filter-package-icon{flex-shrink:0;width:19.2px;height:19.2px;position:relative}.contents-filter-package-icon-layer{position:absolute;top:10%;bottom:10%;left:15.36%;right:15.36%}.contents-filter-package-icon-layer img{width:100%;max-width:none;height:100%;display:block}.contents-table{box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:flex-start;width:100%;padding:0;display:flex;position:relative}.contents-table-header{background-color:var(--color-bg-neutral-800);box-sizing:border-box;flex-shrink:0;align-items:center;width:100%;height:50px;margin-bottom:-1px;display:flex;position:relative}.contents-table-header-cell{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;gap:10px;height:100%;padding:10px;display:flex;position:relative}.contents-table-header-cell-checkbox{border-radius:5px 0 0 5px;width:44px;padding:10px 10px 10px 16px}.contents-table-header-cell-name{width:200px}.contents-table-header-cell-region{width:130px}.contents-table-header-cell-version{width:70px}.contents-table-header-cell-type{flex:1;min-width:0;min-height:0}.contents-table-header-cell-created{width:190px}.contents-table-header-cell-label{border-radius:0 5px 5px 0;width:200px}.contents-table-header-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);letter-spacing:-.2px;color:var(--color-text-primary-a);text-align:center;white-space:nowrap;flex-direction:column;flex-shrink:0;justify-content:center;line-height:16px;display:flex;position:relative}.contents-table-header-sort{flex-shrink:0;width:14.4px;height:14.4px;position:relative}.contents-table-header-sort-layer{position:absolute;top:20%;bottom:20%;left:35%;right:35%}.contents-table-header-sort-layer img{width:100%;max-width:none;height:100%;display:block}.contents-checkbox{opacity:.38;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.contents-checkbox-layer{border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.contents-checkbox-container{border:2px solid var(--color-border-secondary);cursor:pointer;border-radius:2px;flex-shrink:0;width:18px;height:18px;transition:all .2s}.contents-checkbox-container:hover{border-color:var(--color-text-primary-a)}.contents-checkbox-container.checked{background-color:var(--color-bg-button-primary);border-color:var(--color-bg-button-primary);position:relative}.contents-checkbox-container.checked:after{content:"✓";color:var(--color-text-primary-a);font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contents-table-body{box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:flex-start;width:100%;margin-bottom:-1px;display:flex;position:relative}.contents-table-row{border-bottom:1px solid var(--color-border-primary);box-sizing:border-box;flex-shrink:0;align-items:center;width:100%;display:flex;position:relative}.contents-table-cell{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;gap:10px;height:60px;padding:10px;display:flex;position:relative}.contents-table-cell-checkbox{width:44px;padding:10px 10px 10px 16px}.contents-table-cell-name{width:200px}.contents-table-cell-region{width:130px}.contents-table-cell-version{width:70px}.contents-table-cell-type{flex:1;min-width:0;min-height:0}.contents-table-cell-created{width:190px}.contents-table-cell-label{width:200px}.contents-table-cell-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);letter-spacing:-.2px;color:var(--color-text-primary-a);text-align:center;white-space:nowrap;flex-shrink:0;line-height:16px;position:relative}.contents-table-cell-text-info{color:var(--color-text-info)}.contents-table-cell-text-info-bold{color:var(--color-text-info-bold);font-weight:var(--font-weight-semibold)}.contents-pagination{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:100%;margin-bottom:-1px;padding:15px 0 0;display:flex;position:relative}.contents-pagination-item{box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-width:38px;height:32px;padding:10px;display:flex;position:relative}.contents-pagination-icon{flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden}.contents-pagination-icon-layer{position:absolute;top:20%;bottom:20%;left:29.99%;right:37.5%}.contents-pagination-icon-layer img{width:100%;max-width:none;height:100%;display:block}.contents-pagination-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--semantic-color-font-secondary);white-space:nowrap;flex-shrink:0;line-height:1.3;position:relative}.contents-pagination-item{cursor:pointer;transition:all .2s}.contents-pagination-item:hover{background-color:var(--color-bg-neutral-800);border-radius:4px}.contents-pagination-item.active{background-color:var(--color-bg-button-primary);border-radius:4px}.contents-pagination-item.active .contents-pagination-text{color:var(--color-text-primary-a)}.contents-pagination-icon-rotated{justify-content:center;align-items:center;display:flex;position:absolute;top:20%;bottom:20%;left:29.99%;right:37.5%}.contents-pagination-icon-rotated-inner{flex:none;width:7.802px;height:14.401px;transform:rotate(180deg)}.contents-pagination-icon-rotated-inner img{width:100%;max-width:none;height:100%;display:block;position:relative}
.layout{background-color:var(--neutral-950);box-sizing:border-box;align-items:flex-start;width:100%;height:100vh;display:flex;position:relative;box-shadow:10px 25px 35px rgba(112,85,162,.1)}.body{background-color:var(--color-bg-primary);flex-direction:column;flex:1 0;align-items:flex-start;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.contents{flex-direction:column;flex:1 0;width:100%;min-width:0;min-height:0;display:flex}.container-head{border:1px dashed var(--color-body-dashed);background-color:var(--color-bg-primary);height:100px}.container-body{background-color:var(--color-bg-primary);flex-direction:column;flex:1;padding:0;display:flex;overflow-y:auto}.container-foot{border:1px dashed var(--color-body-dashed);background-color:var(--color-bg-primary)}
.footer{border:1px solid red;height:80px}


.btn{box-sizing:border-box;cursor:pointer;font-family:var(--font-family-pretendard);color:var(--base-white);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;transition:background-color .2s;display:inline-flex}.btn-lg{height:52px;font-size:var(--typography-body-lg-size);font-weight:var(--typography-body-lg-weight-semibold);line-height:var(--typography-body-lg-line-height);letter-spacing:var(--typography-body-lg-letter-spacing);border-radius:5px;padding:0 32px}.btn-md{height:38px;font-size:var(--typography-body-md-size);font-weight:var(--typography-body-md-weight-medium);line-height:var(--typography-body-md-line-height);letter-spacing:var(--typography-body-md-letter-spacing);border-radius:5px;padding:0 28px}.btn-sm{height:28px;font-size:var(--typography-body-sm-size);font-weight:var(--typography-body-sm-weight-regular);line-height:var(--typography-body-sm-line-height);letter-spacing:var(--typography-body-sm-letter-spacing);border-radius:3px;padding:0 14px}.btn-primary{background-color:var(--color-bg-button-primary)}.btn-primary:hover{background-color:var(--color-bg-button-primary-hover)}.btn-primary:active{background-color:var(--color-bg-button-primary)}.btn-secondary{background-color:var(--color-bg-button-secondary)}.btn-secondary:hover{background-color:var(--color-bg-button-secondary-hover)}.btn-secondary:active{background-color:var(--color-bg-button-secondary)}.btn-neutral{background-color:var(--color-bg-button-neutral)}.btn-neutral:hover{background-color:var(--color-bg-button-neutral-hover)}.btn-neutral:active{background-color:var(--color-bg-button-neutral)}.btn-text{flex-shrink:0;position:relative}.login-submit-btn{width:400px;height:52px}.contents-area-actions .btn{width:400px;max-width:400px}.component-container{background-color:var(--neutral-900);min-height:100vh;padding:40px}.component-container h2{color:var(--base-white);font-size:var(--font-size-24);margin-bottom:30px}.button-group{margin-bottom:30px}.button-group h3{color:var(--base-white);font-size:var(--font-size-16);margin-bottom:15px}.button-group button{margin-bottom:12px;margin-right:12px}.btn-login-google{border:1px solid var(--color-text-tertiary);background-color:var(--color-icon-primary);cursor:pointer;box-sizing:border-box;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:400px;height:48px;padding:12px 16px;transition:all .2s;display:flex}.btn-login-google:hover{border-color:var(--color-border-focus-ring);background-color:var(--color-bg-secondary)}.btn-login-google:active{background-color:var(--color-bg-secondary)}.btn-login-google__logo{flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-login-google__logo svg{flex-shrink:0;width:45px;height:45px}.btn-login-google__logo img{object-fit:contain;width:100%;height:100%}.btn-login-google__text{font-family:var(--font-family-pretendard);font-size:var(--typography-body-lg-size);font-weight:var(--typography-body-lg-weight-semibold);line-height:var(--typography-body-lg-line-height);letter-spacing:var(--typography-body-lg-letter-spacing);color:var(--color-text-primary-d);white-space:nowrap}.btn-login-google__content{justify-content:center;align-items:center;gap:10px;display:flex}
.logo{align-items:flex-start;gap:1.467px;width:168px;height:33px;display:flex}.logo__icon{flex-shrink:0;justify-content:center;align-items:center;width:42.533px;height:33.187px;display:flex;position:relative}.logo__svg{width:100%;height:100%;display:block}.logo__text{color:#ededed;white-space:nowrap;letter-spacing:0;flex-shrink:0;margin:0;font-family:Pretendard,sans-serif;font-size:25.6px;font-weight:800;line-height:1.3}.logo--small{gap:8px;width:100px;height:20px}.logo--small .logo__icon{width:32px;height:25px}.logo--small .logo__text{font-size:20px}.logo--large{gap:16px;width:200px;height:40px}.logo--large .logo__icon{width:64px;height:50px}.logo--large .logo__text{font-size:40px}.logo--light .logo__text{color:#fff}.logo--dark .logo__text{color:#222}.logo--primary .logo__text{color:#312c85}.logo--icon-only{width:42.533px;height:33.187px}.logo--icon-only .logo__text{display:none}.logo--text-only{width:auto;height:auto}.logo--text-only .logo__icon{display:none}@media (max-width:768px){.logo{gap:10px;width:110px;height:22px}.logo__icon{width:35px;height:27px}.logo__text{font-size:21px}}@media (max-width:480px){.logo{gap:8px;width:90px;height:18px}.logo__icon{width:28px;height:22px}.logo__text{font-size:18px}}
.chips-01{background-color:var(--color-bg-neutral-800);border:1px solid var(--color-border-primary);box-sizing:border-box;cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:100.667px;min-width:100.667px;height:46px;padding:8px 20px;transition:all .2s;display:flex;position:relative}.chips-01:hover{border-color:var(--color-border-focus-ring)}.chips-01-selected{border:2px solid var(--color-border-focus-ring)}.chips-01-hover{border-color:var(--color-border-focus-ring)}.chips-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--color-text-primary-a);white-space:nowrap;flex-shrink:0;line-height:1.3;position:relative}.chips-02{background-color:var(--color-bg-neutral-800);border:1px solid var(--color-border-primary);box-sizing:border-box;cursor:pointer;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:217px;height:156px;padding:24px;transition:all .2s;display:flex;position:relative}.chips-02:hover{border-color:var(--color-border-focus-ring)}.chips-02-hover{border:1px solid var(--color-border-focus-ring)}.chips-02-selected{border:2px solid var(--color-border-focus-ring)}.chips-02-header{background-color:var(--color-bg-button-secondary);box-sizing:border-box;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;height:30px;padding:0 14px;display:flex;position:relative}.chips-02-header-hover{background-color:var(--color-bg-button-secondary)}.chips-02-header-selected{background-color:var(--color-bg-brand)}.chips-02-title{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);letter-spacing:-.2px;color:var(--color-text-primary-a);white-space:nowrap;flex-shrink:0;line-height:16px;position:relative}.chips-02-content{flex-direction:column;flex-shrink:0;align-items:flex-start;width:100%;display:flex;position:relative}.chips-02-row{border-bottom:1px solid var(--neutral-800);box-sizing:border-box;flex-shrink:0;align-items:center;gap:11px;width:100%;height:36px;display:flex;position:relative}.chips-02-row:last-child{border-bottom:none}.chips-02-label{flex-shrink:0;align-items:center;gap:10px;width:80px;height:100%;display:flex;position:relative}.chips-02-label p{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);letter-spacing:-.2px;color:var(--color-text-disabled);white-space:nowrap;flex-shrink:0;line-height:16px;position:relative}.chips-02-value{flex-shrink:0;align-items:center;gap:10px;width:80px;height:100%;display:flex;position:relative}.chips-02-value p{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);letter-spacing:-.2px;color:var(--color-text-primary-a);white-space:nowrap;flex-shrink:0;line-height:16px;position:relative}.component-container{background-color:var(--neutral-900);min-height:100vh;padding:40px}.component-container h2{color:var(--base-white);font-size:var(--font-size-24);margin-bottom:30px}.chips-group{margin-bottom:40px}.chips-group h3{color:var(--base-white);font-size:var(--font-size-16);margin-bottom:20px}.chips-01{margin-right:12px}.chips-row{flex-wrap:wrap;gap:20px;display:flex}
.tab-list{background-color:transparent;align-items:center;gap:0;display:inline-flex}.tab-item{background-color:var(--color-bg-button-secondary);cursor:pointer;height:50px;font-family:var(--typography-body-lg-family);font-size:var(--typography-body-lg-size);font-weight:var(--typography-body-lg-weight-semibold);line-height:var(--typography-body-lg-line-height);letter-spacing:var(--typography-body-lg-letter-spacing);color:var(--neutral-400);box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:10.638px;padding:0 40px;transition:all .2s;display:flex}.tab-item:hover{background-color:var(--color-bg-button-secondary-hover)}.tab-item-active{background-color:var(--color-bg-brand);color:var(--color-text-primary-a)}.tab-item-active:hover{background-color:var(--color-bg-brand)}.tab-text{white-space:nowrap}.tab-container{width:100%}.tab-content{background-color:var(--neutral-800);border-radius:var(--radius-8);min-height:200px;margin-top:20px;padding:24px}.tab-panel{display:none}.tab-panel-active{display:block}.tab-panel p{font-family:var(--typography-body-md-family);font-size:var(--typography-body-md-size);line-height:var(--typography-body-md-line-height);color:var(--color-text-primary-a)}.component-container{background-color:var(--neutral-900);min-height:100vh;padding:40px}.component-container h2{color:var(--base-white);font-size:var(--font-size-24);margin-bottom:30px}.tab-group{margin-bottom:40px}.tab-group h3{color:var(--base-white);font-size:var(--font-size-16);margin-bottom:20px}
.input-wrapper{background-color:var(--neutral-800);border:1px solid var(--neutral-600);box-sizing:border-box;border-radius:8px;flex-shrink:0;align-items:center;width:100%;height:46px;padding:0 16px;transition:all .2s;display:flex;position:relative}.input-field{font-family:var(--font-family-pretendard);letter-spacing:-.2px;color:var(--color-text-primary-a);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:15px 0;font-size:14px;font-weight:400;line-height:16px}.input-field::placeholder{color:var(--color-text-tertiary);font-weight:400}.input-wrapper.input-default{border-color:var(--neutral-600)}.input-wrapper.input-default .input-field{color:var(--color-text-tertiary);font-weight:400}.input-wrapper.input-typing{border-color:var(--neutral-600)}.input-wrapper.input-typing .input-field{color:var(--color-text-primary-a);font-weight:500}.input-wrapper.input-done{border-color:var(--neutral-600)}.input-wrapper.input-done .input-field{color:var(--color-text-primary-a);font-weight:500}.input-wrapper.input-disabled{opacity:.5;cursor:not-allowed}.input-wrapper.input-disabled .input-field{cursor:not-allowed;color:var(--color-text-disabled);font-weight:600}.input-wrapper:focus-within{border-color:var(--color-border-focus-ring);outline:none}.input-textarea{resize:vertical;min-height:100px;padding:15px 0;line-height:1.5}.input-container{flex-direction:column;gap:20px;width:100%;display:flex}.input-group{flex-direction:column;gap:8px;width:100%;display:flex}.input-label{font-family:var(--font-family-pretendard);letter-spacing:-.2px;color:var(--color-text-primary-a);margin-bottom:8px;font-size:14px;font-weight:500;line-height:16px;display:block}.input-icon{width:20px;height:20px;color:var(--neutral-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-icon svg{width:100%;height:100%}.input-wrapper-sm{min-height:36px;padding:0 12px}.input-wrapper-sm .input-field{font-size:var(--typography-body-sm-size);padding:8px 0}.input-wrapper-lg{min-height:56px;padding:0 20px}.input-wrapper-lg .input-field{font-size:var(--typography-body-lg-size);padding:18px 0}.component-container{background-color:var(--neutral-900);min-height:100vh;padding:40px}.component-container h2{color:var(--base-white);font-size:var(--font-size-24);margin-bottom:30px}.input-group{max-width:400px;margin-bottom:30px}.input-group h3{color:var(--base-white);font-size:var(--font-size-16);margin-bottom:15px}.input-group .input-label{margin-top:10px}.input-group .input-wrapper{margin-bottom:15px}
.search-wrapper{background-color:var(--search-bg-default);border:1px solid var(--search-border-default);box-sizing:border-box;align-items:center;gap:var(--search-gap);padding:var(--search-padding-expand);border-radius:var(--search-border-radius);width:var(--search-width-expand);height:var(--search-height);flex-shrink:0;transition:all .2s;display:flex;position:relative}.search-field{font-family:var(--font-family-pretendard);letter-spacing:-.2px;color:var(--color-text-primary-a);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:14px;font-weight:400;line-height:16px}.search-field::placeholder{color:var(--search-text-default);font-weight:400}.search-icon{width:20px;height:20px;color:var(--search-icon-color-default);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.search-icon:hover{color:var(--search-icon-color-hover)}.search-icon img{width:100%;height:100%;display:block}.search-wrapper.search-expand-default{border-color:var(--search-border-default);border-radius:var(--search-border-radius)}.search-wrapper.search-expand-default .search-field{color:var(--search-text-default);font-weight:400}.search-wrapper.search-expand-typing{border-color:var(--search-border-default);border-radius:var(--search-border-radius)}.search-wrapper.search-expand-typing .search-field{color:var(--search-text-typing);font-weight:500}.search-wrapper.search-expand-done{border-color:var(--search-border-default);border-radius:var(--search-border-radius)}.search-wrapper.search-expand-done .search-field{color:var(--search-text-done);font-weight:500}.search-wrapper.search-expand-disabled{opacity:.5;cursor:not-allowed;border-radius:var(--search-border-radius)}.search-wrapper.search-expand-disabled .search-field{cursor:not-allowed;color:var(--search-text-disabled);font-weight:400}.search-wrapper.search-shorten-default{width:var(--search-width-shorten);padding:var(--search-padding-shorten);border-radius:var(--search-border-radius);background-color:transparent;border:none}.search-wrapper.search-shorten-default .search-field{display:none}.search-wrapper.search-shorten-default .search-icon{color:var(--search-shorten-icon-default)}.search-wrapper.search-shorten-hover{width:var(--search-width-shorten);padding:var(--search-padding-shorten);background-color:var(--search-shorten-bg-hover);border-radius:var(--search-border-radius);border:none}.search-wrapper.search-shorten-hover .search-field{display:none}.search-wrapper.search-shorten-hover .search-icon{color:var(--search-shorten-icon-default)}.search-wrapper.search-shorten-disabled{width:var(--search-width-shorten);padding:var(--search-padding-shorten);opacity:.5;cursor:not-allowed;border-radius:var(--search-border-radius);background-color:transparent;border:none}.search-wrapper.search-shorten-disabled .search-field{cursor:not-allowed;display:none}.search-wrapper.search-shorten-disabled .search-icon{color:var(--search-shorten-icon-disabled);opacity:.5;cursor:not-allowed}.search-wrapper:focus-within{border-color:var(--color-border-focus-ring);outline:none}.search-container{flex-direction:column;gap:20px;width:100%;display:flex}.search-group{flex-direction:column;gap:8px;width:100%;display:flex}.search-label{font-family:var(--font-family-pretendard);letter-spacing:-.2px;color:var(--color-text-primary-a);margin-bottom:8px;font-size:14px;font-weight:500;line-height:16px;display:block}
.modal-body{background-color:var(--neutral-950);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}.modal__overlay{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal__backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:0;background:rgba(0,0,0,.6);display:block;position:absolute;top:0;bottom:0;left:0;right:0}.modal__container{z-index:1;box-sizing:border-box;background:0 0;border:none;border-radius:0;position:relative;overflow:hidden;box-shadow:10px 10px 40px rgba(0,0,0,.6)}.modal__container--size-sm{width:400px}.modal__container--size-lg{width:600px}.modal__popup-top{border:1px solid var(--color-border-focus-ring-2);border-top-left-radius:var(--radius-12);border-top-right-radius:var(--radius-12);background:var(--color-bg-primary);border-bottom:none;flex-direction:column;gap:40px;padding:50px 40px 20px;display:flex;position:relative}.modal__title{font-family:var(--typography-heading-lg-family,var(--font-family-pretendard));font-size:var(--typography-heading-lg-size,var(--font-size-28));font-weight:var(--typography-heading-lg-weight,var(--font-weight-semibold));line-height:var(--typography-heading-lg-line-height,1.2);color:var(--color-text-primary-a);margin:0}.modal__title--lg{text-align:left}.modal__title-section{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.modal__description{font-family:var(--font-family-pretendard);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);line-height:var(--typography-body-lg-line-height);color:var(--color-text-tertiary);margin:0}.modal__description p{margin:0 0 4px}.modal__description p:last-child{margin-bottom:0}.modal__close-wrapper{justify-content:flex-end;align-items:center;width:100%;margin-bottom:0;display:flex}.modal__close-btn{width:20px;height:20px;color:var(--color-icon-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.modal__close-btn:hover{color:var(--color-icon-primary)}.modal__close-btn--absolute{width:24px;height:24px;position:absolute;top:30px;right:40px}.modal__content{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.modal__loading-image{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px 0;display:flex}.modal__loading-image img{object-fit:contain;width:100%;max-width:340px;height:auto}.modal__loading-image--original{padding:0}.modal__loading-image--original .loading-img-original{width:auto;max-width:none;height:auto}.modal__popup-body{background:var(--color-bg-primary);border-left:1px solid var(--color-border-focus-ring-2);border-right:1px solid var(--color-border-focus-ring-2);border-bottom:none;padding:0 40px}.modal__popup-body-content{flex-direction:column;gap:20px;width:100%;display:flex}.modal__resource-card{align-items:flex-start;gap:16px;width:100%;display:flex}.modal__resource-wrapper{flex-direction:column;flex:1;gap:8px;display:flex}.modal__resource-card{width:100%}.modal__info-box{border-radius:var(--radius-8);background:var(--color-bg-box-01);flex-direction:column;gap:20px;width:100%;padding:30px;display:flex}.modal__info-header{background:var(--color-bg-button-secondary);border-radius:var(--radius-5);text-align:center;border-radius:5px;padding:12px 0}.modal__info-title{font-family:var(--font-family-pretendard);font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);line-height:var(--line-height-20);color:var(--color-text-primary-a)}.modal__info-content{justify-content:center;align-items:center;gap:30px;display:flex}.modal__info-column{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.modal__info-label{justify-content:center;display:flex}.modal__info-label-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);line-height:var(--line-height-16);color:var(--color-text-secondary)}.modal__info-value{justify-content:center;align-items:center;height:48px;display:flex}.modal__info-value-content{align-items:flex-end;gap:4px;display:flex}.modal__info-value-number{font-family:var(--font-family-pretendard);font-size:var(--font-size-40);font-weight:var(--font-weight-bold);line-height:var(--line-height-48);color:var(--color-text-primary-a)}.modal__info-value-unit{font-family:var(--font-family-pretendard);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);line-height:var(--line-height-20);color:var(--color-text-primary-a)}.modal__info-divider{background:var(--neutral-700);width:1px;height:74px}.modal__input-section{align-items:flex-start;gap:16px;width:100%;display:flex}.modal__input-wrapper{flex-direction:column;flex:1;display:flex}.modal__input-hint{align-self:stretch;align-items:center;gap:10px;height:40px;display:flex}.modal__input-hint-text{font-family:var(--typography-body-sm-family,var(--font-family-pretendard));font-size:var(--typography-body-sm-size,var(--font-size-12));font-weight:var(--typography-body-sm-weight-regular,var(--font-weight-regular));line-height:var(--typography-body-sm-line-height,var(--line-height-16));color:var(--color-text-tertiary);margin:0}.modal__popup-bottom{background:var(--color-bg-primary);border:1px solid var(--color-border-focus-ring-2);border-bottom-left-radius:var(--radius-12);border-bottom-right-radius:var(--radius-12);border-top:none;padding:0 40px 45px}.modal__popup-bottom-content{flex-direction:column;gap:20px;width:100%;display:flex}.modal__divider{background:var(--neutral-700);height:1px}.modal__actions{justify-content:center;align-items:flex-start;gap:12px;width:100%;display:flex}.modal--type-01 .modal__container{background-color:var(--neutral-900);border:1px solid var(--color-border-focus-ring-2);border-radius:12px;width:400px;padding:20px 30px 40px}.modal--type-01 .modal__title{font-family:var(--font-family-pretendard);font-size:24px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary-a);text-align:center;line-height:1.2}.modal--type-01 .modal__description{font-family:var(--font-family-pretendard);font-size:16px;font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);text-align:center;line-height:20px}.modal--type-01 .modal__actions .btn{background-color:var(--color-bg-brand);border-radius:5px;height:38px;padding:0 28px;transition:background-color .2s}.modal--type-01 .modal__actions .btn:hover{background-color:var(--color-bg-button-primary)}.modal__actions--split{gap:12px}.modal--type-02 .modal__actions .btn{border-radius:5px;height:52px;padding:0 32px}@media (max-width:768px){.modal__container--size-sm{width:calc(100% - 32px);margin:16px;padding:20px}.modal__container--size-lg{width:calc(100% - 32px);margin:16px}.modal__popup-top{padding:20px 20px 16px}.modal__popup-body{padding:0 20px}.modal__popup-bottom{padding:0 20px 20px}.modal__title{font-size:var(--font-size-20)}.modal__title--lg{font-size:var(--font-size-24)}.modal__description{font-size:var(--font-size-14)}.modal__actions{flex-direction:column;gap:8px}.modal__actions .btn{align-self:center}.modal__close-btn--absolute{top:20px;right:20px}.modal__info-content{flex-direction:column;gap:16px}.modal__info-divider{width:100%;height:1px}}
.badge-status{padding:var(--spacing-8)var(--spacing-8);height:var(--spacing-20);border-radius:var(--radius-20);font-family:var(--font-family-pretendard);font-size:var(--font-size-10);font-weight:var(--font-weight-semibold);line-height:var(--line-height-16);letter-spacing:0;white-space:nowrap;box-sizing:border-box;background-color:transparent;justify-content:center;align-items:center;min-width:-moz-fit-content;min-width:fit-content;display:inline-flex}.badge-status-stopped{border:1px solid var(--orange-500);color:var(--orange-500)}.badge-status-active{border:1px solid var(--indigo-500);color:var(--indigo-300)}.badge-status-provisioning{border:1px solid var(--teal-400);color:var(--teal-400)}.component-container{background-color:var(--neutral-900);min-height:100vh;padding:40px}.component-container h2{color:var(--base-white);font-size:var(--typography-heading-md-size);font-weight:var(--typography-heading-md-weight);margin-bottom:30px}.badge-group{margin-bottom:30px}.badge-group h3{color:var(--base-white);font-size:var(--typography-body-lg-size);font-weight:var(--typography-body-lg-weight-semibold);margin-bottom:15px}.badge-group .badge-status{margin-bottom:12px;margin-right:12px}
.divider{background-color:var(--color-divider-default);border:none;flex-shrink:0;width:100%;height:1px;margin:0;padding:0}.divider--lnb{background-color:var(--color-divider-lnb);border:none;flex-shrink:0;width:100%;height:1px;margin:0;padding:0}.divider--spaced{margin:16px 0}.divider--spaced-sm{margin:8px 0}.divider--spaced-lg{margin:24px 0}.divider--full{width:100%}.divider--half{width:50%}.divider--quarter{width:25%}.divider--thick{height:2px}.divider--thin{height:.5px}.divider--subtle{opacity:.5}.divider--strong{opacity:1}@media (max-width:768px){.divider--responsive{margin:12px 0}}.divider--section{background-color:var(--color-border-primary);margin:32px 0}.divider--item{background-color:var(--color-border-secondary);margin:8px 0}.divider--animated{transition:all .3s}.divider--animated:hover{background-color:var(--color-border-focus-ring);height:2px}
.title-area{flex-direction:column;gap:4px;width:100%;margin-bottom:0;padding:0 30px 30px;display:flex}.title-area-header{flex-direction:column;gap:16px;display:flex}.title-area-title{color:var(--base-white);font-family:var(--font-family-pretendard);font-size:var(--font-size-28);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin:0;padding:0;line-height:1.2}.title-area-subtitle{color:var(--neutral-400);font-family:var(--font-family-pretendard);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-0);margin:0;padding:0;line-height:1.3}.title-area-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.title-area--large .title-area-title{font-size:var(--font-size-40);font-weight:var(--font-weight-bold);line-height:1.2}.title-area--large .title-area-subtitle{font-size:var(--font-size-18);font-weight:var(--font-weight-medium)}.title-area--small .title-area-title{font-size:var(--font-size-24);font-weight:var(--font-weight-semibold)}.title-area--small .title-area-subtitle{font-size:var(--font-size-14)}.title-area--with-icon{flex-direction:row;align-items:flex-start;gap:16px;display:flex}.title-area--with-icon .title-area-icon{background-color:var(--neutral-800);border-radius:var(--radius-12);border:1px solid var(--neutral-700);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.title-area--with-icon .title-area-icon svg{width:24px;height:24px;color:var(--base-white)}.title-area--with-icon .title-area-content{flex-direction:column;flex:1;gap:12px;display:flex}.title-area--with-badge{position:relative}.title-area-badge{background-color:var(--color-bg-noti-count);color:var(--base-white);font-size:var(--font-size-10);font-weight:var(--font-weight-semibold);border-radius:var(--radius-infinity);justify-content:center;align-items:center;min-width:16px;height:16px;padding:2px 6px;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.title-area--compact{margin-bottom:24px}.title-area--compact .title-area-title{font-size:var(--font-size-24);margin-bottom:8px}.title-area--compact .title-area-subtitle{font-size:var(--font-size-14)}.title-area--centered{text-align:center;align-items:center}.title-area--centered .title-area-actions{justify-content:center}.contents-breadcrumb{align-items:center;gap:6px;min-height:20px;margin-bottom:0;padding:2px 0;display:flex}.contents-breadcrumb-item{color:var(--color-text-disabled);font-family:var(--typography-body-md-family);font-size:var(--typography-body-md-size);font-weight:var(--font-weight-medium);letter-spacing:var(--typography-body-md-letter-spacing);white-space:nowrap;align-items:center;margin:0;padding:0;line-height:16px;display:inline-flex}.contents-breadcrumb-separator{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.contents-breadcrumb-separator img{object-fit:contain;width:20px;height:20px;color:var(--color-icon-secondary);filter:brightness(0)saturate()invert(25%)sepia(0%)saturate(0%)hue-rotate(153deg)brightness(96%)contrast(92%);display:block}.contents-title{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-bottom:0;padding:0;display:flex}.contents-title .btn{flex-shrink:0;width:auto}.contents-title-text{color:var(--color-text-primary-a);font-family:var(--font-family-pretendard);letter-spacing:-.2px;margin:0;padding:0;font-size:40px;font-weight:700;line-height:48px}@media (max-width:768px){.title-area{gap:20px;margin-bottom:32px}.title-area-header{gap:12px}.title-area-title{font-size:var(--font-size-24)}.title-area-subtitle{font-size:var(--font-size-14)}.title-area-actions{flex-direction:column;align-items:stretch;gap:8px}.title-area-actions .btn{justify-content:center;width:100%}.title-area--with-icon{text-align:center;flex-direction:column;align-items:center}.title-area--with-icon .title-area-content{align-items:center}.contents-breadcrumb{gap:6px;margin-bottom:16px}.contents-breadcrumb-item{font-size:var(--font-size-12)}.contents-title-text{font-size:var(--font-size-24)}}@media (max-width:480px){.title-area{gap:16px;margin-bottom:24px}.title-area-header{gap:8px}.title-area-title{font-size:var(--font-size-20)}.title-area-subtitle{font-size:var(--font-size-12)}.contents-breadcrumb{gap:4px;margin-bottom:12px}.contents-breadcrumb-item{font-size:var(--font-size-10)}.contents-title-text{font-size:var(--font-size-20)}}body{background-color:var(--neutral-900);font-family:var(--font-family-pretendard);margin:0;padding:0}.demo-section{background-color:var(--neutral-800);border-radius:var(--radius-12);margin-bottom:60px;padding:30px}.demo-title{color:var(--base-white);font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);margin-bottom:20px}
.table{width:100%;overflow:hidden}.table__header{background:var(--color-bg-neutral-800);padding:var(--spacing-16);align-items:center;gap:0;display:flex}.table__header-cell{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-a);white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.table__header-cell--checkbox{width:44px;padding-left:var(--spacing-16);padding-right:var(--spacing-10);justify-content:center}.table__header-cell--name{min-width:200px;padding:0 var(--spacing-10);flex:1;justify-content:center}.table__header-cell--actions{gap:var(--spacing-8);flex:none;justify-content:flex-end;padding:0;display:flex}.table__header-action{width:70px;font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-a);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.table__sort-icon{width:15px;height:15px;color:var(--color-text-primary-a);fill:none;transition:opacity .2s}.table__sort-icon use{color:inherit;fill:none}.table__header-cell--name:hover .table__sort-icon,.table__sort-icon:hover{opacity:1}.table__body{flex-direction:column;display:flex}.table__row{padding:var(--spacing-16);border-bottom:1px solid var(--color-divider-default);align-items:center;display:flex}.table__row:hover{background:var(--color-bg-hover-lnb)}.table__cell{align-items:center;gap:var(--spacing-8);display:flex}.table__cell--checkbox{justify-content:center;width:44px}.table__cell--name{flex:1;min-width:200px}.table__cell--actions{gap:var(--spacing-8);flex:none;justify-content:flex-end;display:flex}.table__action-item{justify-content:center;align-items:center;width:70px;display:flex}.table__cell-text{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-a);white-space:nowrap;cursor:pointer}.table__cell-text:hover{text-decoration:underline}.table__action-btn{border-radius:var(--radius-5);font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);color:var(--base-white);cursor:pointer;border:none;justify-content:center;align-items:center;padding:6px 16px;transition:all .2s;display:inline-flex}.table__action-btn--start{background:var(--color-bg-button-secondary)}.table__action-btn--start:hover{background:var(--color-bg-button-secondary-hover)}.table__action-btn--stop{background:var(--color-bg-button-secondary)}.table__action-btn--stop:hover{background:var(--color-bg-button-secondary-hover)}.table__action-btn--execute{background:var(--color-bg-button-primary)}.table__action-btn--execute:hover{background:var(--color-bg-button-primary-hover)}.table__action-btn--delete{background:var(--color-bg-button-neutral)}.table__action-btn--delete:hover{background:var(--color-bg-button-neutral-hover)}.table__checkbox{border:2px solid var(--neutral-300);cursor:pointer;opacity:.38;background:0 0;border-radius:2px;width:18px;height:18px;transition:all .2s}.table__checkbox:hover{opacity:1;border-color:var(--color-text-primary-a)}.table__checkbox--checked{background:var(--color-bg-button-primary);border-color:var(--color-bg-button-primary);opacity:1}.table__pagination{justify-content:center;align-items:center;gap:var(--spacing-8);padding:var(--spacing-20)var(--spacing-16);display:flex}.table__pagination-btn{border-radius:var(--radius-5);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.table__pagination-btn:hover{background:0 0}.table__pagination-btn--active{color:var(--base-white);background:0 0}.table__pagination-btn--active:hover{background:0 0}.table__pagination-btn svg{width:16px;height:16px}.component-container{padding:var(--spacing-40);background-color:var(--neutral-900);min-height:100vh}.component-container h2{color:var(--base-white);margin-bottom:var(--spacing-30);font-size:var(--font-size-24)}

.contents-area{flex-direction:column;gap:30px;width:100%;padding:0 30px 30px;display:flex}.contents-area-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.contents-area-inner{flex-direction:column;justify-content:center;align-items:center;gap:60px;display:flex}.contents-area-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:666px;height:122px;display:flex;position:relative}.contents-area-title-line{font-family:var(--font-family-pretendard);color:var(--color-text-primary-a);margin:0;padding:0;font-size:28px;font-weight:600;line-height:1.2}.contents-area-subtitle{font-family:var(--font-family-pretendard);color:var(--color-text-primary-a);margin:60px 0 0;padding:0;font-size:16px;font-weight:500;line-height:1.3}.contents-area-actions{flex-direction:column;align-items:center;gap:16px;width:400px;display:flex}.contents-area-link{font-family:var(--font-family-pretendard);letter-spacing:-.2px;color:var(--color-text-info-bold);text-align:center;cursor:pointer;width:327px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:16px}.contents-area-link-text{color:var(--color-text-tertiary)}.contents-area-link a{color:var(--color-text-info);text-decoration:none;transition:color .2s}.contents-area-link a:hover{color:var(--color-text-info-bold)}@media (max-width:768px){.contents-area-title{width:100%;max-width:666px}.contents-area-title-line{font-size:24px}.contents-area-subtitle{font-size:14px}.contents-area-actions{width:100%;max-width:400px}}@media (max-width:480px){.contents-area-title{width:100%}.contents-area-title-line{font-size:20px}.contents-area-subtitle{font-size:12px}.contents-area-actions{width:100%}}body{background-color:var(--neutral-900);font-family:var(--font-family-pretendard);margin:0;padding:0}
.instance,.instance-box{border:1px solid var(--neutral-700);background:var(--color-bg-box-02);border-radius:8px;flex-direction:column;gap:24px;width:100%;padding:32px;display:flex}.instance__title,.instance-header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-24);width:100%;display:flex}.instance__name,.instance-title{align-items:flex-end;gap:var(--spacing-8);display:flex}.instance__name h2,.instance-name{font-family:var(--font-family-pretendard);font-size:var(--font-size-24);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-a);white-space:nowrap;margin:0;line-height:1.2}.badge{padding:var(--spacing-8)var(--spacing-8);height:var(--spacing-20);border-radius:var(--radius-20);font-family:var(--font-family-pretendard);font-size:var(--font-size-10);font-weight:var(--font-weight-semibold);line-height:var(--line-height-16);letter-spacing:0;white-space:nowrap;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex}.badge--active,.badge-active{border:1px solid var(--indigo-500);color:var(--indigo-300);background-color:transparent;min-width:94px}.badge--provisioning,.badge-provisioning{border:1px solid var(--teal-400);color:var(--teal-400);background-color:transparent;min-width:94px}.badge--stopped,.badge-stopped{border:1px solid var(--orange-500);color:var(--orange-500);background-color:transparent;min-width:94px}.instance__time,.instance-timestamp{gap:12px;display:flex}.time-info,.timestamp-item{align-items:center;gap:var(--spacing-6);font-family:var(--font-family-pretendard);font-size:var(--font-size-14);color:var(--color-text-disabled);display:flex}.time-info--highlight,.timestamp-item.active{color:var(--color-text-primary-a)}.instance__stats,.instance-stats{gap:var(--spacing-20);width:100%;display:flex}.stat-card,.stats-card{background-image:linear-gradient(90deg,#27293b 0%,#27293b 100%),linear-gradient(90deg,#323659 0%,#323659 100%),linear-gradient(90deg,#1d1d1d 0%,#1d1d1d 100%),linear-gradient(90deg,#262626 0%,#262626 100%);border-radius:8px;flex-direction:column;flex:1;gap:10px;padding:30px;display:flex}.stat-card__title,.stats-title{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);color:var(--color-text-primary-a);text-align:center;margin:0}.stat-card__content{flex-direction:column;gap:10px;display:flex}.stat-value,.stats-value{color:var(--color-text-primary-a);align-items:baseline;gap:4px;display:flex}.stat-value__number,.stats-value .value{font-family:var(--font-family-pretendard);font-size:var(--font-size-48);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary-a);margin:0;padding:0;line-height:1}.stat-value__unit,.stats-value .unit{font-family:var(--font-family-pretendard);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-0);color:var(--color-text-primary-a);vertical-align:baseline;margin:0;padding:0;line-height:1}.unit-total,.stats-value .unit-total{color:var(--color-text-disabled)}.progress-bar,.stats-bar{background:var(--neutral-700);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar__fill,.stats-bar-progress{border-radius:var(--radius-full);height:100%}.progress-bar__fill[data-color=yellow],.stats-bar-progress[data-color=yellow]{background-color:var(--yellow-400)}.progress-bar__fill[data-color=red],.stats-bar-progress[data-color=red]{background-color:var(--red-500)}.progress-bar__fill[data-color=green],.stats-bar-progress[data-color=green]{background-color:var(--green-500)}.progress-bar__fill[data-color=blue],.stats-bar-progress[data-color=blue]{background-color:var(--blue-500)}.instance__info,.instance-details{gap:var(--spacing-30);width:100%;display:flex}.info-section,.detail-section{flex-direction:column;flex:1;align-items:flex-start;gap:12px;display:flex}.info-section__title,.detail-title{font-family:var(--font-family-pretendard);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);line-height:var(--line-height-16);color:var(--color-text-primary-a);height:var(--spacing-24);letter-spacing:var(--letter-spacing-tight);justify-content:center;align-items:center;margin:0;display:flex}.info-list,.detail-list{flex-direction:column;gap:4px;display:flex}.info-item,.detail-item{align-items:center;gap:11px;display:flex}.info-item__label,.detail-label{min-width:100px;font-family:var(--font-family-pretendard);font-size:var(--font-size-12);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);color:var(--neutral-400);letter-spacing:var(--letter-spacing-0)}.info-item__value,.detail-value{font-family:var(--font-family-pretendard);font-size:var(--font-size-12);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);color:var(--neutral-400);letter-spacing:var(--letter-spacing-0);word-break:break-all}.detail-value:hover{color:var(--color-text-secondary)}.divider,.detail-divider{background-color:var(--neutral-700);width:1px;height:auto}
.info-resourcecard-group{gap:var(--spacing-16);box-sizing:border-box;align-items:flex-start;width:100%;min-width:0;display:flex}.info-resourcecard{flex-direction:column;flex:1;min-width:0;display:flex}.info-resourcecard__card{width:100%;min-width:0;padding:var(--spacing-30);border-radius:var(--radius-8);gap:var(--spacing-20);background-color:var(--color-bg-box-01);border:var(--stroke-weight-1)solid transparent;box-sizing:border-box;flex-direction:column;transition:border-color .2s,background-color .2s;display:flex;overflow:hidden}.info-resourcecard-group .info-resourcecard__card{cursor:pointer}.info-resourcecard-group .info-resourcecard:not(.info-resourcecard--selected) .info-resourcecard__card{background-color:var(--color-bg-tab-dim);border-color:transparent}.info-resourcecard-group .info-resourcecard:not(.info-resourcecard--selected):hover .info-resourcecard__card{background-color:var(--color-bg-tab-dim);border-color:var(--color-border-focus-ring)}.info-resourcecard--selected .info-resourcecard__card,.info-resourcecard--selected:hover .info-resourcecard__card{background-color:var(--color-bg-box-01);border-color:var(--color-border-focus-ring)}.info-resourcecard__header{padding:var(--spacing-12)0;background-color:var(--color-bg-button-secondary);border-radius:var(--radius-5);text-align:center}.info-resourcecard--selected .info-resourcecard__header{background-color:var(--color-bg-button-primary)}.info-resourcecard__title{font-family:var(--typography-body-lg-family,var(--font-family-pretendard));font-size:var(--typography-body-lg-size,var(--font-size-16));font-weight:var(--typography-body-lg-weight-semibold,var(--font-weight-semibold));line-height:var(--typography-body-lg-line-height,var(--line-height-20));color:var(--color-text-primary-a);letter-spacing:var(--typography-body-lg-letter-spacing,var(--letter-spacing-0));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info-resourcecard__content{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.info-resourcecard__content--horizontal{gap:var(--spacing-30);flex-direction:row}.info-resourcecard__content--vertical{gap:var(--spacing-16);flex-direction:column}.info-resourcecard__column{gap:var(--spacing-10);flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.info-resourcecard__content--vertical .info-resourcecard__column{align-items:flex-start;width:100%}.info-resourcecard__label{justify-content:center;width:100%;display:flex}.info-resourcecard__content--vertical .info-resourcecard__label{justify-content:flex-start}.info-resourcecard__label-text{font-family:var(--typography-body-md-family,var(--font-family-pretendard));font-size:var(--typography-body-md-size,var(--font-size-14));font-weight:var(--typography-body-md-weight-regular,var(--font-weight-regular));line-height:var(--typography-body-md-line-height,var(--line-height-16));color:var(--color-text-secondary);letter-spacing:var(--typography-body-md-letter-spacing,var(--letter-spacing-tight))}.info-resourcecard__value{height:var(--line-height-48);justify-content:center;align-items:center;display:flex}.info-resourcecard__content--vertical .info-resourcecard__value{justify-content:flex-start;width:100%}.info-resourcecard__value-content{align-items:flex-end;gap:var(--spacing-4);min-width:0;display:flex}.info-resourcecard__value-number{font-family:var(--typography-heading-2xl-family,var(--font-family-pretendard));font-size:var(--typography-heading-2xl-size,var(--font-size-40));font-weight:var(--typography-heading-2xl-weight,var(--font-weight-bold));line-height:var(--typography-heading-2xl-line-height,var(--line-height-48));color:var(--color-text-primary-a);letter-spacing:var(--typography-heading-2xl-letter-spacing,var(--letter-spacing-tight));white-space:nowrap}.info-resourcecard__value-unit{font-family:var(--typography-body-lg-family,var(--font-family-pretendard));font-size:var(--typography-body-lg-size,var(--font-size-16));font-weight:var(--typography-body-lg-weight-regular,var(--font-weight-regular));line-height:var(--typography-body-lg-line-height,var(--line-height-20));color:var(--color-text-tertiary);letter-spacing:var(--typography-body-lg-letter-spacing,var(--letter-spacing-0));padding-bottom:var(--spacing-4);white-space:nowrap;flex-shrink:0}.info-resourcecard__divider{width:var(--stroke-weight-1);height:var(--line-height-48);background-color:var(--neutral-700);flex-shrink:0}@media (max-width:500px){.info-resourcecard-group{gap:var(--spacing-16);flex-direction:column;padding:0}.info-resourcecard{width:100%;min-width:0}.info-resourcecard__card{padding:var(--spacing-20)}}
.input-login{border:1px solid var(--color-text-tertiary);box-sizing:border-box;border-radius:5px;flex-shrink:0;align-items:center;width:400px;height:46px;padding:0 16px;transition:all .2s;display:flex;position:relative}.input-login__field{font-family:var(--font-family-pretendard);font-size:var(--typography-body-md-size);font-weight:var(--typography-body-md-weight-regular);line-height:var(--typography-body-md-line-height);letter-spacing:var(--typography-body-md-letter-spacing);color:var(--color-text-tertiary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0}.input-login__field::placeholder{color:var(--color-text-tertiary);font-weight:400}.input-login--default{border-color:var(--color-text-tertiary)}.input-login--default .input-login__field{color:var(--color-text-tertiary);font-weight:var(--typography-body-md-weight-regular)}.input-login--typing{border-color:var(--color-border-focus-ring)}.input-login--typing .input-login__field{color:var(--color-text-primary-d);font-weight:var(--typography-body-md-weight-medium)}.input-login--done{border-color:var(--color-text-tertiary)}.input-login--done .input-login__field{color:var(--color-text-primary-d);font-weight:var(--typography-body-md-weight-medium)}.input-login--disabled{border-color:var(--neutral-300);opacity:1;cursor:not-allowed}.input-login--disabled .input-login__field{cursor:not-allowed;color:var(--neutral-300);font-weight:var(--typography-body-md-weight-semibold)}.input-login:focus-within{border-color:var(--color-border-focus-ring);outline:none}@media (max-width:768px){.input-login{width:100%;max-width:330px}}
body{margin:0;padding:0}.document{background-color:var(--neutral-900);min-height:100vh;display:flex}.container{background-color:var(--neutral-900);flex-direction:column;flex:1;display:flex}.container-head{color:var(--base-white);font-size:var(--typography-heading-md-size);margin-bottom:20px}.container-body{color:var(--neutral-400);font-size:var(--typography-body-md-size);flex:1;padding:0;line-height:1.6}.container-body p{margin-bottom:12px}.dashboards-01 .contents-inner{padding:40px}.dashboards-01 .contents-inner section{margin-bottom:40px}.dashboards-01 .contents-inner section:last-child{margin-bottom:0}.dashboards-01 .contents-inner h2{color:var(--base-white);font-size:var(--font-size-28);margin-bottom:20px;line-height:1.2}.dashboards-01 .contents-inner p{color:var(--neutral-400);font-size:var(--font-size-16);margin-bottom:32px;line-height:1.5}.dashboards-01 .contents-inner .btn-group{flex-wrap:wrap;gap:12px;display:flex}.dashboards-03 .contents-inner{padding:40px}.dashboards-03 .contents-inner section{margin-bottom:40px}.dashboards-03 .contents-inner section:last-child{margin-bottom:0}.dashboards-03 .contents-inner h2{color:var(--base-white);font-size:var(--font-size-28);margin-bottom:20px;line-height:1.2}.dashboards-03 .instance-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.dashboards-03 .instance-card{background:var(--neutral-800);border-radius:var(--radius-8);border:1px solid var(--neutral-700);padding:24px}.dashboards-03 .instance-card-header{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.dashboards-03 .instance-card-title{color:var(--base-white);font-size:var(--font-size-20);font-weight:var(--font-weight-semibold);margin-bottom:8px}.dashboards-03 .instance-card-times{color:var(--neutral-400);font-size:var(--font-size-12);text-align:right}.dashboards-03 .instance-card-times p{margin:0 0 4px}.dashboards-03 .instance-card-times p:last-child{margin-bottom:0}.dashboards-03 .metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.dashboards-03 .metric-item{flex-direction:column;gap:8px;display:flex}.dashboards-03 .metric-label{color:var(--neutral-400);font-size:var(--font-size-12);margin:0}.dashboards-03 .metric-content{align-items:center;gap:8px;display:flex}.dashboards-03 .metric-value{color:var(--base-white);font-size:var(--font-size-20);font-weight:var(--font-weight-bold)}.dashboards-03 .metric-progress{background:var(--neutral-700);border-radius:2px;width:100%;height:4px;overflow:hidden}.dashboards-03 .metric-progress-bar{border-radius:2px;height:100%}.dashboards-03 .metric-progress-bar.progress-yellow{background:var(--orange-500)}.dashboards-03 .metric-progress-bar.progress-red{background:var(--red-500)}.dashboards-03 .metric-progress-bar.progress-green{background:var(--green-500)}.dashboards-03 .metric-progress-bar.progress-blue{background:var(--blue-500)}.dashboards-03 .instance-details{border-top:1px solid var(--neutral-700);padding-top:16px}.dashboards-03 .details-grid{font-size:var(--font-size-12);grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.dashboards-03 .detail-item{flex-direction:column;gap:4px;display:flex}.dashboards-03 .detail-label{color:var(--neutral-400);margin:0}.dashboards-03 .detail-value{color:var(--base-white);margin:0}.jupiter-01 .contents-inner{padding:40px}.jupiter-01 .contents-inner section{margin-bottom:40px}.jupiter-01 .contents-inner section:last-child{margin-bottom:0}.jupiter-01 .contents-inner h2{color:var(--base-white);font-size:var(--font-size-28);margin-bottom:20px;line-height:1.2}.jupiter-01 .table-container{background:var(--neutral-800);border-radius:var(--radius-8);border:1px solid var(--neutral-700);overflow:hidden}.jupiter-01 .table-header{background:var(--neutral-700);grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:0;padding:16px;display:grid}.jupiter-01 .table-header-cell{align-items:center;gap:8px;display:flex}.jupiter-01 .table-header-text{color:var(--base-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-14)}.jupiter-01 .table-header-sort{width:14px;height:14px;color:var(--neutral-400)}.jupiter-01 .table-body{flex-direction:column;display:flex}.jupiter-01 .table-row{border-bottom:1px solid var(--neutral-700);grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:0;padding:16px;display:grid}.jupiter-01 .table-row:last-child{border-bottom:none}.jupiter-01 .table-cell{flex-direction:column;gap:4px;display:flex}.jupiter-01 .table-cell-text{color:var(--base-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-14)}.jupiter-01 .pagination-container{justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.jupiter-01 .pagination-item{border:1px solid var(--neutral-600);border-radius:var(--radius-4);width:32px;height:32px;color:var(--neutral-400);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.jupiter-01 .pagination-item:hover{background:var(--neutral-700);color:var(--base-white)}.jupiter-01 .pagination-item.active{background:var(--color-bg-button-primary);color:var(--base-white);border-color:var(--color-bg-button-primary)}.jupiter-01 .pagination-item svg{width:16px;height:16px}.jupiter-01 .pagination-text{font-size:var(--font-size-14)}@media (max-width:1024px){.dashboards-01 .contents-inner,.dashboards-03 .contents-inner,.jupyter-01 .contents-inner{padding:20px}.dashboards-01 .contents-inner h2,.dashboards-03 .contents-inner h2,.jupyter-01 .contents-inner h2{font-size:var(--font-size-24)}.dashboards-01 .contents-inner .btn-group{flex-direction:column}.dashboards-01 .contents-inner .btn-group .btn{width:100%}.dashboards-03 .instance-grid,.dashboards-03 .metrics-grid,.dashboards-03 .details-grid{grid-template-columns:1fr}.jupyter-01 .table-header,.jupyter-01 .table-row{grid-template-columns:1fr;gap:8px}.jupyter-01 .table-header-cell,.jupyter-01 .table-cell{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width:768px){.dashboards-01 .contents-inner,.dashboards-03 .contents-inner,.jupyter-01 .contents-inner{padding:16px}.dashboards-01 .contents-inner h2,.dashboards-03 .contents-inner h2,.jupyter-01 .contents-inner h2{font-size:var(--font-size-20);margin-bottom:16px}.dashboards-01 .contents-inner p{font-size:var(--font-size-14);margin-bottom:24px}.dashboards-03 .instance-card{padding:16px}.dashboards-03 .instance-card-header{flex-direction:column;gap:12px}.dashboards-03 .instance-card-times{text-align:left}.dashboards-03 .metrics-grid,.dashboards-03 .details-grid{grid-template-columns:1fr;gap:12px}.jupyter-01 .table-header,.jupyter-01 .table-row{padding:12px}.jupyter-01 .table-header-text,.jupyter-01 .table-cell-text{font-size:var(--font-size-12)}.jupyter-01 .pagination-container{flex-wrap:wrap;gap:4px}.jupyter-01 .pagination-item{width:28px;height:28px}}


*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-pretendard);overflow:hidden}.login-page{background-color:var(--neutral-900);width:100vw;height:100vh;position:relative;overflow:hidden}.login-bg{background-image:url(/images/image_visual_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.login-bg:before{content:"";mix-blend-mode:overlay;opacity:.3;background-image:url(/images/background-texture.png);background-repeat:repeat;background-size:134px 134px;position:absolute;top:0;bottom:0;left:0;right:0}.login-visual{aspect-ratio:606/461;opacity:1;background-image:url(/images/mainvisual.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:calc(70% - 490px);min-width:500px;max-width:666.6px;position:absolute;top:66.6667%;left:calc(50% - 350px);transform:translate(-50%,-50%)}@media (min-width:1441px){.login-visual{width:30%;max-width:666.6px;left:25%}}.login-body{background-color:var(--color-icon-primary);flex-direction:column;justify-content:center;align-items:center;width:700px;min-width:500px;padding:234px 0;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:10px 25px 35px rgba(112,85,162,.1)}@media (min-width:1441px){.login-body{width:50%}}.login-logo{align-items:center;gap:12px;width:188px;height:42px;display:flex;position:relative}.login-logo-symbol{flex-shrink:0;width:53px;height:42px;position:relative}.login-logo-symbol img{object-fit:contain;width:100%;height:100%}.login-logo-text{font-family:var(--font-family-pretendard);color:var(--color-login-logo-text);white-space:nowrap;margin:0;padding:0;font-size:32px;font-weight:800;line-height:1.3}.login-contents{flex-direction:column;align-items:center;width:400px;padding:40px 0 30px;display:flex}.login-google-btn{width:100%;margin-bottom:20px}.login-divider{flex-direction:column;align-items:center;gap:0;width:100%;padding:20px 0;display:flex}.login-divider-line{background-color:var(--color-text-tertiary);opacity:.3;width:100%;height:1px}.login-divider-text{font-family:var(--font-family-pretendard);font-size:var(--typography-body-md-size);font-weight:var(--typography-body-md-weight-semibold);line-height:var(--typography-body-md-line-height);letter-spacing:var(--typography-body-md-letter-spacing);color:var(--color-text-primary-d);text-align:center;margin:12px 0}.login-form{flex-direction:column;align-items:flex-start;gap:24px;width:100%;display:flex}.login-form-wrapper{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.login-form-fields{flex-direction:column;gap:6px;width:100%;display:flex}.login-submit-btn{background-color:var(--color-bg-brand);cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;height:48px;padding:0 32px;transition:background-color .2s;display:flex}.login-submit-btn:hover{background-color:var(--color-bg-button-primary)}.login-submit-btn-text{font-family:var(--font-family-pretendard);font-size:20px;font-weight:var(--typography-heading-sm-weight);color:var(--color-icon-primary);text-align:center;line-height:1.2}.login-links{flex-direction:column;align-items:center;gap:6px;margin-top:0;display:flex}.login-link{font-family:var(--font-family-pretendard);font-size:var(--typography-body-md-size);font-weight:var(--typography-body-md-weight-medium);line-height:var(--typography-body-md-line-height);letter-spacing:var(--typography-body-md-letter-spacing);color:var(--color-text-info);cursor:pointer;text-decoration:none;transition:color .2s}.login-link:hover{color:var(--color-text-info-bold)}.login-link-text{color:var(--neutral-900)}